I'll convert this Arabic mobile car wash landing page to a modern Next.js application with Tailwind CSS. Let me build this for you.
Now I'll update the globals.css with a custom color scheme for this car wash service and create the main page with all components.
Now I'll create the components and main page:
I've converted the Arabic mobile car wash landing page to a modern Next.js application. The app includes:
- RTL Arabic support with the Tajawal font for proper Arabic typography
- Header with the brand name "بريق المركبات" (Vehicle Shine)
- Hero section with a call-to-action button that smoothly scrolls to the order form
- Pricing cards for sedan (30 SAR) and SUV (45 SAR) with hover animations
- Order form with geolocation support to detect the user's location and WhatsApp integration for sending orders
- Footer with clickable phone number
The design uses a green primary color for the car wash branding and a dark secondary color scheme, with proper semantic design tokens throughout.