"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="large"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Gallery",
          id: "gallery",
        },
        {
          name: "Booking",
          id: "booking",
        },
      ]}
      brandName="Bhoj Restaurant & Kabab"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "glowing-orb",
      }}
      title="Experience Authentic Taste & Premium Dining"
      description="Delicious Kabab, Biryani, Coffee & Fast Food Served 24 Hours at Bhoj Restaurant & Kabab."
      testimonials={[
        {
          name: "Rahmat H.",
          handle: "@bhojfan",
          testimonial: "The best biryani in town! 24/7 service is a lifesaver.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081899.jpg",
        },
        {
          name: "Sarah K.",
          handle: "@sarah_foodie",
          testimonial: "Exquisite atmosphere and flavor. Highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
        },
        {
          name: "John D.",
          handle: "@foodlover",
          testimonial: "Late night cravings satisfied perfectly here.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-woman-holds-smart-phone-hands-makes-selfie-photo-together-with-asian-friend-enjoy-summer-vacation-together_273609-18143.jpg",
        },
        {
          name: "Amina B.",
          handle: "@amina_diner",
          testimonial: "Great service and cozy place for friends.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
        },
        {
          name: "Zaid M.",
          handle: "@zaid_eats",
          testimonial: "The coffee and kababs are simply unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",
        },
      ]}
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Reserve Table",
          href: "#booking",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hand-holding-corn-dog_23-2149455134.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-taking-selfie_23-2149061577.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-fresh-cheese_52683-110429.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-enjoying-christmas-dinner-with-his-family_23-2149144995.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/mother-daughter-looking-mobile-phone_23-2147810892.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219909.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Join 10,000+ satisfied diners"
      marqueeItems={[
        {
          type: "text",
          text: "Authentic Bangladeshi Taste",
        },
        {
          type: "text",
          text: "Open 24/7",
        },
        {
          type: "text",
          text: "Fresh Ingredients Daily",
        },
        {
          type: "text",
          text: "Premium Dining Experience",
        },
        {
          type: "text",
          text: "Fast & Reliable Service",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Story"
      description="Bhoj Restaurant & Kabab is the heart of quality dining in Bangladesh. A cozy, stylish space for friends and family to gather, anytime of the day or night."
      metrics={[
        {
          value: "24/7",
          title: "Open Always",
        },
        {
          value: "3.9",
          title: "Star Rating",
        },
        {
          value: "50+",
          title: "Menu Items",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Hyderabadi Biryani",
          price: "৳350",
          variant: "Signature",
          imageSrc: "http://img.b2bpic.net/free-photo/black-plate-with-black-pasta-quail-eggs-dark-background_23-2148340358.jpg",
        },
        {
          id: "p2",
          name: "Buffalo Wings",
          price: "৳250",
          variant: "Fast Food",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454894.jpg",
        },
        {
          id: "p3",
          name: "Hot Coffee",
          price: "৳200",
          variant: "Cafe",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-cinnamon_140725-7516.jpg",
        },
        {
          id: "p4",
          name: "Chicken Fried Rice",
          price: "৳280",
          variant: "Popular",
          imageSrc: "http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg",
        },
        {
          id: "p5",
          name: "Cold Coffee",
          price: "৳220",
          variant: "Cafe",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-hand_23-2148071562.jpg",
        },
        {
          id: "p6",
          name: "Mixed Chow Mein",
          price: "৳300",
          variant: "Chinese",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-wings-with-green-salad-dark-background-meal-dish-food-meat-chicken-fry-cooking-photo_140725-160698.jpg",
        },
      ]}
      title="Our Signature Menu"
      description="Indulge in our exquisite collection of authentic dishes."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      members={[
        {
          id: "g1",
          name: "Interior View",
          role: "Atmosphere",
          description: "Cozy lighting.",
          imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
        },
        {
          id: "g2",
          name: "Signature Dish",
          role: "Food",
          description: "Authentic taste.",
          imageSrc: "http://img.b2bpic.net/free-photo/eating-asian-food-dinner-concept_53876-23414.jpg",
        },
        {
          id: "g3",
          name: "Customer Dining",
          role: "Experience",
          description: "Friendly vibes.",
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg",
        },
        {
          id: "g4",
          name: "Cafe Corner",
          role: "Style",
          description: "Relaxing spot.",
          imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg",
        },
        {
          id: "g5",
          name: "Dessert",
          role: "Food",
          description: "Sweet delight.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg",
        },
        {
          id: "g6",
          name: "Dining Space",
          role: "Modern",
          description: "Stylish seating.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg",
        },
      ]}
      title="Restaurant Gallery"
      description="A glimpse into our luxurious atmosphere."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Khan",
          role: "Local",
          company: "Dhaka",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081899.jpg",
        },
        {
          id: "t2",
          name: "John Doe",
          role: "Foodie",
          company: "Blogger",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
        },
        {
          id: "t3",
          name: "Amina",
          role: "Family",
          company: "Customer",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-woman-holds-smart-phone-hands-makes-selfie-photo-together-with-asian-friend-enjoy-summer-vacation-together_273609-18143.jpg",
        },
        {
          id: "t4",
          name: "Robert",
          role: "Regular",
          company: "Diner",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
        },
        {
          id: "t5",
          name: "Zaid",
          role: "Student",
          company: "Diner",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",
        },
      ]}
      title="Customer Reviews"
      description="What our guests say about us."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          label: "Service",
          title: "Open 24 Hours",
          items: [
            "Always ready",
            "Late night",
            "Anytime",
          ],
        },
        {
          id: "f2",
          label: "Setting",
          title: "Family Friendly",
          items: [
            "Kids area",
            "Cozy vibe",
            "Safe space",
          ],
        },
        {
          id: "f3",
          label: "Tech",
          title: "Free WiFi",
          items: [
            "Fast speed",
            "Always on",
            "Connected",
          ],
        },
      ]}
      title="Why Choose Bhoj?"
      description="Experience the difference with our premium amenities."
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-animated",
      }}
      text="Book your table at Bhoj Restaurant & Kabab now for a premium culinary experience. Call us or visit our booking page."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+880123456789",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Bhoj Restaurant & Kabab"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Facebook",
        href: "https://facebook.com",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
