"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Earthy Eats"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Exquisite Flavors, Warm Moments"
      description="Discover a curated culinary journey that celebrates freshness, technique, and the art of fine dining in every bite."
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
          alt: "Happy guest at dinner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
          alt: "Dining friends laughing",
        },
        {
          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269160.jpg",
          alt: "Couple enjoying meal",
        },
        {
          src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
          alt: "Friends conversating at restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
          alt: "Diner enjoying ambiance",
        },
      ]}
      avatarText="Join 12,000+ satisfied guests"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Born from Tradition"
      description={[
        "Our passion for authentic cuisine stems from decades of heritage, using only the finest farm-to-table ingredients.",
        "Every dish we create is a tribute to tradition, meticulously crafted to offer an unforgettable experience.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          label: "01",
          title: "Farm-Fresh Sourcing",
          items: [
            "Local farmers partnerships",
            "Sustainable growth practices",
            "Seasonal menu changes",
          ],
        },
        {
          id: "f2",
          label: "02",
          title: "Master Chefs",
          items: [
            "Internationally trained culinary artists",
            "Decades of experience",
            "Innovative cooking techniques",
          ],
        },
        {
          id: "f3",
          label: "03",
          title: "Curated Ambiance",
          items: [
            "Warm artistic lighting",
            "Intimate seating arrangements",
            "Signature interior design",
          ],
        },
      ]}
      title="The Art of Culinary"
      description="We take pride in our process, ensuring that quality and flavor come first in every aspect of your dining experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Signature Grass-Fed Steak",
          price: "$45",
          variant: "Dinner",
          imageSrc: "http://img.b2bpic.net/free-photo/from-fried-meat-with-fried-vegetables-orange-brandy-glass-white-plate_176474-2632.jpg",
        },
        {
          id: "p2",
          name: "Handmade Wild Mushroom Pasta",
          price: "$28",
          variant: "Dinner",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-mushroom-pasta-dark-round_176474-3153.jpg",
        },
        {
          id: "p3",
          name: "Crispy Coastal Sea Bass",
          price: "$38",
          variant: "Seafood",
          imageSrc: "http://img.b2bpic.net/free-photo/tomato-cucumber-salad-with-onions_140725-2327.jpg",
        },
        {
          id: "p4",
          name: "Garden Herb Salad",
          price: "$18",
          variant: "Appetizer",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-white-surface-fruit-pie-cookies-sweet-biscuit-cake_140725-118217.jpg",
        },
        {
          id: "p5",
          name: "Dark Chocolate Velvet Tart",
          price: "$14",
          variant: "Dessert",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",
        },
        {
          id: "p6",
          name: "Signature Orchard Cocktail",
          price: "$16",
          variant: "Drinks",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949024.jpg",
        },
      ]}
      title="Signature Plates"
      description="A glimpse into our seasonal menu, prepared with love."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Elena Ross",
          role: "Foodie",
          testimonial: "An incredible experience from start to finish. The flavors were perfectly balanced.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg",
        },
        {
          id: "2",
          name: "Marcus Chen",
          role: "Local Guide",
          testimonial: "Best service and food in town. Highly recommend for special occasions.",
          imageSrc: "http://img.b2bpic.net/free-photo/one-cheerful-man-cooking-domestic-kitchen-generated-by-ai_188544-25325.jpg",
        },
        {
          id: "3",
          name: "Sophia Lee",
          role: "Regular",
          testimonial: "Consistently amazing. The seasonal menu never disappoints.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
        },
        {
          id: "4",
          name: "David Miller",
          role: "Visitor",
          testimonial: "A true hidden gem. Everything felt personalized and warm.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg",
        },
        {
          id: "5",
          name: "Sarah J.",
          role: "Foodie",
          testimonial: "The atmosphere is unmatched. Absolutely a five-star night.",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
        },
      ]}
      title="What Guests Say"
      description="Real experiences from our valued diners."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "12k+",
          title: "Happy Guests",
          description: "Diners served this year",
          imageSrc: "http://img.b2bpic.net/free-photo/assortment-vegetables-herbs-spices_123827-21763.jpg",
        },
        {
          id: "m2",
          value: "24",
          title: "Unique Dishes",
          description: "Crafted each season",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg",
        },
        {
          id: "m3",
          value: "99%",
          title: "Satisfaction",
          description: "Rated by our guests",
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-different-vegetables-dark-table-radish-mushrooms-green-yellow-pepper-dark-background_482257-45401.jpg",
        },
      ]}
      title="Our Impact"
      description="Numbers behind the passion."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Do I need a reservation?",
          content: "Yes, we highly recommend booking in advance, especially during weekends.",
        },
        {
          id: "faq2",
          title: "Can you cater to dietary requirements?",
          content: "Absolutely. Please let us know your requirements when booking.",
        },
        {
          id: "faq3",
          title: "Is your menu seasonal?",
          content: "Yes, we update our menu seasonally to reflect the freshest available produce.",
        },
      ]}
      title="Frequently Asked"
      description="Common questions about dining with us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      tag="Visit Us"
      title="Book Your Table"
      description="Join us for an unforgettable evening. Fill out your details below to receive updates on menu launches."
    />
  </div>

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