"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="medium"
      background="plain"
      cardStyle="solid-accent"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Osteria"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",
            href: "#contact"
          }}
          className="bg-background shadow-md"
          navItemClassName="text-foreground hover:text-primary-cta transition-colors"
          buttonClassName="bg-primary-cta hover:bg-primary-cta/80"
          buttonTextClassName="text-secondary-cta font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="OSTERIA"
          description="Experience authentic Italian cuisine crafted with traditional recipes and the finest ingredients. Welcome to a culinary journey through Italy."
          buttons={[
            { text: "Reserve a Table", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379442364-vgks251m.jpg"
          imageAlt="Fresh Italian pasta dishes"
          frameStyle="card"
          logoLineHeight={1.2}
          className="bg-background"
          containerClassName="max-w-6xl mx-auto"
          logoClassName="text-primary-cta"
          descriptionClassName="text-foreground text-lg md:text-3xl"
          buttonContainerClassName="flex gap-4 flex-wrap"
          buttonClassName="bg-primary-cta hover:bg-primary-cta/80 transition-all"
          buttonTextClassName="text-secondary-cta font-semibold"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="Founded in 2010, Osteria brings the warmth and flavors of Italy to your table. We believe in honoring tradition while creating unforgettable dining moments."
          tag="About Osteria"
          buttons={[
            { text: "Learn More", href: "#menu" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379444535-jhlujsfx.jpg"
          imageAlt="Warm Italian restaurant interior"
          useInvertedBackground="noInvert"
          titleClassName="text-foreground text-5xl md:text-6xl font-bold"
          descriptionClassName="text-foreground text-base md:text-lg"
          buttonClassName="bg-primary-cta hover:bg-primary-cta/80"
          buttonTextClassName="text-secondary-cta"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Featured Dishes"
          description="Discover our signature recipes passed down through generations of Italian cooking excellence."
          tag="Specialties"
          products={[
            {
              id: "1",
              name: "Spaghetti Carbonara",
              price: "$18",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379442917-e3tyx5qd.jpg",
              imageAlt: "Creamy carbonara pasta"
            },
            {
              id: "2",
              name: "Risotto al Tartufo",
              price: "$22",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379443420-90awykc7.jpg",
              imageAlt: "Truffle risotto"
            },
            {
              id: "3",
              name: "Lasagna della Nonna",
              price: "$16",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379443872-4759ktqz.jpg",
              imageAlt: "Traditional lasagna"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Read heartfelt reviews from diners who've experienced the magic of Osteria."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Maria Rossi, Food Critic",
              date: "Date: 15 December 2024",
              title: "Truly Authentic Italian Experience",
              quote: "The flavors transported me straight to Rome. Every dish was prepared with such care and passion. This is genuine Italian cuisine at its finest.",
              tag: "5-Star Review",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379445357-cr7t44qp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379442364-vgks251m.jpg"
            },
            {
              id: "2",
              name: "Giovanni Alberti, Regular Guest",
              date: "Date: 10 December 2024",
              title: "A Gem in the Heart of the City",
              quote: "We've dined here every month for the past year. The consistency, quality, and warmth from the staff make it our favorite spot for special occasions.",
              tag: "5-Star Review",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379445887-b0w4qzd1.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379444535-jhlujsfx.jpg"
            },
            {
              id: "3",
              name: "Elena Conti, Culinary Student",
              date: "Date: 5 December 2024",
              title: "A Master Class in Traditional Cooking",
              quote: "As someone studying Italian cuisine, I was blown away. The techniques, the sourcing, the respect for tradition—everything is perfection here.",
              tag: "5-Star Review",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379446329-sbgjvzhj.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379442917-e3tyx5qd.jpg"
            },
            {
              id: "4",
              name: "Antonio Ferraro, Businessman",
              date: "Date: 28 November 2024",
              title: "The Perfect Place for Business Dinners",
              quote: "Professional, elegant, and delicious. We've hosted multiple client dinners here and the experience never disappoints. Highly recommended.",
              tag: "5-Star Review",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379446759-cxk8n5s7.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767379443420-90awykc7.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          titleClassName="text-foreground text-4xl md:text-5xl font-bold"
          descriptionClassName="text-foreground text-base md:text-lg"
          cardTitleClassName="text-foreground text-2xl font-bold"
          cardQuoteClassName="text-foreground text-base italic"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to dine with us? Make a reservation or join our mailing list for special offers."
          inputPlaceholder="Enter your email address"
          buttonText="Send"
          useInvertedBackground="noInvert"
          textClassName="text-foreground text-2xl md:text-4xl font-bold"
          inputClassName="border-primary-cta focus:border-primary-cta/80"
          buttonClassName="bg-primary-cta hover:bg-primary-cta/80 transition-all"
          buttonTextClassName="text-secondary-cta font-semibold"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Osteria"
          description="Authentic Italian cuisine celebrating tradition, flavor, and the joy of sharing meals with loved ones."
          copyrightText="© 2025 Osteria. All rights reserved."
          columns={[
            {
              title: "About",
              items: [
                { label: "Our Story", href: "about" },
                { label: "Chef's Journey", href: "#" },
                { label: "Sourcing", href: "#" }
              ]
            },
            {
              title: "Dining",
              items: [
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Hours: Tue-Sun 5PM-11PM", href: "#" },
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Address: 123 Via Roma Street", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          logoClassName="text-primary-cta font-bold text-2xl"
          descriptionClassName="text-foreground text-sm"
          columnTitleClassName="text-foreground font-semibold text-lg"
          columnItemClassName="text-foreground hover:text-primary-cta transition-colors text-sm"
          copyrightTextClassName="text-foreground/70 text-xs"
        />
      </div>
    </ThemeProvider>
  );
}