"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, History, Flame, Star, Zap, ChefHat, Award, Wine, Utensils, Users, Crown, Clock, Heart, CircleDollarSign, ArrowLeftRight, Send, Quote } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="The Vine Tavern"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "Story", id: "story" },
            { name: "Reviews", id: "reviews" },
            { name: "Events", id: "events" }
          ]}
          button={{ text: "Reserve A Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "plain" }}
          tag="15 Years Strong"
          tagIcon={Sparkles}
          title="The Best Wings You'll Ever Have"
          description="15 years of tradition. One unforgettable bite. Where locals return again and again."
          buttons={[
            { text: "Reserve A Table", href: "contact" },
            { text: "Order Online", href: "menu" }
          ]}
          buttonAnimation="slide-up"
          tagAnimation="opacity"
          dashboard={{
            title: "Tonight's Specials",            logoIcon: Wine,
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hi8a1y",            imageAlt: "Maple Hot Wings Being Glazed",            searchPlaceholder: "Find your favorite flavor",            buttons: [
              { text: "View Menu", href: "menu" },
              { text: "Make Reservation", href: "contact" }
            ],
            sidebarItems: [
              { icon: Wine, active: true },
              { icon: Utensils },
              { icon: Users }
            ],
            stats: [
              {
                title: "Years of Tradition",                values: [15, 15, 15],
                description: "Serving the community"
              },
              {
                title: "Happy Customers",                values: [10000, 15000, 20000],
                valuePrefix: "",                valueSuffix: "+",                description: "And counting"
              },
              {
                title: "Wings Served Daily",                values: [500, 750, 1000],
                description: "Peak season demand"
              }
            ],
            chartTitle: "Customer Satisfaction",            chartData: [
              { value: 95 },
              { value: 98 },
              { value: 99 },
              { value: 97 },
              { value: 100 }
            ],
            listTitle: "Today's Highlights",            listItems: [
              { icon: Flame, title: "Maple Hot Wings", status: "Fresh Batch" },
              { icon: Crown, title: "Game Night Special", status: "All Day" },
              { icon: Clock, title: "Happy Hour", status: "4-6 PM" }
            ]
          }}
        />
      </div>

      <div id="story" data-section="story">
        <TextAbout
          tag="Our Legacy"
          tagIcon={History}
          title="For 15 Years, You've Come Back. Some places you try once. Some places you never forget. For over 15 years, The Vine Tavern has been the place locals return to—holidays, game days, birthdays, and 'just because' nights. We're honored to be part of your traditions. And we don't take that lightly."
          buttons={[
            { text: "Discover Our Menu", href: "menu" }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="wings" data-section="wings">
        <FeatureHoverPattern
          title="The. Best. Wings."
          description="We didn't say it. You did. Crispy. Perfectly sauced. Addictively balanced. Our legendary Maple Hot wings have earned 15 years of loyalty—and counting."
          tag="Signature Flavor"
          tagIcon={Flame}
          tagAnimation="blur-reveal"
          features={[
            {
              icon: Flame,
              title: "Maple Hot Perfection",              description: "Not too sweet. Not too spicy. Just right."
            },
            {
              icon: Sparkles,
              title: "Crispy Every Time",              description: "Golden, crunchy exterior with tender inside."
            },
            {
              icon: Heart,
              title: "15 Years of Love",              description: "Perfected through a decade and a half of dedication."
            },
            {
              icon: Award,
              title: "Award-Winning Recipe",              description: "The sauce that made us legendary."
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Try The Maple Hot", href: "contact" }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="Real Guests. Real Traditions."
          description="Why our guests keep coming back after 15 years."
          tag="Loved by Locals"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Aaron S.",              handle: "@aaron_local",              testimonial: "I have been coming to The Vine for 15 years. The wings are consistently perfect. I cannot recommend it more.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "portrait man professional avatar face"
            },
            {
              id: "2",              name: "John C-E",              handle: "@johncee",              testimonial: "The Best. Wings.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "portrait woman professional avatar face"
            },
            {
              id: "3",              name: "Maria Rodriguez",              handle: "@maria_tavern",              testimonial: "Every holiday, every birthday, we're here. It's become our family tradition. The atmosphere and food are unmatched.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              imageAlt: "portrait man professional avatar face"
            },
            {
              id: "4",              name: "David Kim",              handle: "@david_wings",              testimonial: "Game day headquarters. Loud cheers, cold pours, hot wings. This is where you want to be when it matters.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",              imageAlt: "portrait woman professional avatar face"
            },
            {
              id: "5",              name: "Sarah Thompson",              handle: "@sarah_eats",              testimonial: "A local legend. The Vine isn't just a bar—it's a ritual. A return-home destination.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",              imageAlt: "portrait man professional avatar face"
            },
            {
              id: "6",              name: "James Patel",              handle: "@james_tavern",              testimonial: "15 years and still the best decision I make on game days. Upscale but never pretentious.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",              imageAlt: "portrait woman professional avatar face"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Join The Tradition", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Game Days Hit Different Here"
          description="Where moments become memories. Big screens. Loud cheers. Cold pours. This is where you want to be when it matters."
          tag="Peak Experience"
          tagIcon={Zap}
          metrics={[
            {
              id: "1",              value: "24/7",              title: "Open for Every Moment",              items: [
                "Game day headquarters",                "Private reservations available",                "Walk-ins always welcome",                "Group friendly setup"
              ]
            },
            {
              id: "2",              value: "∞",              title: "Legendary Tradition",              items: [
                "15 years of proven excellence",                "Multi-generational families",                "Holidays and special moments",                "Always coming back"
              ]
            },
            {
              id: "3",              value: "5★",              title: "Perfect Every Time",              items: [
                "Consistent quality",                "Professional service",                "Premium atmosphere",                "Unforgettable experience"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Book Game Night", href: "contact" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Menu Preview"
          description="Our signature offerings that keep you coming back. Simple luxury. Timeless tradition."
          tag="Handcrafted Selection"
          tagIcon={ChefHat}
          products={[
            {
              id: "1",              name: "Maple Hot Wings",              price: "The Signature",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ubrby6",              imageAlt: "Maple Hot Wings - Our Signature"
            },
            {
              id: "2",              name: "Classic Buffalo",              price: "The Original",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ubrby6",              imageAlt: "Classic Buffalo Wings"
            },
            {
              id: "3",              name: "Tavern Burger",              price: "The Legend",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w4wsju",              imageAlt: "Premium Tavern Burger"
            },
            {
              id: "4",              name: "Loaded Fries",              price: "The Comfort",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w4wsju",              imageAlt: "Loaded Tavern Fries"
            },
            {
              id: "5",              name: "Local Craft Drafts",              price: "The Collection",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b6cuu0",              imageAlt: "Craft Beer Selection"
            },
            {
              id: "6",              name: "Premium Whiskey",              price: "The Premium",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b6cuu0",              imageAlt: "Premium Whiskey Selection"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "View Full Menu", href: "contact" }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Featured In"
          description="Recognized by local media and industry leaders for our commitment to excellence and tradition."
          tag="Press & Recognition"
          tagIcon={Award}
          names={[
            "Local Dining Awards",            "Best Wings 2024",            "Community Favorite",            "Restaurant Excellence",            "Neighborhood Legend",            "Premium Tavern Guide",            "Culinary Heritage",            "Local Business Champion"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="See You Tonight. Whether it's your first visit or your fifteenth year tradition... Your table's waiting."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Order Takeout", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="The Vine Tavern"
          columns={[
            {
              items: [
                { label: "Reserve A Table", href: "contact" },
                { label: "Order Online", href: "#" },
                { label: "View Menu", href: "menu" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Our Story", href: "story" },
                { label: "Game Days", href: "events" },
                { label: "Private Events", href: "#" },
                { label: "Loyalty Club", href: "#" }
              ]
            },
            {
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Phone", href: "#" },
                { label: "Email", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}