"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { History, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#product"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Taqueria El Jalisciense"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      title="Authentic Al Pastor, Born in Jalisco"
      description="Family-crafted since day one. Trusted by thousands with a 4.9-star reputation."
      buttons={[
        {
          text: "Reserve Now",          href: "#contact"},
        {
          text: "Order Online",          href: "#product"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/snail-sausage-with-vegetable-grey-background_23-2148206950.jpg"
      imageAlt="Authentic Al Pastor Tacos"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-amusement-park_23-2147910670.jpg",          alt: "Young woman enjoying at amusement park"},
        {
          src: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg",          alt: "Laughing woman with dish and menu"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",          alt: "Portrait of waitress standing at counter"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cups_23-2148896964.jpg",          alt: "Medium shot woman holding cups"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg",          alt: "Portrait of an handsome young man"},
      ]}
      avatarText="Join our 10K+ happy diners!"
      marqueeItems={[
        {
          type: "text",          text: "Authentic Flavors"},
        {
          type: "text",          text: "Family-Crafted Recipes"},
        {
          type: "text",          text: "Fresh, Local Ingredients"},
        {
          type: "text-icon",          text: "Highly Rated",          icon: Star,
        },
        {
          type: "text",          text: "Taste of Jalisco"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Legacy"
      title="The Heart of Jalisco in Every Bite"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      features={[
        {
          id: "feature-1",          title: "Hand-Pressed Tortillas",          author: "Chef Maria Rodriguez",          description: "Crafted fresh daily from premium corn, our tortillas are the heart of every taco, soft, warm, and bursting with authentic flavor.",          tags: [
            "Fresh",            "Daily"],
          imageSrc: "http://img.b2bpic.net/free-photo/women-s-hands-make-dough-azerbaijani-dish-gutab_114579-18127.jpg",          imageAlt: "Hand-pressed corn tortillas"},
        {
          id: "feature-2",          title: "Signature Al Pastor",          author: "Chef Juan Martinez",          description: "Marinated for 24 hours in a secret family recipe, then slow-cooked on a vertical spit, our al pastor is sliced to perfection, crispy and juicy.",          tags: [
            "Signature",            "Slow-Cooked"],
          imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8295.jpg",          imageAlt: "Al pastor on a vertical spit"},
        {
          id: "feature-3",          title: "Locally Sourced Produce",          author: "Local Farms",          description: "We partner with local farms to bring you the freshest vegetables and herbs, ensuring vibrant flavors and supporting our community.",          tags: [
            "Local",            "Seasonal"],
          imageSrc: "http://img.b2bpic.net/free-photo/orange-pearshaped-pumpkin-placed-top-other-pumpkins-market-place-close-up-big-pumpkin_7502-10533.jpg",          imageAlt: "Fresh Mexican ingredients"},
      ]}
      title="Our Culinary Philosophy"
      description="We believe in preserving authenticity while innovating for today's palate. Discover what makes dining at Taqueria El Jalisciense an unforgettable experience."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="slide-up"
      products={[
        {
          id: "p1",          name: "Tacos al Pastor",          price: "$3.50",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831005.jpg",          imageAlt: "Tacos al Pastor"},
        {
          id: "p2",          name: "Birria Quesadillas",          price: "$14.00",          variant: "Savory",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-chicken-quesadillas-with-cheese-peppers-wooden-table_123827-28004.jpg",          imageAlt: "Birria Quesadillas"},
        {
          id: "p3",          name: "Carne Asada Burrito",          price: "$12.00",          variant: "Hearty",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148024812.jpg",          imageAlt: "Carne Asada Burrito"},
        {
          id: "p4",          name: "Enchiladas Suizas",          price: "$15.00",          variant: "Rich",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg",          imageAlt: "Enchiladas Suizas"},
        {
          id: "p5",          name: "Fresh Guacamole",          price: "$8.00",          variant: "Appetizer",          imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024721.jpg",          imageAlt: "Fresh Guacamole"},
        {
          id: "p6",          name: "Horchata",          price: "$4.00",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-with-crispbread-wooden-board_114579-25388.jpg",          imageAlt: "Traditional Horchata"},
      ]}
      title="Taste Our Authentic Menu"
      description="From classic street tacos to exquisite regional specialties, our menu is a celebration of Mexican culinary artistry."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          role: "Food Critic",          company: "Urban Eats Magazine",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-colorful-retro-vintage-american-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun_285396-10740.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "t2",          name: "Michael Chen",          role: "Local Guide",          company: "Taste of the City",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-while-holding-smartphone_23-2148486208.jpg",          imageAlt: "Michael Chen"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Family Diner",          company: "Community Member",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "t4",          name: "David Kim",          role: "Product Manager",          company: "Local Resident",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg",          imageAlt: "David Kim"},
        {
          id: "t5",          name: "Jessica Lee",          role: "Chef & Blogger",          company: "Culinary Explorer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "t6",          name: "Robert Davis",          role: "Tourist",          company: "Travel Foodie",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-coffee-cup_23-2148895182.jpg",          imageAlt: "Michael Chen"},
      ]}
      kpiItems={[
        {
          value: "10K+",          label: "Happy Customers"},
        {
          value: "50+",          label: "Years Heritage"},
        {
          value: "4.9",          label: "Average Rating"},
      ]}
      title="What Our Diners Say"
      description="Our 4.9-star rating speaks volumes. Hear directly from those who’ve savored the Taqueria El Jalisciense difference."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          icon: History,
          title: "Years of Heritage",          value: "50+"},
        {
          id: "m2",          icon: Users,
          title: "Happy Customers Annually",          value: "10K+"},
        {
          id: "m3",          icon: Star,
          title: "Average Customer Rating",          value: "4.9/5"},
      ]}
      title="Our Commitment to Excellence"
      description="Decades of tradition, thousands of happy diners, and a passion for authentic Mexican flavors."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Foodie Daily",        "Taste of the City",        "Urban Eats Magazine",        "Local Flavors Guide",        "Gourmet Gazette",        "Dine & Discover",        "Culinary Critics"]}
      title="Featured & Celebrated"
      description="Our commitment to authenticity and culinary excellence has earned us recognition from local critics and esteemed food guides."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you take reservations?",          content: "Yes, we highly recommend making a reservation, especially for weekend dining. You can book through our website or call us directly."},
        {
          id: "q2",          title: "Are there vegetarian or vegan options?",          content: "Absolutely! Our menu includes a variety of delicious vegetarian and vegan dishes, and we're happy to accommodate dietary restrictions upon request."},
        {
          id: "q3",          title: "Do you offer catering services?",          content: "Yes, Taqueria El Jalisciense offers catering for events of all sizes. Please contact us for a custom menu and quote."},
        {
          id: "q4",          title: "What are your operating hours?",          content: "We are open Monday to Friday from 11 AM to 10 PM, and Saturday to Sunday from 10 AM to 11 PM. Holiday hours may vary."},
        {
          id: "q5",          title: "Is there parking available?",          content: "Yes, we have a dedicated parking lot for our customers, and street parking is also available nearby."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to your most asked questions about reservations, menu options, and dining experience at Taqueria El Jalisciense."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      title="Book Your Table or Order Now"
      description="Experience the vibrant flavors of Taqueria El Jalisciense. Make a reservation for an unforgettable dining experience or order your favorite dishes for takeout."
      imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg"
      imageAlt="Taqueria El Jalisciense interior"
      mediaAnimation="opacity"
      inputPlaceholder="Your email for updates & offers"
      buttonText="Subscribe"
      termsText="Join our mailing list for exclusive promotions and updates on new menu items and events."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Menu",              href: "#product"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Story",              href: "#about"},
          ],
        },
        {
          title: "Visit",          items: [
            {
              label: "Reservations",              href: "#contact"},
            {
              label: "Order Online",              href: "#product"},
            {
              label: "Location",              href: "#contact"},
            {
              label: "Hours",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Press",              href: "#"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Feedback",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Taqueria El Jalisciense. All rights reserved."
      bottomRightText="Crafted with passion in Jalisco."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
