a51a9960-a756-4f58-b80a-b504c9f2e9b0/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Clock, Star, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Mid Night Mocha"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{ variant: "gradient-bars" }}
      title="Always Open, Always Delicious."
      description="Experience the midnight magic at Mid Night Mocha. Serving fresh food, fine coffee, and great vibes 24/7."
      buttons={[
        { text: "View Menu", href: "#products" },
        { text: "Contact Us", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg", imageAlt: "Cozy Night Vibe" },
        { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293102.jpg", imageAlt: "Coffee Art" },
        { imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg", imageAlt: "Dining Experience" },
        { imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegan-food_1339-8182.jpg", imageAlt: "Delicious Spread" },
        { imageSrc: "http://img.b2bpic.net/free-photo/mocha_74190-17.jpg", imageAlt: "Signature Drinks" },
        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg", imageAlt: "Excellent Service" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Mid Night Mocha?"
      metrics={[
        { icon: Clock, label: "Service", value: "24/7" },
        { icon: Star, label: "Rating", value: "4.6" },
        { icon: ThumbsUp, label: "Reviewers", value: "202+" },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      animationType="blur-reveal"
      features={[
        {
          title: "Gourmet Preparation",          description: "Freshly prepared meals by experienced chefs.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-grating-piece-cheese-plate-while-preparing-culinary-dish-dinner-service-restaurant-culinary-gastronomic-chef-cooking-fine-dining-meal-professional-kitchen_482257-44203.jpg" },
          items: [],
          reverse: false
        },
        {
          title: "Comfortable Ambiance",          description: "Relax in our thoughtfully designed dining areas.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-interiors-beach-restaurant-day_181624-59566.jpg" },
          items: [],
          reverse: true
        },
        {
          title: "Reliable Delivery",          description: "Fresh food delivered straight to your doorstep.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/courier-texting-client-after-wrong-order_482257-78507.jpg" },
          items: [],
          reverse: false
        },
      ]}
      title="Experience Excellence"
      description="We pride ourselves on quality ingredients, efficient service, and an ambiance that keeps you coming back."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="blur-reveal"
      products={[
        { id: "p1", name: "Veg Hyderabadi Biryani", price: "₹190", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-salad-with-various-vegetables_140725-147807.jpg" },
        { id: "p2", name: "Pina Colada", price: "₹150", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-recipe-name-mai-tai-mai-thai-worldwide-favour-cocktail_1150-14581.jpg" },
        { id: "p3", name: "Arrabiata Pasta", price: "₹220", variant: "Italian", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg" },
        { id: "p4", name: "Chef's Special Sandwich", price: "₹180", variant: "Snacks", imageSrc: "http://img.b2bpic.net/free-photo/side-view-club-sandwich-potato-cheeps-plate-with-sauce_176474-3047.jpg" },
        { id: "p5", name: "Mushroom Popcorn Soup", price: "₹140", variant: "Soup", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-side-vegetables_140725-6278.jpg" },
        { id: "p6", name: "Chinese Sizzler", price: "₹250", variant: "Sizzler", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-vegetables-table_140725-1358.jpg" },
      ]}
      title="Featured Favorites"
      description="A glimpse into our popular menu items, loved by our community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      textboxLayout="split"
      useInvertedBackground={false}
      animationType="blur-reveal"
      testimonials={[
        { id: "1", name: "Varsha Patil", role: "Diner", testimonial: "Good food and staff service is decent.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-barista-girl-smiling-you-while-preparing-coffee-pouring-milk-making_1258-203425.jpg" },
        { id: "2", name: "Mehul Dodiya", role: "Local Guide", testimonial: "Very good place, genuine review, great experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg" },
        { id: "3", name: "Ashoo Panchal", role: "Local Guide", testimonial: "Ambience was cool, food was absolutely awesome.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-chatting-business-dinner_1262-1672.jpg" },
        { id: "4", name: "Ankit Kumar", role: "Foodie", testimonial: "Love the 24/7 availability. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg" },
        { id: "5", name: "Priya Sharma", role: "Regular", testimonial: "The arrabiata pasta is a must-try item!", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
      ]}
      title="Customer Stories"
      description="What our patrons love about Mid Night Mocha."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Are you really open 24/7?", content: "Yes, we are open around the clock to satisfy your cravings whenever they strike." },
        { id: "f2", title: "Do you offer home delivery?", content: "Yes, we provide no-contact delivery services." },
        { id: "f3", title: "What kind of cuisine do you serve?", content: "We offer a diverse range of Indian, Italian, Chinese, and cafe favorites." },
      ]}
      sideTitle="Frequently Asked"
      sideDescription="Questions you might have about our services."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Visit Us"
      title="Ready for a Bite?"
      description="Find us at Kens Corner, Nikol, Ahmedabad. We look forward to serving you anytime."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
        { items: [{ label: "Menu", href: "#products" }, { label: "FAQ", href: "#faq" }] },
        { items: [{ label: "Contact", href: "#contact" }] },
      ]}
      logoText="Mid Night Mocha"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}