"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Building, Eye, Facebook, Film, Home, Instagram, Star, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about-palace"},
        {
          name: "Rooms & Suites",          id: "#rooms-suites"},
        {
          name: "Dining",          id: "#fine-dining"},
        {
          name: "Experiences",          id: "#distinguished-recognition"},
        {
          name: "Testimonials",          id: "#guest-testimonials"},
        {
          name: "FAQs",          id: "#faqs"},
        {
          name: "Contact",          id: "#contact-reservations"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7izv1"
      logoAlt="Jhankar Palace Logo"
      brandName="Jhankar Palace"
      button={{
        text: "Reserve Your Stay",          href: "#contact-reservations"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "rotated-rays-static-grid"}}
      title="Where Royalty Lives On"
      description="Step into Jhankar Palace—a heritage sanctuary on Rajasthan's royal route where palatial rooms, celebrated fine dining, and warm Indian hospitality create memories that endure"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          alt: "Happy Guest Sarah L."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-male-athlete_107420-96078.jpg",          alt: "Happy Guest David K."},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",          alt: "Happy Guest Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-greeting-you-offering-hand-shake-close-successful-deal-cooperation-concept_1194-413794.jpg",          alt: "Happy Guest Michael B."},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg",          alt: "Happy Guest Aanya S."},
      ]}
      avatarText="Loved by thousands of guests worldwide"
      buttons={[
        {
          text: "Reserve Your Stay",          href: "#contact-reservations"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/architecture-ancient-monument-world-heritage-day-celebration_23-2151297164.jpg",          alt: "Grand Indian palace entrance"},
        {
          type: "text-icon",          text: "Exquisite Dining",          icon: Star,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/ancient-cathedral-with-gold-molding-inside-view_169016-21647.jpg",          alt: "Luxurious palace interior"},
        {
          type: "text",          text: "Unforgettable Stays"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/classic-architecture-beautiful-home-with-flowers_23-2151913155.jpg",          alt: "Serene palace gardens"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about-palace" data-section="about-palace">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "A Legacy of Splendor and Warmth at Jhankar Palace"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/boston-public-library_649448-3777.jpg",          alt: "luxury indian palace interior ornate decor"},
      ]}
      buttons={[
        {
          text: "Explore Our Heritage",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="rooms-suites" data-section="rooms-suites">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Home,
          title: "Maharani Suites",          description: "Experience opulent comfort in spacious suites adorned with traditional decor and modern amenities, offering a true royal retreat."},
        {
          icon: Building,
          title: "Rajputana Deluxe Rooms",          description: "Elegant rooms offering stunning views and a tranquil ambiance, meticulously designed to reflect the grandeur of Rajasthan's heritage."},
        {
          icon: Eye,
          title: "Palace View Terraces",          description: "Rooms with private terraces overlooking the majestic palace gardens and the stunning desert landscape, perfect for serene moments."},
        {
          icon: Users,
          title: "Family Retreats",          description: "Thoughtfully designed interconnected rooms and suites, ensuring unparalleled comfort and privacy for families during their royal getaway."},
      ]}
      title="Exquisite Rooms & Suites"
      description="Discover your perfect sanctuary within Jhankar Palace. Each room and suite is a blend of traditional Rajasthani artistry and contemporary luxury."
    />
  </div>

  <div id="fine-dining" data-section="fine-dining">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "maharajas-table",          brand: "Fine Dining",          name: "Maharaja's Table",          price: "Experience",          rating: 5,
          reviewCount: "200+",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",          imageAlt: "Maharaja's Table fine dining setup"},
        {
          id: "spice-route-bistro",          brand: "Casual Eats",          name: "Spice Route Bistro",          price: "Dine",          rating: 4,
          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg",          imageAlt: "Spice Route Bistro interior"},
        {
          id: "sunset-lounge",          brand: "Rooftop Bar",          name: "Sunset Lounge",          price: "Indulge",          rating: 5,
          reviewCount: "180+",          imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-girls-smiling-drinking-from-tubes-resting-cafe-outside-shot_176420-6937.jpg",          imageAlt: "Sunset Lounge rooftop bar"},
        {
          id: "royal-high-tea",          brand: "Afternoon Delight",          name: "Royal High Tea",          price: "Savor",          rating: 4,
          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-couple-having-sushi_107420-65733.jpg",          imageAlt: "Royal High Tea in palace gardens"},
        {
          id: "private-dining",          brand: "Exclusive",          name: "Private Dining Experience",          price: "Bespoke",          rating: 5,
          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720772.jpg",          imageAlt: "Private dining table setting"},
        {
          id: "desert-feast",          brand: "Outdoor Event",          name: "Desert Feast",          price: "Gather",          rating: 5,
          reviewCount: "70+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg",          alt: "Traditional desert feast setup"},
      ]}
      title="Culinary Journeys Await"
      description="Embark on an unforgettable gastronomic adventure with our diverse dining options, ranging from traditional Rajasthani cuisine to international delights."
    />
  </div>

  <div id="distinguished-recognition" data-section="distinguished-recognition">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Luxury Travel Awards",        "Condé Nast Traveller",        "Wedding Planners Guild",        "Heritage Hotel Association",        "Global Hospitality Leaders",        "Business Travel Networks",        "Rajasthan Tourism Board"]}
      title="Our Esteemed Recognition"
      description="Jhankar Palace is proudly recognized by leading travel authorities and partners for its unparalleled luxury and service excellence."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="guest-testimonials" data-section="guest-testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah L.",          role: "Leisure Traveler",          company: "Luxury Seeker",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630166.jpg",          imageAlt: "Portrait of Sarah L."},
        {
          id: "2",          name: "David K.",          role: "Food Critic",          company: "Gourmet Adventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-his-boarding-pass-check-counter_107420-85116.jpg",          imageAlt: "Portrait of David K."},
        {
          id: "3",          name: "Emily R.",          role: "Event Planner",          company: "Corporate Events Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-sitting-restaurant-date-near-big-window_1157-52006.jpg",          imageAlt: "Portrait of Emily R."},
        {
          id: "4",          name: "Michael B.",          role: "Family Vacationer",          company: "Global Explorers",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-floral-outfit-holds-wine-glass-rests-terrace_197531-23663.jpg",          imageAlt: "Portrait of Michael B."},
        {
          id: "5",          name: "Jessica P.",          role: "Direct Booker",          company: "Independent Traveler",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/airline-check-attendant-handing-passport-passenger_107420-85125.jpg",          imageAlt: "Portrait of Jessica P."},
      ]}
      kpiItems={[
        {
          value: "5-Star",          label: "Hospitality Rating"},
        {
          value: "100+",          label: "Years of Heritage"},
        {
          value: "Award-Winning",          label: "Dining Experiences"},
      ]}
      title="Guest Raves & Royal Memories"
      description="Hear what our esteemed guests have to say about their unforgettable experiences at Jhankar Palace."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How do I make a reservation?",          content: "Reservations can be made directly through our website, by phone, or via email. For group bookings or events, please contact our dedicated events team for personalized assistance."},
        {
          id: "2",          title: "What types of rooms are available?",          content: "Jhankar Palace offers a range of opulent accommodations, including Rajputana Deluxe Rooms, Maharani Suites, and Family Retreats, all blending traditional charm with modern amenities and stunning views."},
        {
          id: "3",          title: "Is private dining available?",          content: "Yes, we offer bespoke private dining experiences tailored to your preferences, perfect for special occasions or intimate gatherings. Please inquire with our concierge for arrangements."},
        {
          id: "4",          title: "What guest experiences does the hotel offer?",          content: "Guests can enjoy heritage walks, cultural performances, culinary workshops, camel safaris, and rejuvenating spa treatments. Our dedicated concierge team can help you plan your personalized itinerary."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-plus-size-woman-working-hotel_23-2150754721.jpg"
      imageAlt="Luxury hotel concierge desk"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions Answered"
      description="Find quick answers to the most common inquiries about your stay, booking, and experiences at Jhankar Palace."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact-reservations" data-section="contact-reservations">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Plan Your Royal Visit"
      description="Whether it's a leisure stay, a grand wedding, or a corporate event, our team is ready to assist you. Reach out to us for reservations and inquiries."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message / Inquiry Details",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/black-white-shot-beautiful-building-with-sculptures-chess-floor_181624-5478.jpg"
      imageAlt="Grand palace entrance gate"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7izv1"
      logoAlt="Jhankar Palace Logo"
      logoText="Jhankar Palace"
      copyrightText="© 2024 Jhankar Palace. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/jhankarpalace",          ariaLabel: "Facebook page"},
        {
          icon: Instagram,
          href: "https://instagram.com/jhankarpalace",          ariaLabel: "Instagram page"},
        {
          icon: Twitter,
          href: "https://twitter.com/jhankarpalace",          ariaLabel: "Twitter page"},
        {
          icon: Film,
          href: "https://youtube.com/jhankarpalace",          ariaLabel: "Youtube channel"},
        {
          icon: Award,
          href: "https://tripadvisor.com/jhankarpalace",          ariaLabel: "TripAdvisor reviews"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}