Please create a mobile app based on below name and description.
The app should be designed with mobile-first principles, optimized for responsive for mobile devices.
Name: Light-of-life
Description: Discover LIGHTOFLIFE Pharmacy, Stores & Diagnostic Centre app! Easily order meds, book diagnostics, and shop health products. Enjoy fast delivery, expert advice, and seamless care—all in one trusted p
I've created a comprehensive mobile-first pharmacy app for "Light-of-life" with the following features:
The app provides a seamless experience for ordering medicines, booking diagnostic tests, and managing health-related purchases, all optimized for mobile devices with intuitive navigation and user-friendly interface.
Now let me read the current main page and layout to understand the existing structure:
Now I understand the current structure. Based on the design inspiration and your clarification that the app focuses on medicine sales and diagnostic test booking, let me rebuild this app with a refined, focused design. I'll create a cleaner, more professional healthcare e-commerce experience optimized for mobile.
Now let me rebuild the main page to focus on the two core utilities (medicine sales and test booking):
Now let me replace the pharmacy and diagnostics screens:
Now let me update the cart screen to handle both medicines and tests:
Now let me update the medicine detail and test detail screens, and update the render function at the bottom:
Now let me update the render function and the return JSX to include the test detail screen:
I need to remove the remaining bottom navigation code. Let me check the full end of the file:
Let me delete the extra navigation code that wasn't properly removed:
Now let me verify the file is clean and run a quick check:
Now let me create a todo list to track the work completed and ensure everything is in order:
I've successfully rebuilt your Light-of-Life pharmacy app with a focused, mobile-first design optimized for the two core utilities: medicine sales and diagnostic test booking. Here's what I've created:
Design & Branding:
Home Screen:
Pharmacy Screen:
Diagnostics Screen:
Cart System:
Detail Views:
The app now has a professional healthcare e-commerce feel optimized for mobile devices with fast load times and intuitive user flows. All screens use semantic design tokens for consistency and are built with accessibility in mind.