"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Phone, Waves, UtensilsCrossed, Snowflake, Mountain } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Alpine Retreat"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Experiences", id: "experiences" },
            { name: "Book", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Valais, Switzerland"
          bottomRightText="reservations@alpineretreat.ch"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ALPINE RETREAT"
          description="Experience unparalleled luxury nestled in the heart of the Swiss Alps. A sanctuary of refined elegance where breathtaking mountain vistas meet world-class hospitality."
          buttons={[
            { text: "Reserve Now", href: "#pricing" },
            { text: "Discover More", href: "#amenities" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335826.jpg"
          imageAlt="Panoramic view of the Alpine Retreat hotel with snow-capped mountains"
          frameStyle="browser"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Where Alpine majesty meets" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg", alt: "Luxury hotel interior" },
            { type: "text", content: "timeless hospitality" }
          ]}
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Explore Facilities", href: "#amenities" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardNine
          title="Exceptional Accommodations"
          description="Each room is a masterpiece of design and comfort, carefully curated to provide the ultimate Alpine retreat experience"
          tag="Rooms"
          features={[
            {
              id: 1,
              title: "Junior Suite",              description: "Intimate elegance with panoramic mountain views, marble ensuite bathroom, and bespoke furnishings. Perfect for couples seeking mountain luxury.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg" }
            },
            {
              id: 2,
              title: "Deluxe Mountain Suite",              description: "Expansive living spaces with private terrace overlooking the peaks, heated slate floors, and premium Alpine linens throughout.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg" }
            },
            {
              id: 3,
              title: "Presidential Suite",              description: "Our crown jewel offering uncompromised luxury with dedicated concierge service, wine cellar access, and 360-degree Alpine vistas.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/view-from-window-house-beautiful-mountain-top-norway-sunset_613910-20642.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335826.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <MetricCardThree
          title="World-Class Amenities"
          description="Discover the full spectrum of luxury services and facilities crafted for your ultimate comfort and wellness"
          metrics={[
            { id: "1", icon: Waves, title: "Spa & Wellness", value: "12,000 sqm" },
            { id: "2", icon: UtensilsCrossed, title: "Fine Dining", value: "5 Venues" },
            { id: "3", icon: Snowflake, title: "Year-Round", value: "365 Days" },
            { id: "4", icon: Mountain, title: "Elevation", value: "1,800m" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Experiences"
          description="Discover why discerning travelers choose Alpine Retreat for their most memorable mountain escapes"
          testimonials={[
            {
              id: "1",              name: "Catherine Laurent",              handle: "CEO, Luxury Travel Group",              testimonial: "An absolute masterpiece of Alpine hospitality. Every detail reflects uncompromising commitment to excellence. This is where luxury truly lives.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Catherine Laurent"
            },
            {
              id: "2",              name: "James Mitchell",              handle: "Founder, Alpine Expeditions",              testimonial: "The most sophisticated mountain retreat I've experienced. The staff anticipates every need with grace and professionalism that's truly exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "3",              name: "Sophia Rossi",              handle: "Interior Designer, Milano",              testimonial: "The design philosophy here is remarkable. Elegant minimalism paired with warm hospitality creates an atmosphere of pure refinement.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-image-trendy-looking-androgynal-female-with-make-up-hair-combed-back-posing-dressed-oversize-gray-men-s-jacket-looking-with-serious-facial-expression_343059-3174.jpg",              imageAlt: "Sophia Rossi"
            },
            {
              id: "4",              name: "Marcus von Neumann",              handle: "Private Collector",              testimonial: "A sanctuary for those who appreciate the finer things. The views, the service, the cuisine—every element achieves perfection.",              imageSrc: "https://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg",              imageAlt: "Marcus von Neumann"
            },
            {
              id: "5",              name: "Elena Beaumont",              handle: "Travel Writer",              testimonial: "I've stayed at the world's finest hotels, and Alpine Retreat stands among the absolute best. Truly transformative.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Elena Beaumont"
            },
            {
              id: "6",              name: "David Chen",              handle: "Wellness Expert",              testimonial: "The integration of spa, cuisine, and environment creates a holistic luxury experience unmatched anywhere in the Alps.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              imageAlt: "David Chen"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          speed={45}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Curated Experiences"
          description="Select the package that resonates with your vision of Alpine luxury"
          plans={[
            {
              id: "junior",              title: "Junior Suite Escape",              price: "CHF 850",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497282.jpg",              imageAlt: "Junior Suite",              features: [
                "Mountain-view accommodations",                "Wellness center access",                "Gourmet breakfast daily",                "Airport transfers included"
              ],
              button: { text: "Reserve Junior Suite", href: "#" }
            },
            {
              id: "deluxe",              title: "Deluxe Mountain Retreat",              price: "CHF 1,450",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",              imageAlt: "Deluxe Suite",              features: [
                "Spacious suite with private terrace",                "Spa & wellness facilities",                "À la carte dining credit",                "Concierge services",                "Mountain guide access"
              ],
              button: { text: "Book Deluxe Suite", href: "#" }
            },
            {
              id: "presidential",              title: "Presidential Pinnacle",              price: "CHF 2,800",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/view-from-window-house-beautiful-mountain-top-norway-sunset_613910-20642.jpg",              imageAlt: "Presidential Suite",              features: [
                "Exclusive presidential accommodations",                "Private spa suite access",                "Personal chef services",                "Dedicated concierge 24/7",                "Helicopter excursions",                "Wine cellar access & tastings"
              ],
              button: { text: "Experience Excellence", href: "#" }
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Begin Your Alpine Journey"
          ctaDescription="Our reservations team is prepared to craft your perfect mountain escape with personalized attention to every detail."
          ctaButton={{ text: "Contact Reservations", href: "mailto:reservations@alpineretreat.ch" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What is the best time to visit Alpine Retreat?",              content: "Alpine Retreat offers distinct seasonal experiences. Winter (December-March) provides world-class skiing and snow activities. Summer (June-September) offers hiking, mountain biking, and perfect weather for exploring the Alps. Spring and autumn provide serene escapes with fewer crowds and spectacular scenery."
            },
            {
              id: "2",              title: "Do you offer spa treatments and wellness programs?",              content: "Yes, our 12,000 sqm spa features state-of-the-art facilities including thermal pools, sauna, steam rooms, and holistic wellness treatments. We offer personalized wellness programs and can arrange private treatments in your suite."
            },
            {
              id: "3",              title: "What dining options are available?",              content: "We feature five distinct dining venues including Michelin-starred fine dining, casual mountain bistro, wellness café, wine bar, and in-room dining. All menus feature seasonal Alpine and international cuisine prepared by our award-winning chefs."
            },
            {
              id: "4",              title: "Is transportation provided from Geneva airport?",              content: "Yes, complimentary airport transfers from Geneva and Zurich airports are included for all guests. Our concierge can arrange private helicopter transfers upon request."
            },
            {
              id: "5",              title: "What activities and excursions are offered?",              content: "Alpine Retreat offers guided mountain climbing, helicopter tours, private skiing lessons, spa experiences, wine tastings, cultural tours, and nature walks. All activities can be customized based on your interests and fitness level."
            },
            {
              id: "6",              title: "Can you accommodate special requests and events?",              content: "We excel at creating bespoke experiences. Whether it's anniversaries, proposals, corporate retreats, or special celebrations, our team works closely with you to create unforgettable moments tailored to your vision."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="ALPINE RETREAT" />
      </div>
    </ThemeProvider>
  );
}