"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="BBR"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="BBR: Simply Better Burgers."
      description="Premium quality ingredients, grilled to perfection, delivered to your door."
      testimonials={[
        {
          name: "Ahmed K.",
          handle: "@ahmedk",
          testimonial: "The best burger I've ever had, hands down!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg",
          imageAlt: "juicy gourmet burger white background",
        },
        {
          name: "Sarah M.",
          handle: "@sarahm",
          testimonial: "Juicy, fresh, and lightning fast delivery.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-ingredients-table_23-2148769311.jpg",
          imageAlt: "juicy gourmet burger white background",
        },
        {
          name: "Omar F.",
          handle: "@omarf",
          testimonial: "BBR is my new weekly addiction.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868238.jpg",
          imageAlt: "juicy gourmet burger white background",
        },
        {
          name: "Layla H.",
          handle: "@laylah",
          testimonial: "Excellent service and consistently great taste.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-rustic-homemade-hamburger-french-fries-with-tomato-sauce_1150-1859.jpg",
          imageAlt: "juicy gourmet burger white background",
        },
        {
          name: "Youssef Z.",
          handle: "@youssefz",
          testimonial: "Finally, a burger that lives up to the hype.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7121.jpg",
          imageAlt: "juicy gourmet burger white background",
        },
      ]}
      buttons={[
        {
          text: "Order Now",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"
      imageAlt="juicy gourmet burger white background"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
          alt: "Medium woman taking food photo",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg",
          alt: "Pleasant looking stylish bearded man speaks over smart phone",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-people-enyoing-dinner-party_23-2150717869.jpg",
          alt: "Front view people enyoing a dinner party",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-hanging-out_23-2149061597.jpg",
          alt: "Medium shot friends hanging out",
        },
        {
          src: "http://img.b2bpic.net/free-photo/father-daughter-enjoying-burgers-restaurant_23-2152021201.jpg",
          alt: "Father and daughter enjoying burgers at a restaurant",
        },
      ]}
      avatarText="Join 50,000+ happy burger lovers"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Our Passion is Perfection."
      buttons={[
        {
          text: "Read Our Story",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "BBR Classic",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868238.jpg",
        },
        {
          id: "2",
          name: "Crispy Chicken",
          price: "$11",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-rustic-homemade-hamburger-french-fries-with-tomato-sauce_1150-1859.jpg",
        },
        {
          id: "3",
          name: "Veggie Delight",
          price: "$10",
          imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7121.jpg",
        },
        {
          id: "4",
          name: "Double Smash",
          price: "$15",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637309.jpg",
        },
        {
          id: "5",
          name: "Golden Fries",
          price: "$4",
          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-aluminum-bowl_1220-675.jpg",
        },
        {
          id: "6",
          name: "Chocolate Shake",
          price: "$6",
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-eclair-with-cup-confiture_114579-17946.jpg",
        },
      ]}
      title="Signature Menu"
      description="Hand-crafted burgers for every appetite."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ahmed K.",
          handle: "@ahmedk",
          testimonial: "Incredible taste every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
        },
        {
          id: "2",
          name: "Sarah M.",
          handle: "@sarahm",
          testimonial: "The best fries in town!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg",
        },
        {
          id: "3",
          name: "Omar F.",
          handle: "@omarf",
          testimonial: "Fast, fresh, and friendly service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg",
        },
        {
          id: "4",
          name: "Layla H.",
          handle: "@laylah",
          testimonial: "Consistency is their superpower.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-eating-vegetables-while-making-meal-cooking-healthy-vegetarian-food_1258-197053.jpg",
        },
        {
          id: "5",
          name: "Youssef Z.",
          handle: "@youssefz",
          testimonial: "Absolutely love their secret sauce.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-elder-woman-having-dessert-while-working_23-2148661257.jpg",
        },
      ]}
      showRating={true}
      title="What People Say"
      description="Join our community of happy burger lovers."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Fresh Ingredients",
          subtitle: "Always farm-to-table quality.",
          category: "Quality",
          value: "100%",
        },
        {
          id: "f2",
          title: "Fast Delivery",
          subtitle: "Hot to your door in minutes.",
          category: "Speed",
          value: "20min",
        },
        {
          id: "f3",
          title: "Secret Sauce",
          subtitle: "Our signature blend recipe.",
          category: "Taste",
          value: "Unique",
        },
      ]}
      title="Why Choose BBR?"
      description="Our commitment to quality set us apart."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "50K+",
          title: "Burgers Served",
          items: [
            "Happy clients",
            "Repeat orders",
          ],
        },
        {
          id: "m2",
          value: "4.9",
          title: "Rating",
          items: [
            "Customer love",
            "Top rated",
          ],
        },
        {
          id: "m3",
          value: "5+",
          title: "Locations",
          items: [
            "Growing fast",
            "Easy access",
          ],
        },
      ]}
      title="BBR by the Numbers"
      description="Numbers speak for our quality."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Do you offer vegan options?",
          content: "Yes, we have a delicious veggie patty option.",
        },
        {
          id: "2",
          title: "How long is delivery?",
          content: "Average delivery time is 20-30 minutes.",
        },
        {
          id: "3",
          title: "Can I customize my burger?",
          content: "Absolutely! Modify any ingredient to your liking.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Keep in touch"
      title="Get BBR Updates"
      description="Sign up for exclusive deals and news."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigate",
          items: [
            {
              label: "Menu",
              href: "#products",
            },
            {
              label: "About",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Use",
              href: "#",
            },
          ],
        },
      ]}
      logoText="BBR Burger Brand"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
