"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Flame, Heart, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Menu", id: "#menu" },
        { name: "About", id: "#about" },
        { name: "Reviews", id: "#testimonials" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="El Serranito"
      button={{ text: "Order Online", href: "#" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{ variant: "sparkles-gradient" }}
      logoText="El Serranito Taqueria"
      description="Authentic Mexican flavors, massive burritos, handmade tortillas, and the friendliest service in town. Best tacos near me, authentic Mexican food, street tacos, breakfast burritos, California burrito, Mexican food in Cherokee County."
      buttons={[
        { text: "View Menu", href: "#menu" },
        { text: "Order Online", href: "#" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-traditional-tacos-arrangement_23-2150799583.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Hidden Gem"
      title="A Family-Owned Tradition"
      description="Born from authentic Mexican recipes and a love for street food, El Serranito has become Cherokee County's favorite taco spot."
      subdescription="We believe in generous portions, fresh ingredients, and the kind of hospitality that makes every local feel like family."
      imageSrc="http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg"
      mediaAnimation="blur-reveal"
      icon={Utensils}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", brand: "Signature", name: "California Burrito", price: "$12.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-still-life_23-2148131286.jpg" },
        { id: "2", brand: "Classic", name: "Carne Asada Tacos", price: "$3.50", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg" },
        { id: "3", brand: "Authentic", name: "Al Pastor Tacos", price: "$3.50", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/view-vegetarian-tacos-arrangement_23-2148750457.jpg" },
        { id: "4", brand: "Fresh", name: "Shrimp Tacos", price: "$4.50", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg" },
        { id: "5", brand: "Morning", name: "Breakfast Burritos", price: "$8.99", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pouring-mayonnaise-into-chicken-doner-bread-with-pickles_140725-12185.jpg" },
        { id: "6", brand: "Specialty", name: "Birria Tacos", price: "$13.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878256.jpg" },
      ]}
      title="Signature Favorites"
      description="Massive burritos, sizzling street tacos, and authentic flavors made daily."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="scale-rotate"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Fresh Ingredients", subtitle: "Always fresh, never frozen.", category: "Quality", value: "100%" },
        { id: "f2", title: "Handmade Tortillas", subtitle: "Made daily in our kitchen.", category: "Artisanal", value: "Fresh" },
        { id: "f3", title: "Massive Portions", subtitle: "You won't leave hungry.", category: "Value", value: "Large" },
      ]}
      title="Why Locals Rave About Us"
      description="Everything we do is focused on the perfect balance of flavor and freshness."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah J.", role: "Foodie", testimonial: "Best burrito I’ve ever had. Truly a hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
        { id: "2", name: "Mike R.", role: "Texas Local", testimonial: "As someone from Texas, this is as good as it gets.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663870.jpg" },
        { id: "3", name: "Emily P.", role: "Regular", testimonial: "Huge portions and super friendly staff. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-big-unfolded-burrito_23-2148329160.jpg" },
        { id: "4", name: "David L.", role: "Visitor", testimonial: "Best breakfast burrito in Cherokee County. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
        { id: "5", name: "Anna W.", role: "Chef", testimonial: "Authentic flavor that's hard to find. Absolutely stellar.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-chef-posing-smiling_23-2148491347.jpg" },
      ]}
      title="What Our Neighbors Say"
      description="Don't take our word for it—listen to our loyal customers."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15,000+", title: "Burritos Served", description: "Hand-rolled with care.", icon: Flame },
        { id: "m2", value: "5,000+", title: "Happy Customers", description: "Our community means everything.", icon: Heart },
        { id: "m3", value: "500+", title: "5-Star Reviews", description: "We are humbled by your support.", icon: Star },
      ]}
      title="Serving Smiles Daily"
      description="Here is what we have accomplished together with our community."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Do you offer online ordering?", content: "Yes, you can order directly through our website." },
        { id: "q2", title: "Are you pet friendly?", content: "We have outdoor seating where pets are welcome!" },
        { id: "q3", title: "Do you host events?", content: "Yes, we cater private events and parties." },
      ]}
      title="Frequently Asked Questions"
      description="Got questions? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      tag="Visit Us"
      title="Come Hungry, Leave Happy"
      description="Located in the heart of Cherokee County. Stop by today for an authentic street taco experience."
      buttons={[
        { text: "Get Directions", href: "https://maps.google.com" },
        { text: "Call Now", href: "tel:5550123" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/concrete-wall-background-texture-with-copy-space_23-2148283274.jpg"
      logoText="El Serranito"
      columns={[
        { title: "Navigate", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
        { title: "Connect", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      copyrightText="© 2025 El Serranito Taqueria. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}