"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Award, ChefHat, Clock, Facebook, Instagram, Leaf, Sparkles, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="minimal"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Trattoria"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Authentic Italian Cuisine"
          description="Experience the true taste of Italy with our handcrafted dishes prepared using traditional recipes and the finest imported ingredients"
          tag="Welcome to Trattoria"
          tagIcon={Sparkles}
          buttons={[
            { text: "Reserve Your Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041741471-bax0qcs4.jpg",
              imageAlt: "Fresh homemade pasta"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041742407-0jwfam3p.jpg",
              imageAlt: "Creamy risotto"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041743393-4vobmomh.jpg",
              imageAlt: "Traditional wood-fired pizza"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041744368-syrhdk2o.jpg",
              imageAlt: "Fresh seafood specialty"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Authentic tiramisu"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
              imageAlt: "Italian antipasti platter"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Our passion for Italian tradition runs deep. Every dish tells a story of authentic flavors, family heritage, and the warmth of Italy"
          metrics={[
            { icon: Clock, label: "Years of Excellence", value: "25+" },
            { icon: Users, label: "Happy Guests", value: "50K+" },
            { icon: Award, label: "Chef's Specialties", value: "40+" },
            { icon: Leaf, label: "Organic Ingredients", value: "100%" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardEighteen
          title="Our Signature Menu"
          description="Discover the finest Italian cuisine crafted by our master chefs using recipes passed down through generations"
          tag="Culinary Excellence"
          tagIcon={ChefHat}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            title: "Standard Dining",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg",
            imageAlt: "Standard dining experience",
            items: [
              "Mass-produced ingredients",
              "Limited menu variety",
              "Rushed service experience",
              "No customization options"
            ]
          }}
          positiveCard={{
            title: "Trattoria Experience",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg",
            imageAlt: "Trattoria authentic preparation",
            items: [
              "Fresh imported Italian ingredients",
              "Expanded seasonal menu",
              "Personalized attentive service",
              "Custom dishes crafted to preference"
            ]
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Dining Experiences"
          description="Choose the perfect package for your Italian culinary journey"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "lunch",
              title: "Lunch Menu",
              price: "$18",
              period: "per person",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041741471-bax0qcs4.jpg",
              imageAlt: "Lunch menu",
              button: { text: "Book Lunch", href: "#contact" },
              features: [
                "Pasta selections",
                "Seasonal vegetables",
                "House wine pairing",
                "Italian coffee"
              ]
            },
            {
              id: "dinner",
              title: "Dinner Menu",
              price: "$45",
              period: "per person",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041743393-4vobmomh.jpg",
              imageAlt: "Dinner menu",
              button: { text: "Book Dinner", href: "#contact" },
              features: [
                "Four-course meal",
                "Premium meat & seafood",
                "Wine selection pairing",
                "Dessert selection",
                "Chef's special touch"
              ]
            },
            {
              id: "tasting",
              title: "Chef's Tasting",
              price: "$75",
              period: "per person",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Chef's tasting menu",
              button: { text: "Book Tasting", href: "#contact" },
              features: [
                "Seven-course experience",
                "Rare imported specialties",
                "Premium wine pairings",
                "Chef's personal selection",
                "Exclusive dessert finale"
              ]
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="Trattoria transported us straight to Italy. The pasta was the best I've had outside Rome, and the service was impeccable. It's clear this team genuinely cares about authentic Italian dining."
          rating={5}
          author="Maria Rossi, Food Critic"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              alt: "Maria Rossi"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140062551-7eyqwr2v.jpg",
              alt: "Guest testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163145146-fsataaws.jpg",
              alt: "Guest testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163146349-ine3yxut.jpg",
              alt: "Guest testimonial"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Join us for an unforgettable Italian dining experience. Book your reservation and tell us your preferences"
          inputs={[
            { name: "name", type: "text", placeholder: "Your name", required: true },
            { name: "email", type: "email", placeholder: "Email address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone number", required: true },
            { name: "guests", type: "number", placeholder: "Number of guests", required: true },
            { name: "date", type: "date", placeholder: "Preferred date", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or dietary preferences",
            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg"
          imageAlt="Trattoria dining experience"
          mediaPosition="right"
          buttonText="Reserve Table"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Trattoria"
          copyrightText="© Trattoria, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Menu", href: "#menu" },
                { label: "Reviews", href: "#reviews" },
                { label: "Private Events", href: "#contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Lunch: 12-3 PM", href: "#" },
                { label: "Dinner: 5-11 PM", href: "#" },
                { label: "Closed Mondays", href: "#" },
                { label: "Sunday Brunch", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Reserve Table", href: "#contact" },
                { label: "Call: (555) 123-4567", href: "tel:5551234567" },
                { label: "123 Italian Street", href: "#" },
                { label: "info@trattoria.com", href: "mailto:info@trattoria.com" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Clock, href: "https://google.com/maps", ariaLabel: "Google Maps" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}