"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Today's Bukka"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "radial-gradient",
      }}
      title="Authentic Nigerian Flavors, 24/7."
      description="Today's Bukka is your home for fresh, traditional Nigerian dishes, served with love at any hour. From Jollof to Eba, experience true taste."
      testimonials={[
        {
          name: "Chidi O.",
          handle: "@chidio",
          testimonial: "The best jollof rice in the city, hands down. Just like home!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
        },
        {
          name: "Sarah A.",
          handle: "@saraha",
          testimonial: "I love that they are open 24 hours. Perfect for late-night cravings.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg",
        },
        {
          name: "Tunde M.",
          handle: "@tundem",
          testimonial: "Fresh, hot, and authentic. Highly recommend for any meal.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-red-uniform-cape-holding-round-delivery-bowl-notepad-pink-background_140725-41106.jpg",
        },
        {
          name: "Amaka E.",
          handle: "@amakae",
          testimonial: "Their egusi soup is incredibly flavorful and rich.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-dark-skinned-man-has-beard-mustache-calls-his-friend_273609-8928.jpg",
        },
        {
          name: "Olu B.",
          handle: "@olub",
          testimonial: "A true gem! Always reliable and consistently delicious.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/tasty-rice-dish_23-2147680629.jpg",
          alt: "Customer portrait 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-stewed-chicken-with-onion-greens-pomegranate-clay-dish_141793-5116.jpg",
          alt: "Customer portrait 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg",
          alt: "Customer portrait 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/delicious-rice-dish_23-2147680628.jpg",
          alt: "Customer portrait 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/rastafari-movement-with-individual-wearing-dreads_23-2151711906.jpg",
          alt: "Customer portrait 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "24/7 Open",
        },
        {
          type: "text",
          text: "Authentic Recipe",
        },
        {
          type: "text",
          text: "Fresh Ingredients",
        },
        {
          type: "text",
          text: "Community Focused",
        },
        {
          type: "text",
          text: "True Nigerian Taste",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Welcome to Today's Bukka"
      buttons={[
        {
          text: "See Menu",
          href: "#products",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fresh Ingredients",
          description: "We cook daily using farm-fresh local produce.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/photo-bell-pepper-supermarket-photo-your-advertising_185193-109769.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-vegetables_140725-85130.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-with-potatoes-oily-broth_114579-2367.jpg?_wi=2",
          imageAlt: "fresh ingredients market vegetable nigerian",
        },
        {
          title: "Traditional Recipes",
          description: "Authentic recipes handed down through generations.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-cake-glasses-with-champagne_176420-55150.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186431.jpg",
          imageAlt: "fresh ingredients market vegetable nigerian",
        },
        {
          title: "24/7 Service",
          description: "We are open anytime you need a good meal.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg?_wi=1",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552643.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7420.jpg?_wi=1",
          imageAlt: "fresh ingredients market vegetable nigerian",
        },
      ]}
      showStepNumbers={false}
      title="Quality You Can Taste"
      description="We source the finest local ingredients to bring you the best traditional meals."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Jollof Rice",
          price: "₦2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/pilaf-spices-vegetables-glasses-water-white-background-top-view_185193-162380.jpg?_wi=2",
        },
        {
          id: "p2",
          name: "Egusi & Pounded Yam",
          price: "₦3,500",
          imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-vegetables-tomato-sauce_1220-7420.jpg?_wi=2",
        },
        {
          id: "p3",
          name: "Fried Plantain",
          price: "₦1,000",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain_23-2151062782.jpg",
        },
        {
          id: "p4",
          name: "Moi Moi",
          price: "₦800",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-sweet-tang-yuan-composition_23-2149149063.jpg",
        },
        {
          id: "p5",
          name: "Peppered Meat",
          price: "₦1,500",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21267.jpg",
        },
        {
          id: "p6",
          name: "Fish Pepper Soup",
          price: "₦2,800",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-beans-soup-with-chilli_23-2148660373.jpg",
        },
      ]}
      title="Our Menu"
      description="Delicious, traditional dishes waiting for you."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Serving the Community"
      tag="Our Impact"
      metrics={[
        {
          id: "m1",
          value: "100+",
          description: "Meals served daily",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Availability",
        },
        {
          id: "m3",
          value: "50+",
          description: "Local farmers supported",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Fola T.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-burger_23-2148705543.jpg",
        },
        {
          id: "t2",
          name: "Ade O.",
          imageSrc: "http://img.b2bpic.net/free-photo/tanned-happy-woman-brown-bra-looks-surprised-holds-fork-makes-funny-face_197531-18190.jpg",
        },
        {
          id: "t3",
          name: "Efe K.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
        },
        {
          id: "t4",
          name: "Zainab B.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-restaurant_23-2148899030.jpg",
        },
        {
          id: "t5",
          name: "Bayo D.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
        },
      ]}
      cardTitle="What People Say"
      cardTag="Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Are you really open 24/7?",
          content: "Yes, our doors are always open, every single day of the week.",
        },
        {
          id: "f2",
          title: "Do you offer delivery?",
          content: "We offer delivery via local partners.",
        },
        {
          id: "f3",
          title: "Is the menu seasonal?",
          content: "We maintain core staples and add seasonal specials.",
        },
      ]}
      sideTitle="Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Today's Bukka"
      description="Hungry? Come visit us or reach out for catering inquiries."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Menu",
              href: "#products",
            },
            {
              label: "About",
              href: "#about",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Today's Bukka"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
