"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Facebook, Flame, Home, Instagram, Sparkles, Twitter, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Specials",
          id: "#specials",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg"
      logoAlt="Taqueria Los Panchos Logo"
      brandName="Taqueria Los Panchos"
      button={{
        text: "Order Now",
        href: "#menu",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      title="Authentic Mexican Flavors"
      description="Experience the true taste of Mexico with our freshly prepared tacos, burritos, and traditional dishes. Made with love, served with passion."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Order Online",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-tacos-plate_23-2148629339.jpg"
      imageAlt="Delicious street tacos from Taqueria Los Panchos"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-with-burger-showing-approval_23-2148705546.jpg",
          alt: "Happy customer enjoying tacos",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stylish-asian-woman-casual-wear-posing-indoor-cafe-with-phone-hand_627829-1230.jpg",
          alt: "Satisfied customer portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
          alt: "Woman smiling after eating",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-basket-with-potato-cips-blue-wall-remote-male-film-cinema-movies_140725-71633.jpg",
          alt: "Man enjoying a burrito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-friends-clinking-bottles_23-2149745567.jpg",
          alt: "Group of friends at taqueria",
        },
      ]}
      avatarText="Loved by over 5,000 satisfied customers!"
      marqueeItems={[
        {
          type: "text",
          text: "Fresh Ingredients Daily",
        },
        {
          type: "text-icon",
          text: "Authentic Mexican Recipes",
          icon: Flame,
        },
        {
          type: "text",
          text: "Handmade Tortillas",
        },
        {
          type: "text-icon",
          text: "Family-Owned & Operated",
          icon: Home,
        },
        {
          type: "text",
          text: "Award-Winning Salsas",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="A Taste of Tradition in Every Bite"
      description="Taqueria Los Panchos brings generations of family recipes and a passion for Mexican cuisine to your table. We believe in fresh ingredients, authentic flavors, and a warm, inviting atmosphere."
      subdescription="Our journey began with a simple idea: to share the vibrant culinary heritage of Mexico. Every dish is a celebration of flavor, crafted with care and tradition."
      icon={Utensils}
      imageSrc="http://img.b2bpic.net/free-photo/healthy-mexican-recipe_23-2147640330.jpg"
      imageAlt="Chef preparing food in a traditional Mexican kitchen"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="specials" data-section="specials">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Discover Our Daily Specials"
      description="From sizzling fajitas to savory enchiladas, our specials are a rotating selection of regional favorites and chef's creations, ensuring there's always something new to try."
      tag="Chef's Picks"
      accordionItems={[
        {
          id: "special-1",
          title: "Taco Tuesday Fiesta",
          content: "Enjoy discounted prices on all our signature tacos every Tuesday! A perfect way to try a variety of our delicious offerings.",
        },
        {
          id: "special-2",
          title: "Weekend Brunch Delights",
          content: "Join us on weekends for a special brunch menu featuring authentic Chilaquiles, Huevos Rancheros, and refreshing Aguas Frescas.",
        },
        {
          id: "special-3",
          title: "Margarita Monday",
          content: "Kick off your week with our famous Margaritas at a special price. Perfect with any of our spicy and flavorful dishes.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hand-taking-piece-fries-with-ketchup-wooden-table_114579-77568.jpg"
      imageAlt="Variety of fresh, homemade Mexican salsas"
      mediaAnimation="slide-up"
      mediaPosition="right"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "taco-al-pastor",
          name: "Taco al Pastor",
          price: "$3.50",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg",
          imageAlt: "Taco al Pastor with pineapple",
        },
        {
          id: "taco-carne-asada",
          name: "Taco de Carne Asada",
          price: "$4.00",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831005.jpg",
          imageAlt: "Taco de Carne Asada",
        },
        {
          id: "fish-taco",
          name: "Baja Fish Taco",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22793.jpg",
          imageAlt: "Crispy Baja Fish Taco",
        },
        {
          id: "vegetarian-taco",
          name: "Vegetarian Taco",
          price: "$3.75",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-burritos_23-2147812175.jpg",
          imageAlt: "Vegetarian Taco with fresh ingredients",
        },
        {
          id: "classic-burrito",
          name: "Classic Burrito",
          price: "$10.00",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-kebab-with-mayonnaise_23-2148685542.jpg",
          imageAlt: "Large classic burrito",
        },
        {
          id: "chicken-quesadilla",
          name: "Chicken Quesadilla",
          price: "$9.00",
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-quesadilla-wrap-with-chicken-corn-sweet-pepper-salsa_2829-11768.jpg",
          imageAlt: "Chicken quesadilla with melted cheese",
        },
      ]}
      title="Our Signature Dishes"
      description="Explore our menu filled with classic Mexican street food and gourmet creations, all made with the freshest ingredients."
      tag="Full Menu"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "family-combo",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$45",
          subtitle: "Feeds 4-6 people",
          buttons: [
            {
              text: "Order Family Combo",
              href: "#contact",
            },
          ],
          features: [
            "12 Tacos (mix & match)",
            "Large Chips & Salsa",
            "2 Side Dishes",
            "4 Drinks",
          ],
        },
        {
          id: "catering-basic",
          badge: "Best for Parties",
          badgeIcon: Sparkles,
          price: "$150",
          subtitle: "Serves 15-20 people",
          buttons: [
            {
              text: "Inquire About Catering",
              href: "#contact",
            },
          ],
          features: [
            "30 Tacos (Assorted)",
            "Large Burrito Platter",
            "Guacamole & Chips",
            "Assorted Aguas Frescas",
          ],
        },
        {
          id: "catering-premium",
          badge: "Premium Event",
          badgeIcon: Sparkles,
          price: "$250",
          subtitle: "Serves 25-30 people",
          buttons: [
            {
              text: "Customize Your Event",
              href: "#contact",
            },
          ],
          features: [
            "50 Tacos (Premium Selection)",
            "Full Burrito Bar",
            "Quesadilla Tray",
            "Dessert Platter",
            "Dedicated Server",
          ],
        },
      ]}
      title="Catering & Family Combos"
      description="Perfect for events, parties, or a delicious family dinner. Choose from our specially curated combo meals and catering packages."
      tag="Great Value"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="The best tacos in town! Every bite takes me back to Mexico. The al pastor is a must-try!"
      rating={5}
      author="Maria S."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/positive-curly-haired-woman-shopper-rests-after-making-purchases-mall-dressed-fashionable-clothes-surrounded-by-shopping-bags-looks-gladfully-away-poses-against-blurred-urban-background_273609-59142.jpg",
          alt: "Maria S. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
          alt: "Juan P. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-mexican-woman-eating-ranchero-food_23-2150222270.jpg",
          alt: "Sophia K. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831070.jpg",
          alt: "David L. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-businesswoman-smiling-showing-thumbs-up-recommending-company-complime_1258-88351.jpg",
          alt: "Emily R. avatar",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, we have a variety of delicious vegetarian tacos, burritos, and quesadillas. Many items can also be made vegan upon request. Just ask our friendly staff!",
        },
        {
          id: "faq-2",
          title: "Can I make a reservation?",
          content: "For parties of 6 or more, we recommend making a reservation, especially during peak hours. For smaller groups, we operate on a first-come, first-served basis.",
        },
        {
          id: "faq-3",
          title: "Do you provide catering services?",
          content: "Absolutely! We offer catering for events of all sizes. Please check our 'Catering & Family Combos' section or contact us directly to discuss your needs.",
        },
        {
          id: "faq-4",
          title: "What are your operating hours?",
          content: "We are open Tuesday through Sunday from 11 AM to 9 PM. We are closed on Mondays. Special holiday hours may apply, please check our social media for updates.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our menu, hours, and services."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Get in Touch"
      title="Visit Us or Order Online!"
      description="We can't wait to serve you. Find us at our vibrant location or place an order for pick-up or delivery."
      inputPlaceholder="Your email for updates and offers"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive promotional emails from Taqueria Los Panchos."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg"
      logoAlt="Taqueria Los Panchos Logo"
      logoText="Taqueria Los Panchos"
      copyrightText="© 2024 Taqueria Los Panchos. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/taquerialospanchos",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/taquerialospanchos",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/lospanchos",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
