DESIGN STYLE: Appio-inspired minimalist cesthetic with warm, inviting touches. Clean lines, generous white space, subtle sophistication.
STRUCTURE:
-Hero section with compelling headline "Craft Coffee, Crafted Moments", supporting subheadline about artisanal brewing, and prominent CTA button "Explore Our Menu
-About section with two-column layout: left side telis origin story, right side highlights core values (Quality, Community, Sustainability with icons
Menu showcase section with 3x2 grid displaying 6 signature drinks, each with image placeholder, drink name, brief description, and price
Location & Hours section with map placeholder, address, phone number, and operating hours in clean card layout Focter with social media icons, newsletter signup form, and secondary navigation links
Now let me read the existing files and generate the images I'll need for the coffee shop.
Now let me generate the images for the coffee shop.
Now let me update the theme, layout, and build all the components.
Now let me update the layout with proper fonts and metadata:
Now update the font references in globals.css:
Now let me build the component files. I'll create the Navbar, Hero, About, Menu, Location, and Footer components:
Now let me wire everything together in the main page:
Your coffee shop landing page is live. It features a warm, Apple-inspired minimalist design built around an earth-tone palette (rich browns, warm creams, subtle amber accents) with the elegant DM Serif Display for headings paired with Inter for body text. The page includes a fixed glassmorphic navbar, a full-screen hero with layered imagery, a two-column about section with animated value cards, a responsive 3x2 menu grid with real generated drink images and hover effects, a location section with an embedded map and info cards, and a polished footer with social icons and a working newsletter signup form.
You can send messages while the preview loads