"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Amenities",
          id: "features",
        },
        {
          name: "Rooms",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Hotel Mark"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Luxury Redefined in Ambala's Heart"
      description="Experience sophisticated elegance, world-class service, and timeless comfort. Whether you're here for business or celebration, Hotel Mark delivers an unforgettable premium stay."
      testimonials={[
        {
          name: "Arjun Sharma",
          handle: "@arjun_travels",
          testimonial: "An unparalleled experience from start to finish. The service was impeccable, and the ambiance truly captured luxury. Hotel Mark is my new go-to in Ambala!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
          imageAlt: "Arjun Sharma",
        },
        {
          name: "Priya & Rahul Kapoor",
          handle: "@kapoor_getaways",
          testimonial: "Our anniversary celebration at Hotel Mark was magical. The dining was exquisite, and every detail was perfect. A truly romantic escape!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",
          imageAlt: "Priya and Rahul Kapoor",
        },
        {
          name: "Dr. Ananya Singh",
          handle: "@ananya_exec",
          testimonial: "As a frequent business traveler, I appreciate efficiency and comfort. Hotel Mark exceeded expectations with its executive amenities and seamless service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg",
          imageAlt: "Dr. Ananya Singh",
        },
        {
          name: "The Verma Family",
          handle: "@verma_adventures",
          testimonial: "Our family vacation was made extra special by Hotel Mark. The staff were wonderful with the children, and the facilities were top-notch for all ages.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/father-with-little-son-woods_1303-21504.jpg",
          imageAlt: "The Verma Family",
        },
        {
          name: "Smita Reddy",
          handle: "@smita_reviews",
          testimonial: "Absolutely breathtaking. From the elegant interiors to the personalized service, Hotel Mark is a gem. Highly recommend for anyone seeking true luxury.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
          imageAlt: "Smita Reddy",
        },
        {
          name: "Rohit Kumar",
          handle: "@rohit_explorer",
          testimonial: "Every aspect of my stay was exceptional. The room, the food, the serene atmosphere—Hotel Mark truly knows how to make you feel pampered.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39256.jpg",
          imageAlt: "Rohit Kumar",
        },
      ]}
      buttons={[
        {
          text: "Reserve Your Escape",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elderly-adult-registering-hotel-lobby_482257-81621.jpg"
      imageAlt="Luxurious Hotel Mark Lobby"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
          alt: "Portrait of middle aged businesswoman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",
          alt: "Sensual blond female dressed in purple jacket isolated on dark grey background.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg",
          alt: "Relaxed Content Middle-aged Woman Leaning on Wall",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
          alt: "Pretty attractive young mixed race model with large afro wearing navy jacket over her naked body and shorts",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
          alt: "Handsome business man wearing suit looking at camera smiling broadly with happy face standing over white background",
        },
      ]}
      avatarText="Join our 20k+ satisfied guests!"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/lounge-area-hotel-front-desk_482257-76248.jpg",
          alt: "Lounge area at hotel front desk",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/reception-front-desk-registrations_482257-76211.jpg",
          alt: "Reception front desk for registrations",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",
          alt: "Middle eastern worker on business trip",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
          alt: "Empty hotel reception entryway with glamorous decorations",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",
          alt: "Hotel Mark Luxury Experience",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Welcome to Hotel Mark: Where ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666220.jpg",
          alt: "Hotel Mark exterior",
        },
        {
          type: "text",
          content: " Sophistication Meets Comfort",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Gourmet Dining Experiences",
          description: "Indulge in culinary excellence at our signature restaurants, offering a diverse menu from authentic Indian delicacies to international cuisine.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081881.jpg",
          imageAlt: "Fine dining restaurant at Hotel Mark",
        },
        {
          title: "Rejuvenating Spa & Wellness",
          description: "Escape to tranquility at our luxurious spa, featuring a range of treatments, a state-of-the-art fitness center, and serene relaxation areas.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sitting-yard-drinking-whiskey_1157-13374.jpg",
          imageAlt: "Hotel Mark spa and wellness center",
        },
        {
          title: "Elegant Event Spaces",
          description: "Host unforgettable events in our versatile ballrooms and sophisticated meeting rooms, equipped with modern technology and bespoke service.",
          imageSrc: "http://img.b2bpic.net/free-photo/new-clean-luxury-restaurant-european-style-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18744.jpg",
          imageAlt: "Elegant hotel ballroom setup for an event",
        },
      ]}
      title="Exceptional Amenities for a Discerning Stay"
      description="Hotel Mark offers a curated collection of world-class facilities designed to elevate your stay, whether for business or leisure."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "deluxe-room",
          name: "Deluxe Room",
          price: "₹12,000/night",
          variant: "Single / Double Occupancy",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg",
          imageAlt: "Deluxe hotel room interior",
        },
        {
          id: "executive-suite",
          name: "Executive Suite",
          price: "₹18,000/night",
          variant: "Business Traveler Focus",
          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg",
          imageAlt: "Executive hotel suite with a desk",
        },
        {
          id: "premium-suite",
          name: "Premium Suite",
          price: "₹25,000/night",
          variant: "Spacious Living Area",
          imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg",
          imageAlt: "Luxury hotel suite living space",
        },
        {
          id: "family-room",
          name: "Family Room",
          price: "₹15,000/night",
          variant: "Comfort for All Ages",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg",
          imageAlt: "Family-friendly hotel room with multiple beds",
        },
        {
          id: "presidential-suite",
          name: "Presidential Suite",
          price: "₹45,000/night",
          variant: "Ultimate Luxury & Space",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg",
          imageAlt: "Opulent presidential suite bedroom",
        },
        {
          id: "standard-room",
          name: "Standard Room",
          price: "₹9,000/night",
          variant: "Comfort & Value",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-coffee-orange_1220-631.jpg",
          imageAlt: "Cozy standard hotel room",
        },
      ]}
      title="Discover Your Perfect Retreat"
      description="Choose from our exquisite collection of rooms and suites, each thoughtfully designed to offer unparalleled comfort and elegance."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "satisfied-guests",
          value: "20K+",
          title: "Satisfied Guests",
          description: "Welcoming travelers from around the globe since 2005, ensuring every stay is memorable.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-taking-selfie-bistro-medium-shot_23-2149366464.jpg",
          imageAlt: "Smiling guests at Hotel Mark",
        },
        {
          id: "industry-awards",
          value: "15+",
          title: "Industry Awards",
          description: "Recognized for excellence in hospitality, service, and culinary innovation.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-golden-fork-knife-cup-dark-background-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19753.jpg",
          imageAlt: "Hotel industry award trophy",
        },
        {
          id: "years-experience",
          value: "18 Years",
          title: "Of Experience",
          description: "A legacy of luxury and unparalleled service, constantly refined over nearly two decades.",
          imageSrc: "http://img.b2bpic.net/free-photo/balboa-park-san-diego-with-architecture_649448-4062.jpg",
          imageAlt: "Hotel staff welcoming guests",
        },
      ]}
      title="Our Commitment to Excellence"
      description="At Hotel Mark, our dedication to exceptional service and guest satisfaction is reflected in every aspect of our operations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Akash Gupta",
          role: "CEO, TechInnovate",
          testimonial: "Hotel Mark is the epitome of luxury and convenience for business travelers. The amenities are first-class, and the staff anticipates every need.",
          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661584.jpg",
          imageAlt: "Akash Gupta",
        },
        {
          id: "2",
          name: "Meera & Rohan",
          role: "Honeymoon Couple",
          testimonial: "Our honeymoon at Hotel Mark was absolutely perfect. The romantic ambiance, exquisite dining, and attentive service created memories we'll cherish forever.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140847.jpg",
          imageAlt: "Meera and Rohan",
        },
        {
          id: "3",
          name: "Sonia Devi",
          role: "Travel Vlogger",
          testimonial: "As a global traveler, I've seen many hotels, but Hotel Mark truly stands out. The modern design and personalized touches are simply unmatched in Ambala.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-looking-tablet_1157-1983.jpg",
          imageAlt: "Sonia Devi",
        },
        {
          id: "4",
          name: "The Khurana Family",
          role: "Family Vacationers",
          testimonial: "We had a wonderful family vacation at Hotel Mark. The spacious rooms and kid-friendly facilities made our stay comfortable and enjoyable.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-living-hotel_1098-13958.jpg",
          imageAlt: "The Khurana Family",
        },
        {
          id: "5",
          name: "Deepak Sharma",
          role: "Conference Organizer",
          testimonial: "Our annual conference at Hotel Mark was a resounding success. The event spaces are state-of-the-art, and the catering was exceptional. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/male-guest-waiting-check_482257-79729.jpg",
          imageAlt: "Deepak Sharma",
        },
        {
          id: "6",
          name: "Ananya & Virat",
          role: "Wedding Celebrants",
          testimonial: "Our wedding reception at Hotel Mark was a dream come true. The team handled every detail flawlessly, making our special day truly magical and stress-free.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-groom-posing-together_23-2150312093.jpg",
          imageAlt: "Ananya and Virat",
        },
      ]}
      title="What Our Esteemed Guests Say"
      description="Hear directly from those who have experienced the distinguished luxury and exceptional service of Hotel Mark."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What are the check-in and check-out times?",
          content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out can be arranged based on availability and may incur additional charges.",
        },
        {
          id: "faq-2",
          title: "Does Hotel Mark offer airport transportation?",
          content: "Yes, we offer premium airport transfer services upon request. Please inform our concierge team of your flight details at least 24 hours in advance to arrange your seamless arrival or departure.",
        },
        {
          id: "faq-3",
          title: "Are there dining options available at the hotel?",
          content: "Absolutely. Hotel Mark boasts multiple dining venues, including a fine-dining restaurant, a casual cafe, and 24-hour in-room dining services. Our culinary team caters to a variety of tastes and dietary preferences.",
        },
        {
          id: "faq-4",
          title: "What wellness facilities does the hotel provide?",
          content: "Our guests have access to a state-of-the-art fitness center, a luxurious spa offering a range of treatments, and a pristine swimming pool for relaxation and rejuvenation.",
        },
        {
          id: "faq-5",
          title: "Can I host events or meetings at Hotel Mark?",
          content: "Indeed. Hotel Mark features elegant ballrooms and versatile meeting rooms equipped with advanced technology and supported by our professional events team, ensuring successful and memorable gatherings.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about your stay, our services, and amenities at Hotel Mark."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contact Us"
      title="Plan Your Unforgettable Stay"
      description="For reservations, inquiries, or special requests, our dedicated team is here to assist you. Reach out to experience personalized service."
      inputPlaceholder="Your email address"
      buttonText="Send Inquiry"
      termsText="By submitting your inquiry, you agree to our Privacy Policy and Terms of Service."
      onSubmit={(email) => console.log('Contact form submitted with email:', email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Rooms & Suites",
              href: "#products",
            },
            {
              label: "Dining",
              href: "#features",
            },
            {
              label: "Wellness",
              href: "#features",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Event Planning",
              href: "#features",
            },
            {
              label: "Airport Transfers",
              href: "#faq",
            },
            {
              label: "Concierge",
              href: "#contact",
            },
            {
              label: "Special Offers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Sitemap",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "+91-171-XXXXXXX",
              href: "tel:+91171XXXXXXX",
            },
            {
              label: "reservations@hotelmark.com",
              href: "mailto:reservations@hotelmark.com",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Hotel Mark. All rights reserved."
      bottomRightText="Luxury Hospitality in Ambala."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
