"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { ChefHat, Instagram, Facebook, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Petsai"
          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">
        <HeroSplit
          title="Authentic Estonian Cuisine"
          description="Experience the rich flavors and traditions of Estonia. From hearty black bread to fresh seafood delicacies, discover culinary heritage at Petsai."
          tag="Tallinn's Finest"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Estonian restaurant dining experience"
          imagePosition="right"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "Explore Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Petsai has been a cornerstone of Estonian gastronomy since 2012. We honor traditional recipes passed down through generations while celebrating modern culinary innovation.",
            "Our chef-led team sources the finest local ingredients from Estonian farms and Baltic waters. Every dish tells a story of our heritage and commitment to authentic flavors.",
            "We believe dining is more than sustenance—it's an experience. Join us for an unforgettable evening of genuine Estonian hospitality."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Learn More", href: "about" }]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Featured Dishes"
          description="Discover our signature Estonian specialties crafted with locally sourced ingredients and traditional techniques."
          tag="Chef's Selection"
          tagIcon={ChefHat}
          products={[
            {
              id: "1",
              name: "Traditional Black Bread",
              price: "€6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
              imageAlt: "Authentic Estonian black bread"
            },
            {
              id: "2",
              name: "Salmon & Leek Soup",
              price: "€12",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851208016-c93vpca0.jpg",
              imageAlt: "Fresh salmon and leek soup"
            },
            {
              id: "3",
              name: "Roasted Estonian Pork",
              price: "€18",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851208985-67xhem51.jpg",
              imageAlt: "Succulent roasted pork with traditional garnish"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          buttons={[{ text: "View Full Menu", href: "#" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Hear from those who've experienced the warmth and authentic flavors of Petsai."
          testimonials={[
            {
              id: "1",
              name: "Katrin Mänd",
              handle: "@katrinvisits",
              testimonial: "An extraordinary evening! The salmon soup transported me back to my grandmother's kitchen. Every bite was perfection.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Katrin Mänd"
            },
            {
              id: "2",
              name: "Jaan Tamm",
              handle: "@jaantalks",
              testimonial: "Finally, authentic Estonian cuisine done right. The attention to detail and passion for traditional flavors is evident in every dish.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Jaan Tamm"
            },
            {
              id: "3",
              name: "Aino Riis",
              handle: "@ainoexplores",
              testimonial: "The best dining experience in Tallinn. Warm ambiance, impeccable service, and food that tells stories of Estonia.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Aino Riis"
            },
            {
              id: "4",
              name: "Martin Saar",
              handle: "@martindines",
              testimonial: "A hidden gem. The roasted pork with mushroom sauce is absolutely divine. We're coming back next week!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Martin Saar"
            }
          ]}
          showRating={true}
          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 dining experience. Reserve your table today and discover why Petsai is Tallinn's premier Estonian restaurant."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851205775-3pcvnacq.jpg"
          imageAlt="Elegant restaurant dining setting"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Reserve Link"
          termsText="We'll send you reservation options and our latest menu. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Petsai"
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Tue - Thu: 5pm - 11pm", href: "#" },
                { label: "Fri - Sat: 5pm - 1am", href: "#" },
                { label: "Sun - Mon: Closed", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Vene 8, Tallinn", href: "#" },
                { label: "+372 631 3888", href: "#" },
                { label: "info@petsai.ee", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" }
          ]}
          copyrightText="© Petsai Restaurant 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}