"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Intercity"
          button={{
            text: "Book Now",            href: "https://booking.example.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="INTERCITY"
          description="Experience luxury at the heart of London. Premium accommodations with world-class service in central London's most sought-after location."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Your Stay", href: "https://booking.example.com" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Intercity Hotel Luxury Lobby"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Intercity"
          description="Discover what makes us London's premier hotel destination for discerning travelers."
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "Since opening in 1995, Intercity has been a beacon of luxury hospitality in London. Our commitment to excellence has earned us countless accolades and the loyalty of international guests. We blend classic elegance with modern comfort to create unforgettable stays."
            },
            {
              id: "location",              label: "Prime Location",              description: "Perfectly positioned in the heart of London, our hotel offers easy access to iconic landmarks, West End theatres, shopping districts, and business centers. Within walking distance of major attractions and just minutes from transportation hubs."
            },
            {
              id: "service",              label: "Exceptional Service",              description: "Our dedicated team of hospitality professionals provides 24/7 concierge service, personalized attention, and bespoke experiences. We anticipate your needs and exceed expectations with genuine warmth and professionalism."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Intercity Hotel Interior"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collection"
          description="Choose from our thoughtfully designed rooms, each offering premium comfort and stunning views of London."
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Standard Room",              price: "£180/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Standard Hotel Room"
            },
            {
              id: "2",              name: "Deluxe Room",              price: "£280/night",              imageSrc: "https://img.b2bpic.net/free-photo/bed-with-white-duvet-black-cushion_1203-549.jpg",              imageAlt: "Deluxe Hotel Room with Premium Furnishings"
            },
            {
              id: "3",              name: "Executive Suite",              price: "£450/night",              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",              imageAlt: "Executive Suite with Panoramic Views"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardNineteen
          title="World-Class Amenities"
          description="Discover our comprehensive facilities designed to ensure your comfort and enhance your London experience."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Dining",              title: "Fine Dining",              subtitle: "Michelin-Inspired Cuisine",              description: "Experience culinary excellence at our award-winning restaurant. Our executive chefs craft innovative dishes using the finest seasonal ingredients, complemented by an extensive wine collection.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Luxury Restaurant Dining"
            },
            {
              id: 2,
              tag: "Wellness",              title: "Spa & Wellness",              subtitle: "Complete Relaxation",              description: "Indulge in our luxurious spa featuring holistic treatments, massages, and wellness therapies. Rejuvenate your mind and body in our state-of-the-art facility designed for ultimate relaxation.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",              imageAlt: "Luxury Spa Facilities"
            },
            {
              id: 3,
              tag: "Fitness",              title: "Fitness Center",              subtitle: "Stay Active & Healthy",              description: "Maintain your fitness routine with cutting-edge equipment, personal training services, and specialized yoga and pilates classes. Open 24/7 for our guests' convenience.",              imageSrc: "https://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",              imageAlt: "Modern Fitness Center"
            },
            {
              id: 4,
              tag: "Business",              title: "Business Facilities",              subtitle: "Professional Meeting Spaces",              description: "Host successful meetings and conferences in our fully equipped business center. High-speed internet, AV technology, and dedicated event planning support available.",              imageSrc: "https://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg",              imageAlt: "Professional Conference Room"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Testimonials"
          description="Hear from travelers who have experienced the Intercity difference."
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Victoria Sterling",              role: "Executive Director",              company: "Global Tech Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Victoria Sterling"
            },
            {
              id: "2",              name: "James Mitchell",              role: "Travel Correspondent",              company: "London Review Magazine",              rating: 5,
              imageSrc: "https://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: "James Mitchell"
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Business Owner",              company: "Laurent Design Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "4",              name: "Marcus Chen",              role: "International Consultant",              company: "McKinsey & Company",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "5",              name: "Emma Richardson",              role: "Hotel Critic",              company: "Luxury Travel Quarterly",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "6",              name: "David Anderson",              role: "CEO",              company: "Premium Travel Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "David Anderson"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Intercity's commitment to excellence reflected in our achievements."
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "29+",              title: "Years of Excellence",              items: [
                "Industry-leading reputation",                "Trusted by millions of guests",                "Continuous innovation"
              ]
            },
            {
              id: "2",              value: "250",              title: "Luxury Rooms & Suites",              items: [
                "Modern amenities",                "Premium furnishings",                "Stunning views"
              ]
            },
            {
              id: "3",              value: "98%",              title: "Guest Satisfaction",              items: [
                "Award-winning service",                "Exceptional experiences",                "Loyal clientele"
              ]
            },
            {
              id: "4",              value: "24/7",              title: "Concierge Service",              items: [
                "Personal attention",                "Local expertise",                "Bespoke arrangements"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury hospitality at its finest? Get in touch with our team today to plan your perfect London escape or arrange a special event."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Direct", href: "https://booking.example.com" },
            { text: "Contact Us", href: "mailto:reservations@intercitylondon.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Hotel",              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "amenities" },
                { label: "Events", href: "contact" }
              ]
            },
            {
              title: "Guest Services",              items: [
                { label: "Reservations", href: "https://booking.example.com" },
                { label: "Concierge", href: "contact" },
                { label: "FAQs", href: "#" },
                { label: "Loyalty Program", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Intercity Hotel London. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}