"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "/about" },
        { name: "Rooms", id: "features" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Royal Inn"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "radial-gradient" }}
      title="Experience Royal Grandeur "
      description="Where tradition meets modern luxury. Discover an unforgettable stay at the heart of Lahore's cultural heritage."
      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg", imageAlt: "Royal Hotel Lobby" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-headphones_1157-18565.jpg", imageAlt: "Royal Suite Interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/seductive-lady-pink-silk-robe-holds-champagne-flute_8353-90.jpg", imageAlt: "Hotel Grounds" }, { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg", imageAlt: "Reception Hall" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg", imageAlt: "Courtyard" }]}
      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-using-mobile_74190-9662.jpg", imageAlt: "Luxury Room" }, { imageSrc: "http://img.b2bpic.net/free-photo/blurred-illuminated-wooden-hall_1203-1265.jpg", imageAlt: "Pool Area" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-playful-sensual-woman-posing-luxury-hotel-enjoy-her-relaxed-morning-wearing-silk-robe-soft-toned-colors-relaxed-boudoir-atmosphere_291049-1125.jpg", imageAlt: "Lounge" }, { imageSrc: "http://img.b2bpic.net/free-photo/abstract-lobby-with-black-floor_1203-625.jpg", imageAlt: "Bar" }, { imageSrc: "http://img.b2bpic.net/free-photo/bed-with-canopy_1385-1801.jpg", imageAlt: "Restaurant" }]}
      buttons={[{ text: "Book Your Stay", href: "#contact" }]}
      avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Guest One" }, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Guest Two" }, { src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Guest Three" }, { src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Guest Four" }, { src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Guest Five" }]}
      avatarText="Over 10,000+ happy guests"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[{ id: "f1", title: "Luxury Suites", author: "Stay", description: "Opulent rooms with king-sized beds and heritage views.", tags: ["Comfort", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" }, { id: "f2", title: "Fine Dining", author: "Eat", description: "World-class cuisine featuring local and international delicacies.", tags: ["Gourmet", "Dining"], imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg" }, { id: "f3", title: "Concierge Care", author: "Service", description: "24/7 dedicated assistance for your travel and planning needs.", tags: ["Service", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/person-does-check-reception_482257-76233.jpg" }]}
      title="Exquisite Amenities"
      description="Designed for your ultimate comfort and relaxation."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[{ id: "r1", name: "King Royal Suite", price: "PKR 45,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-23557.jpg", priceButtonProps: { href: "#contact" } }, { id: "r2", name: "Deluxe Double", price: "PKR 25,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bed-with-black-cushion_1203-544.jpg", priceButtonProps: { href: "#contact" } }, { id: "r3", name: "Executive Room", price: "PKR 35,000", imageSrc: "http://img.b2bpic.net/free-photo/hotel-with-swimming-pool_169016-3317.jpg", priceButtonProps: { href: "#contact" } }, { id: "r4", name: "Standard Guest", price: "PKR 15,000", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-2474.jpg", priceButtonProps: { href: "#contact" } }, { id: "r5", name: "Presidential Suite", price: "PKR 75,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg", priceButtonProps: { href: "#contact" } }, { id: "r6", name: "Family Haven", price: "PKR 30,000", imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-children_23-2149310669.jpg", priceButtonProps: { href: "#contact" } }]}
      title="Explore Our Accommodations"
      description="From cozy standard rooms to palatial suites."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[{ id: "m1", icon: Star, title: "Guest Satisfaction", value: "99%" }, { id: "m2", icon: Award, title: "Industry Awards", value: "25+" }, { id: "m3", icon: Users, title: "Happy Visitors", value: "100k+" }]}
      title="Why Guests Choose Us"
      description="Proven dedication to hospitality excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[{ id: "t1", name: "Ahmad Ali", date: "Jan 2024", title: "Business Stay", quote: "The service was impeccable. Truly the best hotel experience in Lahore.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-traveler-with-luggage-standing-airport-terminal_259150-58765.jpg" }, { id: "t2", name: "Sara Khan", date: "Feb 2024", title: "Family Trip", quote: "Beautiful rooms, great food, and very warm hospitality. Highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", imageSrc: "http://img.b2bpic.net/free-photo/restful-man_1098-13861.jpg" }, { id: "t3", name: "John Doe", date: "Mar 2024", title: "International Visitor", quote: "Exceeded all expectations. The Mughal decor is stunning.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-man-portrait_23-2149051738.jpg", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-jacket-posing-restaurant_627829-4945.jpg" }, { id: "t4", name: "Fatima Z.", date: "Apr 2024", title: "Anniversary Stay", quote: "An enchanting stay. Everything was perfectly prepared for our anniversary.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/travelling-vacation-tourism-concept-excoted-tpirost-showing-passport-with-tickets-holding-camera_1258-145830.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-beach-with-drinks_1157-32255.jpg" }, { id: "t5", name: "David Smith", date: "May 2024", title: "Cultural Tour", quote: "The location is fantastic for exploring Lahore's history. Great service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-speaking-smartphone-cafe_23-2147793071.jpg" }]}
      title="Voices of Our Guests"
      description="Real experiences from travelers who found home away from home."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[{ id: "q1", title: "Is parking available?", content: "Yes, we provide secure, complimentary parking for all our guests." }, { id: "q2", title: "Do you offer airport shuttle?", content: "We can arrange pick-up and drop-off services upon request." }, { id: "q3", title: "Are meals included?", content: "Breakfast options are included with specific booking plans." }]}
      title="Frequently Asked Questions"
      description="Everything you need to know about your stay."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "radial-gradient" }}
      tag="Visit Us"
      title="Book Your Royal Stay Today"
      description="Contact our reception for personalized reservations and information."
      inputPlaceholder="Enter your email for offers"
      buttonText="Inquire Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Royal Inn Hotel"
      copyrightText="© 2025 | Mughal Pura, Lahore, Pakistan"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}