"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Flame, Heart, Sparkles, Star, ThumbsUp, Utensils, Taco } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Menu",          id: "menu"},
        {
          name: "Deals",          id: "deals"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Order Now",          id: "contact"},
      ]}
      button={{
        text: "Order Online",        href: "#contact"}}
      logoSrc="http://img.b2bpic.net/free-photo/flat-lay-mexican-food-composition-with-slate_23-2148131291.jpg"
      logoAlt="Taco Bell ECR Logo"
      brandName="Taco Bell ECR"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-animated"}}
      imagePosition="right"
      title="Unwrap the Flavor Revolution at Taco Bell ECR!"
      description="Experience your favorite Taco Bell classics and exciting new flavors, served fresh and fast. Order now for a taste sensation that hits different!"
      kpis={[
        {
          value: "100+",          label: "Menu Items"},
        {
          value: "Fresh",          label: "Ingredients Daily"},
        {
          value: "Fast",          label: "Service"},
      ]}
      enableKpiAnimation={true}
      tag="Taste the Legend"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Order Online",          href: "#contact"},
        {
          text: "View Full Menu",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-tacos-recipe-presentation_23-2151950849.jpg"
      imageAlt="Variety of delicious Taco Bell tacos and burritos"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg",          alt: "Satisfied customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/women-looks-gladfully-each-other-dressed-stylish-clothes-smile-broadly-have-fun-keep-hands-raised-stand-shoulder-shoulder-isolated-yellow-studio_273609-54330.jpg",          alt: "Satisfied customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-joyful-mixed-race-curly-haired-women-point-each-other-with-cheerful-expression-say-its-she-stand-closely-each-other-dressed-casually-isolated-yellow-wall-i-choose-you_273609-49720.jpg",          alt: "Satisfied customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205897.jpg",          alt: "Satisfied customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29110.jpg",          alt: "Satisfied customer 5"},
      ]}
      avatarText="Join 1M+ happy customers!"
      marqueeItems={[
        {
          type: "text",          text: "Fresh Ingredients"},
        {
          type: "text-icon",          text: "Speedy Service",          icon: Flame
        },
        {
          type: "text",          text: "Unbeatable Flavors"},
        {
          type: "text-icon",          text: "Daily Deals",          icon: Sparkles
        },
        {
          type: "text",          text: "Always Craveable"}
      ]}
      marqueeSpeed={35}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="More Than Just Tacos – It's a Lifestyle!"
      metrics={[
        {
          icon: Utensils,
          label: "Years Serving Flavor",          value: "25+"},
        {
          icon: ThumbsUp,
          label: "Happy Customers Annually",          value: "1M+"},
        {
          icon: Flame,
          label: "Spicy Choices",          value: "Endless"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Craveable Creations",          description: "From Crunchwrap Supremes to Nacho Fries, our menu is packed with unique flavors you can't find anywhere else. Constantly innovating to surprise your taste buds!",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-still-life_23-2148131309.jpg",            imageAlt: "Crunchwrap Supreme"},
          items: [
            {
              icon: Taco,
              text: "Iconic Menu Items"},
            {
              icon: Sparkles,
              text: "Limited Time Offers"},
            {
              icon: Utensils,
              text: "Customizable Orders"}
          ],
          reverse: false
        },
        {
          title: "Fresh & Quality Ingredients",          description: "We believe great taste starts with great ingredients. Enjoy the freshest produce, seasoned meats, and delicious sauces in every meal.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-with-ground-meat-dark-grey-background-beef-dolma-vegetables-meal_140725-74591.jpg",            imageAlt: "Nacho Fries with cheese"},
          items: [
            {
              icon: Star,
              text: "Locally Sourced Produce"},
            {
              icon: Heart,
              text: "Premium Meats"},
            {
              icon: Award,
              text: "Signature Sauces"}
          ],
          reverse: true
        },
        {
          title: "Lightning-Fast Service",          description: "Hungry? We've got you covered. Get your delicious order quickly without compromising on quality, perfect for your busy schedule.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-wooden-board_23-2148764331.jpg",            imageAlt: "Chalupa Supreme"},
          items: [
            {
              icon: Flame,
              text: "Quick Order Fulfilment"},
            {
              icon: Taco,
              text: "Drive-Thru Friendly"},
            {
              icon: Sparkles,
              text: "Online Ordering"}
          ],
          reverse: false
        }
      ]}
      title="Flavor, Freshness & Fun – Every Single Bite!"
      description="Discover why Taco Bell ECR is the go-to spot for Mexican-inspired cravings. We blend innovation with tradition to bring you dishes that are truly unforgettable."
      tag="Our Promise"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          name: "Crunchwrap Supreme",          price: "$4.79",          imageSrc: "http://img.b2bpic.net/free-photo/burrito-cutting-board-near-cardamom-seeds_23-2148254383.jpg",          imageAlt: "Crunchwrap Supreme"},
        {
          id: "p2",          name: "Nacho Fries",          price: "$2.29",          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-sauces-white-plate_114579-19757.jpg",          imageAlt: "Nacho Fries"},
        {
          id: "p3",          name: "Chalupa Supreme",          price: "$4.29",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22648.jpg",          imageAlt: "Chalupa Supreme"},
        {
          id: "p4",          name: "Burrito Supreme",          price: "$5.19",          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805518.jpg",          imageAlt: "Burrito Supreme"},
        {
          id: "p5",          name: "Chicken Quesadilla",          price: "$5.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg",          imageAlt: "Chicken Quesadilla"},
        {
          id: "p6",          name: "Soft Taco",          price: "$2.39",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-lime-plate_23-2148629354.jpg",          imageAlt: "Soft Taco"}
      ]}
      title="Our Most Popular Bites"
      description="Dive into our selection of fan favorites and discover your next obsession. From savory burritos to crunchy tacos, we have something for everyone!"
      tag="Menu"
    />
  </div>

  <div id="deals" data-section="deals">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "combo-1",          badge: "Best Value",          badgeIcon: Sparkles,
          price: "$5.00",          subtitle: "Cravings Box",          features: [
            "1 Classic Taco",            "1 Burrito",            "1 Side Item",            "1 Medium Drink"
          ]
        },
        {
          id: "combo-2",          badge: "Fan Favorite",          badgeIcon: Heart,
          price: "$7.00",          subtitle: "Deluxe Box",          features: [
            "1 Chalupa Supreme",            "1 Beefy 5-Layer Burrito",            "1 Nacho Fries",            "1 Large Drink"
          ]
        },
        {
          id: "combo-3",          badge: "Spicy Deal",          badgeIcon: Flame,
          price: "$6.50",          subtitle: "Hot Combo",          features: [
            "1 Spicy Potato Soft Taco",            "1 Fire! Ranch Burrito",            "1 Chips & Cheese",            "1 Medium Drink"
          ]
        }
      ]}
      title="Unbeatable Value Combos"
      description="Grab a deal that satisfies your hunger and your wallet! Our combos offer the perfect pairing of your Taco Bell favorites."
      tag="Special Offers"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="\"Taco Bell ECR always delivers! The food is consistently fresh, hot, and exactly what I'm craving. The service is incredibly fast, making it my go-to for a quick and delicious meal.\""
      rating={5}
      author="Sarah L."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304407.jpg",          alt: "Sarah L."},
        {
          src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4143.jpg",          alt: "Mark T."},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outside_23-2149042107.jpg",          alt: "Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-holding-little-delivery-food-package-trying-hear-pink-background_140725-40471.jpg",          alt: "David C."},
        {
          src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",          alt: "Jessica M."}
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Crunchwrap Supreme",        "Nacho Fries",        "Chalupa Supreme",        "Doritos Locos Tacos",        "Cheesy Gordita Crunch",        "Bean Burrito",        "Cinnamon Twists"]}
      title="Our Fan Favorites Keep Growing!"
      description="Join thousands of happy customers who can't get enough of our unique flavors. Here are some of the items our community loves the most!"
      tag="Community Love"
      speed={35}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Feast?"
      title="Your Next Craving is Just a Click Away!"
      description="Ordering from Taco Bell ECR is quick, easy, and satisfying. Get your favorite Mexican-inspired dishes delivered or pick up in-store today."
      buttons={[
        {
          text: "Order Online Now",          href: "https://www.tacobell.com/order"},
        {
          text: "Find Our Location",          href: "https://www.google.com/maps/search/Taco+Bell+ECR"}
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/delicious-black-pasta-copy-space_23-2148469855.jpg"
      imageAlt="Taco Bell restaurant interior background"
      logoText="Taco Bell ECR"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Full Menu",              href: "#menu"},
            {
              label: "Special Deals",              href: "#deals"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Customer Reviews",              href: "#reviews"}
          ]
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#"},
            {
              label: "Contact Us",              href: "#contact"}
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"}
          ]
        }
      ]}
      copyrightText="© 2024 Taco Bell ECR. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
