"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Instagram, Mail, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About Us",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQs",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="The Li'l Spot"
      button={{
        text: "Order Online",
        href: "#",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="The Li'l Spot"
      description="Your cozy neighborhood eatery, serving delicious food with a smile. A perfect spot for every craving."
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Make a Reservation",
          href: "#contact",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-dining-room-living-room-with-luxury-decor_105762-2170.jpg"
      imageAlt="Cozy restaurant interior with warm lighting"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Welcome to The Li'l Spot"
      description={[
        "At The Li'l Spot, we believe in bringing joy to your plate. Our journey began with a simple passion for good food and a desire to create a warm, inviting space where friends and family can gather.",
        "We craft each dish with the freshest local ingredients, blending traditional recipes with a touch of modern flair. From our hearty breakfasts to our delectable dinner specials, every bite tells a story of dedication and flavor. Come in and experience the charm and taste that make us your favorite local spot.",
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-1",
          title: "Farm-Fresh Ingredients",
          description: "We source the finest local produce and ingredients, ensuring every dish is bursting with natural flavors and supports our community.",
          tag: "Freshness",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetables-wooden-table_23-2148006677.jpg",
          imageAlt: "Assortment of fresh vegetables and herbs",
        },
        {
          id: "feature-2",
          title: "Seasonal Menu Rotations",
          description: "Our menu evolves with the seasons, offering exciting new dishes that capture the best of what nature has to offer year-round.",
          tag: "Seasonal",
          imageSrc: "http://img.b2bpic.net/free-photo/snacks-new-year-celebration-flat-lay_23-2149522212.jpg",
          imageAlt: "Delicious seasonal meal on a rustic wooden table",
        },
        {
          id: "feature-3",
          title: "Catering for All Events",
          description: "Let The Li'l Spot elevate your next event with our exquisite catering services, tailored to your tastes and occasion.",
          tag: "Events",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-people-celebrating-toasting-with-champagne-office-party_637285-9581.jpg",
          imageAlt: "Elegant buffet spread at a catering event",
        },
      ]}
      title="Our Culinary Delights"
      description="Explore what makes dining at The Li'l Spot a unique experience. Fresh ingredients, seasonal menus, and a passion for perfection."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "dish-1",
          name: "Spicy Arrabbiata Pasta",
          price: "$18.50",
          variant: "Vegan option available",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg",
          imageAlt: "Gourmet pasta dish with spicy tomato sauce",
        },
        {
          id: "dish-2",
          name: "Grilled Salmon with Asparagus",
          price: "$24.00",
          variant: "Gluten-free",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dish-burrata-mozzarella_501050-759.jpg",
          imageAlt: "Perfectly grilled salmon with fresh asparagus",
        },
        {
          id: "dish-3",
          name: "Margherita Pizza",
          price: "$16.00",
          variant: "Classic favorite",
          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-tomato-cheese_140725-6768.jpg",
          imageAlt: "Freshly baked Margherita pizza with basil",
        },
        {
          id: "dish-4",
          name: "Caprese Salad",
          price: "$14.00",
          variant: "Fresh & light",
          imageSrc: "http://img.b2bpic.net/free-photo/lettuce-stir-fish-sauce_1388-611.jpg",
          imageAlt: "Refreshing Caprese salad with mozzarella and tomatoes",
        },
        {
          id: "dish-5",
          name: "Chocolate Lava Cake",
          price: "$10.00",
          variant: "Rich & decadent",
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-with-cakes-side-view_141793-4438.jpg",
          imageAlt: "Warm chocolate lava cake with a scoop of vanilla ice cream",
        },
        {
          id: "dish-6",
          name: "House Special Cocktail",
          price: "$12.00",
          variant: "Seasonal blend",
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-glass-drink-bottle_23-2148436995.jpg",
          imageAlt: "Colorful craft cocktail in a elegant glass",
        },
      ]}
      title="Signature Dishes & Menu Highlights"
      description="Discover a selection of our most loved dishes, crafted with care and passion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "May 20, 2024",
          title: "A True Hidden Gem!",
          quote: "The Li'l Spot is a delightful discovery! Every dish is prepared with such care and the flavors are incredible. The ambiance is cozy and the staff are incredibly friendly. Highly recommend the pasta!",
          tag: "Foodie Favorite",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
          avatarAlt: "Sarah J. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/indoors-banquet-tableware-event-concept_53876-139690.jpg",
          imageAlt: "Happy diners at a restaurant table",
        },
        {
          id: "2",
          name: "Mark T.",
          date: "April 15, 2024",
          title: "Best Brunch in Town",
          quote: "Came here for brunch and was blown away! The avocado toast was phenomenal and their coffee is top-notch. It's quickly become our go-to spot for weekend mornings.",
          tag: "Brunch Lover",
          avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
          avatarAlt: "Mark T. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/rasberry-mousse-cake_1339-4273.jpg",
          imageAlt: "Delicious brunch spread",
        },
        {
          id: "3",
          name: "Emily R.",
          date: "March 10, 2024",
          title: "Consistently Excellent!",
          quote: "I've been a regular at The Li'l Spot for months now, and they never disappoint. The quality of food and service is consistently excellent. It feels like a second home.",
          tag: "Loyal Customer",
          avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg",
          avatarAlt: "Emily R. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599526.jpg",
          imageAlt: "Restaurant exterior at night",
        },
        {
          id: "4",
          name: "David K.",
          date: "February 28, 2024",
          title: "Fantastic Dinner Experience",
          quote: "Had a fantastic dinner here last night. The grilled salmon was perfectly cooked, and the dessert was divine. Great atmosphere for a date night!",
          tag: "Date Night",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
          avatarAlt: "David K. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg",
          imageAlt: "Chef preparing a gourmet dish",
        },
        {
          id: "5",
          name: "Jessica L.",
          date: "January 5, 2024",
          title: "Family Friendly & Delicious",
          quote: "We brought our kids and everyone found something they loved on the menu. The staff were so accommodating, and the food was delicious. A great spot for families!",
          tag: "Family Outing",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-young-pregnant-woman-portrait_23-2148752234.jpg",
          avatarAlt: "Jessica L. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-multi-generation-family-toasting-while-having-lunch-together-dining-table_637285-5510.jpg",
          imageAlt: "Family enjoying a meal together",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from the happy customers who love dining at The Li'l Spot. Your satisfaction is our greatest reward!"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What are your opening hours?",
          content: "We are open Monday to Friday from 7 AM to 9 PM, and on weekends from 8 AM to 10 PM. We look forward to seeing you!",
        },
        {
          id: "faq-2",
          title: "Do you take reservations?",
          content: "Yes, we highly recommend making a reservation, especially for dinner service and weekend brunch. You can book a table through our website or by calling us directly.",
        },
        {
          id: "faq-3",
          title: "Do you offer vegetarian or vegan options?",
          content: "Absolutely! Our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server about any dietary restrictions or preferences.",
        },
        {
          id: "faq-4",
          title: "Is The Li'l Spot kid-friendly?",
          content: "Yes, we welcome families with children! We have a kids' menu and high chairs available. Our staff are happy to accommodate your family's needs.",
        },
        {
          id: "faq-5",
          title: "Do you have outdoor seating?",
          content: "We have a charming outdoor patio available during warmer months. Seating is on a first-come, first-served basis, but you can request it with your reservation.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our restaurant, reservations, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Visit Us or Make a Reservation"
      description="We'd love to hear from you! Whether you have a question, want to book a table, or simply want to say hello, our team is ready to assist."
      tagIcon={Mail}
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive promotional emails from The Li'l Spot."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="The Li'l Spot"
      copyrightText="© 2024 The Li'l Spot. All rights reserved."
      socialLinks={[
        {
          icon: MapPin,
          href: "https://maps.app.goo.gl/BxBeyxexZcXSwhd46",
          ariaLabel: "Google Maps location",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/thelilspot",
          ariaLabel: "Instagram page",
        },
        {
          icon: Facebook,
          href: "https://facebook.com/thelilspot",
          ariaLabel: "Facebook page",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
