Restaurant
Restaurant — Wine Bar Landing Page
Copy-paste layout brief covering Hero Section, Introduction Strip, Featured Wines and Experience Section — hand it to ChatGPT, Claude, or v0 as-is.
Restaurant — Wine Bar Landing Page is a copy-ready build prompt for restaurant pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
If something here is out of date, the source link below is always the canonical reference.
| Use case | Restaurant |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create a sophisticated landing page for an upscale wine bar called "Terroir & Vine" located in a renovated brick warehouse district. The design should feel intimate, refined, and modern.
1. HERO SECTION
- Full-width background image of dimly lit bar interior with warm amber lighting
- Overlaid logo in thin serif typography: "Terroir & Vine"
- Tagline: "Curated Wines. Crafted Experiences."
- Two CTAs: "Explore Our Collection" (outlined button) and "Book a Tasting" (solid button, #8B2252 burgundy)
- Subtle parallax scroll effect on the background image
- Navigation bar with transparent background that turns solid on scroll: Home, Wines, Events, About, Visit
2. INTRODUCTION STRIP
- Centered layout, max-width 720px
- Headline: "Where Every Glass Tells a Story"
- 2-sentence description: "We source directly from family-owned vineyards across France, Italy, and Spain. Our sommelier team curates a rotating selection of 200+ wines, from bold Barolos to crisp Sancerres."
- Decorative horizontal line divider with a small grape icon in the center
3. FEATURED WINES (3-column grid on desktop, single column on mobile)
- Card 1: "2021 Château Margaux" — Bordeaux, France — "Dark fruit, tobacco, elegant tannins" — $28/glass
- Card 2: "2022 Penfolds Bin 389" — South Australia — "Blackcurrant, chocolate, spice" — $22/glass
- Card 3: "2023 Cloudy Bay Sauvignon Blanc" — Marlborough, NZ — "Citrus, passionfruit, mineral finish" — $18/glass
- Each card: wine bottle image placeholder, region flag icon, flavor notes, price
- Hover effect: card lifts with subtle shadow (#00000020)
- "View Full Wine List" button below the grid
4. EXPERIENCE SECTION (2-column layout)
- Left column: atmospheric photo of a private tasting room
- Right column content:
- Headline: "Private Tastings & Events"
- Description of guided tasting experiences led by in-house sommeliers
- 3 bullet features with icons:
- "Curated 5-wine flight with cheese pairings"
- "Private rooms for groups of 8-24 guests"
- "Corporate event packages available"
- CTA: "Inquire About Events" button
5. UPCOMING EVENTS (horizontal scroll cards on mobile, 3-column grid on desktop)
- Event 1: "Old World vs. New World" — Sat, April 12 — 7:00 PM — $65/person — 8 spots left
- Event 2: "Italian Wine Masterclass" — Fri, April 18 — 6:30 PM — $85/person — 12 spots left
- Event 3: "Blind Tasting Challenge" — Sat, April 26 — 7:30 PM — $45/person — 20 spots left
- Each card: event image, date badge overlay, title, time, price, availability indicator (green/amber/red dot)
- "View All Events" link
6. ATMOSPHERE GALLERY
- 6 images in a masonry grid layout
- Scenes: bar counter with wine glasses, cheese board closeup, brick interior with candles, outdoor patio seating, sommelier pouring wine, private dining alcove
- Lightbox on click
- Caption overlay on hover with short description
7. TESTIMONIALS (horizontal carousel, auto-advance every 5s)
- Review 1: "The sommelier recommendations were spot-on. Best wine bar in the city." — Sarah M., Google Review ★★★★★
- Review 2: "Hosted our anniversary here. The private tasting was unforgettable." — James & Linda K. ★★★★★
- Review 3: "Incredible selection and the ambiance is unmatched." — David R., Yelp ★★★★★
- Dot navigation below
8. VISIT US SECTION
- Split layout: embedded Google Map on left, details on right
- Address: "412 Warehouse Row, Arts District, Downtown"
- Hours: Tue-Thu 4PM–11PM, Fri-Sat 4PM–1AM, Sun 3PM–9PM, Closed Monday
- Phone: (555) 923-7100
- "Happy Hour: Tue-Thu 4–6 PM — 30% off all wines by the glass"
- Parking note: "Validated parking in the Warehouse Row garage"
9. NEWSLETTER & FOOTER
- Newsletter bar: "Join the Vine Club — Get first access to rare wines and exclusive events"
- Email input + "Subscribe" button
- Footer: Instagram, Facebook, Yelp icons
- Links: Wine List, Private Events, Gift Cards, Careers, Press
- Small text: "Must be 21+ to enter. Please drink responsibly."
Design: Dark, moody palette — background #1A1A2E, card surfaces #16213E, text #E8E8E8, accent burgundy #8B2252, gold highlights #C9A96E. Typography: Cormorant Garamond for headings, Inter for body. Rounded corners 8px on cards. Smooth scroll behavior throughout.
Responsive: On mobile, stack all columns vertically. Wine cards become full-width. Gallery switches to 2-column grid. Navigation collapses to hamburger menu with slide-out drawer.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts