"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Coffee, Leaf, Smile, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="DarAlFlavor"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Authentic Flavors, Unforgettable Moments"
      description="Experience culinary excellence at DarAlFlavor, where tradition meets contemporary dining. Reserve your table today."
      buttons={[
        {
          text: "Book Your Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg"
      imageAlt="luxurious restaurant table setting dinner"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg",
          alt: "Dining guest 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
          alt: "Dining guest 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",
          alt: "Dining guest 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
          alt: "Dining guest 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
          alt: "Dining guest 5",
        },
      ]}
      avatarText="Join 5000+ satisfied guests"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Farm-to-Table",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Authentic Recipes",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Private Dining",
          icon: Users,
        },
        {
          type: "text-icon",
          text: "Award Winning",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Exquisite Drinks",
          icon: Coffee,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="A Legacy of Culinary Passion"
      description="We blend ancient recipes with modern presentation to bring you a truly unique dining experience, crafted with love and fresh ingredients."
      metrics={[
        {
          value: "15+",
          title: "Years of Excellence",
        },
        {
          value: "5000+",
          title: "Satisfied Guests",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/black-chef-mincing-herbs-other-greenery-restaurant-kitchen_482257-121124.jpg"
      imageAlt="professional chef cooking gourmet meal"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "Starter",
          name: "Truffle Mushroom Soup",
          price: "$12.00",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-soup-croutons_23-2148452840.jpg",
        },
        {
          id: "2",
          brand: "Main",
          name: "Herb Crusted Lamb",
          price: "$34.00",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/lamb-barbecue-steak_1203-6741.jpg",
        },
        {
          id: "3",
          brand: "Starter",
          name: "Seared Scallops",
          price: "$18.00",
          rating: 4,
          reviewCount: "92",
          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg",
        },
        {
          id: "4",
          brand: "Main",
          name: "Saffron Risotto",
          price: "$28.00",
          rating: 5,
          reviewCount: "110",
          imageSrc: "http://img.b2bpic.net/free-photo/ceasar-salad-with-grilled-chicken-tomato-lettuce-parmezan-glass-compote_140725-10893.jpg",
        },
        {
          id: "5",
          brand: "Dessert",
          name: "Dark Chocolate Tart",
          price: "$10.00",
          rating: 5,
          reviewCount: "45",
          imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-topped-with-chocolate-chips-syrup_141793-630.jpg",
        },
        {
          id: "6",
          brand: "Drink",
          name: "Signature Mocktail",
          price: "$9.00",
          rating: 4,
          reviewCount: "67",
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-cocktail-topped-with-flowers_140725-1776.jpg",
        },
      ]}
      title="Our Signature Culinary Offerings"
      description="Explore our menu, a symphony of flavors designed for the discerning palate."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Award,
          title: "Michelin Recommended",
          value: "2023",
        },
        {
          id: "m2",
          icon: Smile,
          title: "Happy Guests",
          value: "99%",
        },
        {
          id: "m3",
          icon: Coffee,
          title: "Coffee Varieties",
          value: "20",
        },
      ]}
      title="A Restaurant Defined by Quality"
      description="Numbers reflect our commitment to your happiness and our dedication to authentic flavors."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Jenkins",
          handle: "@sarahj",
          testimonial: "An incredible experience. Every bite was an explosion of flavor.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
        },
        {
          id: "2",
          name: "Mark Stevens",
          handle: "@mstevens",
          testimonial: "Upscale, comfortable, and truly authentic. My favorite spot.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
        },
        {
          id: "3",
          name: "Elena Rossi",
          handle: "@elena_r",
          testimonial: "The service was impeccable and the food exceeded expectations.",
          imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
        },
        {
          id: "4",
          name: "David Wu",
          handle: "@davidw",
          testimonial: "A wonderful anniversary celebration. We felt very welcomed.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg",
        },
        {
          id: "5",
          name: "Lydia Thorne",
          handle: "@lydiath",
          testimonial: "Exquisite textures and deep flavor profiles. Highly recommend.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
        },
      ]}
      title="Guest Stories at DarAlFlavor"
      description="Read what our cherished guests have to say about their dining journeys."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "Food Journal",
        "The Daily Meal",
        "Epicurean Review",
        "Dining Elite",
        "Local Gastronomy",
      ]}
      title="Recognized by Culinary Leaders"
      description="We are honored to be mentioned by leading food publications."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer private event bookings?",
          content: "Yes, we have private dining rooms for intimate gatherings and larger events.",
        },
        {
          id: "f2",
          title: "Is outdoor seating available?",
          content: "We offer a seasonal courtyard area perfect for evening dining.",
        },
        {
          id: "f3",
          title: "Do you offer delivery or takeaway?",
          content: "We offer convenient online ordering for takeaway directly via our platform.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg"
      imageAlt="restaurant interior modern decor"
      title="Frequently Asked Questions"
      description="Answers to common questions about your visit."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Reserve Your Table"
      description="Secure your spot for an unforgettable evening at DarAlFlavor. Fill out the form below."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "date",
          type: "date",
          placeholder: "Reservation Date",
          required: true,
        },
      ]}
      textarea={{
        name: "notes",
        placeholder: "Any special requests or notes?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-3446.jpg"
      imageAlt="fine dining table reservation setup"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "DarAlFlavor",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Menu",
              href: "#menu",
            },
            {
              label: "Book a Table",
              href: "#contact",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 DarAlFlavor. All rights reserved."
      bottomRightText="123 Gourmet Ave, Fine Dining City"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
