"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Utensils, Heart, ChefHat, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="large"
      sizing="smallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="solid-bordered"
      primaryButtonStyle="outline"
      secondaryButtonStyle="minimal"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Trattoria"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
            { name: "Reservations", id: "reservations" }
          ]}
          button={{ text: "Book Table", href: "reservations" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Authentic Italian Flavors"
          description="Experience traditional Italian cuisine crafted with passion and the finest ingredients. Join us for an unforgettable culinary journey."
          tag="Fine Dining"
          tagIcon={Utensils}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416778445-zl3jwowr.jpg"
          imageAlt="Elegant Trattoria interior"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416786074-ne49srjf.jpg", alt: "Master Chef" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416787071-l4hqy4uo.jpg", alt: "Service Team" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416779430-v60b0x8w.jpg", alt: "Dining Experience" }
          ]}
          avatarText="Trusted by 500+ guests monthly"
          buttons={[
            { text: "Reserve Now", href: "reservations" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="A Legacy of Taste"
          description="For over 20 years, Trattoria has been the heart of authentic Italian dining. Our commitment to excellence, from sourcing the finest imported ingredients to honoring traditional recipes, defines every dish we serve."
          tag="Our Story"
          tagIcon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416779430-v60b0x8w.jpg"
          imageAlt="Restaurant dining atmosphere"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardFifteen
          title="Signature Dishes"
          description="Discover our most beloved creations, each prepared with authentic Italian techniques and the freshest ingredients"
          tag="Menu"
          tagIcon={ChefHat}
          features={[
            {
              id: "1",
              title: "Handmade Pasta",
              description: "Fresh pasta crafted daily using traditional Italian methods and semolina flour",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416780858-eeoell34.jpg",
              imageAlt: "Handmade pasta dish"
            },
            {
              id: "2",
              title: "Creamy Risotto",
              description: "Silky smooth risotto prepared to perfection with arborio rice and Italian seasonings",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416781771-y722e2uo.jpg",
              imageAlt: "Traditional risotto"
            },
            {
              id: "3",
              title: "Wood-Fired Pizza",
              description: "Authentic Italian pizza baked in our traditional wood-fired oven with premium toppings",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416782593-h8zdw91t.jpg",
              imageAlt: "Wood-fired pizza"
            },
            {
              id: "4",
              title: "Fresh Seafood",
              description: "Daily catch prepared with Italian herbs and olive oil for an unforgettable taste",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416783561-paqr3rpv.jpg",
              imageAlt: "Fresh seafood preparation"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved by Our Guests"
          description="Hear what our satisfied customers have to say about their Trattoria experience"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "The most authentic Italian experience I've had outside of Italy. Every dish transported me straight to Tuscany. Simply magnificent!",
              name: "Maria Rossi",
              role: "Food Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416788252-727dkw66.jpg",
              imageAlt: "Maria Rossi"
            },
            {
              id: "2",
              quote: "Impeccable service, stunning ambiance, and food that speaks for itself. Trattoria is now our go-to spot for special occasions.",
              name: "Giovanni De Rosa",
              role: "Regular Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416789080-wy1jj7n4.jpg",
              imageAlt: "Giovanni De Rosa"
            },
            {
              id: "3",
              quote: "The pasta is absolutely divine. I've visited twice already and plan to make it a monthly tradition. Bellissimo!",
              name: "Elena Marchi",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416789990-zi686466.jpg",
              imageAlt: "Elena Marchi"
            },
            {
              id: "4",
              quote: "Best Italian restaurant in the city. The flavors are authentic, the staff is attentive, and the whole experience is unforgettable.",
              name: "Marco Giuliani",
              role: "Restaurant Reviewer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416790910-ll46n84t.jpg",
              imageAlt: "Marco Giuliani"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Artisans"
          description="Passionate professionals dedicated to bringing authentic Italian flavors to your table"
          tag="Our Team"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",
              name: "Marco Santini",
              role: "Executive Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416786074-ne49srjf.jpg",
              imageAlt: "Chef Marco Santini"
            },
            {
              id: "2",
              name: "Giuseppe Marino",
              role: "Head Pasta Chef",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416787071-l4hqy4uo.jpg",
              imageAlt: "Giuseppe Marino"
            },
            {
              id: "3",
              name: "Isabella Rossini",
              role: "Sommelier",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416784449-jqaeax00.jpg",
              imageAlt: "Sommelier Isabella"
            },
            {
              id: "4",
              name: "Antonio Ferri",
              role: "Head of Service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416786074-ne49srjf.jpg",
              imageAlt: "Antonio Ferri"
            }
          ]}
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactCenterForm
          title="Reserve Your Table"
          description="Plan your dining experience with us. Fill out the form below and we'll confirm your reservation shortly."
          useInvertedBackground="noInvert"
          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: "date", type: "date", placeholder: "Preferred Date", required: true },
            { name: "time", type: "time", placeholder: "Preferred Time", required: true },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or dietary requirements",
            rows: 4,
            required: false
          }}
          buttonText="Confirm Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Trattoria"
          columns={[
            {
              items: [
                { label: "Menu", href: "menu" },
                { label: "About Us", href: "about" },
                { label: "Gallery", href: "gallery" }
              ]
            },
            {
              items: [
                { label: "Reservations", href: "reservations" },
                { label: "Contact", href: "contact" },
                { label: "Events", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}