"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#products"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Taqueria Chicago"
      button={{
        text: "Order Online",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Taste the Authentic Flavors of Chicago"
      description="Experience the vibrant spirit of Mexico with every bite. Fresh ingredients, traditional recipes, and a passion for flavor."
      buttons={[
        {
          text: "View Menu",          href: "#products"},
        {
          text: "Order Online",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-taco-platter_23-2151602951.jpg"
      imageAlt="Delicious taco platter"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Story: Passion for Authentic Mexican Cuisine"
      description={[
        "Taqueria Chicago started with a simple dream: to bring the true taste of Mexico to the heart of Chicago. Founded by the Garcia family, our taqueria is built on generations of culinary tradition.",        "We believe that great food begins with great ingredients. That's why we meticulously source the freshest produce, high-quality meats, and authentic spices to craft every dish. Our tortillas are handmade daily, a testament to our commitment to tradition and flavor.",        "From our vibrant salsas to our slow-cooked meats, every item on our menu tells a story of heritage and passion. Come and join our family table, and discover why Taqueria Chicago is a beloved culinary destination."
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Authentic Tacos",          description: "From classic carne asada to spicy al pastor, discover our wide selection of delicious street tacos.",          imageSrc: "http://img.b2bpic.net/free-photo/assorted-tacos-wooden-board_23-2147775981.jpg",          imageAlt: "Assorted tacos on a wooden board"},
        {
          title: "Handmade Tortillas",          description: "Crafted fresh daily, our corn tortillas are the perfect foundation for any taco or quesadilla.",          imageSrc: "http://img.b2bpic.net/free-photo/flour-tortilla-cooking_23-2148782333.jpg",          imageAlt: "Flour tortillas being cooked"},
        {
          title: "Zesty Salsas",          description: "Experience a burst of flavor with our homemade salsas, made from the freshest chilies and spices.",          imageSrc: "http://img.b2bpic.net/free-photo/three-bowls-mexican-sauces-chilli-guacamole-nacho-cheese-sauces_23-2147775836.jpg",          imageAlt: "Three bowls of Mexican sauces"},
        {
          title: "Fresh Ingredients",          description: "We commit to using only the finest, freshest local produce and ethically sourced meats.",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-mexican-food_23-2147775895.jpg",          imageAlt: "Fresh ingredients for Mexican food"},
      ]}
      title="Our Signature Offerings"
      description="Explore the dishes that make Taqueria Chicago a local favorite."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "taco-1",          name: "Carne Asada Taco",          price: "$3.50",          imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-beef-salsa-lime-top-view_23-2148003102.jpg",          imageAlt: "Carne Asada Taco"},
        {
          id: "taco-2",          name: "Al Pastor Taco",          price: "$3.75",          imageSrc: "http://img.b2bpic.net/free-photo/tacos-al-pastor-on-marble-table_23-2147775956.jpg",          imageAlt: "Al Pastor Taco"},
        {
          id: "taco-3",          name: "Chicken Tinga Taco",          price: "$3.25",          imageSrc: "http://img.b2bpic.net/free-photo/taco-shells-with-chicken-sauce-tomato_23-2147775971.jpg",          imageAlt: "Chicken Tinga Taco"},
        {
          id: "taco-4",          name: "Vegetarian Taco",          price: "$3.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-with-lettuce-tomato_23-2147775960.jpg",          imageAlt: "Vegetarian Taco"},
        {
          id: "quesadilla-1",          name: "Quesadilla with Cheese",          price: "$7.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-quesadilla_23-2148782339.jpg",          imageAlt: "Quesadilla with Cheese"},
        {
          id: "burrito-1",          name: "Classic Burrito",          price: "$9.50",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burrito-with-chicken_23-2148782348.jpg",          imageAlt: "Classic Burrito"},
      ]}
      title="Our Delicious Menu"
      description="Savor the taste of authentic Mexican street food, crafted with passion and fresh ingredients."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "5000+",          description: "Tacos Served Weekly"},
        {
          id: "m2",          value: "10+",          description: "Years of Culinary Excellence"},
        {
          id: "m3",          value: "99%",          description: "Fresh, Local Ingredients"},
      ]}
      title="Our Taqueria in Numbers"
      description="The passion behind every meal, reflected in our commitment to quality and community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Sarah M.",          handle: "",          testimonial: "The best tacos in Chicago! The carne asada is out of this world, and the handmade tortillas make all the difference.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-traveler-holding-camera_23-2149034841.jpg",          imageAlt: "Sarah M. avatar"},
        {
          id: "t2",          name: "Carlos P.",          handle: "",          testimonial: "A true taste of Mexico! I love the vibrant flavors and the authentic atmosphere. My go-to spot for al pastor.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-backpack-preparing-hiking_179666-41773.jpg",          imageAlt: "Carlos P. avatar"},
        {
          id: "t3",          name: "Jessica L.",          handle: "",          testimonial: "Amazing vegetarian options and incredible salsas. Taqueria Chicago never disappoints!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-worker-white-dress-holding-little-earth-globe-blue-wall_140725-150539.jpg",          imageAlt: "Jessica L. avatar"},
      ]}
      showRating={true}
      title="What Our Customers Say"
      description="Hear from our beloved patrons about their Taqueria Chicago experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Chicago Foodie Blog",        "Local Eats Magazine",        "Best of Chicago Awards",        "Dining Scene Review",        "Community Choice Awards"]}
      title="Recognized in the Chicago Food Scene"
      description="Proudly serving the community and recognized by local food critics and publications."
      speed={50}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "Do you offer catering?",          content: "Yes, we offer catering for events of all sizes. Please contact us for more details and to customize your menu."},
        {
          id: "faq2",          title: "Are your tortillas gluten-free?",          content: "Our corn tortillas are naturally gluten-free. We also have flour tortillas for those who prefer them."},
        {
          id: "faq3",          title: "Do you have vegetarian or vegan options?",          content: "Absolutely! We have a variety of delicious vegetarian and vegan options, including plant-based proteins and fresh veggie fillings."},
        {
          id: "faq4",          title: "What are your opening hours?",          content: "We are open Monday to Saturday from 11 AM to 9 PM, and Sunday from 12 PM to 8 PM."},
      ]}
      title="Common Questions"
      description="Everything you need to know about Taqueria Chicago."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated"}}
      tag="Visit Us"
      title="Find Us or Order Online"
      description="Located in the heart of Chicago, we're ready to serve you authentic Mexican cuisine. Use the form below for inquiries or find us on your favorite delivery app!"
      inputPlaceholder="Your email for inquiries"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Taqueria Chicago"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Tacos",              href: "#products"},
            {
              label: "Burritos",              href: "#products"},
            {
              label: "Quesadillas",              href: "#products"},
            {
              label: "Drinks",              href: "#products"},
          ],
        },
        {
          title: "About",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Reviews",              href: "#testimonials"},
            {
              label: "Community",              href: "#social-proof"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Location",              href: "#contact"},
            {
              label: "Order Online",              href: "#contact"},
            {
              label: "Catering",              href: "#faq"},
          ],
        },
      ]}
      copyrightText="© 2024 Taqueria Chicago. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
