"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Facebook, Instagram, Leaf, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Kudu"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Culinary Art, Redefined"
      description="Experience a fusion of bold flavors and seasonal ingredients at Kudu, where every dish tells a story."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-red-fish-pan-newspaper-with-onions-sauces_140725-13948.jpg?_wi=1",
          imageAlt: "Kudu signature dish 1",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/festive-table-setting-with-sprigs-dried-flowers-decorative-elements_169016-11207.jpg?_wi=1",
          imageAlt: "Kudu signature dish 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-table-assortment-with-plant_23-2148914895.jpg",
          imageAlt: "Kudu signature dish 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg",
          imageAlt: "Kudu signature dish 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg",
          imageAlt: "Kudu signature dish 5",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-two-long-dinner-tables_140725-8455.jpg",
          imageAlt: "Interior view 1",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/table-with-romantic-ornaments_23-2148120683.jpg",
          imageAlt: "Interior view 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-meat-slices-served-with-vegetable-salad_140725-6607.jpg",
          imageAlt: "Interior view 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
          imageAlt: "Interior view 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-safari-party-high-angle_23-2149707868.jpg",
          imageAlt: "Interior view 5",
        },
      ]}
      buttons={[
        {
          text: "Reserve Table",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
          alt: "Diner 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg",
          alt: "Diner 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
          alt: "Diner 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-flat-lay_23-2148914892.jpg",
          alt: "Diner 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/napkin-cutlery-plate-near-glasses-plant_23-2148070687.jpg",
          alt: "Diner 5",
        },
      ]}
      avatarText="Join 5,000+ satisfied diners"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/festive-table-setting-home-with-scandinavian-decorative-details-close-up_169016-10947.jpg",
          alt: "Logo 1",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-wedding-valentine-s-day_169016-11015.jpg",
          alt: "Logo 2",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/festive-table-setting-home-with-scandinavian-decorative-details-close-up_169016-10948.jpg",
          alt: "Logo 3",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
          alt: "Logo 4",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
          alt: "Logo 5",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="A Taste of Kudu"
      description={[
        "Rooted in global traditions yet shaped by our innovative spirit, we believe dining should be an exploration.",
        "Our chefs curate menus that celebrate seasonal excellence, ensuring every visit offers a new discovery.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Fresh Ingredients",
          description: "Farm-to-table sourcing every morning.",
          bentoComponent: "reveal-icon",
          icon: Leaf,
          imageSrc: "http://img.b2bpic.net/free-photo/man-chef-cooking-asian-chicken-cafe-kitchen_1303-32155.jpg",
          imageAlt: "professional chef cooking gourmet food",
        },
        {
          title: "Artisanal Preparation",
          description: "Technique-driven craft in every bite.",
          bentoComponent: "reveal-icon",
          icon: Award,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-red-fish-pan-newspaper-with-onions-sauces_140725-13948.jpg?_wi=2",
          imageAlt: "professional chef cooking gourmet food",
        },
        {
          title: "Exquisite Pairings",
          description: "Curated wine selections to elevate.",
          bentoComponent: "reveal-icon",
          icon: Wine,
          imageSrc: "http://img.b2bpic.net/free-photo/festive-table-setting-with-sprigs-dried-flowers-decorative-elements_169016-11207.jpg?_wi=2",
          imageAlt: "professional chef cooking gourmet food",
        },
      ]}
      title="What Defines Us"
      description="Excellence in every detail, from our kitchen to your table."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Seared Scallops",
          price: "$28",
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-white-plate_1203-2817.jpg",
        },
        {
          id: "2",
          name: "Duck Confit",
          price: "$38",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",
        },
        {
          id: "3",
          name: "Roasted Root Medley",
          price: "$22",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-broccoli-cauliflower-salad-black-oval-plate-serving-tray-spices-oil-garlic-dark-surface-free-place_140725-62291.jpg",
        },
        {
          id: "4",
          name: "Citrus Salmon",
          price: "$34",
          imageSrc: "http://img.b2bpic.net/free-photo/prawn-plate-rice_1232-985.jpg",
        },
        {
          id: "5",
          name: "Braised Short Rib",
          price: "$42",
          imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-side-view_141793-4512.jpg",
        },
        {
          id: "6",
          name: "Dark Chocolate Ganache",
          price: "$18",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tartlet-with-meringue-slices-orange-mint_141793-4241.jpg",
        },
      ]}
      title="Signature Menu"
      description="Our current selection of seasonal favorites."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Elena Rodriguez",
          role: "Food Critic",
          company: "Culinary Weekly",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
        },
        {
          id: "2",
          name: "Marcus Chen",
          role: "Patron",
          company: "Local Foodie",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-red-yellow-peper-professional-approach-business_1157-45088.jpg",
        },
        {
          id: "3",
          name: "Sarah Jenkins",
          role: "Patron",
          company: "Design Lead",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barista-black-apron-holding-coffee-cup-standing-yellow-background_1258-170856.jpg",
        },
        {
          id: "4",
          name: "David Thorne",
          role: "Chef",
          company: "Thorne Catering",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg",
        },
        {
          id: "5",
          name: "Sophia Lee",
          role: "Patron",
          company: "Art Director",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14457.jpg",
        },
      ]}
      title="Diner Reviews"
      description="What our guests are saying about the experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do I need a reservation?",
          content: "Reservations are highly recommended, especially on weekends.",
        },
        {
          id: "2",
          title: "Do you offer private dining?",
          content: "Yes, we host intimate private events for up to 20 guests.",
        },
        {
          id: "3",
          title: "Is there a dress code?",
          content: "We maintain a business casual dress code for a comfortable atmosphere.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/server-pouring-sangria-with-ladle_23-2148245021.jpg"
      mediaAnimation="slide-up"
      title="Planning Your Visit"
      description="Answers to frequently asked questions about dining at Kudu."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Join us at Kudu and discover why we are a city favorite. Ready to book your table or have questions? Contact us today."
      buttons={[
        {
          text: "Contact Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Kudu"
      copyrightText="© 2025 Kudu Restaurant. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
