Description
Berlin cookie boutique with weekly rotating menu, full e-commerce checkout with pickup/shipping toggle, order confirmation, My Orders account page, and push notifications.
Prompt
Build a website for an artisan cookie boutique based in Berlin - the design should be warm and playful with a pink color palette (soft pink, rose, and dark pink tones), rounded elements, wavy SVG section dividers, and a feminine, inviting aesthetic. Use a cursive script font for the logo and playful headings paired with a clean sans-serif body font.... The home page should feature a hero with the shop name in white script on a pink header, a beautifully styled cookie box photo with rounded corners and drop shadow, a welcoming headline, and a prominent CTA button to browse this week's cookies. Include homepage sections for awards/press mentions, a step-by-step ordering guide, customer reviews (with a mobile carousel), a "Meet the Chef" profile with portrait and bio, and an Instagram-style photo grid. Create separate pages for: a rotating weekly cookie menu displayed in a 3-column grid with cookie photos, names, EUR prices, descriptions, and "Add to Cart" buttons that transform into quantity steppers - with a delivery notice about weekly Friday fulfillment; an About page with the founder's story; a How to Order page with step-by-step icons and an FAQ accordion; a Cookie Cakes page with FAQ and an inquiry form; and a Contact page with info and form. Build a full e-commerce flow: a header cart icon with item count badge, a checkout page with a two-column layout showing a delivery method toggle (free local pickup vs paid shipping with address form), a sticky order summary card with item thumbnails, quantities, and total, and a "Pay with Card" button leading to an order confirmation page with order number and summary. Add a "My Orders" account page showing past order cards with status and totals. Include auth-gated checkout and push notification opt-in for order updates.