"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Contact",id: "#contact"}]}
      brandName="El Cañon"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="El Cañon"
      description="Experience the authentic flavors of Mexico right here in Grove City. Fresh ingredients, traditional recipes, and a vibrant atmosphere await you."
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Order Online",          href: "https://software.bistroux.com"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-plate_23-2148764372.jpg",          imageAlt: "Delicious Mexican tacos platter"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-slice-lemon-cherry_140725-8778.jpg",          imageAlt: "Colorful Mexican cocktails"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317298.jpg",          imageAlt: "Warm cozy Mexican restaurant interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling-showing-delicious-salad-made-fresh-vegetables-man-holding-dish-with-salad-his-hand-background-professional-restaurant-kitchen-with-special-kitchenware_651396-3918.jpg",          imageAlt: "Chef preparing Mexican food in kitchen"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ketchup-vegetable-salad-chips-bowls_181624-59639.jpg",          imageAlt: "Crispy nachos supreme"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg",          imageAlt: "Sizzling grilled steak fajitas"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Story"
      tagAnimation="blur-reveal"
      title="Bringing Authentic Mexican Flavors to Grove City Since Day One"
      buttons={[
        {
          text: "Learn More"},
      ]}
      buttonAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "dine-in",          title: "Dine-In",          subtitle: "Enjoy our vibrant atmosphere and exceptional table service for a memorable meal.",          category: "Service",          value: "Vibrant Atmosphere"},
        {
          id: "takeout",          title: "Takeout",          subtitle: "Call ahead or order online for convenient pickup of your freshly prepared favorites.",          category: "Service",          value: "Convenient Pickup"},
        {
          id: "delivery",          title: "No-Contact Delivery",          subtitle: "Get delicious Mexican food delivered safely to your door, perfect for a cozy night in.",          category: "Service",          value: "Doorstep Delivery"},
        {
          id: "popular-dishes",          title: "Popular Dishes",          subtitle: "Explore fan favorites like sizzling Fajitas Nachos and savory Tacos De Carnitas.",          category: "Highlights",          value: "Crowd Pleasers"},
      ]}
      title="Experience El Cañon Your Way"
      description="Whether you're dining with family, grabbing a quick lunch, or enjoying a night in, we make it easy to savor your favorite Mexican dishes."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Tacos De Carnitas",          price: "$12.99",          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-taco-ingredients_23-2148629331.jpg",          imageAlt: "Traditional Carnitas Tacos"},
        {
          id: "p2",          name: "Fajitas Nachos",          price: "$15.50",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-still-life_23-2148131286.jpg",          imageAlt: "Sizzling Fajitas Nachos"},
        {
          id: "p3",          name: "Enchilada Rice and Refried Beans",          price: "$13.25",          imageSrc: "http://img.b2bpic.net/free-photo/spring-roll_74190-4964.jpg",          imageAlt: "Enchiladas with Rice and Beans"},
        {
          id: "p4",          name: "Quesadilla Rice and Beans",          price: "$11.99",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-fillet-lavash-with-grilled-green-pepper-tomatoes-red-sauce_114579-2968.jpg",          imageAlt: "Chicken Quesadilla with Rice and Beans"},
        {
          id: "p5",          name: "Nachos Supreme",          price: "$14.75",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-wooden-table_123827-20434.jpg",          imageAlt: "Loaded Nachos Supreme"},
        {
          id: "p6",          name: "Chips and Salsa",          price: "$4.99",          imageSrc: "http://img.b2bpic.net/free-photo/assorted-dressings-toppings-marble-surface_114579-54668.jpg",          imageAlt: "Fresh Chips and Salsa"},
      ]}
      title="Our Signature Menu Items"
      description="Hand-picked favorites that capture the essence of Mexican cuisine. Made with fresh, authentic ingredients."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "700+",          title: "Happy Reviews",          items: [
            "Consistently rated highly by our cherished customers."],
        },
        {
          id: "m2",          value: "10+",          title: "Years Serving",          items: [
            "A long-standing tradition of authentic Mexican cuisine in Grove City."],
        },
        {
          id: "m3",          value: "50+",          title: "Authentic Recipes",          items: [
            "A diverse menu crafted from time-honored family recipes."],
        },
      ]}
      title="Our Dedication to Excellence"
      description="We are proud of our commitment to quality, authenticity, and creating memorable dining experiences for our community."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Local Resident",          company: "Grove City",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg"},
        {
          id: "t2",          name: "Michael C.",          role: "Food Enthusiast",          company: "Columbus",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-basket-with-potato-cips-eating-them-blue-wall-cinema-movie-film-theater-male_140725-71575.jpg"},
        {
          id: "t3",          name: "Emily R.",          role: "Family Diner",          company: "Grove City",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg"},
        {
          id: "t4",          name: "David K.",          role: "Regular Customer",          company: "Grove City",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427602.jpg"},
        {
          id: "t5",          name: "Jessica L.",          role: "Visitor",          company: "Ohio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-banana-slices_23-2150241106.jpg"},
      ]}
      title="What Our Guests Say"
      description="Hear directly from our customers about their favorite dishes and experiences at El Cañon."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What are your operating hours?",          content: "We are open Tuesday to Sunday from 11 AM to 9 PM. Closed on Mondays."},
        {
          id: "faq2",          title: "Do you offer vegetarian or vegan options?",          content: "Yes, we have a variety of delicious vegetarian and vegan dishes. Please ask your server for recommendations."},
        {
          id: "faq3",          title: "Can I make a reservation?",          content: "We primarily operate on a first-come, first-served basis, especially on weekends. For larger parties or special events, please call us directly."},
        {
          id: "faq4",          title: "Do you cater for events?",          content: "Yes, we offer catering services for various events. Please contact us for more details and menu options."},
      ]}
      sideTitle="Questions? We Have Answers!"
      sideDescription="Find quick answers to common questions about our restaurant, menu, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Visit Us or Get in Touch! \nWe'd love to hear from you."
      buttons={[
        {
          text: "Call Us: (614) 277-8645",          href: "tel:+16142778645"},
        {
          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=2714+London+Groveport+Rd,+Grove+City,+OH+43123"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="El Cañon"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Tacos",              href: "#menu"},
            {
              label: "Fajitas",              href: "#menu"},
            {
              label: "Enchiladas",              href: "#menu"},
            {
              label: "Margaritas",              href: "#menu"},
          ],
        },
        {
          title: "About",          items: [
            {
              label: "Our Story",href: "#about"},
            {
              label: "Reviews",href: "#reviews"},
            {
              label: "Careers",href: "#"},
          ],
        },
        {
          title: "Support",items: [
            {
              label: "FAQ",href: "#faq"},
            {
              label: "Contact Us",href: "#contact"},
            {
              label: "Order Online",href: "https://software.bistroux.com"},
          ],
        },
      ]}
      copyrightText="© 2024 El Cañon Mexican Restaurant | All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}