Chrachem Location

Chrachem Location - Car Rental Landing Site

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