"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Khaimet el amir"
      button={{
        text: "Inquire",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Khaimet el amir"
      description="Experience unparalleled hospitality and authentic flavors crafted for your most special occasions."
      buttons={[
        {
          text: "Explore Services",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bowl-french-dessert-garnished-with-long-cookie-berries_140725-8512.jpg?_wi=1"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Legacy of Excellence"
      description="For years, Khaimet el amir has provided exceptional service, blending tradition with modern hospitality to create unforgettable memories for our guests."
      metrics={[
        {
          value: "10+",
          title: "Years Experience",
        },
        {
          value: "100%",
          title: "Guest Satisfaction",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/workers-standing-together-diversity_53876-30656.jpg?_wi=1"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Event Catering",
          description: "Tailored menus for weddings and corporate events.",
          imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-desserts_116348-83.jpg?_wi=1",
          titleImageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg",
          buttonText: "Learn More",
        },
        {
          title: "Private Hosting",
          description: "Exclusive venue booking for intimate gatherings.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg?_wi=1",
          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048036.jpg",
          buttonText: "Learn More",
        },
        {
          title: "Menu Consultation",
          description: "Customized culinary journeys by our chefs.",
          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg?_wi=1",
          titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggplant-rolls-with-nuts-garlic-decorated-with-dill-table_141793-3850.jpg",
          buttonText: "Learn More",
        },
      ]}
      title="Our Hospitality Services"
      description="Comprehensive event planning and catering services."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Traditional Feast",
          price: "$150",
          imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3173.jpg",
        },
        {
          id: "p2",
          name: "Royal Appetizers",
          price: "$80",
          imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3169.jpg",
        },
        {
          id: "p3",
          name: "Chef's Special Grill",
          price: "$120",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-snacks-salad-table_23-2148454128.jpg",
        },
        {
          id: "p4",
          name: "Garden Fresh Meze",
          price: "$60",
          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-fresh-vegetables-black-pepper-small-bowl-wooden-spoon-oil-bottle-table_140725-148126.jpg",
        },
        {
          id: "p5",
          name: "Signature Pastries",
          price: "$45",
          imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg",
        },
        {
          id: "p6",
          name: "Seasonal Refreshments",
          price: "$30",
          imageSrc: "http://img.b2bpic.net/free-photo/mix-food-drinks-set-table_23-2148244994.jpg",
        },
      ]}
      title="Signature Selections"
      description="Our most popular culinary creations."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "m1",
          name: "Ahmad",
          role: "Head Host",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7355.jpg",
        },
        {
          id: "m2",
          name: "Sarah",
          role: "Executive Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-cooking-with-pan_23-2149631736.jpg",
        },
        {
          id: "m3",
          name: "Omar",
          role: "Event Coordinator",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232223.jpg",
        },
      ]}
      title="Meet Our Experts"
      description="The dedicated team behind every successful event."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Layla",
          date: "2023",
          title: "Wonderful Event",
          quote: "The service was exceptional.",
          tag: "Wedding",
          avatarSrc: "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",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-french-dessert-garnished-with-long-cookie-berries_140725-8512.jpg?_wi=2",
          imageAlt: "happy diner portrait",
        },
        {
          id: "t2",
          name: "Hassan",
          date: "2023",
          title: "Perfect Catering",
          quote: "The food was authentic and tasty.",
          tag: "Corporate",
          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-together-diversity_53876-30656.jpg?_wi=2",
          imageAlt: "happy diner portrait",
        },
        {
          id: "t3",
          name: "Fatima",
          date: "2024",
          title: "Lovely Experience",
          quote: "Truly a royal treatment.",
          tag: "Anniversary",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-eating-noodles-break_23-2149390520.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-desserts_116348-83.jpg?_wi=2",
          imageAlt: "happy diner portrait",
        },
        {
          id: "t4",
          name: "Yousef",
          date: "2024",
          title: "Great Staff",
          quote: "Professional and very polite.",
          tag: "Private Party",
          avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg?_wi=2",
          imageAlt: "happy diner portrait",
        },
        {
          id: "t5",
          name: "Nadia",
          date: "2024",
          title: "Highly Recommend",
          quote: "Best catering we've had.",
          tag: "Birthday",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg?_wi=2",
          imageAlt: "happy diner portrait",
        },
      ]}
      title="Guest Voices"
      description="What our guests say about us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How to book?",
          content: "Contact us via form or phone.",
        },
        {
          id: "f2",
          title: "Do you customize menus?",
          content: "Yes, we specialize in custom menus.",
        },
        {
          id: "f3",
          title: "Venue capacity?",
          content: "Our venue holds up to 200 guests.",
        },
      ]}
      title="Common Questions"
      description="Answers to your booking inquiries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Book Now"
      title="Get in Touch"
      description="Send us an inquiry to start planning your event."
      imageSrc="http://img.b2bpic.net/free-photo/blurry-close-up-reception-desk_482257-79692.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Khaimet el amir"
      columns={[
        {
          title: "Links",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
