"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Gallery", id: "gallery" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="DOLCINI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{ variant: "rotated-rays-static" }}
      title="DOLCINI CAFE"
      description="An exquisite sanctuary of artisanal coffee and divine desserts in the heart of Homz Mall. Experience the gold standard of Kuwaiti café culture."
      carouselItems={[
        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158654.jpg?_wi=1", imageAlt: "Luxurious cafe interior" },
        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cupcake-with-vanilla-cream-star-sprinkles_140725-5770.jpg?_wi=1", imageAlt: "Artisan dessert photography" },
        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-long-dress-black-sandals-enjoying-lunch-outdoor-cafe-looking-away-fascinating-blonde-girl-hat-waiting-friend-eat-croissants-together_197531-4275.jpg?_wi=1", imageAlt: "Modern gulf café branding" },
        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg?_wi=1", imageAlt: "Coffee craftsmanship" },
        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg?_wi=1", imageAlt: "Atmospheric café lighting" },
        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798063.jpg?_wi=1", imageAlt: "Gourmet pastry display" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="A Tradition of Excellence"
      description="Dolcini Café blends the rich traditions of Kuwaiti hospitality with a modern, minimalist aesthetic. Located in Homz Mall, we strive to create a peaceful escape with unparalleled flavor profiles."
      bulletPoints={[
        { title: "Artisanal Roasts", description: "Hand-selected beans sourced globally." },
        { title: "Gourmet Patisserie", description: "Handcrafted desserts with gold accents." },
        { title: "Elegant Ambiance", description: "Minimalist luxury in the heart of Al-Dajeej." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg?_wi=1"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="signature" data-section="signature">
      <FeatureCardSeven
      textboxLayout="default"
      animationType="slide-up"
      useInvertedBackground={false}
      features={[
        {
          title: "The Gold Latte",          description: "Our signature beverage infused with 24K edible gold flakes.",          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14763.jpg?_wi=1"},
        {
          title: "Dolcini Delights",          description: "A curated collection of delicate, bite-sized French-inspired pastries.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cakes-with-chocolate-cips-white-surface-tea-cake-biscuit-sweet-birthday-cookie-cream_140725-101637.jpg?_wi=1"},
        {
          title: "Private Sessions",          description: "Exclusive bookings for your most meaningful coffee moments.",          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg?_wi=1"},
      ]}
      title="Signature Experiences"
      description="Discover why we are the preferred choice for sophisticated palates in Kuwait."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      buttons={[
        { text: "Order Now", href: "#contact" },
        { text: "View Full Menu", href: "#menu" }
      ]}
      products={[
        { id: "1", brand: "Coffee", name: "Signature Gold Latte", price: "4.500 KD", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-pours-milk-into-cup-coffee_141793-17485.jpg?_wi=1" },
        { id: "2", brand: "Dessert", name: "Saffron Cheesecake", price: "3.500 KD", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cherry-pastry-delicious-sweet-sliced-with-fresh-sour-cherries-inside-plate_140725-20203.jpg?_wi=1" },
        { id: "3", brand: "Coffee", name: "Cold Brew Royale", price: "3.000 KD", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-ice-cubes-dark-background_84443-83825.jpg?_wi=1" },
        { id: "4", brand: "Dessert", name: "Chocolate Truffle Tart", price: "3.200 KD", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-concept_23-2148769254.jpg?_wi=1" },
        { id: "5", brand: "Dessert", name: "Pistachio Éclair", price: "2.800 KD", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-macarons-table_23-2148517962.jpg?_wi=1" },
        { id: "6", brand: "Coffee", name: "V60 Chemex", price: "3.800 KD", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57625.jpg?_wi=1" },
      ]}
      title="Menu Highlights"
      description="A selection of our most beloved creations, crafted with passion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah Al-Enezi", date: "March 2025", title: "Connoisseur", quote: "The gold latte is an absolute masterpiece.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256890.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423998.jpg?_wi=1" },
        { id: "2", name: "Mohammed Khalid", date: "February 2025", title: "Foodie", quote: "Dolcini brought Dubai-level luxury to Al-Dajeej.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269143.jpg?_wi=1" },
        { id: "3", name: "Layla Ahmed", date: "January 2025", title: "Coffee Lover", quote: "The ambiance is just stunning and the pastries are perfect.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg?_wi=1" },
        { id: "4", name: "Ahmed Rashid", date: "January 2025", title: "Business Traveler", quote: "Found this place in Homz Mall. Best coffee in Kuwait.", tag: "Frequent Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=1" },
        { id: "5", name: "Fatima Yousef", date: "December 2024", title: "Local Resident", quote: "Perfect spot for private meetings with clients.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-woman-with-smartphone-cafe_23-2147830532.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/family-with-daughter-autumn-park_1157-22526.jpg?_wi=1" },
      ]}
      title="Guest Reviews"
      description="What our guests say about their experience at Dolcini Café."
    />
  </div>

  <div id="gallery" data-section="gallery">
    <MetricCardSeven
        animationType="slide-up"
        textboxLayout="default"
        useInvertedBackground={true}
        title="Our Gallery"
        description="Immerse yourself in the visual elegance and refined atmosphere of Dolcini Café."
        metrics={[
            { id: "1", value: "Coffee", title: "Artisan Brews", items: ["Signature Gold Latte", "Chemex Drip", "Cold Brew Royal"] },
            { id: "2", value: "Dessert", title: "Patisserie Collection", items: ["Saffron Cheesecake", "Chocolate Truffle", "Pistachio Éclair"] },
            { id: "3", value: "Space", title: "Interior Vibe", items: ["Minimalist Design", "VIP Lounges", "Gold Accents"] }
        ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact"
      title="Connect With Us"
      description="We would love to hear from you. Visit us in Al-Dajeej or drop us a message."
      imageSrc="http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698382.jpg?_wi=1"
      inputPlaceholder="Enter your email for updates"
      buttonText="Sign Up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg?_wi=1"
      logoText="DOLCINI CAFE"
      columns={[
        {
          title: "Location",          items: [
            { label: "Homz Mall, Al-Dajeej", href: "#" },
            { label: "Kuwait City", href: "#" },
          ],
        },
        {
          title: "Company",          items: [
            { label: "About Us", href: "#about" },
            { label: "Menu", href: "#menu" },
          ],
        },
        {
          title: "Follow Us",          items: [
            { label: "Instagram", href: "#" },
            { label: "Twitter", href: "#" },
          ],
        },
      ]}
      copyrightText="© 2025 Dolcini Café. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}