"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Flame, Heart, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",          id: "menu"},
        {
          name: "About",          id: "about"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Fresno Fresh"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars"}}
      title="Fresh. Homemade. Unforgettable."
      description="Experience Fresno’s most loved fresh kitchen—where every dish is made from scratch, packed with flavor, and served with care."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-mushroom-soup-inside-plate-dark-space_140725-79207.jpg",          imageAlt: "Delicious Indian butter chicken dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_74190-544.jpg?_wi=1",          imageAlt: "Tender juicy chicken curry Indian"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-with-meat_23-2148825106.jpg",          imageAlt: "Creamy Shahi Paneer dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food-texture-composition_23-2148964912.jpg",          imageAlt: "Fresh garlic naan bread"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/carrot-almond-cake-with-coffee_501050-825.jpg",          imageAlt: "Gajrela dessert Indian sweet"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-preparation-process-dushbere-soup-dumplings-cutting-board-rolling-pin-half-folded-green-towel-spiral-notebook-dark-surface_140725-94225.jpg",          imageAlt: "Fresh tandoori roti bread"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/marinated-chicken-wings-with-sauce-black-board_114579-58143.jpg",          imageAlt: "Tender juicy chicken curry Indian"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246078.jpg",          imageAlt: "Creamy Shahi Paneer dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-bowl-with-pakistani-food_23-2148825092.jpg",          imageAlt: "Fresh garlic naan bread"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-fruit-cake-delicious-slices-with-red-cherries-inside-sugar-powder-inside-round-grey-plate-dark_140725-24335.jpg",          imageAlt: "Gajrela dessert Indian sweet"},
      ]}
      buttons={[
        {
          text: "Order Now",          href: "#menu"},
        {
          text: "View Menu",          href: "#menu"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/top-view-colorful-hummus_23-2149447778.jpg",          alt: "Top view over colorful hummus"},
        {
          src: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751960.jpg",          alt: "Top view delicious food on table still life"},
        {
          src: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086081.jpg",          alt: "Nutritious Indian dosa arrangement"},
        {
          src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086034.jpg",          alt: "Delicious Indian dosa assortment"},
        {
          src: "http://img.b2bpic.net/free-photo/tuna-salad-with-eggs-glass-wine_140725-6859.jpg",          alt: "Tuna salad with eggs and a glass of wine"},
      ]}
      avatarText="Join 500+ food enthusiasts"
      marqueeItems={[
        {
          type: "text",          text: "Homemade"},
        {
          type: "text",          text: "Authentic"},
        {
          type: "text",          text: "Fresh"},
        {
          type: "text",          text: "Healthy"},
        {
          type: "text",          text: "Delicious"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Rated 4.2 stars by 50+ happy customers",        "Fresno's best homemade-style kitchen",        "Authentic flavors, real care",        "Fresh ingredients, daily",        "Feel-good comfort food"]}
      title="Community Favorites"
      description="Loved by locals and visitors alike."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Made Fresh. Served With Heart."
      metrics={[
        {
          icon: Leaf,
          label: "Ingredients",          value: "Fresh Daily"},
        {
          icon: Flame,
          label: "Taste",          value: "Authentic"},
        {
          icon: Heart,
          label: "Quality",          value: "Feel-Good"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Chicken Specialties",          price: "$14.99",          imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8929.jpg"},
        {
          id: "p2",          name: "Shahi Paneer",          price: "$13.99",          imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151889993.jpg"},
        {
          id: "p3",          name: "Garlic Naan",          price: "$3.99",          imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg"},
        {
          id: "p4",          name: "Gajrela Dessert",          price: "$5.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-delicious-bright-cake-with-cream-cracker-cookies-dark-surface-cake-biscuit-pie-sugar-sweet-cookie_140725-53948.jpg"},
        {
          id: "p5",          name: "Fresh Salad",          price: "$6.99",          imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"},
      ]}
      title="Signature Dishes"
      description="Our guests can’t stop talking about our tender chicken dishes, creamy paneer, and freshly baked naan—made soft, warm, and perfect every time."
    />
  </div>

  <div id="story" data-section="story">
      <FeatureCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      animationType="slide-up"
      features={[
        {
          title: "Traditional Recipes",          description: "Generations of culinary secrets brought to your plate.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246083.jpg",            imageAlt: "authentic indian home cooked meal"
          },
          items: [],
          reverse: false,
        },
        {
          title: "Fresh Ingredients",          description: "We source the freshest vegetables and premium meats daily.",          media: {
            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: "authentic indian home cooked meal"
          },
          items: [],
          reverse: true,
        },
        {
          title: "Healthy Comfort",          description: "Wholesome food designed to make you feel good after eating.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_74190-544.jpg?_wi=2",            imageAlt: "authentic indian home cooked meal"
          },
          items: [],
          reverse: false,
        },
      ]}
      title="Built on Tradition. Loved in Fresno."
      description="Fresno Fresh Food Kitchen was built on a simple idea: serve real, fresh food that feels like home. Every recipe reflects tradition, care, and a passion for quality."
    />
  </div>

  <div id="health" data-section="health">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Garden Fresh",          description: "Carrots, radish, cucumber, and onion salads—simple, clean, and nourishing.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/various-vegetables-cup-marble-background_114579-67038.jpg",            imageAlt: "fresh garden vegetable salad"
          },
          items: [],
          reverse: false,
        },
      ]}
      title="Food That Feels Good"
      description="Enjoy meals made with fresh vegetables, balanced spices, and wholesome ingredients."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarah_fresno",          testimonial: "Tastes like homemade food. Best in town!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food-plate_23-2149152886.jpg"},
        {
          id: "t2",          name: "Mark D.",          handle: "@mark_eats",          testimonial: "Everything fresh made, high quality chicken.",          imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-eating_23-2147794384.jpg"},
        {
          id: "t3",          name: "Emily R.",          handle: "@emily_r",          testimonial: "You feel good after eating here. Truly special.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149103342.jpg"},
        {
          id: "t4",          name: "David K.",          handle: "@david_k",          testimonial: "Whenever you come to Fresno, try this food.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg"},
        {
          id: "t5",          name: "Jessica L.",          handle: "@jess_l",          testimonial: "Fresh and high quality every time. Amazing.",          imageSrc: "http://img.b2bpic.net/free-photo/carefree-african-american-lady-standing-confetti-studio-shot-blissful-black-girl-smiling-beige-background_197531-28959.jpg"},
      ]}
      title="Loved by Our Community"
      description="Don't just take our word for it—see what our community has to say."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Do you offer delivery?",          content: "Yes, we partner with major delivery platforms to bring our fresh food to your door."},
        {
          id: "f2",          title: "Are your ingredients fresh?",          content: "Absolutely! Everything from our vegetables to meats is sourced and prepared fresh daily."},
        {
          id: "f3",          title: "Do you have vegetarian options?",          content: "Yes, we have a variety of authentic vegetarian favorites like Shahi Paneer."},
      ]}
      sideTitle="Common Questions"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready for Fresh, Real Flavor? Come visit Fresno Fresh Food Kitchen today."
      buttons={[
        {
          text: "Order Online",          href: "#"},
        {
          text: "Call Now",          href: "tel:+15550000000"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Full Menu",              href: "#menu"},
            {
              label: "Favorites",              href: "#menu"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Reviews",              href: "#reviews"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Visit Us",              href: "#contact"},
            {
              label: "Order Online",              href: "#"},
          ],
        },
      ]}
      logoText="Fresno Fresh"
      copyrightText="© 2025 Fresno Fresh Food Kitchen"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}