"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Heart, ChefHat, UtensilsCrossed, Award, Users, Calendar, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="large"
      sizing="large"
      background="radialGradient"
      cardStyle="elevated"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          logoAlt="Cirielli Restaurant"
          brandName="Cirielli"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve a Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Cirielli"
          description="Experience authentic Italian cuisine crafted with passion and tradition. Where culinary excellence meets warm hospitality."
          tag="Fine Italian Dining"
          tagIcon={Sparkles}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "Explore Menu", href: "features" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
              imageAlt: "Fresh pasta dish"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183835554-u0l6uy1i.jpg",
              imageAlt: "Elegant risotto"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
              imageAlt: "Seafood appetizer"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278837196-euuk8rdd.jpg",
              imageAlt: "Gourmet dessert"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg",
              imageAlt: "Restaurant dining area"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
              imageAlt: "Signature pasta"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Heart}
          title="Chef Cirielli's passion for authentic Italian cuisine brings generations of family tradition to your table."
          description="Marco Cirielli"
          subdescription="Founder & Head Chef"
          icon={ChefHat}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Chef Cirielli in the kitchen"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEleven
          title="Signature Dishes"
          description="Each plate tells a story of tradition, quality ingredients, and culinary mastery"
          tag="Menu Highlights"
          tagIcon={UtensilsCrossed}
          features={[
            {
              id: 1,
              title: "Handmade Pasta",
              description: "Fresh tagliatelle and pappardelle made daily using traditional Bolognese recipes passed down through generations. Served with rich ragù and aged Parmigiano-Reggiano.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
              imageAlt: "Fresh handmade pasta"
            },
            {
              id: 2,
              title: "Saffron Risotto",
              description: "Creamy Risotto Milanese infused with delicate saffron threads and finished with butter and Parmesan. A timeless Lombard classic executed with precision.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183835554-u0l6uy1i.jpg",
              imageAlt: "Golden saffron risotto"
            },
            {
              id: 3,
              title: "Mediterranean Seafood",
              description: "Daily catch prepared simply to highlight pristine flavors. Grilled branzino, scallops, and prawns with lemon, olive oil, and fresh herbs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
              imageAlt: "Fresh Mediterranean seafood"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Cirielli by Numbers"
          description="A decade of excellence in authentic Italian dining"
          metrics={[
            {
              id: "1",
              icon: Award,
              title: "Awards",
              value: "12"
            },
            {
              id: "2",
              icon: Users,
              title: "Happy Guests",
              value: "15K+"
            },
            {
              id: "3",
              icon: Calendar,
              title: "Years",
              value: "10"
            },
            {
              id: "4",
              icon: Wine,
              title: "Wine Selection",
              value: "200+"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerStyle="default"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Passionate culinary professionals dedicated to your dining experience"
          tag="Our Team"
          tagIcon={Users}
          team={[
            {
              id: "1",
              name: "Marco Cirielli",
              role: "Head Chef & Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
              imageAlt: "Marco Cirielli"
            },
            {
              id: "2",
              name: "Antonio Romano",
              role: "Sous Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
              imageAlt: "Antonio Romano"
            },
            {
              id: "3",
              name: "Lucia Benedetti",
              role: "Pastry Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg",
              imageAlt: "Lucia Benedetti"
            },
            {
              id: "4",
              name: "Giovanni Moretti",
              role: "Wine Sommelier",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
              imageAlt: "Giovanni Moretti"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="What Our Guests Say"
          description="Authentic Italian dining experiences shared by our valued patrons"
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "An absolute gem. Marco and his team create magic on every plate. It feels like dining at an Italian grandmother's table, but with Michelin-star precision.",
              name: "Elena Rossi",
              role: "Restaurant Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278833750-0np7gm3z.jpg",
              imageAlt: "Elena Rossi"
            },
            {
              id: "2",
              quote: "The passion in every dish is evident. The handmade pasta alone is worth the visit. We've been regular guests for three years.",
              name: "Sofia Martinelli",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278834679-mepfz8op.jpg",
              imageAlt: "Sofia Martinelli"
            },
            {
              id: "3",
              quote: "Authentic Italian cuisine at its finest. Chef Cirielli respects tradition while creating something truly special. A culinary masterpiece.",
              name: "Paolo Giordano",
              role: "Travel Writer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278835993-d6gpak2d.jpg",
              imageAlt: "Paolo Giordano"
            },
            {
              id: "4",
              quote: "Every visit is a celebration. The food, the ambiance, the warmth of the team - it's more than dinner, it's an experience we cherish.",
              name: "Isabella Colombo",
              role: "Regular Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245919968-9vhvqd14.jpg",
              imageAlt: "Isabella Colombo"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Experience"
          ctaDescription="Reserve your table and join us for an unforgettable evening of authentic Italian cuisine."
          ctaButton={{
            text: "Make a Reservation",
            href: "https://reservations.example.com"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "How far in advance should I make a reservation?",
              content: "We recommend reserving at least 2-3 weeks in advance, especially for weekends and special occasions. However, we always try to accommodate walk-ins when possible. Call us directly for last-minute availability."
            },
            {
              id: "2",
              title: "Do you offer private dining?",
              content: "Yes, we have a beautiful private dining room perfect for celebrations, business events, and intimate gatherings. Contact us to discuss your special event."
            },
            {
              id: "3",
              title: "What is your wine pairing policy?",
              content: "Our sommelier Giovanni offers expertly curated wine pairings with our tasting menus. We have over 200 Italian wines in our collection, from rare Barolos to organic local selections."
            },
            {
              id: "4",
              title: "Do you accommodate dietary restrictions?",
              content: "Absolutely. Please inform us of any dietary needs when making your reservation, and our team will create a beautiful dining experience tailored to your requirements."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          logoText="Cirielli"
          copyrightText="© 2025 Cirielli Restaurant | Authentic Italian Cuisine"
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Menu", href: "features" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "Experience",
              items: [
                { label: "Make a Reservation", href: "contact" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact", href: "contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email", href: "mailto:hello@cirielli.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}