Description

Premium architectural glazing portfolio with staggered product grid, immersive project detail modals, showroom visit booking, and client testimonial carousel.

Prompt

Build a website for a premium architectural glazing company based in London. The site should feel like a high-end architecture portfolio — dark moody hero section with a big poetic tagline and a "Scroll to explore" indicator, then alternating between dark charcoal and warm cream sections, using a clean sans-serif font with monospace uppercase section labels marked by small decorative icons. Include sections for: an about statement positioning the company as a bespoke glass atelier, a staggered asymmetric product grid with 4 cards at different aspect ratios (Doors, Windows, Structural, Additional) each with full-bleed images, gradient overlays, and hover scale zoom transitions, a dark showroom section with evocative copy about touching the glass and seeing the difference, showing the showroom address and a "Book a Visit" button that opens a visit request modal with name, email, date and time fields, featured London projects displayed as clickable rows with thumbnail images and tag badges (e.g., "Sliding Door", "Structural Glazing") that open into dramatic full-screen detail modals with backdrop blur and large project images, a pure two-image gallery diptych with no text overlay, a client testimonial carousel with oversized blockquote text showing a counter and arrow navigation with reviewer photos and star ratings, a "Get a Quote" CTA that opens a cream modal with name, email, phone, and project details fields, and a dark footer with navigation links, contact info, and social links - plus a floating bottom nav pill fixed to the bottom of the viewport with logo and hamburger icon.

Live App

https://1c32986fdcd74eccaf.v2.appdeploy.ai/