"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Rooms",
          id: "rooms",
        },
        {
          name: "Booking",
          id: "booking",
        },
      ]}
      brandName="Hotel Royal Galleria"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Hotel Royal Galleria"
      description="Experience timeless luxury, royal hospitality, and unforgettable stays in the heart of the city."
      tag="Luxury • Comfort • Elegance"
      buttons={[
        {
          text: "Explore Rooms",
          href: "#rooms",
        },
        {
          text: "Book Your Stay",
          href: "#booking",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
          imageAlt: "Luxury Hotel Lobby",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg",
          imageAlt: "Deluxe Room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg",
          imageAlt: "Super Deluxe Room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-good-looking-manager-with-stylish-haircut-beard-lying-bed-hotel-room-talking-phone-checking-his-work-laptop-before-business-meeting_176420-14607.jpg",
          imageAlt: "Executive Room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg",
          imageAlt: "Family Room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-room-illuminated-by-electric-lamp-generated-by-ai_188544-17046.jpg",
          imageAlt: "Royal Suite",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Luxury Crafted For Royal Experiences"
      description="Hotel Royal Galleria offers a premium hospitality experience designed with elegance, comfort, and sophistication."
      subdescription="Whether traveling for business or special occasions, our luxurious rooms create unforgettable memories."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/traveller-asking-woman-directions_482257-76631.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Deluxe Room",
          price: "₹2450",
          imageSrc: "http://img.b2bpic.net/free-photo/bright-modern-bedroom-with-elegance-generated-by-ai_188544-14389.jpg",
        },
        {
          id: "p2",
          name: "Super Deluxe",
          price: "₹3250",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg",
        },
        {
          id: "p3",
          name: "Executive Room",
          price: "₹3450",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-orange-tablet_1157-2104.jpg",
        },
        {
          id: "p4",
          name: "Family Room",
          price: "₹4850",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg",
        },
        {
          id: "p5",
          name: "Royal Suite",
          price: "₹5950",
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
        },
        {
          id: "p6",
          name: "Presidential Room",
          price: "₹8950",
          imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg",
        },
      ]}
      title="Exclusive Room Collection"
      description="Discover our meticulously curated selection of premium stays."
    />
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Gourmet Breakfast",
          description: "Complimentary gourmet breakfast included with every stay.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-interior-design_23-2151978955.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
          imageAlt: "deluxe hotel room interior",
        },
        {
          title: "24/7 Concierge",
          description: "Round-the-clock personalized service for your convenience.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/bright-cozy-stylish-interior-bedroom-beautiful-rich-antique-furniture-four-poster-bed_8353-8034.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-arranging-bride-s-hair_23-2149722009.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/traveller-asking-woman-directions_482257-76631.jpg",
          imageAlt: "deluxe hotel room interior",
        },
        {
          title: "Elite Wellness",
          description: "Access to our modern spa and fitness facilities.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/fashion-sexy-young-woman-trendy-outfit-posing-sitting-table-with-luxury-food-drink-looking-window-glamour-seductive-female-lingerie-stylish-wear-relaxing-enjoying-rich-lifestyle_132075-9617.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-jug-bed_23-2147693745.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg",
          imageAlt: "deluxe hotel room interior",
        },
      ]}
      showStepNumbers={false}
      title="Premium Facilities"
      description="Indulge in amenities crafted for your comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Traveler",
          company: "Guest",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-hotel-sofa-with-laptop_482257-102647.jpg",
        },
        {
          id: "t2",
          name: "Michael C.",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661551.jpg",
        },
        {
          id: "t3",
          name: "Emily R.",
          role: "Traveler",
          company: "Guest",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/older-guests-using-videocall-connection_482257-81635.jpg",
        },
        {
          id: "t4",
          name: "David K.",
          role: "Guest",
          company: "Visitor",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-woman-blonde-woman-with-curly-beautiful-hair-beautiful-blonde-long-curly-hair-woman-with-beauty-makeup-healthy-skin-female-fashion-portrait_343629-62.jpg",
        },
        {
          id: "t5",
          name: "Jessica L.",
          role: "Traveler",
          company: "Guest",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-man-with-glasses-bed-near-food-breakfast-table_23-2148007292.jpg",
        },
      ]}
      title="What Our Guests Say"
      description="Read experiences from our valued guests."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "What is the check-in time?",
          content: "Check-in starts from 12:00 PM.",
        },
        {
          id: "f2",
          title: "Is breakfast included?",
          content: "Yes, all our rooms include complimentary gourmet breakfast.",
        },
        {
          id: "f3",
          title: "Do you offer airport transfer?",
          content: "Yes, we arrange airport transfers upon request.",
        },
        {
          id: "f4",
          title: "Are pets allowed?",
          content: "We are a pet-friendly hotel. Please inform us in advance.",
        },
        {
          id: "f5",
          title: "Is parking available?",
          content: "Yes, we provide complimentary secure parking for all guests.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Ready to experience the royal hospitality of Hotel Royal Galleria? Our team is waiting to assist you with your booking."
      buttons={[
        {
          text: "Call Now: +91 98980 48500",
          href: "tel:+919898048500",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Have more questions? Contact our dedicated support team for assistance."
      buttons={[
        {
          text: "Contact Us",
          href: "mailto:info@hotelroyalgalleria.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Rooms",
              href: "#rooms",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "+91 98980 48500",
              href: "tel:+919898048500",
            },
          ],
        },
      ]}
      bottomLeftText="© 2026 Hotel Royal Galleria. All Rights Reserved."
      bottomRightText="Check-In: 12 PM • Check-Out: 10 AM"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
