This attachment is a polished standalone HTML file for TagTaxi with a black and neon green color scheme. Notable features include a loading screen animation that fades after 2 seconds, an embedded Google Maps iframe showing the main service cities (Mogadishu, Bosaso, Garoowe, Hargeisa), gradient button styling, social media icons, and a simple JavaScript language toggle. The design uses Poppins font, has a hero section with an Unsplash background image, and includes sections for features, driver registration, app downloads, and contact information.
Would you like me to integrate the best features from this version into your existing Next.js app? I can add the loading screen animation, Google Maps section, refined button styling with gradients, and social media icons while keeping the React Context language system I already built.
This attachment is a standalone HTML file for TagTaxi with a black and neon green color scheme. The key new feature is an order ride popup modal that opens when users click "Beställ Resa" (Order Ride in Swedish) in the hero section. The modal includes a form with fields for name, phone, pickup location, destination, and time, along with send and cancel buttons. It displays a thank you message after submission. The file also includes the loading screen animation, Google Maps iframe, language toggle, and all previous sections. The modal is styled consistently with the black/green theme and uses simple JavaScript for open/close functionality.
The most appropriate approach would be to integrate this order ride modal functionality into the existing Next.js app. I'll create a React modal component with proper state management, form handling, and translations for both Somali and English (the current modal text is in Swedish). Would you like me to add this order ride modal to your TagTaxi landing page?