"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { CalendarDays, Clock, Feather, Flame, Heart, Home, Music, Smile, Sun } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "The Vibe",          id: "the-vibe"},
        {
          name: "Drinks",          id: "drinks"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Essentials",          id: "essentials"},
      ]}
      brandName="Core's Tavern"
      button={{
        text: "Call Us",        href: "tel:9737483388"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Your Neighborhood Escape"
      description="Cold drinks. Warm company. Bloomfield's best-kept secret."
      tag="Open Until 2 AM"
      tagIcon={Clock}
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=45+Franklin+St,+Bloomfield,+NJ"},
        {
          text: "Call Us",          href: "tel:9737483388"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/urban-product-backdrop-blur-background-image_53876-147856.jpg",          imageAlt: "Moody bar interior with dim lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/barman-work-pub_158595-2338.jpg",          imageAlt: "Bartender preparing a cocktail"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wine-bottles-bar_23-2152024849.jpg",          imageAlt: "Shelves of liquor bottles behind the bar"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321507.jpg",          imageAlt: "Close-up of a beer tap pouring a pint"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-celebrating-together_23-2149734960.jpg",          imageAlt: "People laughing and socializing at a bar table"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brown-retro-electronic-pickup-device_23-2151002781.jpg",          imageAlt: "Vintage jukebox glowing in a dark bar"},
      ]}
    />
  </div>

  <div id="the-vibe" data-section="the-vibe">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Affordable Drinks",          description: "Beers, cocktails, and classics — all priced the way a neighborhood bar should be. No attitude, no markups.",          bentoComponent: "reveal-icon",          icon: Home
        },
        {
          title: "Big Booths & Good Company",          description: "Sink into our large, comfortable booths. Dark enough to lose track of time. Lively enough to make new friends.",          bentoComponent: "reveal-icon",          icon: Feather
        },
        {
          title: "Jukebox Nights",          description: "No DJ required. Pick your song, own the room. The jukebox keeps the night alive.",          bentoComponent: "reveal-icon",          icon: Music
        },
        {
          title: "Back Patio Seating",          description: "Escape outside. A relaxed patio in the back — perfect for warm nights and good conversation.",          bentoComponent: "reveal-icon",          icon: Sun
        },
      ]}
      title="The Core's Tavern Vibe"
      description="Step into a place where every visit feels like coming home. Cozy corners, lively nights, and unforgettable moments."
    />
  </div>

  <div id="drinks" data-section="drinks">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Local Lager",          price: "$7",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beer-bubbles_23-2147919788.jpg",          imageAlt: "A cold pint of golden lager beer"},
        {
          id: "p2",          name: "Whiskey Sour",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-front-table-with-shakers-making-drink-yellow-wall-bar-alcohol-night-youth-drink_140725-121692.jpg",          imageAlt: "A classic whiskey sour cocktail with an orange slice"},
        {
          id: "p3",          name: "Craft IPA",          price: "$8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-multiple-beer-bottles-aligned_23-2148342199.jpg",          imageAlt: "A glass of hazy IPA beer"},
        {
          id: "p4",          name: "Old Fashioned",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/glass-bowl-coctail-places-candle-holder_140725-6013.jpg",          imageAlt: "An old fashioned cocktail with a large ice cube and orange peel"},
        {
          id: "p5",          name: "Dark Stout",          price: "$7",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-artizanal-beer-with-copy-space_23-2148322833.jpg",          imageAlt: "A rich, dark stout beer with a creamy head"},
        {
          id: "p6",          name: "Espresso Martini",          price: "$13",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-glass_23-2149045763.jpg",          imageAlt: "An espresso martini cocktail with coffee beans"},
      ]}
      title="Our Curated Selections"
      description="From local brews to classic cocktails and rare spirits, our menu is designed for every taste. Discover your new favorite."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Okang M.",          handle: "Google Review",          testimonial: "Quiet and dark inside — you'll definitely lose track of time.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299030.jpg",          imageAlt: "Customer smiling in bar"},
        {
          id: "t2",          name: "Mr_3rdpedal",          handle: "Google Review",          testimonial: "Cheaper than most bars. Mixed but respectful crowd. Definitely a good vibe.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-shapes-arrangement_23-2150169113.jpg",          imageAlt: "Customer enjoying a drink in bar"},
        {
          id: "t3",          name: "Justin V.",          handle: "Google Review",          testimonial: "Comfortable atmosphere, nice large booths, and friendly bartenders.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-chinese-food-together-night-out_23-2149143976.jpg",          imageAlt: "Customer speaking to bartender"},
        {
          id: "t4",          name: "Samantha L.",          handle: "Local Patron",          testimonial: "My go-to spot for a relaxed evening. The patio is a hidden gem.",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg",          imageAlt: "Bar interior with cozy seating"},
        {
          id: "t5",          name: "Chris P.",          handle: "First-timer",          testimonial: "Walked in on a whim and immediately felt at home. Great drinks and even better company.",          imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-couple-love_23-2148741176.jpg",          imageAlt: "Couple enjoying drinks at a table"},
      ]}
      title="What Our Regulars Say"
      description="Hear it from the people who know us best. More than just a bar, it's a community.\n★★★★★ 4.3 stars · 196 Google reviews"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: CalendarDays,
          title: "Years Serving",          value: "10+"},
        {
          id: "m2",          icon: Smile,
          title: "Happy Customers",          value: "10K+"},
        {
          id: "m3",          icon: Flame,
          title: "Signature Drinks",          value: "20+"},
      ]}
      title="Our Story in Numbers"
      description="Proudly serving Bloomfield for over a decade, building a legacy one drink at a time."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your operating hours?",          content: "Core's Tavern is open daily from 4 PM until 2 AM."},
        {
          id: "q2",          title: "Do you serve food?",          content: "While we don't have a kitchen, we are proudly BYOF (Bring Your Own Food) friendly! Feel free to order delivery or bring snacks."},
        {
          id: "q3",          title: "Is there parking available?",          content: "Street parking is available around the tavern. Please check local signage for restrictions."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494237.jpg"
      imageAlt="Bartender preparing drinks behind a dimly lit bar"
      mediaAnimation="slide-up"
      title="Got Questions? We've Got Answers."
      description="Everything you need to know about your new favorite neighborhood spot."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="essentials" data-section="essentials">
      <MediaAbout
      useInvertedBackground={true}
      title="Your Local Essentials"
      description="All the details you need to make Core's Tavern your new favorite spot.\n\n**Address:** 45 Franklin St, Bloomfield, NJ 07003\n**Phone:** (973) 748-3388\n**Hours:** Open daily, closes 2 AM\n**Drinks:** Full bar — beer, cocktails, spirits\n**Food Policy:** BYOF friendly (bring your own food)\n**Parking:** Street parking available\n**Vibe Note:** Busiest after 9 PM\n\n**LGBTQ+ Friendly**"
      tagIcon={Heart}
      imageSrc="http://img.b2bpic.net/free-photo/map-gps-location-direction-position-graphic_53876-21366.jpg"
      imageAlt="Google Map showing 45 Franklin St, Bloomfield, NJ location"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Directions",              href: "https://www.google.com/maps/dir/?api=1&destination=45+Franklin+St,+Bloomfield,+NJ"},
            {
              label: "Call Us",              href: "tel:9737483388"},
            {
              label: "Google Reviews",              href: "https://www.google.com/search?q=core's+tavern&oq=core's+tavern#lrd=0x89c25574a7b5d233:0x39a1c1d63e9c1482,1,,,,"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "Facebook",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© Core's Tavern · 45 Franklin St, Bloomfield, NJ · (973) 748-3388"
      bottomRightText="Bloomfield's neighborhood bar since forever."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
