Al-Barroon is a bilingual corporate website built for an agricultural company operating in the vegetables industry. The project delivers a polished, modern web presence with a complete content management system, allowing the client to independently manage every aspect of their website.
The entire platform was engineered from the ground up for dual-language support. Every content entity carries paired English and Arabic fields, and the system serves the correct language based on the URL route (/en/... or /ar/...).
The frontend provides two completely independent layout systems — a left-to-right layout for English and a fully mirrored right-to-left layout for Arabic — each with its own SCSS stylesheets, Razor views, and typography (Poppins for English). Culture detection is handled through a custom RouteCultureProvider with automatic fallback logic.
The vegetable catalog is the core feature of the public site. Products are organized by category and displayed in a responsive grid with tab-based filtering. Each product features on-the-fly image optimization via Imageflow middleware (cropping, resizing, quality control) and a detail modal for expanded information. A full-text search engine allows visitors to search across product names, descriptions, and categories in both languages.
The admin area includes 20+ controllers covering every content type: home banners, feature sections, about pages, blog posts, team members, client logos, album galleries with photo management, static pages, site configuration, user management, feedback/inquiry tracking, and error monitoring. All admin operations are role-protected and use server-side DataTables for efficient data management.
Imageflow middleware provides real-time image processing with disk caching. Images are dynamically resized, cropped, and optimized via URL query parameters, with configurable quality settings (WebP, JPG, PNG at 100%) and a 30-day CDN-friendly cache. A "large" preset handles hero-sized images at 1024x1024.
The contact system includes a reCAPTCHA v3-protected feedback form with SMTP email notifications. Email templates are managed through the CMS block system with dynamic placeholders (%name%, %email%, %message%), allowing the client to customize notification emails without developer involvement.
The public site features a modern, responsive design built on Bootstrap 5 with scroll-triggered animations (WOW.js + Animate.css), Slick carousels for banners, LightGallery for photo galleries, YouTube video modals, parallax scrolling effects, and Feather Icons. Performance is optimized through Gzip/Brotli response compression and static file caching with 7-day headers.
Built on ASP.NET Core 8.0 with Entity Framework Core and SQL Server. The data layer implements a global soft-delete pattern through query filters, ensuring no data is ever permanently lost. The service layer (CommonService, SeoService) abstracts business logic from controllers. AutoMapper handles language-aware entity-to-ViewModel projections. ASP.NET Core Identity provides cookie-based authentication with role authorization. SignalR and Blazor are integrated for real-time capabilities. SEO metadata is configurable per content item with support for Google Analytics integration.