A bright, modern car rental website with a warm orange palette — multi-language (EN/FR/AR), Google Sheets CMS, WhatsApp-driven bookings, built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.
Live Demo — Try it live
| Hero Section | Popular Cars Section |
|---|---|
![]() |
![]() |
- Warm orange aesthetic — #ff6b35 accent, clean white backgrounds, Plus Jakarta Sans font
- Multi-language — English, French, Arabic with full RTL layout mirroring
- Google Sheets CMS — all data (cars, locations, settings) from a published sheet
- WhatsApp bookings — no backend needed; all form submits open
wa.mewith a preformatted message - SEO optimized —
generateMetadata, sitemap.xml, robots.txt - Framer Motion animations — scroll-triggered reveals, hover effects
- Mobile-first — responsive across all breakpoints, bottom mobile CTA bar
- Accessibility — semantic HTML, ARIA labels, focus states
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS 3
- Framer Motion 12
- next-intl 4
- Lucide React icons
npm install
npm run devOpen http://localhost:3000.
Live Demo · Built with Next.js · © Sunline Rentals


