pure-cafe

byOm Pawar

Generate a stunning, premium, single-page website for "Olivia's Cafe & Bistro", a luxury cafe in Pune. The aesthetic must be warm, inviting, artistic, and magazine-quality, showcasing their pottery studio, themed events, and artisan coffee. **GLOBAL DESIGN & THEME REQUIREMENTS:** * **Primary Brand Colors (STRICTLY USE THESE):** Sage Green (#6B9B8E) for navigation, main headings, and primary accents. Dusty Pink (#D4A5A5) for secondary buttons, hover states, and decor. Terracotta (#C77D5C) for ALL menu prices, bestseller badges, and warm highlights. Cream (#F5EFE7) for the main page background and soft section backgrounds. * **Typography:** Use 'Playfair Display' for all headings (elegant, lightweight serif) and 'Inter' for all body text (clean, readable sans-serif). * **Icons:** Use clean, minimalist icons throughout (like Lucide icons). * **Interactions:** Include smooth scroll navigation, soft fade-in animations, and gentle hover effects (like images slightly zooming or cards lifting). **PAGE STRUCTURE & CONTENT:** **1. Sticky Navigation Bar:** * Background: Sage Green (#6B9B8E) with white text. * Left side: A coffee icon next to the logo "Olivia's" (in serif) and a smaller sub-text "Cafe & Bistro". * Center: Links to Experiences, Menu, Gallery, and Visit. * Right side: A rounded Dusty Pink (#D4A5A5) button that says "Follow Us" with an Instagram icon. Make it a hamburger menu on mobile. **2. Hero Section (Full Screen):** * Background: A dark, moody image of a cafe exterior with string lights. Apply a dark overlay gradient fading into sage green so white text is readable. * Content (centered): A small Dusty Pink decorative line. The main heading: "Where Creativity Meets Community" (large, elegant serif). Subheading: "Pottery • Themed Events • Flea Markets • Artisan Coffee" (uppercase, wide spacing). Below that, a tagline in Dusty Pink: "✨ You Do You ✨" (italic serif). * Bottom: A bouncing chevron arrow pointing down. **3. Experiences Section (CRITICAL RULE: NO PRICES AND NO BOOKING BUTTONS HERE):** * Background: White. * Heading: Small Terracotta text saying "What We Offer", followed by a large Sage Green heading: "The Olivia's Experience", and a subtitle: "Every visit is a story waiting to be told". * Layout: A 3-column grid of beautiful cards. Each card needs a large 4:3 image, a floating icon badge, a category label, a title, a description, and a simple text link saying "Learn More →" (NO actual buttons). * Card 1: Category "CREATE", Title "Pottery Painting Studio", Desc: "Paint your own ceramic masterpiece. Choose from 100+ pottery pieces, unleash your creativity, and take home art you'll treasure forever." * Card 2: Category "CELEBRATE", Title "Themed Experiences", Desc: "Step into magical worlds with our themed dining nights. From Harry Potter feasts to seasonal celebrations, every event is an adventure." * Card 3: Category "DISCOVER", Title "Sunday Flea Markets", Desc: "Curated vintage finds, handmade crafts, and local artisan treasures every Sunday. Shop, sip, and discover one-of-a-kind pieces." **4. Menu Section:** * Background: Cream (#F5EFE7). * Heading: A Terracotta heart icon, a Sage Green heading "Signature Favorites", and subtitle "A taste of what we craft with love". * Layout: A clean grid displaying exactly 12 items. Each item should have a small square thumbnail image on the left, and the text on the right. * Item styling: Item name in Sage Green, a short 1-line description in gray, and the price heavily emphasized in Terracotta (#C77D5C). Put a small Terracotta star next to the names of the Bestsellers. * Items: 1. Tiramisu Coffee (Bestseller) - "Espresso meets Italian indulgence" - ₹229 2. Hot Chocolate (Bestseller) - "Liquid velvet warmth" - ₹209 3. Vietnamese Iced Latte - "Rich condensed milk sweetness" - ₹229 4. Masala Chai - "Traditional spiced tea" - ₹129 5. Thecha Chicken Burger (Bestseller) - "Pune's fiery soul in every bite" - ₹329 6. Pesto Pasta - "Fresh basil perfection" - ₹299 7. Margherita Pizza - "Classic done extraordinarily" - ₹279 8. Sydney's Omelette - "From The Bear, to your plate" - ₹229 9. Greek Salad - "Fresh, vibrant, zesty" - ₹279 10. Pancakes with Toppings - "Fluffy clouds of happiness" - ₹249 11. Nutella Waffle - "Crispy, creamy heaven" - ₹259 12. Tiramisu Slice - "Coffee-soaked dreams" - ₹179 * Below the menu, add a small italic text: "View our full menu in-store • Fresh daily specials available". **5. Gallery & Vibe Section:** * Background: White. * Heading: "The Olivia's Vibe" in Sage Green, with subtitle "Cozy corners & creative moments". * Layout: A visually appealing grid of 8 aesthetic, square-cropped cafe images (coffee, pottery, interiors). * Bottom: A large, prominent button for Instagram: "Follow for More @olivia.cafe.bistro_pune" with a Dusty Pink border. **6. Social Proof Section:** * Background: A very light, transparent Sage Green. * Content: 5 Terracotta star icons. A bold Sage Green heading: "4.8 Rating on Google". Below it, an italic quote: "Feels like a warm hug • Perfect for dates • Best cafe in Pune". **7. Visit Us Section (CRITICAL RULE: NO BOOKING OR RESERVATIONS):** * Background: A Sage Green gradient block. Text should be white. * Layout: 2 columns. * Left Column: Heading "Visit Our Creative Sanctuary". Include hours (Every Day • 10:00 AM - 10:00 PM), Location (Echelon Apartment, Baner-Pashan Link Road, Pune, Maharashtra 411021), and explicitly state "Walk-ins Welcome • No Reservations Needed" with phone and map icons. Include a large italic text: "Drop by anytime. We save the best seats for walk-ins." Add an Instagram button for "@olivia.cafe.bistro_pune". * Right Column: A large, beautifully rounded map placeholder or embedded Google map of the location. **8. Footer:** * Background: Dark Slate (#0F172A) with gray text. * Content: Logo with coffee icon, tagline "Where creativity meets community" in Dusty Pink. Copyright "©️ 2024 Olivia's Cafe & Bistro • Pune". At the very bottom, "✨ You Do You ✨" in italic Dusty Pink. Ensure the entire layout stacks perfectly into a single column for mobile devices, keeping all touch targets large and text highly legible. ***