What is Glassy?
Glassy is a premium architectural glazing website demo for a London glass company. It shows how to build a high-end architecture portfolio site with product collections, project storytelling, showroom booking prompts, and a polished visual brand.
Key features of Glassy
The page includes a cinematic hero, about copy, staggered product grid, showroom section, featured project modals, gallery imagery, testimonial carousel, quote call-to-action, floating navigation, and request modal. It is built for browsing and lead capture.
How Glassy was built
The source is a React and Vite app organized into focused sections such as Hero, ProductCollection, Showroom, FeaturedProjects, Gallery, Testimonials, CTA, FloatingNav, and QuoteModal. It is a static marketing experience with local images and videos rather than backend endpoints.
Prompt used to build Glassy
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 Glassy demo
Open the live Glassy appSee more Business apps
Springfield Elementary
School management app with a dashboard, student roster, weekly class schedules, gradebook, and certificates section.
"AppDeploy a school management app for Springfield Elementary School. It should have a dashboard with key metrics overview, a student roster with profiles (name, grade, photo placeholder, contact info, enrollment date,..."
Hotel Sistra
Boutique coastal hotel with hero image carousel, signature accommodations, multi-step room booking with live availability, events calendar, and booking notification opt-in.
"Build a website for a boutique coastal hotel on the chalk cliffs of the English coast - established in the 1950s. The design should feel refined and unhurried with a muted earth-tone palette using a sage green accent..."