"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Facebook, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="animatedAurora"
      cardStyle="inset"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Spice Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reservations", id: "contact" },
            { name: "Contact", id: "footer" }
          ]}
          button={{ text: "Book Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Authentic Indian Cuisine"
          description="Experience the rich flavors and traditions of India. From aromatic curries to freshly baked breads, every dish tells a story of generations."
          tag="Award-Winning Restaurant"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961515649-alyqpvpf.jpg"
          imageAlt="Traditional Indian restaurant dining experience"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Our Heritage"
          description="Spice Haven brings 25 years of culinary excellence to your table. Founded by Chef Rajesh Kumar, our restaurant celebrates the diverse regional cuisines of India with authentic recipes passed down through generations. We source premium spices and fresh ingredients daily to ensure every meal is an unforgettable journey."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg"
          imageAlt="Our head chef preparing traditional Indian dishes"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSix
          title="Our Specialties"
          description="Signature dishes crafted with love and authentic spices"
          products={[
            {
              id: "1",
              name: "Butter Chicken",
              price: "$14.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg",
              imageAlt: "Creamy butter chicken curry",
              rating: 5,
              reviewCount: 120
            },
            {
              id: "2",
              name: "Hyderabadi Biryani",
              price: "$13.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961516564-o08muwvj.jpg",
              imageAlt: "Fragrant basmati rice biryani",
              rating: 5,
              reviewCount: 95
            },
            {
              id: "3",
              name: "Crispy Samosa",
              price: "$4.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961517335-iu8jilsx.jpg",
              imageAlt: "Golden fried samosa with chutney",
              rating: 4,
              reviewCount: 78
            },
            {
              id: "4",
              name: "Tandoori Naan",
              price: "$3.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961518181-i7gx4ce4.jpg",
              imageAlt: "Freshly baked tandoori naan bread",
              rating: 5,
              reviewCount: 156
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Guests Say"
          description="Hear from those who have experienced our authentic Indian hospitality"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Priya Sharma, Food Critic",
              quote: "Spice Haven delivers an authentic Indian dining experience. The butter chicken is absolutely divine, and the service is impeccable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961519268-y0i2sol6.jpg",
              imageAlt: "Priya Sharma"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Regular Guest",
              quote: "After 50+ visits, I can confidently say this is the best Indian restaurant in the city. Every dish is consistent and delicious.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278834679-mepfz8op.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Sofia Martinez, Food Enthusiast",
              quote: "The biryani is phenomenal, and the naan bread tastes like it came straight from a traditional tandoor oven. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961888470-fsqvhewt.jpg",
              imageAlt: "Sofia Martinez"
            },
            {
              id: "4",
              nameTitle: "James Wilson, Event Organizer",
              quote: "We catered our company event at Spice Haven. The food was incredible, and the team went above and beyond for us.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766961520124-49n2foaf.jpg",
              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the flavors of India? Reserve your table today and let us create an unforgettable dining experience for you."
          animationType="background-highlight"
          buttons={[
            { text: "Book a Table", href: "#" },
            { text: "Call Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Spice Haven"
          copyrightText="© Spice Haven, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Hours",
              items: [
                { label: "Monday - Thursday: 5PM - 10PM", href: "#" },
                { label: "Friday - Saturday: 5PM - 11PM", href: "#" },
                { label: "Sunday: 12PM - 10PM", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: (555) 123-4567", href: "#" },
                { label: "Email: info@spicehaven.com", href: "#" },
                { label: "123 Main Street, City, State", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Refund Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}