Wine Bar Landing Page

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.