"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="large"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Why Choose Us",          id: "features"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQs",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Foodyum"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Foodyum"
      description="Your cravings, delivered. Fresh, delicious meals right to your doorstep, making every meal a celebration."
      buttons={[
        {
          text: "Order Now",          href: "#menu"},
        {
          text: "Explore Menu",          href: "#menu"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/plate-azerbaijani-dish-khangal-square-pasta-served-with-minced-meat-onion_140725-4919.jpg",          imageAlt: "Delicious pasta dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-sushi-rolls_23-2148505602.jpg",          imageAlt: "Assortment of sushi"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg",          imageAlt: "Juicy burger and fries"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg",          imageAlt: "Freshly baked pizza"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-food-salad-with-strawberry-close-up_185193-108477.jpg",          imageAlt: "Vibrant salad bowl"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22802.jpg",          imageAlt: "Tasty tacos"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Foodyum: Bringing Deliciousness to Your Table"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/portrait-female-cook-cutting-green-celery-gourmet-kitchen-using-cutting-board-knife-slice-coleslaw-salad-woman-chef-with-uniform-preparing-ingredients-food-recipe_482257-46080.jpg",          alt: "Chef preparing a gourmet meal"
        }
      ]}
      buttons={[
        {
          text: "Our Story",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Selection",          title: "Wide Culinary Variety",          subtitle: "Explore countless dishes",          description: "From local street food favorites to international gourmet meals, our extensive menu caters to every taste bud and occasion.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cheese-pizza-round-formed-with-seasonings-cheese-dark-blue-surface_140725-49051.jpg",          imageAlt: "Diverse food options"},
        {
          tag: "Quality",          title: "Fresh, Handpicked Ingredients",          subtitle: "Taste the difference in every bite",          description: "We partner with local farms and trusted suppliers to ensure every ingredient is fresh, seasonal, and of the highest quality.",          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg",          imageAlt: "Fresh organic produce"},
        {
          tag: "Speed",          title: "Lightning-Fast Delivery",          subtitle: "Your food, when you want it",          description: "Our efficient delivery network ensures your hot, delicious meal arrives at your doorstep quickly and in perfect condition.",          imageSrc: "http://img.b2bpic.net/free-photo/trip-concept-with-nervous-guy-medical-mask-sitting-motorcycle-with-yellow-suitcase-it-showing-map-yellow_179666-40411.jpg",          imageAlt: "Food delivery service"},
      ]}
      title="Why Choose Foodyum?"
      description="Experience the best of local cuisine, delivered with care and speed. We prioritize freshness and your satisfaction."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",          name: "Pepperoni Pizza",          price: "$15.99",          variant: "Large",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg",          imageAlt: "Classic pepperoni pizza"},
        {
          id: "p-2",          name: "Gourmet Burger",          price: "$12.50",          variant: "Beef & Cheese",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-burger-with-fresh-vegetables-meat-inside-round-plate_140725-11618.jpg",          imageAlt: "Stacked gourmet burger"},
        {
          id: "p-3",          name: "Assorted Sushi Set",          price: "$24.00",          variant: "Deluxe Combo",          imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg",          imageAlt: "Variety of sushi rolls"},
        {
          id: "p-4",          name: "Spicy Chicken Tacos",          price: "$9.75",          variant: "3 Tacos",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-hard-shell-tacos_84443-82586.jpg",          imageAlt: "Spicy chicken tacos"},
        {
          id: "p-5",          name: "Fresh Quinoa Salad",          price: "$11.00",          variant: "Vegan Option",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-cut-vegetables-fruits-pumpkin-persimmon-red-cabbage-lemon-green-tomatoes-yellow-bell-peppers-black-platter-white-table_140725-62661.jpg",          imageAlt: "Healthy quinoa salad"},
        {
          id: "p-6",          name: "Butter Chicken Curry",          price: "$18.25",          variant: "Indian Classic",          imageSrc: "http://img.b2bpic.net/free-photo/green-curry-bowl-with-lime-red-onion-lemon-grass-garlic-kaffir-lime-leaves_1150-21341.jpg",          imageAlt: "Rich butter chicken curry"},
      ]}
      title="Our Delicious Menu"
      description="From local favorites to international delights, find your next crave-worthy meal at Foodyum."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Foodyum has completely changed my meal routines! The food is always fresh, delicious, and arrives so quickly. Their variety keeps me coming back for more every week. Highly recommend!"
      rating={5}
      author="Sarah M."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          alt: "Sarah M. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          alt: "John D. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",          alt: "Emily R. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg",          alt: "David L. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",          alt: "Young businessman happy expression"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How long does delivery take?",          content: "Delivery times vary depending on your location and the restaurant, but we aim to deliver within 30-60 minutes for most orders."},
        {
          id: "faq-2",          title: "What payment methods do you accept?",          content: "We accept all major credit cards, PayPal, and other digital payment options for your convenience."},
        {
          id: "faq-3",          title: "Can I track my order?",          content: "Yes, once your order is confirmed, you will receive a tracking link to monitor its progress in real-time."},
        {
          id: "faq-4",          title: "What if I have an issue with my order?",          content: "Our customer support team is available to help! You can contact us through the app or website for any order-related concerns."},
        {
          id: "faq-5",          title: "Is there a minimum order value?",          content: "Some restaurants may have a minimum order value. This will be clearly displayed when you are browsing their menu."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to your most common questions about Foodyum's service, ordering, and delivery."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Eats",        "Gourmet Hub",        "Taste Buds",        "Fresh Plate",        "Spice Route",        "Urban Chef",        "Dinner Dash"]}
      title="Trusted by Top Local Restaurants"
      description="We partner with the finest establishments to bring you exceptional quality and variety right to your home."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to satisfy your hunger? Order now or get in touch!"
      buttons={[
        {
          text: "Order Now",          href: "#menu"},
        {
          text: "Contact Support",          href: "mailto:support@foodyum.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Foodyum"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
