La présentation complète de ce projet est disponible en anglais.
A modern, single-page car rental landing site for Chrachem Location, a car rental business based in Sidi Ali Ben Hamdouche, Azemmour, El Jadida, Morocco.
Project Overview
The site lets customers browse available vehicles and book directly via WhatsApp or phone — no backend, no booking form, just a fast and lightweight static landing page.
Page Sections
- Navbar: Language switcher (French/English/Arabic) + dark/light theme toggle
- Hero: Welcome banner with CTA
- Fleet: Interactive car listing with color picker and WhatsApp booking
- Why Us: Key selling points
- Contact: Phone, email, WhatsApp links, and map embed
- Footer: Links and business info
- WhatsApp Float: Always-visible floating WhatsApp button
Fleet Details
Five vehicles with multiple color options per vehicle
- Dacia: Logan, Stepway Essential, Streetway Essential
- Hyundai: Tucson
- Renault: Express Van
Each car card features an interactive color picker with fade-transition image swaps, and a "Book Now" button that opens a pre-filled WhatsApp chat.
Internationalization (i18n)
Three languages switchable via Navbar and persisted to localStorage
- French (fr) - default, LTR
- English (en) - LTR
- Arabic (ar) - RTL with automatic document.dir switching
Key Features
- Dark/light theme via next-themes
- Scroll reveal animations using IntersectionObserver
- Full RTL support with automatic layout direction switching
- WhatsApp-first booking strategy (floating button + per-car buttons)
- Fully static and deployable on Vercel or any static host
- Responsive design for all devices
Contact Information
- Phone: +212 611 62 67 94 / +212 652 84 27 11
- Email: mouad.chrachem@gmail.com
- Location: Sidi Ali Ben Hamdouche, Azemmour, El Jadida, Morocco
Tech Stack
- Framework: Next.js
- UI Library: React
- Language: TypeScript
- Styling: Tailwind CSS
- Theme Management: next-themes
- State Management: React Context
- Deployment: Vercel
