"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Experience",          id: "experience"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Reservations",          id: "contact"},
      ]}
      button={{
        text: "Reserve Now",        href: "#contact"}}
      brandName="Sahar Resto"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient"}}
      title="An Experience Worth Coming Back For"
      description="Exceptional flavors. Warm hospitality. A place that feels like yours in the heart of Zahle."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",          imageAlt: "Restaurant ambiance"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-eve-dinner-table_23-2151889027.jpg",          imageAlt: "Dining luxury"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg",          imageAlt: "Warm atmosphere"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg",          imageAlt: "Hospitality"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg",          imageAlt: "Evening lights"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",          imageAlt: "Fine dining"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-scenes-with-family_23-2149187631.jpg",          imageAlt: "Food presentation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dark-plates-with-black-pasta-black-table_23-2148340404.jpg",          imageAlt: "Shisha lounge"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg",          imageAlt: "Premium service"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",          imageAlt: "Gourmet dishes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg",          imageAlt: "Cozy seating"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg",          imageAlt: "Desserts"},
      ]}
      buttons={[
        {
          text: "Reserve a Table",          href: "#contact"},
        {
          text: "View Menu",          href: "#menu"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/cutlery-near-twig-leaves_23-2147811214.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/fresh-black-pasta-fork_23-2148469861.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/top-view-black-plates-different-sized-shaped-dark-background-color-meal-dinner-silver-restaurant-service-cutlery-food_179666-19696.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg",          alt: "Customer 5"},
      ]}
      avatarText="Join our growing family of regulars"
      marqueeItems={[
        {
          type: "text",          text: "Authentic Cuisine"},
        {
          type: "text",          text: "Premium Hookah"},
        {
          type: "text",          text: "Romantic Ambiance"},
        {
          type: "text",          text: "Exceptional Service"},
        {
          type: "text",          text: "Zahle Original"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          handle: "Zahle Regular",          testimonial: "One of the most enjoyable meals I've had recently. Exceptional seasoning and presentation.",          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
        {
          id: "2",          name: "Michael C.",          handle: "Foodie",          testimonial: "Fast service and very affordable for the quality. A true hidden gem.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
        {
          id: "3",          name: "Emily R.",          handle: "Frequent Visitor",          testimonial: "Top 5 places in Zahle. The ambiance is cozy, tasteful, and professional.",          imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg"},
        {
          id: "4",          name: "David K.",          handle: "Regular",          testimonial: "Consistently great food and staff. Always feel welcomed and at home.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg"},
        {
          id: "5",          name: "Maria L.",          handle: "Food Blogger",          testimonial: "The atmosphere is unmatched and the shisha is perfect for long evenings.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg"},
      ]}
      title="Loved by locals. Trusted by regulars."
      description="Our commitment to quality, warmth, and service brings customers back time and again."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Sahar is where details matter"
      description="We are more than just a restaurant; we are a destination. From our freshly sourced ingredients to our meticulously trained staff, everything we do is aimed at creating memorable evenings, relaxed gatherings, and perfect dates."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg"
      imageAlt="Upscale cafe atmosphere"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Gourmet Mezze",          price: "Fair Pricing",          variant: "Food",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-eggplant-rolls-with-pomegranate-seeds-greens-white-plate_176474-3436.jpg"},
        {
          id: "p2",          name: "Artisanal Coffee",          price: "Premium Quality",          variant: "Beverage",          imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096566.jpg"},
        {
          id: "p3",          name: "Signature Dessert",          price: "Exceptional",          variant: "Dessert",          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-minimalist-dark-plate_23-2148425563.jpg"},
        {
          id: "p4",          name: "Premium Shisha",          price: "Top Tier",          variant: "Lounge",          imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191826.jpg"},
        {
          id: "p5",          name: "Main Course",          price: "Perfectly Seasoned",          variant: "Food",          imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-plate-cookies_1252-13.jpg"},
        {
          id: "p6",          name: "Mocktail Selection",          price: "Refreshing",          variant: "Beverage",          imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg"},
      ]}
      title="Exceptional Flavors"
      description="A curated culinary experience designed to delight your senses."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Exceptional Service",          description: "Professional, attentive staff who anticipate your needs.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/three-sisters-domla-with-eggplant-tomato-green-bell-pepper_114579-2557.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg"}
        },
        {
          title: "Cozy Ambiance",          description: "Warm lighting, soft music, and an elegant, intimate setting.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-jewish-food-plate_23-2148814496.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg"}
        },
        {
          title: "Premium Ingredients",          description: "Fresh, locally sourced, and perfectly seasoned dishes.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/yarpaq-dolmas-traditional-caucasian-dolma-white-plate_114579-2032.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-black-tshirt-smoking-hookah-indoor-bar-arab-model-having-rest_627829-2848.jpg"}
        },
      ]}
      showStepNumbers={false}
      title="Why Sahar Resto"
      description="Consistently ranked as a local favorite for quality, service, and ambiance."
    />
  </div>

  <div id="experience" data-section="experience">
      <MediaAbout
      useInvertedBackground={false}
      title="Feel it before you arrive"
      description="Dim warm lighting, smooth music, and the smell of premium shisha and gourmet food. It’s an intentional, smooth, and premium experience made for those who value the details."
      imageSrc="http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg"
      imageAlt="Sahar lounge experience"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Reservations"
      title="Reserve Your Table Tonight"
      description="Make your next evening in Zahle special. Limited seating available for peak hours."
      buttons={[
        {
          text: "Book Now",          href: "tel:+96100000000"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Sahar Resto"
      leftLink={{
        text: "Contact",        href: "tel:+96100000000"}}
      rightLink={{
        text: "Location",        href: "https://maps.google.com"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
