"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Mountain, Star, Heart, Phone, Users } from "lucide-react";

export default function AlpinePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Alpine Hotel"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "features" },
            { name: "Amenities", id: "product" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Alpine Luxury in Switzerland"
          description="Discover our award-winning hotel nestled in the heart of the Swiss Alps. World-class amenities, breathtaking views, and unforgettable moments await."
          tag="Luxury Hospitality"
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466253-u4z3rqpe.jpg", imageAlt: "Luxury Alpine Hotel with Mountain Views" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466557-rv70j1e9.jpg", imageAlt: "Alpine Hotel Exterior View" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg", imageAlt: "Deluxe Room with Mountain View" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466932-12betsq2.jpg", imageAlt: "Luxury Suite with Balcony" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467258-pga2yaw8.jpg", imageAlt: "Comfortable Standard Room" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Sparkles}
          title="A legacy of hospitality excellence in the Swiss Alps since 1999."
          description="Alpine Hotel Management"
          subdescription="Switzerland's Premier Mountain Resort Destination"
          icon={Mountain}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466557-rv70j1e9.jpg"
          imageAlt="Alpine Hotel Exterior View"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <TeamCardSix
          title="Explore Our Room Collection"
          description="From intimate standard rooms to lavish suites with panoramic mountain views, each accommodation is designed for your ultimate comfort and relaxation."
          tag="Premium Rooms"
          tagIcon={Users}
          members={[
            {
              id: "1",
              name: "Deluxe Room",
              role: "Mountain View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg",
              imageAlt: "Deluxe Room with Mountain View"
            },
            {
              id: "2",
              name: "Luxury Suite",
              role: "With Balcony",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541466932-12betsq2.jpg",
              imageAlt: "Luxury Suite with Balcony"
            },
            {
              id: "3",
              name: "Standard Room",
              role: "Comfortable & Cozy",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467258-pga2yaw8.jpg",
              imageAlt: "Comfortable Standard Room"
            },
            {
              id: "4",
              name: "Suite Premium",
              role: "Spa Access",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467636-1livht6m.jpg",
              imageAlt: "Spa and Wellness Area"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Rooms", href: "#product" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardSeven
          title="Our Premium Amenities"
          description="Indulge in world-class facilities designed for your wellness and entertainment during your stay with us."
          tag="Five-Star Facilities"
          tagIcon={Star}
          products={[
            {
              id: "1",
              name: "Spa & Wellness Center",
              price: "Premium Included",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541467636-1livht6m.jpg",
              imageAlt: "Spa and Wellness Facilities"
            },
            {
              id: "2",
              name: "Fine Dining Restaurant",
              price: "À la carte",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541468070-xdixbpm2.jpg",
              imageAlt: "Elegant Restaurant"
            },
            {
              id: "3",
              name: "Fitness Center",
              price: "Complimentary",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541468383-pwp5a8l6.jpg",
              imageAlt: "Modern Fitness Facility"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Discover why travelers choose Alpine Hotel for their Swiss mountain getaway."
          tag="Guest Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Margaret Johnson",
              handle: "@margarettravels",
              testimonial: "Absolutely stunning location with impeccable service. The spa experience was transformative and the mountain views from our suite were breathtaking.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Margaret Johnson"
            },
            {
              id: "2",
              name: "David Mueller",
              handle: "@davidexplores",
              testimonial: "This is the finest hotel I have ever stayed at. Every detail is perfection, from the welcome champagne to the turndown service. Highly recommend!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469017-yfioykn0.jpg",
              imageAlt: "David Mueller"
            },
            {
              id: "3",
              name: "Sophie Laurent",
              handle: "@sophietravel_ch",
              testimonial: "Our honeymoon was made unforgettable by the staff here. The attention to detail and warmth genuinely felt like staying with old friends.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "Sophie Laurent"
            },
            {
              id: "4",
              name: "James Richardson",
              handle: "@jamesadventures",
              testimonial: "Perfect base for exploring the Alps. The concierge arranged everything flawlessly and the restaurant cuisine is world-class. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469325-m3l0pb0f.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "5",
              name: "Elena Rossi",
              handle: "@elenawellness",
              testimonial: "The wellness program here is exceptional. I came for relaxation and left completely rejuvenated. Cannot wait to return for another visit.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469515-so7e4p47.jpg",
              imageAlt: "Elena Rossi"
            },
            {
              id: "6",
              name: "Thomas Weber",
              handle: "@thomaseurope",
              testimonial: "Superior in every way. The views, the food, the service, the rooms - everything exceeded my highest expectations. A true five-star experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469734-g60zleac.jpg",
              imageAlt: "Thomas Weber"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Alpine Escape?"
          ctaDescription="Contact our reservations team to secure your dates and receive exclusive offers for direct bookings."
          ctaButton={{
            text: "Book Now",
            href: "mailto:reservations@alpinehotel.ch"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "What are your check-in and check-out times?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available upon request, subject to availability. Please contact our front desk for arrangements."
            },
            {
              id: "2",
              title: "Do you offer airport transfer services?",
              content: "Yes, we offer convenient airport transfer services from Geneva, Zurich, and Bern airports. Please arrange this in advance through our concierge team at concierge@alpinehotel.ch or call us at +41 27 XXX XXXX."
            },
            {
              id: "3",
              title: "What dining options are available?",
              content: "We feature a fine dining restaurant with international cuisine, a casual café for light meals, and in-room dining service. Special dietary requirements can be accommodated with advance notice."
            },
            {
              id: "4",
              title: "Is parking available at the hotel?",
              content: "Yes, complimentary underground parking is available for all guests. Electric vehicle charging stations are also available on-site."
            },
            {
              id: "5",
              title: "What wellness facilities are included?",
              content: "All guests have complimentary access to our spa, fitness center, and heated indoor pool. Massage treatments and spa packages can be booked separately."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Alpine Hotel"
          columns={[
            {
              title: "Hotel",
              items: [
                { label: "Rooms & Suites", href: "#product" },
                { label: "Amenities", href: "#features" },
                { label: "Restaurant", href: "#contact" },
                { label: "Spa & Wellness", href: "#features" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#contact" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Book a Room", href: "#contact" },
                { label: "Gift Cards", href: "#contact" },
                { label: "Group Bookings", href: "#contact" },
                { label: "Loyalty Program", href: "#contact" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Alpine Hotel Switzerland. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}