"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="animatedGrid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "contact" }}
          brandName="Gogo Eat"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="GOGO EAT"
          description="Experience delicious food crafted with passion. From signature dishes to fresh favorites, every bite tells a story."
          buttons={[
            { text: "View Menu", href: "feature" },
            { text: "Reserve Table", href: "contact" }
          ]}
          slides={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010789636-u6c4nu8h.jpg", imageAlt: "Delicious restaurant dish" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010790439-4m82bows.jpg", imageAlt: "Gourmet cuisine plate" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010791374-902kg2vh.jpg", imageAlt: "Cozy restaurant dining" }
          ]
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric 
          title="Where Flavor Meets Passion"
          description={[
            "At Gogo Eat, we believe that great food brings people together. Since opening our doors, we've been committed to serving authentic flavors, the finest ingredients, and warm hospitality. Our chefs craft each dish with care, ensuring every meal is memorable and delicious."
          ]}
          metrics={[
            { label: "Years of Excellence", value: "10+" },
            { label: "Happy Customers", value: "50K+" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEight 
          title="Our Signature Menu"
          description="Discover our most beloved dishes crafted to perfection"
          tag="Specialties"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Signature Burgers",
              description: "Hand-crafted burgers with premium beef, fresh toppings, and special sauce",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010792275-20qh7eua.jpg"
            },
            {
              id: 2,
              title: "Fresh Salads",
              description: "Crisp greens with seasonal ingredients, homemade dressings, and protein options",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010793359-q48q67u7.jpg"
            },
            {
              id: 3,
              title: "Decadent Desserts",
              description: "Sweet treats made fresh daily, from classics to creative new flavors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010794290-tgo0vybe.jpg"
            },
            {
              id: 4,
              title: "Refreshing Drinks",
              description: "Handcrafted beverages, premium coffee, and signature smoothies",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010795211-qgcbmqgn.jpg"
            }
          ]
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen 
          title="What Our Guests Say"
          description="Real reviews from our valued customers"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahj_foodie",
              testimonial: "Best restaurant in town! The flavors are incredible and the service is always friendly. We visit Gogo Eat every week.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010798438-ub43ub8c.jpg"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mchen_eats",
              testimonial: "Amazing food quality and excellent atmosphere. The burgers are absolutely to die for. Highly recommend!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010799282-1kvrxp66.jpg"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emilyrodriguez",
              testimonial: "Great place for families and friends. The menu has something for everyone and prices are fair. Love it!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010800107-qxw2e713.jpg"
            },
            {
              id: "4",
              name: "David Park",
              handle: "@davidpark_chef",
              testimonial: "As a food critic, I'm impressed with their consistency and passion. Gogo Eat is a gem in the community.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010800931-ivk1d78w.jpg"
            }
          ]
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Get in Touch"
          title="Visit Us or Reserve a Table"
          description="Join us for an unforgettable dining experience. Reserve your table online or visit us in person. We look forward to serving you!"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767010797351-pwu0vhsk.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard 
          logoText="Gogo Eat"
          copyrightText="© 2025 Gogo Eat Restaurant. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}