"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Facebook, IceCream, Instagram, Smile, Sparkles, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#products",
        },
        {
          name: "Pickleball",
          id: "#features",
        },
        {
          name: "Catering",
          id: "#pricing",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Order Online",
        href: "https://www.tacosoasis.com/order-online",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/oasis-logo-template_23-2149396474.jpg"
      logoAlt="Tacos Oasis Logo"
      brandName="Tacos Oasis"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-animated-grid",
      }}
      imagePosition="right"
      title="Tacos Oasis: Authentic Mexican Food & Family Fun"
      description="Your one-stop destination for delicious tacos, spicy pickleball, and refreshing Blue Bell Ice Cream. Experience the flavor and fiesta today!"
      kpis={[
        {
          value: "4.8",
          label: "Rating",
        },
        {
          value: "252",
          label: "Reviews",
        },
        {
          value: "96%",
          label: "Recommend",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Order Now!",
          href: "https://www.tacosoasis.com/order-online",
        },
        {
          text: "Explore Menu",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317351.jpg"
      imageAlt="Family enjoying tacos at Tacos Oasis"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",
          alt: "Enthusiastic woman laughing on turquoise wall",
        },
        {
          src: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-headband-standing-outside_23-2147654964.jpg",
          alt: "Brunette girl wearing headband standing outside",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg",
          alt: "Cute smiling curly woman lean on wall",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-enjoys-positive-audio-book-glad-spend-free-time-listening-music-wears-hoodie-jacket-poses-likes-energetic-playlist_273609-54723.jpg",
          alt: "woman enjoys positive audio book glad to spend free time listening music wears hoodie and jacket poses likes energetic playlist",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
          alt: "People and technology. Close up shot of happy face of attractive bearded man sitting in front of laptop screen and smiling joyfully while messaging friends online via social networks.",
        },
      ]}
      avatarText="Loved by thousands of happy customers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Authentic Mexican Flavors",
          icon: Utensils,
        },
        {
          type: "text-icon",
          text: "Family Fun & Pickleball",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Refreshing Blue Bell Ice Cream",
          icon: IceCream,
        },
        {
          type: "text",
          content: "Freshly Prepared Daily",
        },
        {
          type: "text",
          content: "Experience the Fiesta!",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="More Than Just Tacos"
      description="Tacos Oasis offers a unique dining experience beyond delicious Mexican food. We're a vibrant community hub where friends and family can gather, enjoy a meal, challenge each other to pickleball, and make lasting memories. Our commitment to authentic taste and quality is in every dish, reflecting our culinary heritage while offering something fresh and exciting."
      buttons={[
        {
          text: "Learn More",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg"
      imageAlt="Interior of Tacos Oasis restaurant"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Game, Set, Match, Fiesta!",
          description: "Take a swing at our lively pickleball court – where the competition gets spicy and the rallies are as flavorful as our red salsa. Whether you're a seasoned pro or a newbie, it's time to serve up some fun, laughter, and a side of friendly competition.",
          icon: Star,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-playing-football_23-2148867379.jpg",
              imageAlt: "People playing pickleball",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/tennis-court_1203-2890.jpg",
              imageAlt: "Pickleball court",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/oasis-logo-template_23-2149396474.jpg",
          imageAlt: "lively pickleball court outdoor",
        },
        {
          title: "Cool Off with Blue Bell",
          description: "After a spicy meal or an intense pickleball match, cool off with a scoop of Blue Bell Ice Cream. We offer a delightful selection of flavors to satisfy every sweet craving.",
          icon: IceCream,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-scoops-strawberry-ice-cream-with-chocolate_651396-1443.jpg",
              imageAlt: "Blue Bell Ice Cream cone",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-pink-frozen-ice-cream-sandwich-against-blurred-backdrop_23-2148161739.jpg",
              imageAlt: "Variety of ice cream scoops",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317351.jpg",
          imageAlt: "lively pickleball court outdoor",
        },
        {
          title: "Family Fun & Atmosphere",
          description: "Tacos Oasis is designed for everyone. Enjoy our vibrant and welcoming environment, featuring a children's playground and ample seating to ensure a comfortable and memorable visit for the whole family.",
          icon: Smile,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg",
              imageAlt: "Children playing in a restaurant playground",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-girls-looking-camera_23-2148308764.jpg",
              imageAlt: "Family-friendly restaurant atmosphere",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg",
          imageAlt: "lively pickleball court outdoor",
        },
      ]}
      title="Experience the Oasis Difference"
      description="Discover what makes Tacos Oasis a truly unique destination for delicious food and family-friendly fun."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "birria-tacos",
          name: "Birria Tacos",
          price: "$12.99",
          variant: "Beef or Chicken",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248541.jpg",
          imageAlt: "Delicious Birria Tacos with consume",
        },
        {
          id: "carne-asada-tacos",
          name: "Carne Asada Tacos",
          price: "$3.50 ea",
          variant: "Street Style",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tacos-with-meat-vegetables-brown-plate_23-2148042496.jpg",
          imageAlt: "Authentic Carne Asada Tacos",
        },
        {
          id: "burritos",
          name: "Giant Burritos",
          price: "$9.99",
          variant: "Customizable",
          imageSrc: "http://img.b2bpic.net/free-photo/spicy-mexican-food_23-2147640329.jpg",
          imageAlt: "Large, hearty burrito",
        },
        {
          id: "asado-nachos",
          name: "Asado Nachos",
          price: "$14.50",
          variant: "Loaded",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-nachos-tortilla-chips-with-grilled-ground-meat-tomato-spring-onion-tomato-cheese-jalapeno-pepper-sour-cream-top_141793-5032.jpg",
          imageAlt: "Loaded Asado Nachos",
        },
        {
          id: "rolled-chicken-tacos",
          name: "Rolled Chicken Tacos",
          price: "$7.99",
          variant: "Crispy Flautas",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-guacamole_23-2148614474.jpg",
          imageAlt: "Crispy Rolled Chicken Tacos",
        },
        {
          id: "watermelon-juice",
          name: "Watermelon Juice",
          price: "$4.00",
          variant: "Freshly Squeezed",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-juice-glass-with-whole-mangoes_84443-94856.jpg",
          imageAlt: "Fresh Watermelon Juice",
        },
      ]}
      title="Our Signature Flavors"
      description="Explore our menu filled with authentic Mexican favorites, crafted with dedication to taste and quality. Each dish is a testament to our culinary heritage."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "small-gatherings",
          badge: "Value",
          badgeIcon: Sparkles,
          price: "Starting at $110",
          subtitle: "Perfect for family meals or small office lunches",
          buttons: [
            {
              text: "View Details",
              href: "https://www.tacosoasis.com/catering",
            },
          ],
          features: [
            "Assorted Taco Bar",
            "Choice of 2 Meats",
            "Fresh Toppings & Salsas",
            "Serves 10-15 Guests",
          ],
        },
        {
          id: "events-parties",
          badge: "Popular",
          badgeIcon: Star,
          price: "Custom Quote",
          subtitle: "Ideal for weddings, corporate events, and large parties",
          buttons: [
            {
              text: "Get a Quote",
              href: "https://www.tacosoasis.com/catering",
            },
          ],
          features: [
            "Full-Service Taco Stations",
            "Customizable Menu Options",
            "On-Site Prep & Serving",
            "Dedicated Catering Team",
          ],
        },
      ]}
      title="Catering for Every Occasion"
      description="Tacos Oasis is your go-to catering provider for all your events. Our delicious tacos are a crowd-pleaser and are sure to satisfy your guests, making any gathering a fiesta."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Cecilia Li",
          role: "Local Foodie",
          company: "Satisfied Customer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg",
          videoAriaLabel: "Testimonial from Cecilia Li",
        },
        {
          id: "2",
          name: "Liz",
          role: "Local Guide",
          company: "Fort Worth Foodies",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg",
          videoAriaLabel: "Testimonial from Liz",
        },
        {
          id: "3",
          name: "Sarah P.",
          role: "Event Planner",
          company: "Happy Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5296.jpg",
          videoAriaLabel: "Testimonial from Sarah P.",
        },
        {
          id: "4",
          name: "Michael D.",
          role: "Family Man",
          company: "Regular Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-studio-shoot_633478-2036.jpg",
          videoAriaLabel: "Testimonial from Michael D.",
        },
        {
          id: "5",
          name: "Emily R.",
          role: "Taco Lover",
          company: "Happy Diner",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
          videoAriaLabel: "Testimonial from Emily R.",
        },
        {
          id: "6",
          name: "David K.",
          role: "Community Member",
          company: "Local Patron",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-filming-her-grandfather_1157-30578.jpg",
          videoAriaLabel: "Testimonial from David K.",
        },
      ]}
      kpiItems={[
        {
          value: "4.8",
          label: "Average Rating",
        },
        {
          value: "252+",
          label: "Google Reviews",
        },
        {
          value: "96%",
          label: "Recommended",
        },
      ]}
      title="What Our Guests Say"
      description="Hear directly from our wonderful customers about their unforgettable experiences at Tacos Oasis. We're proud of our 4.8-star rating!"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "hours",
          title: "What are your operating hours?",
          content: "We are open Monday-Thursday 8 AM-9 PM, Friday 8 AM-10 PM, Saturday 10 AM-10 PM, and Sunday 10 AM-9 PM.",
        },
        {
          id: "catering",
          title: "Do you offer catering services?",
          content: "Yes! Tacos Oasis is your go-to catering provider for all your events, from small gatherings to large corporate parties. Visit our catering section or contact us for details.",
        },
        {
          id: "menu",
          title: "What kind of food do you serve?",
          content: "We serve authentic Mexican food including a variety of tacos, burritos, nachos, and signature birria items. We also offer refreshing drinks like watermelon juice and Blue Bell Ice Cream.",
        },
        {
          id: "pickleball",
          title: "Can I play pickleball at Tacos Oasis?",
          content: "Absolutely! We have lively pickleball courts where you can challenge friends and family. It's a great way to add some fun and competition to your visit.",
        },
        {
          id: "children",
          title: "Is Tacos Oasis family-friendly?",
          content: "Yes, Tacos Oasis is a family-friendly destination! We have a children's playground and a welcoming atmosphere for all ages to enjoy.",
        },
        {
          id: "seating",
          title: "Do you have outdoor seating?",
          content: "Yes, we offer comfortable outdoor seating options, perfect for enjoying your meal in the Texas weather.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about Tacos Oasis, our menu, services, and unique offerings."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have questions, want to inquire about catering, or just want to send us a message? Fill out the form below or find our contact details."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/happy-asian-girl-barista-say-please-raise-arm-invite-cafe-clients-order-coffee-standing_1258-203435.jpg"
      imageAlt="Tacos Oasis staff welcoming customers"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Tacos Oasis"
      copyrightText="© Agispe Llc, dba Tacos Oasis. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://www.facebook.com/TacosOasis",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://www.instagram.com/tacosoasis/",
          ariaLabel: "Instagram",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
