IsrealDWZ/izzyautobridge

IzzyAutobridge Ghana Website repository # IzzyAutoBridge Ghana — Vehicle Marketplace Production-ready React + Vite + Tailwind + Framer Motion frontend for IzzyAutoBridge Ghana vehicle imports. ## Live Demo Deployed on Vercel: `izzyautobridge.vercel.app` (after deployment) ## Features Implemented | Feature | Component | Status | |---------|-----------|--------| | Hero section with scroll animations | `Hero.jsx` | ✅ | | Stats row (live counts from data) | `StatsRow.jsx` | ✅ | | Trust section (6 trust signals) | `TrustSection.jsx` | ✅ | | Import process (4 steps) | `ProcessSection.jsx` | ✅ | | Path comparison (Path 01 vs 02) | `ComparisonSection.jsx` | ✅ | | EV Calculator (fuel savings) | `EVCalculator.jsx` | ✅ | | Concierge request form | `ConciergeForm.jsx` | ✅ | | Vehicle grid with filters | `VehicleGrid.jsx` + `FilterSidebar.jsx` | ✅ | | Compare modal (max 2) | `CompareModal.jsx` | ✅ | | Favorites drawer | `FavoritesDrawer.jsx` | ✅ | | Floating WhatsApp | `FloatingWhatsApp.jsx` | ✅ | | Dark/Light mode | Zustand store | ✅ | | Error boundary | `main.jsx` | ✅ | ## Data - **194 vehicles** from 6 CSV categories (Sedans, SUVs, Hatchbacks, MPVs, Pickups, Mini Cars) - **33 brands**: Toyota, Changan, Jetour, Honda, Chery, BYD, Haval, Geely, XPeng, AVATR, etc. - **5 body types**: SUV (118), Sedan (51), Hatchback (10), MPV (8), Pickup (7) - **445 real images** fuzzy-matched from local assets - **WhatsApp**: `233536225804` (configured in all components) ## Quick Start ```bash npm install npm run dev # localhost npm run build # Production build to dist/ npm run preview # Preview production build ``` ## Build-Time Data Generation ```bash npm run build:data # Runs build-image-index.js + generate-vehicles.js ``` This: 1. Scans 1,300+ images from `images_carimages/` and `images_serpapi/` 2. Parses 6 CSV files from `TO UPLOAD FIRST/MAIN FEATURES SORTED/` 3. Fuzzy-matches images to vehicles (brand + model + variant) 4. Outputs `src/data/vehicles.json` + copies images to …