"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Home, Instagram, Facebook, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Milky House"
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="MILKY HOUSE"
          description="Experience cozy luxury in the heart of Niseko. Your perfect alpine retreat awaits."
          buttons={[
            {
              text: "Book Your Stay",
              href: "contact"
            },
            {
              text: "Explore Rooms",
              href: "rooms"
            }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754761071-fs5fn9se.jpg",
              imageAlt: "Niseko mountain landscape"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762083-phbe7aua.jpg",
              imageAlt: "Luxury hotel interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754762924-gcifrz2d.jpg",
              imageAlt: "Cozy winter atmosphere"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Welcome to Milky House"
          description="Nestled in the stunning mountains of Niseko, Milky House offers an intimate luxury experience. Our cozy accommodations blend Japanese hospitality with modern comfort, creating the perfect sanctuary for winter sports enthusiasts and those seeking peaceful mountain retreats. Every detail is crafted to make your stay unforgettable."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754763910-3ftz1crb.jpg"
          imageAlt="Niseko mountains at sunset"
          buttons={[
            {
              text: "Learn More"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$180",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard room with mountain view"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "$280",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe room with premium amenities"
            },
            {
              id: "3",
              name: "Premium Suite",
              price: "$450",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg",
              imageAlt: "Luxury suite with panoramic views"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Our Rooms"
          description="Carefully designed spaces for maximum comfort and relaxation"
          tag="Accommodations"
          tagIcon={Home}
          buttons={[
            {
              text: "View Rates",
              href: "contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThirteen
          features={[
            {
              id: "01",
              title: "World-Class Spa",
              description: "Rejuvenate your body and mind with traditional Japanese treatments and modern wellness therapies in our peaceful spa sanctuary."
            },
            {
              id: "02",
              title: "Fine Dining",
              description: "Savor exquisite Japanese cuisine and international dishes prepared by our skilled chefs using the finest local ingredients."
            },
            {
              id: "03",
              title: "Mountain Activities",
              description: "Access to premier skiing, snowboarding, and summer hiking with expert guides and equipment rental services."
            },
            {
              id: "04",
              title: "Cozy Lounges",
              description: "Warm fireplaces, comfortable seating, and stunning views create the perfect spaces to unwind and socialize."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Premium Amenities"
          description="Everything you need for an unforgettable mountain experience"
          tag="Facilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, Portland USA",
              quote: "Milky House exceeded all expectations. The warmth of the staff, comfort of the rooms, and stunning mountain views made our winter getaway absolutely magical.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152144682-htnjk2vn.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              nameTitle: "Takeshi Yamamoto, Tokyo Japan",
              quote: "This is my third visit to Milky House and it just gets better. The attention to detail and genuine hospitality make it feel like home in the mountains.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341385475-dvyhz6kp.jpg",
              imageAlt: "Takeshi Yamamoto"
            },
            {
              id: "3",
              nameTitle: "Emma Foster, London UK",
              quote: "The spa was incredible and the skiing access is unbeatable. Milky House offers the perfect balance of luxury and cozy comfort. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766341387337-1qtu0xqh.jpg",
              imageAlt: "Emma Foster"
            },
            {
              id: "4",
              nameTitle: "Hiroshi Nakamura, Sydney Australia",
              quote: "Best hotel stay in Asia. The food, service, and location are all world-class. We're already planning our return visit for next season.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Hiroshi Nakamura"
            }
          ]}
          title="Guest Experiences"
          description="Hear from visitors who have discovered the magic of Milky House"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Contact Us"
          title="Plan Your Perfect Stay"
          description="Whether you are seeking a winter escape or a peaceful mountain retreat, our team is ready to help you create unforgettable memories at Milky House."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754768422-99ljr671.jpg"
          imageAlt="Niseko mountain landscape"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="We respect your privacy. We'll only use your email to send booking information and updates about special offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Milky House"
          columns={[
            {
              title: "Hotel",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Rooms",
                  href: "rooms"
                },
                {
                  label: "Amenities",
                  href: "amenities"
                }
              ]
            },
            {
              title: "Information",
              items: [
                {
                  label: "Contact",
                  href: "contact"
                },
                {
                  label: "Policies",
                  href: "policies"
                },
                {
                  label: "Terms",
                  href: "terms"
                }
              ]
            },
            {
              title: "Experience",
              items: [
                {
                  label: "Dining",
                  href: ""
                },
                {
                  label: "Spa",
                  href: ""
                },
                {
                  label: "Activities",
                  href: ""
                }
              ]
            },
            {
              title: "Connect",
              items: [
                {
                  label: "Email",
                  href: "mailto:hello@milkyhouse.com"
                },
                {
                  label: "Phone",
                  href: "tel:+81136221111"
                },
                {
                  label: "Address",
                  href: ""
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            }
          ]}
          copyrightText="© Milky House, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}