"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Luxe Haven"
          description="Experience world-class hospitality with stunning views, premium amenities, and exceptional service. Your perfect escape awaits."
          background={{
            variant: "sparkles-gradient"
          }}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg"
          imageAlt="Luxury hotel entrance with elegant architecture"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          title="Award-Winning Hospitality Excellence"
          description="Luxe Haven has been a beacon of luxury hospitality for over two decades. We pride ourselves on delivering exceptional experiences that exceed expectations. From our meticulously designed rooms to our world-class dining, every detail is crafted with care."
          metrics={[
            {
              value: "25+",
              title: "Years of Excellence"
            },
            {
              value: "4.9★",
              title: "Guest Rating"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
          imageAlt="Luxurious hotel lobby with modern design"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Room Collection"
          description="Choose from our curated selection of elegant rooms and suites, each designed for comfort and style."
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
              imageAlt: "Spacious deluxe room with king bed and city view"
            },
            {
              id: "suite",
              name: "Premium Suite",
              price: "$349/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",
              imageAlt: "Luxurious suite with separate living area"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
              imageAlt: "Comfortable standard room with modern amenities"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="World-Class Amenities"
          description="Discover what makes our guests return again and again"
          features={[
            {
              id: 1,
              title: "Infinity Pool & Spa",
              description: "Relax in our heated infinity pool overlooking the city skyline, or indulge in rejuvenating spa treatments.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/weekend-mature-couple-enjoying-good-weather-near-swimming-pool_259150-57796.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6078.jpg"
              }
            },
            {
              id: 2,
              title: "Fine Dining Experience",
              description: "Our award-winning restaurant offers innovative cuisine crafted by our talented culinary team.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/girls-spa-resort_1098-14134.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-hotel-resort-nearly-sea_74190-13442.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Dedicated professionals committed to your comfort and satisfaction"
          team={[
            {
              id: "1",
              name: "Victoria Chen",
              role: "General Manager",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-working-luxury-restaurant_23-2150598405.jpg"
            },
            {
              id: "2",
              name: "Marco Rossi",
              role: "Executive Chef",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg"
            },
            {
              id: "3",
              name: "Elena Rodriguez",
              role: "Concierge Manager",
              imageSrc: "https://img.b2bpic.net/free-photo/wedding-planner_1098-18025.jpg"
            },
            {
              id: "4",
              name: "James Morrison",
              role: "Director of Housekeeping",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-folded-arms_23-2147876782.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Reviews"
          description="See what our valued guests have to say about their experience"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarah_travels",
              testimonial: "Luxe Haven exceeded all expectations. The room was immaculate, the staff incredibly attentive, and the amenities world-class. Definitely returning!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-holding-boarding-pass-checking-his-mobile-phone_107420-95787.jpg"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@biz_traveler_mc",
              testimonial: "Best business hotel I've stayed at. Perfect location, excellent WiFi, and the restaurant is outstanding. Will book again on my next trip.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-people-standing-with-luggage-bag-airport_107420-95865.jpg"
            },
            {
              id: "3",
              name: "Emma Watson",
              handle: "@emmadventures",
              testimonial: "The spa treatment was heavenly and the pool views are breathtaking. Every detail shows care and attention. Highly recommended!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg"
            },
            {
              id: "4",
              name: "David Kumar",
              handle: "@david_explorer",
              testimonial: "Outstanding service from check-in to checkout. The concierge team helped arrange amazing city tours. Absolutely perfect stay!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              handle: "@lisa_luxe_travel",
              testimonial: "Worth every penny. Stayed in the suite and felt like royalty. The breakfast buffet alone is worth the stay. Coming back next summer!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-with-luggage-checking-his-boarding-pass_107420-95776.jpg"
            },
            {
              id: "6",
              name: "Robert Martinez",
              handle: "@rmtravels",
              testimonial: "Professional, elegant, and welcoming. This is what luxury hospitality should be. Thank you for an unforgettable experience!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-standing-check-counter-with-passport-boarding-pass_107420-95789.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterLogoEmphasis
        logoText="Luxe Haven"
        columns={[
          {
            items: [
              { label: "About", href: "/about" },
              { label: "Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" }
            ]
          },
          {
            items: [
              { label: "Team", href: "/team" },
              { label: "Guest Reviews", href: "/testimonials" },
              { label: "FAQ", href: "/faq" }
            ]
          },
          {
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}