"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { UtensilsCrossed, Heart, Award, Users, Leaf, Flame, CheckCircle, Clock, Wine, HelpCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Trattoria"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "dishes" },
            { name: "Reviews", id: "testimonials" },
            { name: "Reservations", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Book a Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Authentic Italian Dining Experience"
          description="Discover the flavors of Italy with our carefully crafted menu featuring traditional recipes and the finest ingredients. From hand-rolled pasta to perfectly aged wines, every dish tells a story of passion and heritage."
          tag="Est. 2010"
          tagIcon={UtensilsCrossed}
          tagAnimation="opacity"
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "20+", label: "Years of Excellence" },
            { value: "500+", label: "Loyal Diners" },
            { value: "4.9★", label: "Customer Rating" }
          ]}
          enableKpiAnimation={true}
          mediaAnimation="opacity"
          imageSrc="https://img.b2bpic.net/free-photo/dinner-set-with-margherita-pizza-salad-pasta-wine_140725-7828.jpg"
          imageAlt="Elegant Italian restaurant dining room"
          imagePosition="right"
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "View Menu", href: "#dishes" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="A Legacy of Culinary Excellence and Authentic Italian Tradition"
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            { icon: Heart, label: "Passion for Food", value: "100%" },
            { icon: Award, label: "Award Winning", value: "15+" },
            { icon: Users, label: "Happy Customers", value: "10,000+" },
            { icon: Leaf, label: "Local Sourcing", value: "95%" }
          ]}
        />
      </div>

      <div id="dishes" data-section="dishes">
        <ProductCardTwo
          title="Our Signature Dishes"
          description="Handcrafted with love using the finest Italian ingredients and traditional cooking methods"
          tag="Menu Favorites"
          tagIcon={Flame}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              brand: "Trattoria Signature",              name: "Handmade Pappardelle al Cinghiale",              price: "$24.00",              rating: 5,
              reviewCount: "487",              imageSrc: "https://img.b2bpic.net/free-photo/raw-pasta-near-dough_23-2147749572.jpg",              imageAlt: "Fresh pappardelle pasta with wild boar ragù"
            },
            {
              id: "2",              brand: "Trattoria Signature",              name: "Risotto ai Funghi Porcini",              price: "$22.00",              rating: 5,
              reviewCount: "392",              imageSrc: "https://img.b2bpic.net/free-photo/composition-with-different-pasta-high-angle_23-2148584850.jpg",              imageAlt: "Creamy porcini mushroom risotto"
            },
            {
              id: "3",              brand: "Trattoria Signature",              name: "Branzino al Forno",              price: "$28.00",              rating: 5,
              reviewCount: "521",              imageSrc: "https://img.b2bpic.net/free-photo/composition-with-different-kind-pasta_23-2148584848.jpg",              imageAlt: "Whole roasted branzino with herbs"
            },
            {
              id: "4",              brand: "Trattoria Signature",              name: "Tiramisu Classico",              price: "$8.00",              rating: 5,
              reviewCount: "643",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pasta-near-spices_23-2147849801.jpg",              imageAlt: "Traditional Italian tiramisu dessert"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#" }
          ]}
          buttonAnimation="opacity"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Trattoria"
          description="Our commitment to quality and tradition sets us apart"
          tag="Our Promise"
          tagIcon={CheckCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "1", icon: Leaf, title: "Fresh Ingredients", value: "Daily" },
            { id: "2", icon: Clock, title: "Service Time", value: "<30min" },
            { id: "3", icon: Wine, title: "Wine Selection", value: "200+" },
            { id: "4", icon: Users, title: "Seating Capacity", value: "120" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Loved by over 10,000 happy diners who return for the authentic flavors and exceptional service"
          cardTag="See what they say"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Maria Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Maria Rossi"
            },
            {
              id: "2",              name: "Giovanni Ferrari",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",              imageAlt: "Giovanni Ferrari"
            },
            {
              id: "3",              name: "Lucia Moretti",              imageSrc: "https://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",              imageAlt: "Lucia Moretti"
            },
            {
              id: "4",              name: "Marco Benedetti",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",              imageAlt: "Marco Benedetti"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about reservations, menu, and dining with us"
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="opacity"
          imageSrc="https://img.b2bpic.net/free-photo/spaghetti-with-meat-creamy-sauce-garnished-with-grated-parmesan_141793-1829.jpg"
          imageAlt="Trattoria restaurant interior"
          mediaPosition="left"
          faqsAnimation="slide-up"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do I make a reservation?",              content: "You can make a reservation by calling us directly at (555) 123-4567 or by using the reservation form on our website. We accept reservations up to 3 months in advance. Walk-ins are also welcome based on availability."
            },
            {
              id: "2",              title: "Do you accommodate dietary restrictions?",              content: "Absolutely! We're happy to accommodate vegetarian, vegan, gluten-free, and other dietary requirements. Please let us know when making your reservation so our chef can prepare special dishes for you."
            },
            {
              id: "3",              title: "What are your hours of operation?",              content: "We're open Tuesday through Sunday, 11:30 AM - 10:00 PM. We're closed on Mondays for staff rest and preparation. Private events and group reservations available upon request."
            },
            {
              id: "4",              title: "Do you have a wine pairing service?",              content: "Yes! Our sommelier offers wine pairings for multi-course meals. We have over 200 Italian wines in our cellar, carefully selected to complement our dishes. Ask your server for recommendations."
            },
            {
              id: "5",              title: "Can I host a private event at Trattoria?",              content: "We offer private dining spaces for special occasions, corporate events, and celebrations. Our team can create customized menus and arrangements. Contact us for details and availability."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="opacity"
          title="Ready to Experience Authentic Italian Cuisine?"
          description="Reserve your table today and discover why diners love Trattoria. Call us, use our online reservation system, or visit us in person. We look forward to welcoming you."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Reserve a Table", href: "#" },
            { text: "Call (555) 123-4567", href: "tel:+15551234567" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Trattoria"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}