"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="animatedGrid"
      cardStyle="solid-accent-light"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Big Eat"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "contact" },
            { name: "Contact", id: "#" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Big Eat"
          description="Bold flavors. Unforgettable moments. Discover exceptional cuisine in an environment designed for genuine connection."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762598685-ne2ej38m.jpg",
              imageAlt: "Signature Burger"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416786074-ne49srjf.jpg",
              imageAlt: "Fresh Pasta"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762599651-d4jtg5xa.jpg",
              imageAlt: "Premium Steak"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762601318-yy4m1lhd.jpg",
              imageAlt: "Decadent Dessert"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762602538-hxlfutb0.jpg",
              imageAlt: "Fresh Salad"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Big Eat"
          description={[
            "Big Eat was born from a passion for authentic cuisine and a commitment to elevating the dining experience. We believe food brings people together, and every dish tells a story.",
            "Our kitchen combines traditional techniques with fresh, locally-sourced ingredients. From casual appetizers to refined entrees, each plate reflects our dedication to quality and flavor."
          ]}
          useInvertedBackground="noInvert"
          showBorder={false}
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Reserve a Table", href: "contact" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwelve
          title="Explore Our Menu"
          description="Carefully curated selections that celebrate quality ingredients and bold flavors"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "appetizers",
              label: "Starters",
              title: "Begin your journey with our hand-crafted appetizers",
              items: [
                "Crispy calamari with aioli",
                "Burrata and heirloom tomato salad",
                "Pan-seared scallops",
                "House-made bread and cultured butter"
              ],
              buttons: [
                { text: "Learn More", href: "#" }
              ]
            },
            {
              id: "mains",
              label: "Mains",
              title: "Signature dishes that showcase our culinary expertise",
              items: [
                "Grilled prime steak with seasonal vegetables",
                "Fresh catch of the day",
                "Handmade pasta with house pesto",
                "Herb-roasted chicken with truffle jus"
              ],
              buttons: [
                { text: "Discover", href: "#" }
              ]
            },
            {
              id: "desserts",
              label: "Desserts",
              title: "Sweet endings crafted with precision and passion",
              items: [
                "Dark chocolate torte with berry compote",
                "Vanilla bean panna cotta",
                "House-made gelato selection",
                "Seasonal fruit tart"
              ],
              buttons: [
                { text: "Indulge", href: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSix
          title="Dining Experiences"
          description="Choose the perfect occasion for your Big Eat experience"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "casual",
              price: "Walk-In",
              subtitle: "Spontaneous dining at its finest. No reservations needed.",
              features: [
                "Seating available as-is",
                "Full menu access",
                "Casual atmosphere",
                "Quick service"
              ],
              buttons: [
                { text: "Check Hours", href: "#" }
              ]
            },
            {
              id: "reserved",
              price: "Reservation",
              subtitle: "Secure your perfect table for special occasions.",
              features: [
                "Guaranteed seating",
                "Full menu preview",
                "Special preparations",
                "Personalized service"
              ],
              buttons: [
                { text: "Reserve Now", href: "contact" }
              ],
              bottomNotes: [
                "Available 7 days a week",
                "Call or book online"
              ]
            },
            {
              id: "private",
              price: "Events",
              subtitle: "Host your celebration in our private dining spaces.",
              features: [
                "Custom menus available",
                "Full venue control",
                "Event coordinator",
                "Flexible packages"
              ],
              buttons: [
                { text: "Plan Event", href: "contact" }
              ],
              bottomNotes: [
                "Groups of 12+",
                "Custom catering options"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Stories"
          description="Hear what diners love about Big Eat"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              handle: "@foodlover_city",
              testimonial: "The steak was perfectly cooked and the service was impeccable. Big Eat has become our favorite spot for special occasions."
            },
            {
              id: "2",
              name: "Elena Rodriguez",
              handle: "Chef, Local Studio",
              testimonial: "As someone who cooks professionally, I'm impressed by the technique and quality. Every dish is executed with care."
            },
            {
              id: "3",
              name: "David Chen",
              handle: "@weekendexplorer",
              testimonial: "Walked in without a reservation and had an amazing experience. The team made us feel welcome and the pasta was divine."
            },
            {
              id: "4",
              name: "Sarah Williams",
              handle: "Event Planner",
              testimonial: "We hosted our company dinner at Big Eat. Custom menu was fantastic and the private space was perfect for our needs."
            },
            {
              id: "5",
              name: "James Park",
              handle: "@food_critic_mag",
              testimonial: "Consistently excellent. The chef clearly understands flavor balance and respects ingredient quality. Highly recommend."
            },
            {
              id: "6",
              name: "Lisa Thompson",
              handle: "Blogger & Photographer",
              testimonial: "Beautiful plating, incredible flavors, and an ambiance that makes every meal feel special. Big Eat delivers."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Big Eat? Reserve your table or reach out with questions. We look forward to welcoming you."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Get in Touch", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Big Eat"
          copyrightText="© 2025 Big Eat Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "Menu", href: "menu" },
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" }
              ]
            },
            {
              title: "Experience",
              items: [
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "contact" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}