"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Clock, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="MORRELLI’S"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="MORRELLI’S: Authentic Tex-Mex Flavors"
      description="Experience the vibrant spirit of Texas and Mexico in every bite. Handcrafted, fresh, and served with passion."
      testimonials={[
        {
          name: "Alex R.",
          handle: "@alexfoodie",
          testimonial: "The best tacos in town! Fresh, authentic, and perfectly spiced.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-crispy-flatbread-bowl_140725-607.jpg",
        },
        {
          name: "Sarah M.",
          handle: "@texmexlover",
          testimonial: "Morrelli's has become our family Friday tradition. Incredible service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg",
        },
        {
          name: "James K.",
          handle: "@foodiepro",
          testimonial: "Real ingredients, big portions, authentic taste. Highly recommend.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg",
        },
        {
          name: "Elena V.",
          handle: "@tastemex",
          testimonial: "The salsa is to die for. Authentic heat!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11163.jpg",
        },
        {
          name: "Marcus L.",
          handle: "@dailytexmex",
          testimonial: "Fast, friendly, and absolutely delicious. A neighborhood gem.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg"
      imageAlt="delicious sizzling fajita plate"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",
          alt: "Table setting",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg",
          alt: "Taco hands",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg",
          alt: "Delicious tacos",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-tacos-with-vegetables-meat_23-2148750434.jpg",
          alt: "Taco ingredients",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-meat-vegetables_23-2148750443.jpg",
          alt: "Tortilla meat",
        },
      ]}
      avatarText="Join 5,000+ happy diners"
      marqueeItems={[
        {
          type: "text",
          text: "Handcrafted Tortillas",
        },
        {
          type: "text",
          text: "Fresh Avocado Salsa",
        },
        {
          type: "text",
          text: "Slow-Cooked Carnitas",
        },
        {
          type: "text",
          text: "Authentic Family Recipes",
        },
        {
          type: "text",
          text: "Daily Specials",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Our Culinary Heritage",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
          alt: "restaurant chef preparing mexican food",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Street Beef Tacos",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg",
          imageAlt: "beef tacos plate gourmet",
        },
        {
          id: "2",
          name: "Burrito Bowl",
          price: "$15",
          imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg",
          imageAlt: "burrito bowl fresh ingredients",
        },
        {
          id: "3",
          name: "Classic Queso Nachos",
          price: "$10",
          imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg",
          imageAlt: "cheesy nachos plate jalapeños",
        },
        {
          id: "4",
          name: "Grilled Quesadilla",
          price: "$13",
          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg",
          imageAlt: "quesadilla grilled with salsa",
        },
        {
          id: "5",
          name: "Guacamole & Chips",
          price: "$8",
          imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg",
          imageAlt: "guacamole and tortilla chips",
        },
        {
          id: "6",
          name: "Cinnamon Churros",
          price: "$6",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-chocolate-cup-with-churros_23-2148379676.jpg",
          imageAlt: "churros dessert chocolate sauce",
        },
      ]}
      title="Our Signature Menu"
      description="From slow-cooked carnitas to our famous queso dip, explore our hand-crafted menu."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Meet Our Culinary Team"
      tag="Meet the Chefs"
      membersAnimation="slide-up"
      members={[
        {
          id: "t1",
          name: "Chef Mario",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
        },
        {
          id: "t2",
          name: "Chef Elena",
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg",
        },
        {
          id: "t3",
          name: "Staff Lead Sarah",
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "ts1",
          name: "Carlos M.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg",
        },
        {
          id: "ts2",
          name: "Julia P.",
          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg",
        },
        {
          id: "ts3",
          name: "Robert D.",
          imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
        },
        {
          id: "ts4",
          name: "Monica T.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
        },
        {
          id: "ts5",
          name: "Kevin G.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg",
        },
      ]}
      cardTitle="What Guests Are Saying"
      cardTag="Loved by Locals"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Star,
          title: "5-Star Reviews",
          value: "1.5K+",
        },
        {
          id: "m2",
          icon: Utensils,
          title: "Plates Served",
          value: "50K+",
        },
        {
          id: "m3",
          icon: Clock,
          title: "Local Favorite",
          value: "10 Yrs",
        },
      ]}
      title="Our Impact"
      description="Serving fresh flavors since day one."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer catering?",
          content: "Yes, we cater for events large and small.",
        },
        {
          id: "f2",
          title: "Do you have vegan options?",
          content: "Absolutely, we have dedicated plant-based dishes.",
        },
        {
          id: "f3",
          title: "Are reservations required?",
          content: "Recommended for weekend dinners but not required.",
        },
      ]}
      title="Commonly Asked"
      description="Have questions about our menu or catering?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Hungry? Join us today"
      description="Book a table or order for pickup. We're ready to serve you the freshest Tex-Mex."
      buttons={[
        {
          text: "Book a Table",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#products",
            },
          ],
        },
        {
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="MORRELLI’S"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
