"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitAvatars from "@/components/sections/hero/HeroSplitAvatars";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Star, ChefHat, Leaf, Trophy, Heart, Wine, UtensilsCrossed, Award, HelpCircle, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="noise"
      cardStyle="glass-outline-light"
      primaryButtonStyle="outline"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Lumière"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          logoAlt="Lumière Restaurant"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Culinary Excellence Awaits"
          description="Experience fine dining reimagined. Exceptional cuisine, impeccable service, and an unforgettable atmosphere in the heart of the city."
          tag="Premium Fine Dining"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184194596-kh57lr7j.jpg"
          imageAlt="Fine dining establishment"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", alt: "Guest 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg", alt: "Guest 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg", alt: "Guest 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Guest 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Guest 5" }
          ]}
          avatarText="Join 500+ satisfied guests every month"
          buttons={[
            { text: "Reserve Table Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="A Passion for Culinary Artistry"
          description="Founded in 2015, Lumière represents the pinnacle of contemporary fine dining. Chef François Ducasse brings two decades of Michelin-starred experience, crafting dishes that tell stories of flavors, techniques, and passion."
          tag="Our Story"
          tagIcon={ChefHat}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg"
          imageAlt="Executive Chef François Ducasse"
          imagePosition="left"
          bulletPoints={[
            {
              title: "Seasonal Excellence",
              description: "We source only the finest local and international ingredients, changing our menu seasonally to showcase peak flavors.",
              icon: Leaf
            },
            {
              title: "Award-Winning Expertise",
              description: "Recognized by Michelin and international food critics for innovation, technique, and memorable dining experiences.",
              icon: Trophy
            },
            {
              title: "Intimate Ambiance",
              description: "Only 45 seats ensure personalized service and an atmosphere of refined elegance for every guest.",
              icon: Heart
            },
            {
              title: "Wine Pairing Mastery",
              description: "Our sommelier curates exceptional wine selections to perfectly complement each course of your journey.",
              icon: Wine
            }
          ]}
          buttons={[
            { text: "Learn More About Us", href: "about" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSeven
          title="Signature Creations"
          description="A curated selection of our most celebrated dishes, each a masterpiece of technique and flavor."
          tag="Culinary Masterpieces"
          tagIcon={UtensilsCrossed}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Pan-Seared Diver Scallop",
              price: "$48",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg",
              imageAlt: "Pan-seared scallops with seasonal vegetables"
            },
            {
              id: "2",
              name: "Wagyu Beef Wellington",
              price: "$72",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184195548-79df2nkb.jpg",
              imageAlt: "Perfectly cooked wagyu beef with mushroom duxelles"
            },
            {
              id: "3",
              name: "Chocolate Soufflé",
              price: "$16",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184196448-ct5kvoom.jpg",
              imageAlt: "Warm chocolate soufflé with vanilla bean ice cream"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Experiences"
          description="Discover why guests return again and again to celebrate life's most important moments."
          tag="Five-Star Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen",
              handle: "Fine Dining Enthusiast",
              testimonial: "An absolutely transcendent evening. Every course was a revelation of flavor and artistry. Chef Ducasse has created something truly special here.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Margaret Chen"
            },
            {
              id: "2",
              name: "James Richardson",
              handle: "Restaurant Critic",
              testimonial: "Lumière deserves its accolades. The precision, the passion, the presentation—every element works in perfect harmony. A masterclass in fine dining.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "3",
              name: "Isabella Rossi",
              handle: "Food Writer",
              testimonial: "This is what fine dining should be. Not pretentious, but genuinely excellent. The team makes you feel welcomed from the moment you arrive.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "Isabella Rossi"
            },
            {
              id: "4",
              name: "David Matsumoto",
              handle: "Corporate Executive",
              testimonial: "Perfect for celebrating milestones. Our team celebrated here, and it was the highlight of our year. Impeccable attention to detail.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "David Matsumoto"
            },
            {
              id: "5",
              name: "Sophie Laurent",
              handle: "Lifestyle Blogger",
              testimonial: "Every visit feels like stepping into a world of refined elegance. The sommelier's wine pairings elevated the entire experience beyond imagination.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",
              name: "Thomas Anderson",
              handle: "Travel Journalist",
              testimonial: "Among the finest restaurants I've experienced globally. The creativity, the execution, the passion—this is what excellence looks like on a plate.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Thomas Anderson"
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="awards" data-section="awards">
        <SocialProofOne
          title="Industry Recognition"
          description="Celebrated by the world's leading culinary authorities and media outlets."
          tag="Awards & Accolades"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184202938-zurlhbdq.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184203704-orjonsg4.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184204561-tno8yu00.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184205342-jj4ccr8t.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184206256-xa744iat.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184207274-zvou6mgt.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184208340-sbprweh0.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184209743-is8i79f1.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Dining Information"
          description="Everything you need to know about your visit to Lumière."
          tag="Common Questions"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "How far in advance should I make a reservation?",
              content: "We recommend reserving 4-6 weeks in advance for weekend dining, though walk-in availability may exist for weekday lunch service. Peak seasons (holidays, special events) often book 8+ weeks ahead."
            },
            {
              id: "2",
              title: "Do you accommodate dietary restrictions?",
              content: "Absolutely. We happily prepare modified menus for vegetarian, vegan, gluten-free, and allergy-conscious diners. Please mention any restrictions when booking."
            },
            {
              id: "3",
              title: "What is your dress code?",
              content: "Smart casual to business attire is appreciated. We welcome you to dress for the occasion, though we maintain an atmosphere of refined elegance."
            },
            {
              id: "4",
              title: "How long does the dining experience take?",
              content: "Plan for 2.5 to 3.5 hours for the full tasting menu experience, depending on pace and wine pairings. We never rush our guests."
            },
            {
              id: "5",
              title: "Do you offer private dining experiences?",
              content: "Yes. Our private salon accommodates up to 20 guests for special occasions, corporate events, and milestone celebrations."
            },
            {
              id: "6",
              title: "What is your cancellation policy?",
              content: "Cancellations must be made 48 hours in advance for full refund. Late cancellations or no-shows may incur a charge."
            }
          ]}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience culinary excellence? Reserve your table at Lumière today. Our team is delighted to ensure your evening is truly unforgettable."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Table", href: "#" },
            { text: "Call us at (555) 123-4567", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Lumière"
          copyrightText="© 2025 Lumière Restaurant. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}