I'll start by studying the current website and generating a design brief for the modernized version.

Now let me set up tasks for this multi-page project and read the existing files.

Now let me read some of the UI components I'll use and check for read-only example components.

Good, I have all the context I need. Let me now start building. First, I'll update the theme, layout, and create the shared navigation/footer components.

Now update the layout with the new font and metadata:

Now create the shared header and footer components:

Now let me build the landing page:

Now let me build the About page:

Now let me build the Services page:

Now let me build the Contact page with the form, map, and booking interface:

Now create the three contact sub-components:

Now let me build the FAQ page:

Now let me read the Select component since I used it in the booking widget:

Good, the Select component is already present. Let me now mark all tasks as done:

The full Midnight Pharmacy website is now built across 5 pages with a modern SaaS design aesthetic. Here's a summary of what was created:

Theme & Layout — A custom midnight navy + teal accent colour palette applied via design tokens, Inter font for clean readability, sticky header with top info bar (hours, phone, address), and a comprehensive footer with contact details and navigation.

Pages built:

• Landing — Hero with floating stat cards, 6-card services overview grid, "Why choose us" section with value props, customer testimonials, and a full-width CTA
• About — Brand story, animated stat blocks (365 days, 15+ services, etc.), and a 4-card values section
• Services — 6 detailed primary service cards with feature lists, plus 6 additional services in a grid, and a contact CTA
• Contact — Full contact form with success state, contact details sidebar, embedded OpenStreetMap via Leaflet (centred on Adelaide), and a booking widget with calendar date picker, time slot selection, service dropdown, and confirmation screen
• FAQ — 5 categories of accordion-based Q&A covering general info, prescriptions, vaccinations, travel clinic, and other services

All pages are fully responsive (mobile nav uses a Sheet/drawer), use semantic HTML, and follow the original site's content and services while modernising the presentation.