"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="The Vault"
          navItems={[
            { name: "About", id: "about" },
            { name: "Cocktails", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Events", id: "contact" }
          ]}
          button={{
            text: "Reserve",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Step Inside The Vault"
          description="A speakeasy born from nostalgia. Craft cocktails, timeless vibes, and stories waiting to be poured."
          tag="Est. 2024"
          imageSrc="https://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg"
          imageAlt="The Vault bar interior with vintage ambiance"
          imagePosition="right"
          buttons={[
            { text: "Make a Reservation", href: "contact" },
            { text: "See Cocktails", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Where vintage elegance meets modern craft. Every pour tells a story of tradition and passion."
          description="The Vault Collective"
          subdescription="New York's Premier Speakeasy"
          icon={Wine}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg"
          imageAlt="Vintage bar bottles and heritage display"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Signature Cocktails"
          description="Each drink is a journey through time, crafted with precision and presented with ceremony."
          tag="Craft Selection"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "The Bootlegger",              description: "Aged bourbon, secret spice blend, smoked cherry. A prohibition-era classic reimagined.",              imageSrc: "https://img.b2bpic.net/free-photo/brandy-alexander-cocktail_123827-22064.jpg",              imageAlt: "The Bootlegger cocktail"
            },
            {
              id: "2",              title: "Midnight Velvet",              description: "Dark rum, espresso, vanilla cream. Smooth as the night, bold as midnight.",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-detox-with-vegetables-herbs-wooden-desk_141793-17457.jpg",              imageAlt: "Midnight Velvet cocktail"
            },
            {
              id: "3",              title: "Copper Kings",              description: "Rye whiskey, ginger, house-made bitters. A taste of old New York in a glass.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-delicious-drinks_23-2149132206.jpg",              imageAlt: "Copper Kings cocktail"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Real stories from real people who've walked through our doors."
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "James Mitchell",              role: "Cocktail Enthusiast",              company: "Manhattan",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",              imageAlt: "James Mitchell portrait"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Event Planner",              company: "New York Events",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg",              imageAlt: "Sarah Chen portrait"
            },
            {
              id: "3",              name: "Marcus Rodriguez",              role: "Regular Guest",              company: "The Vault Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Marcus Rodriguez portrait"
            },
            {
              id: "4",              name: "Emma Thompson",              role: "Night Life Writer",              company: "NYC Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg",              imageAlt: "Emma Thompson portrait"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready for an unforgettable evening? Reserve your table at The Vault and experience vintage sophistication."
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Reserve Now", href: "https://example.com/reserve" },
            { text: "Call: (212) 555-VAULT", href: "tel:+12125555828" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="The Vault"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Cocktails", href: "features" }
              ]
            },
            {
              items: [
                { label: "Reviews", href: "testimonials" },
                { label: "Reservations", href: "contact" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Events", href: "contact" },
                { label: "Private Parties", href: "contact" },
                { label: "Gift Cards", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}