"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Briefcase, Leaf, Package, Sun, Timer, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Falafel House Lebanese"
      button={{
        text: "Order Now",
        href: "#menu",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Welcome to Falafel House Lebanese"
      description="Experience the authentic taste of Lebanon in the heart of London. Freshly prepared falafels, healthy options, and a casual dining atmosphere await you."
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Order Online",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg"
      imageAlt="Delicious falafel plate with fresh vegetables"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Our Story & Promise"
      description="Falafel House Lebanese is a family-owned restaurant dedicated to bringing traditional Lebanese flavors to your table. We pride ourselves on using time-honored recipes and the freshest ingredients, crafted with passion to deliver an unforgettable culinary experience every time."
      bulletPoints={[
        {
          title: "Authentic Recipes",
          description: "Taste the heritage in every bite with recipes passed down through generations.",
        },
        {
          title: "Fresh Ingredients",
          description: "We source the finest local produce and spices for unparalleled flavor.",
        },
        {
          title: "Warm Hospitality",
          description: "Enjoy a friendly and inviting atmosphere, just like a Lebanese home.",
        },
        {
          title: "Wheelchair Accessible",
          description: "Our Mare Street location is fully wheelchair-accessible for all guests.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-tomatoes-greens-wooden-desk_140725-13329.jpg"
      imageAlt="Cozy and authentic Lebanese restaurant interior"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Convenient Service",
          description: "Whether you prefer dining in, grabbing a quick bite, or enjoying our food at home, we have you covered.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-burgers-green-table-food-meal-fast-food-sandwich_140725-28224.jpg",
            imageAlt: "Falafel plate",
          },
          items: [
            {
              icon: Package,
              text: "Kerbside Pickup",
            },
            {
              icon: Truck,
              text: "Delivery & No-contact Delivery",
            },
            {
              icon: Briefcase,
              text: "Takeaway",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg",
          imageAlt: "delicious falafel plate with fresh vegetables",
        },
        {
          title: "Flexible Dining",
          description: "Enjoy our casual dining atmosphere with seating options that suit your preference.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
            imageAlt: "Restaurant interior",
          },
          items: [
            {
              icon: UtensilsCrossed,
              text: "Dine-in",
            },
            {
              icon: Sun,
              text: "Outdoor Seating",
            },
            {
              icon: PersonStanding,
              text: "Solo Dining",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dolma-inside-black-plate-along-with-tomatoes-greens-wooden-desk_140725-13329.jpg",
          imageAlt: "delicious falafel plate with fresh vegetables",
        },
        {
          title: "Healthy & Quick Bites",
          description: "Our menu features a variety of healthy, delicious, and quick options perfect for any time of day.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-inside-plate-with-salad-blue-background_140725-126384.jpg",
            imageAlt: "Tabbouleh salad",
          },
          items: [
            {
              icon: Leaf,
              text: "Healthy Options",
            },
            {
              icon: Timer,
              text: "Quick Bites",
            },
            {
              icon: PanelsTopLeft,
              text: "Small Plates",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-vegetables-blue-desk-sandwich-burger-meat-meal-lunch_140725-64507.jpg",
          imageAlt: "delicious falafel plate with fresh vegetables",
        },
      ]}
      title="Dining Options & Offerings"
      description="At Falafel House Lebanese, we cater to your every need, offering flexible service options and a menu designed for diverse tastes."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          name: "Classic Falafel Wrap",
          price: "£5.50",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-vegetables-blue-desk-sandwich-burger-meat-meal-lunch_140725-64507.jpg",
          imageAlt: "Classic Falafel Wrap",
        },
        {
          id: "2",
          name: "Creamy Hummus Plate",
          price: "£4.00",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-tasty-hummus-with-ingredients_23-2149401906.jpg",
          imageAlt: "Creamy Hummus Plate",
        },
        {
          id: "3",
          name: "Fresh Tabbouleh Salad",
          price: "£4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-cucumber-lettuce-dried-tomatoes-corn-walut_140725-1534.jpg",
          imageAlt: "Fresh Tabbouleh Salad",
        },
        {
          id: "4",
          name: "Chicken Shawarma Plate",
          price: "£9.50",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-served-with-fresh-salad-onions_140725-3057.jpg",
          imageAlt: "Chicken Shawarma Plate",
        },
        {
          id: "5",
          name: "Fried Kibbeh",
          price: "£6.00",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-broccoli-cauliflower-salad-meatball-plate-green-white-checkered-napkin-nude-isolated-background_140725-138830.jpg",
          imageAlt: "Fried Kibbeh",
        },
        {
          id: "6",
          name: "Assorted Baklava",
          price: "£3.50",
          imageSrc: "http://img.b2bpic.net/free-photo/different-kutab-qutab-types-with-sumakh-copper-tray_114579-2357.jpg",
          imageAlt: "Assorted Baklava",
        },
      ]}
      title="Our Signature Menu"
      description="Indulge in our exquisite selection of authentic Lebanese dishes, prepared daily with passion and the freshest ingredients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@foodie_london",
          testimonial: "The best falafel I've had outside of Beirut! So fresh, so flavorful, and the staff are incredibly friendly. A must-visit in London!",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-reads-something-tablet_1304-5542.jpg",
          imageAlt: "Sarah J. customer review",
        },
        {
          id: "2",
          name: "Omar K.",
          handle: "@lebanesefoodfan",
          testimonial: "An absolute gem! Every dish bursts with authentic Lebanese taste. Their hummus is divine, and the shawarma is perfectly spiced.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-eating-food_23-2148899060.jpg",
          imageAlt: "Omar K. customer review",
        },
        {
          id: "3",
          name: "Emily R.",
          handle: "@eats_explorer",
          testimonial: "Such a cozy spot for lunch! I love their healthy options and the small plates are perfect for sharing. Great value for money!",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wine-glass-kissing-man-forehead_23-2148014532.jpg",
          imageAlt: "Emily R. customer review",
        },
        {
          id: "4",
          name: "David M.",
          handle: "@london_eats",
          testimonial: "Consistently excellent food and service. Falafel House Lebanese has become my go-to for delicious, quick, and authentic meals. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-family-using-wireless-technology-home_637285-12683.jpg",
          imageAlt: "David M. customer review",
        },
        {
          id: "5",
          name: "Jessica L.",
          handle: "@veg_london",
          testimonial: "As a vegetarian, I'm always looking for great options, and Falafel House truly delivers! Their falafels are crispy and fresh, and the tabbouleh is perfect.",
          imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-eating-vegan-salad_23-2148332162.jpg",
          imageAlt: "Jessica L. customer review",
        },
        {
          id: "6",
          name: "Michael S.",
          handle: "@local_diner",
          testimonial: "Fantastic local restaurant! The atmosphere is casual and welcoming, and the food is simply incredible. You can really taste the passion in every dish.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934659.jpg",
          imageAlt: "Michael S. customer review",
        },
      ]}
      title="What Our Guests Say"
      description="Don't just take our word for it – hear from our delighted customers about their unforgettable experiences at Falafel House Lebanese."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What are your opening hours?",
          content: "We open at 9 AM daily and close in the evening. Please check our 'See more hours' section or call us for specific closing times.",
        },
        {
          id: "2",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, our menu features many delicious vegetarian and vegan options, including our famous falafel, hummus, and tabbouleh salad.",
        },
        {
          id: "3",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards and debit cards for your convenience.",
        },
        {
          id: "4",
          title: "Is parking available near the restaurant?",
          content: "Parking in the Mare St, London E8 1LN area can be somewhat difficult to find a space, but street parking is available.",
        },
        {
          id: "5",
          title: "Do you offer catering services?",
          content: "Please contact us directly at +447703767590 to discuss your catering needs and custom menu options.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our restaurant, menu, or services? We've got answers to help you plan your perfect visit to Falafel House Lebanese."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Visit Us or Order Now"
      description="We are located at Mare St, London E8 1LN, United Kingdom. You can also reach us by phone for reservations or inquiries."
      imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-pins_23-2149460008.jpg"
      imageAlt="Map showing location of Falafel House Lebanese"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email for Updates"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive promotional emails from Falafel House Lebanese."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-vector/abstract-pattern_1055-10509.jpg"
      imageAlt="Stylized Lebanese pattern"
      logoText="Falafel House Lebanese"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Falafel House Lebanese. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
