"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="noiseDiagonalGradient"
      cardStyle="gradient-subtle"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reserve", id: "contact" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Trattoria"
          bottomLeftText="Italian Steakhouse"
          bottomRightText="reservations@trattoria.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Fine Italian Dining"
          title="Authentic Italian Steakhouse Experience"
          description="Savor the finest cuts of premium beef prepared with traditional Italian techniques in an elegant, sophisticated setting."
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "#" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Italian steakhouse dining room"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story"
          description="Blending Italian tradition with contemporary fine dining"
          tabs={[
            {
              id: "heritage",
              label: "Heritage",
              description: "Founded on principles of authentic Italian cooking and premium beef selection, our steakhouse honors generations of culinary tradition."
            },
            {
              id: "philosophy",
              label: "Our Philosophy",
              description: "We believe in simplicity and quality. Every ingredient is carefully sourced, every dish is prepared with precision, and every guest experience is paramount."
            },
            {
              id: "experience",
              label: "Dining Experience",
              description: "From our wine cellar curated with Italian vintages to our intimate ambiance, every detail enhances your evening of exceptional cuisine and service."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg"
          imageAlt="Restaurant interior with warm lighting"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="Signature Dishes & Experiences"
          description="Discover our most acclaimed selections, each crafted with passion and expertise."
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg",
              imageAlt: "Premium grilled steak"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402515950-mo2skfyc.jpg",
              imageAlt: "Traditional Italian pasta"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184308554-4dbq1jfa.jpg",
              imageAlt: "Chef preparing meal"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237434264-kf7vqb4g.jpg",
              imageAlt: "Italian wine collection"
            }
          ]}
          tag="Culinary Excellence"
          buttons={[
            { text: "Explore Full Menu", href: "#" }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Experience the warmth of authentic Italian hospitality through the words of our valued patrons"
          testimonials={[
            {
              id: "1",
              name: "Marco Rossi",
              role: "Regular Guest",
              company: "Fine Dining Enthusiast",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Marco Rossi"
            },
            {
              id: "2",
              name: "Elena Giovanni",
              role: "Food Critic",
              company: "Culinary Magazine",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Elena Giovanni"
            },
            {
              id: "3",
              name: "Antonio Moretti",
              role: "Executive",
              company: "Corporate Client",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "Antonio Moretti"
            },
            {
              id: "4",
              name: "Lucia Benedetti",
              role: "Event Planner",
              company: "Special Occasions",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Lucia Benedetti"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Reserve Your Table"
          description="Join us for an unforgettable evening of fine Italian steakhouse dining. Book your reservation today and experience culinary excellence."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Intimate dining setting"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Reserve Now"
          termsText="We'll contact you within 24 hours to confirm your reservation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Trattoria"
          copyrightText="© Trattoria Italian Steakhouse, 2025"
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "#" },
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "#" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Mon-Thu: 5PM-11PM", href: "#" },
                { label: "Fri-Sat: 5PM-12AM", href: "#" },
                { label: "Sunday: 4PM-10PM", href: "#" },
                { label: "Closed Mondays (Holiday)", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Email: info@trattoria.com", href: "#" },
                { label: "Via Roma 45, Milano", href: "#" },
                { label: "Private Dining", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}