"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Why Us",
          id: "#why-us",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Events",
          id: "#events",
        },
        {
          name: "Visit Us",
          id: "#contact",
        },
      ]}
      brandName="Beit Jeddi"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain",
      }}
      title="A Taste of Home, Above the Clouds"
      description="Authentic Lebanese cuisine, generous family-style portions, breathtaking mountain views, and unforgettable celebrations in the heart of Bsaba."
      tag="Beit Jeddi"
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fried-sushi-with-vegetables-ginger_140725-27.jpg",
          imageAlt: "Traditional Lebanese Mezze spread",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg",
          imageAlt: "Mountain view from Beit Jeddi",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552629.jpg",
          imageAlt: "Asian people having dinner party",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461457.jpg",
          imageAlt: "Couple eating salmon dish bowl at the restaurant",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/taking-beans-noodle-from-bowl-with-spoon-ethnic-style-decoration_114579-4549.jpg",
          imageAlt: "Taking beans noodle from bowl with spoon. Ethnic style decoration.",
        },
      ]}
      mediaAnimation="slide-up"
      rating={4.8}
      ratingText="Exceptional Dining"
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Views",
          title: "Stunning Mountain Views",
          subtitle: "Panoramic scenery",
          description: "Enjoy breathtaking mountain vistas while dining with family and friends.",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-balcony_74190-1314.jpg",
          imageAlt: "Restaurant terrace overlooking mountains",
        },
        {
          tag: "Cuisine",
          title: "Authentic Lebanese Cuisine",
          subtitle: "Traditional recipes",
          description: "Fresh mezze, traditional recipes, and generous portions made for sharing.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-kuku-egg-with-herbs-tea-side-view_141793-4734.jpg",
          imageAlt: "Traditional Lebanese dishes",
        },
        {
          tag: "Occasions",
          title: "Perfect for Celebrations",
          subtitle: "Weddings, birthdays, family gatherings",
          description: "Host unforgettable weddings, birthdays, and family gatherings in our spacious venue.",
          imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172601.jpg",
          imageAlt: "Elegant event setup at the restaurant",
        },
      ]}
      title="Why Guests Love Beit Jeddi"
      description="Experience the warmth of Lebanese hospitality and the joy of shared meals in a truly spectacular setting."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Dina Eid Khoury",
          handle: "@DinaEid",
          testimonial: "Very nice place with a view, delicious food, and good portions. The prices are fair compared to the quality and portions.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg",
          imageAlt: "Dina Eid Khoury",
        },
        {
          id: "2",
          name: "Nadine A",
          handle: "@NadineA",
          testimonial: "The view is amazing. Portions are very generous and each plate is enough for 2 to 3 persons.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409821.jpg",
          imageAlt: "Nadine A",
        },
        {
          id: "3",
          name: "Fadia Khoury Abi Khalil",
          handle: "@FadiaK",
          testimonial: "An absolute gem! Authentic, fresh, and full of flavor. The mezze were perfectly prepared and beautifully presented.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman-smiling-showing-yellow-pepper-vegetarian-girl-making-dinner_1258-197950.jpg",
          imageAlt: "Fadia Khoury Abi Khalil",
        },
        {
          id: "4",
          name: "Georges Bechara",
          handle: "@GeorgesB",
          testimonial: "Beit Jeddi offers a wonderful ambiance, truly reminiscent of home. The food is simply divine, every dish bursts with authentic flavors.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
          imageAlt: "Georges Bechara",
        },
        {
          id: "5",
          name: "Layla Daher",
          handle: "@LaylaD",
          testimonial: "From the moment you step in, you feel the warmth. The staff are so welcoming, and the food transports you straight to Lebanon.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman-posing_23-2148454538.jpg",
          imageAlt: "Layla Daher",
        },
      ]}
      title="What Our Guests Say"
      description="Hear from our happy customers about their cherished experiences at Beit Jeddi."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Story in Numbers"
      tag="Highlights"
      metrics={[
        {
          id: "m1",
          value: "4.8",
          description: "Average Rating",
        },
        {
          id: "m2",
          value: "509+",
          description: "Customer Reviews",
        },
        {
          id: "m3",
          value: "25K+",
          description: "Happy Guests Served",
        },
        {
          id: "m4",
          value: "100+",
          description: "Celebrations Hosted",
        },
      ]}
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "d1",
          brand: "Mezze",
          name: "Traditional Mezze Platter",
          price: "$35",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-greens_141793-763.jpg",
          imageAlt: "Mezze platter",
        },
        {
          id: "d2",
          brand: "Salad",
          name: "Fresh Tabbouleh",
          price: "$12",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/green-plate-vegetable-salad-with-herbs_114579-82051.jpg",
          imageAlt: "Tabbouleh salad",
        },
        {
          id: "d3",
          brand: "Rolls",
          name: "Warak Inab (Grape Leaves)",
          price: "$18",
          rating: 5,
          reviewCount: "70",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-leaf-dolma-meat-dish-with-seasonings-dark_140725-52835.jpg",
          imageAlt: "Warak Inab",
        },
        {
          id: "d4",
          brand: "Dessert",
          name: "Homemade Baklava",
          price: "$10",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-plate-with-walnuts_23-2148080011.jpg",
          imageAlt: "Baklava",
        },
        {
          id: "d5",
          brand: "Main",
          name: "Shish Taouk",
          price: "$28",
          rating: 5,
          reviewCount: "110",
          imageSrc: "http://img.b2bpic.net/free-photo/beyti-kebab-pieces-served-wooden-board-with-cucumber-tomatoes_140725-3849.jpg",
          imageAlt: "Shish Taouk",
        },
        {
          id: "d6",
          brand: "Dessert",
          name: "Maamoul with Dates",
          price: "$8",
          rating: 5,
          reviewCount: "60",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-cookies-with-jam-wooden-cutting-board_114579-52651.jpg",
          imageAlt: "Maamoul cookies",
        },
        {
          id: "d7",
          brand: "Appetizer",
          name: "Hummus with Pine Nuts",
          price: "$14",
          rating: 5,
          reviewCount: "75",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-local-food-dish_23-2148833850.jpg",
          imageAlt: "Hummus",
        },
        {
          id: "d8",
          brand: "Main",
          name: "Kibbeh Labanieh",
          price: "$26",
          rating: 5,
          reviewCount: "65",
          imageSrc: "http://img.b2bpic.net/free-photo/turshu-govurma-caucasian-meal-with-creamy-mushroom-soup_114579-1864.jpg",
          imageAlt: "Kibbeh Labanieh",
        },
        {
          id: "d9",
          brand: "Soup",
          name: "Lentil Soup",
          price: "$9",
          rating: 5,
          reviewCount: "50",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-traditional-azerbaijani-dish-dushbara-with-bread-olives_141793-4674.jpg",
          imageAlt: "Lentil Soup",
        },
      ]}
      title="Our Signature Dishes"
      description="Explore a culinary journey through Lebanon with our authentic and beloved family recipes."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Scenery",
          title: "Mountain Views",
          subtitle: "Panoramic Beauty",
          description: "Dine amidst the stunning backdrop of Bsaba's majestic mountains.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-served-with-pilaf-with-dried-fruits-served-stewed-meat-with-herbs-bowls_140725-12864.jpg",
          imageAlt: "Restaurant balcony with mountain view",
        },
        {
          tag: "Gatherings",
          title: "Family Gatherings",
          subtitle: "Warm & Inviting",
          description: "Spacious and cozy settings ideal for memorable family moments.",
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg",
          imageAlt: "Family dining together",
        },
        {
          tag: "Weddings",
          title: "Wedding Celebrations",
          subtitle: "Your Dream Day",
          description: "An enchanting location for a truly unforgettable wedding.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-posing-their-wedding-day_1328-3479.jpg",
          imageAlt: "Elegant wedding table setting",
        },
        {
          tag: "Ambiance",
          title: "Sunset Dining",
          subtitle: "Golden Hour Magic",
          description: "Experience the golden hour as the sun sets over the mountains during your meal.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-salad-with-glass-wine-table-with-trees-sunlight-leak-background_176474-3901.jpg",
          imageAlt: "Sunset dining on the terrace",
        },
        {
          tag: "Occasions",
          title: "Events & Celebrations",
          subtitle: "Tailored Experiences",
          description: "Host any special event in a setting designed to impress and delight.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-wooden-wedding-area-with-white-covered-tables_181624-60481.jpg",
          imageAlt: "Beautifully decorated event space",
        },
      ]}
      title="Our Beautiful Venue"
      description="Discover the charming corners and breathtaking views that make Beit Jeddi the perfect escape."
    />
  </div>

  <div id="events" data-section="events">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Marriages",
          title: "Weddings & Engagements",
          subtitle: "Start your journey",
          description: "From intimate engagements to grand wedding receptions, we craft your perfect day.",
          imageSrc: "http://img.b2bpic.net/free-photo/long-white-table-stands-white-tents-sand-beach_1304-3244.jpg",
          imageAlt: "Wedding reception decor",
        },
        {
          tag: "Milestones",
          title: "Family Reunions & Baptisms",
          subtitle: "Cherish traditions",
          description: "Bring generations together for heartwarming celebrations and cherished traditions.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-together_23-2149152908.jpg",
          imageAlt: "Family reunion dining",
        },
        {
          tag: "Business",
          title: "Corporate Gatherings",
          subtitle: "Inspiring settings",
          description: "Host productive meetings and elegant corporate dinners with a view.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006711.jpg",
          imageAlt: "Corporate event table setup",
        },
      ]}
      title="Host Your Unforgettable Event"
      description="A venue where memories are made. Celebrate life's special moments with exquisite food and breathtaking views."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Our Mountain Home"
      description="Find us nestled in the heart of Bsaba, serving authentic Lebanese hospitality daily. Book your table for an unforgettable experience."
      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,
        },
        {
          name: "time",
          type: "time",
          placeholder: "Reservation Time",
          required: true,
        },
        {
          name: "guests",
          type: "number",
          placeholder: "Number of Guests",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Special requests or message",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
      imageAlt="Cozy restaurant interior with mountain view"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Book a Table"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Beit Jeddi"
      leftLink={{
        text: "Serving Lebanese hospitality one table at a time.",
        href: "#",
      }}
      rightLink={{
        text: "Street Saint Rita, Bsaba",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
