"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Rooms",          id: "#rooms"},
        {
          name: "Nearby",          id: "#nearby"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Hotel Redline"
      button={{
        text: "Booking Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Welcome to Hotel REDLINE"
      description="At Hotel Redline, we combine luxury, comfort, and convenience to provide an unforgettable experience. Whether you’re here for business or leisure, our hotel is strategically located to keep you close to the essentials."
      buttons={[
        {
          text: "Booking Now",          href: "#contact"},
        {
          text: "View Rooms",          href: "#rooms"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-professionals-review-notes-laptop-creating-buisness-meeting-lounge-area-luxury-hotel-international-representatives-attend-important-conference-share-experiences_482257-68043.jpg"
      imageAlt="Luxurious Hotel Lobby"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Why Choose Hotel Redline?"
      description="At Hotel Redline, we pride ourselves on providing a blend of luxury, comfort, and exceptional service. Experience unparalleled hospitality with our prime location, affordable luxury, and top-notch facilities."
      metrics={[
        {
          value: "Prime",          title: "Location"},
        {
          value: "Affordable",          title: "Luxury"},
        {
          value: "Top-Notch",          title: "Facilities"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/rooftop-pool-with-city-view_23-2151976543.jpg"
      imageAlt="Modern Hotel Exterior"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "room-single-bedroom",          name: "Single Bedroom",          price: "PKR 5,000 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",          imageAlt: "Single Bedroom",          rating: 5,
          reviewCount: "220+ Reviews"},
        {
          id: "room-double-twin",          name: "Double Twin Bedroom",          price: "PKR 6,000 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167732.jpg",          imageAlt: "Double Twin Bedroom",          rating: 5,
          reviewCount: "220+ Reviews"},
        {
          id: "room-double-deluxe",          name: "Double Deluxe Master Bedroom",          price: "PKR 7,000 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3591.jpg",          imageAlt: "Double Deluxe Master Bedroom",          rating: 5,
          reviewCount: "320+ Reviews"},
        {
          id: "room-deluxe-triple",          name: "Deluxe Triple Bedroom",          price: "PKR 8,000 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121727.jpg",          imageAlt: "Deluxe Triple Bedroom",          rating: 5,
          reviewCount: "120+ Reviews"},
        {
          id: "room-suite-bedroom",          name: "Suite Bedroom",          price: "PKR 12,500 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",          imageAlt: "Suite Bedroom",          rating: 5,
          reviewCount: "320+ Reviews"},
        {
          id: "room-family-suite",          name: "Family Suite",          price: "PKR 15,000 + tax",          imageSrc: "http://img.b2bpic.net/free-photo/kid-walking-first-day-school_23-2149573045.jpg",          imageAlt: "Family Suite",          rating: 5,
          reviewCount: "150+ Reviews"},
      ]}
      title="Our Luxurious Rooms"
      description="Explore our wide range of rooms designed for your ultimate comfort and relaxation. From cozy singles to spacious suites, find your perfect stay at Hotel Redline."
    />
  </div>

  <div id="nearby" data-section="nearby">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="What's Nearby?"
      tag="Prime Location"
      metrics={[
        {
          id: "metric-airport",          value: "8 KM",          description: "Islamabad Airport"},
        {
          id: "metric-eme-college",          value: "200 Meters",          description: "EME College"},
        {
          id: "metric-nust-university",          value: "4 KM",          description: "NUST University"},
        {
          id: "metric-quaid-hospital",          value: "400 Meters",          description: "Quaid-e-Azam Hospital"},
        {
          id: "metric-saddar",          value: "3 KM",          description: "Saddar Rawalpindi"},
        {
          id: "metric-golra-museum",          value: "5 KM",          description: "Golra Sharif Museum"},
        {
          id: "metric-haji-camp",          value: "1.3 KM",          description: "Haji Camp"},
        {
          id: "metric-nescom",          value: "6 KM",          description: "NESCOM"},
        {
          id: "metric-railway",          value: "3.2 KM",          description: "Railway Station"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Shopping Centre",          description: "Just 2 KM away, indulge in retail therapy at nearby shopping hubs.",          imageSrc: "http://img.b2bpic.net/free-photo/refreshment_1098-13851.jpg",          imageAlt: "Shopping Centre"},
        {
          title: "Public Transportation",          description: "Easy access to public transport for seamless city exploration, 2 KM away.",          imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1123.jpg",          imageAlt: "Public Transportation"},
        {
          title: "ATM Service",          description: "Convenient ATM services are available within 2 KM for all your cash needs.",          imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1079.jpg",          imageAlt: "ATM Service"},
        {
          title: "Hospital or Clinic",          description: "Access to top medical facilities within 2 KM for any emergencies.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-day-swimming-pool-with-cocktail_23-2149025437.jpg",          imageAlt: "Hospital or Clinic"},
        {
          title: "Travel Services",          description: "Access to top travel services like Faisal Movers, Daewoo, Bilal Travels, Skyways, Road Master, Kohistan.",          imageSrc: "http://img.b2bpic.net/free-photo/female-staff-scanning-boarding-pass-with-mobile-phone_107420-85086.jpg",          imageAlt: "Travel Services"},
      ]}
      title="Luxury and Convenience at Your Doorstep"
      description="Stay Close To Everything You Need. All our amenities and essential services are designed for your comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Exceptional Stay!",          quote: "This is one of the best hotels we stayed in. Room was large with a sitting area. The room was very, very clean and modern.",          name: "Noor Rajab",          role: "Satisfied Guest",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-sucesful-buisnesswoman-glass-building-s-background_613910-21670.jpg",          imageAlt: "Noor Rajab"},
        {
          id: "2",          title: "Pleasant Experience",          quote: "Overall stay was pleasant. Breakfast was perfectly fine and location was also amazing.",          name: "Fiza",          role: "Guest",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-suitcase-takes-selfies-mobile-phone-shares-photos-social-media-going_1258-314081.jpg",          imageAlt: "Fiza"},
        {
          id: "3",          title: "Wonderful Stay",          quote: "Beautiful convenient location and secure polite staff reasonable and wonderful stay will surely visit again. I Liked everything.",          name: "Hammad",          role: "Visitor",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-using-digital-tablet-bed-cottage_107420-9656.jpg",          imageAlt: "Hammad"},
        {
          id: "4",          title: "Highly Recommended",          quote: "The staff were incredibly attentive, and the facilities exceeded our expectations. A truly remarkable hotel experience!",          name: "Sara Ahmed",          role: "Frequent Traveler",          imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-arrangement_23-2149879480.jpg",          imageAlt: "Sara Ahmed"},
        {
          id: "5",          title: "Perfect for Business",          quote: "Hotel Redline offers excellent service and comfortable rooms, making it my top choice for business trips. The high-speed Wi-Fi is a lifesaver.",          name: "Ali Khan",          role: "Business Professional",          imageSrc: "http://img.b2bpic.net/free-photo/good-mood-after-night-comfortable-bed_329181-7925.jpg",          imageAlt: "Ali Khan"},
      ]}
      title="Our Success Stories"
      description="Hear what our valued guests have to say about their unforgettable experiences at Hotel Redline."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      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 11:00 AM. Early check-in or late check-out may be available upon request, subject to availability and additional charges."},
        {
          id: "faq-2",          title: "Is breakfast included in the room rate?",          content: "Breakfast options vary by room package. Please refer to your booking confirmation or inquire at the reception for details on breakfast inclusion."},
        {
          id: "faq-3",          title: "Do you offer airport transportation?",          content: "Yes, we offer airport shuttle services. Please contact our concierge desk to arrange your transportation needs and inquire about fees."},
        {
          id: "faq-4",          title: "What amenities are available in the rooms?",          content: "All our rooms feature air-conditioning, free high-speed Wi-Fi, flat-screen TVs, and 24-hour room service. Some rooms may include additional amenities like sitting areas or balconies."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/employee-giving-directions-tourist_482257-76674.jpg"
      imageAlt="Hotel Reception Desk"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about booking, amenities, and your stay at Hotel Redline."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars"}}
      tag="Contact Us"
      title="Book Your Stay or Get in Touch"
      description="Ready to experience luxury and comfort? Use the form below to inquire about bookings or any other questions. We're here to make your stay unforgettable."
      inputPlaceholder="Enter your email for inquiries"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Hotel Redline"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Rooms",              href: "#rooms"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Contact Info",          items: [
            {
              label: "info@hotelredline.com",              href: "mailto:info@hotelredline.com"},
            {
              label: "+92 315 9817522",              href: "tel:+923159817522"},
            {
              label: "+92 51-2315053",              href: "tel:+92512315053"},
            {
              label: "Golra More CMT Road, Islamabad",              href: "#"},
          ],
        },
        {
          title: "Follow Us",          items: [
            {
              label: "Facebook",              href: "https://facebook.com/hotelredline"},
            {
              label: "TikTok",              href: "https://tiktok.com/@hotelredline"},
            {
              label: "YouTube",              href: "https://youtube.com/hotelredline"},
            {
              label: "Instagram",              href: "https://instagram.com/hotelredline"},
          ],
        },
      ]}
      copyrightText="© 2024 Hotel Redline. All Rights Reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}