sptech-gh/AgriBiz-Africa

# AgriBiz Africa AgriBiz Africa is a production-grade, highly-optimized web application built to showcase premium agricultural products, advisory services, and farming equipment in Ghana. The platform is designed with a mobile-first philosophy, utilizing responsive design, dual-channel lead capture systems, and technical SEO foundations. --- ## 🚀 Key Features * **Premium Agricultural Directory**: Rich, categorized product lists covering premium seeds (maize, vegetable), organic fertilizers (NPK, Urea), organic pesticides, and modern farming equipment. * **Dual-Channel Lead Capture**: * **Interactive Netlify Form**: Clean, accessible inputs for custom inquiries and quotes. * **Context-Aware WhatsApp Click-to-Chat**: Smart links embedded directly under each product to open WhatsApp with pre-filled messages (e.g., *"I'm interested in ordering Premium Maize Seeds"*). * **QUALISEED Community**: Embedded links to join the official QUALISEED WhatsApp Channel for real-time farming tips, seed selection advice, and community engagement. * **Performance Optimization**: * **Zero External Requests**: All media assets, fonts, and scripts are self-hosted to eliminate render-blocking HTTP requests. * **Responsive Multi-format Image Pipeline**: Custom component serving AVIF, WebP, and high-quality fallbacks at multiple responsive breakpoints (`320w`, `480w`, `640w`, `768w`, `1024w`, `1440w`, `1920w`). * **Vite Code-Splitting**: Vendor dependency splitting to ensure rapid first-contentful-paint (FCP). * **Agronomy & Business Blog**: Detailed articles on crop optimization, soil health, and pest management. * **Accessible Modern UI**: Premium glassmorphism design, custom animations, responsive layouts, and full accessibility compliance (minimum `44px` touch targets). --- ## 🛠️ Technology Stack * **Framework**: React + TypeScript * **Build Tool**: Vite * **Styling**: Tailwind CSS * **Icons**: Lucide React * **Host/Form Handling**: Netlify --- …