"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { UtensilsCrossed, Leaf, Heart, Instagram, Facebook, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="shadow-colored"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Bella Italia"
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          title="Experience Authentic Italian Cuisine"
          description="Discover the flavors of Italy at Bella Italia. Handcrafted dishes using traditional recipes and the finest ingredients."
          tag="Fine Dining"
          buttons={[
            {
              text: "Reserve Now",
              href: "contact"
            },
            {
              text: "View Menu",
              href: "about"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Italian restaurant dining room"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Story"
          description="For over 20 years, Bella Italia has been serving authentic Italian cuisine to our community. Our recipes are passed down from generations, bringing the true taste of Italy to your table."
          tag="Heritage & Tradition"
          bulletPoints={[
            {
              title: "Authentic Recipes",
              description: "Traditional Italian dishes prepared by our award-winning chefs using time-honored techniques.",
              icon: UtensilsCrossed
            },
            {
              title: "Finest Ingredients",
              description: "We source premium Italian ingredients directly from trusted suppliers across Italy.",
              icon: Leaf
            },
            {
              title: "Warm Hospitality",
              description: "Every guest is treated as family. We create memories one meal at a time.",
              icon: Heart
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Chef preparing authentic Italian dishes"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu-preview" data-section="menu-preview">
        <ProductCardOne
          title="Featured Dishes"
          description="Explore our signature menu items crafted with passion and the finest ingredients."
          tag="Menu Highlights"
          products={[
            {
              id: "1",
              name: "Handmade Tagliatelle al Ragù",
              price: "$24",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
              imageAlt: "Classic tagliatelle with rich ragù sauce"
            },
            {
              id: "2",
              name: "Wood-Fired Margherita Pizza",
              price: "$18",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg",
              imageAlt: "Traditional margherita pizza from wood-fired oven"
            },
            {
              id: "3",
              name: "Risotto al Tartufo",
              price: "$28",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183833897-i2cgqm4f.jpg",
              imageAlt: "Creamy truffle risotto with parmigiano"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Guests Say"
          description="Experience the warmth and authenticity through the words of our valued customers."
          tag="Guest Reviews"
          testimonials={[
            {
              id: "1",
              name: "Maria Rossi",
              role: "Food Critic",
              company: "Culinary Journal",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
              imageAlt: "Maria Rossi"
            },
            {
              id: "2",
              name: "Sofia Bianchi",
              role: "Restaurant Enthusiast",
              company: "Fine Dining Magazine",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278833750-0np7gm3z.jpg",
              imageAlt: "Sofia Bianchi"
            },
            {
              id: "3",
              name: "Marco Antonelli",
              role: "Travel Blogger",
              company: "World Cuisine Blog",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
              imageAlt: "Marco Antonelli"
            },
            {
              id: "4",
              name: "Elena Moretti",
              role: "Chef & Author",
              company: "Italian Kitchen",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
              imageAlt: "Elena Moretti"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Reservations"
          title="Reserve Your Table"
          description="Join us for an unforgettable dining experience. Reserve your table today and let us create a memorable evening for you."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184308554-4dbq1jfa.jpg"
          imageAlt="Beautiful restaurant table setting with candles"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Reservation Details"
          termsText="We'll send you reservation options and our latest specials. Your privacy is important to us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Bella Italia"
          description="Authentic Italian cuisine served with passion and tradition since 2004."
          copyrightText="© 2025 Bella Italia | All rights reserved"
          columns={[
            {
              title: "Restaurant",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Menu",
                  href: "about"
                },
                {
                  label: "Private Events",
                  href: "contact"
                }
              ]
            },
            {
              title: "Connect",
              items: [
                {
                  label: "Reservations",
                  href: "contact"
                },
                {
                  label: "Contact Us",
                  href: "contact"
                },
                {
                  label: "Location",
                  href: "#"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Terms of Service",
                  href: "#"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Accessibility",
                  href: "#"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: MapPin,
              href: "https://maps.google.com",
              ariaLabel: "Google Maps"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}