"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Clean Style",          id: "/clean-style"},
        {
          name: "Kids Clothes",          id: "/kids-clothes"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
      brandName="StyleHaven"
      button={{
        text: "Shop Now",        href: "/clean-style"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="StyleHaven"
      description="Redefining Fashion with Timeless Elegance and Modern Flair. Discover your signature style with our curated collections."
      buttons={[
        {
          text: "Shop New Arrivals",          href: "/clean-style"},
        {
          text: "Explore Collection",          href: "/clean-style"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",          imageAlt: "Woman in stylish spring outfit"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg?_wi=1",          imageAlt: "Man in sophisticated casual wear"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg?_wi=1",          imageAlt: "Diverse group of friends in stylish clothes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",          imageAlt: "Close up of luxury fabric texture"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",          imageAlt: "Fashion runway show with models"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",          imageAlt: "Interior of a clean clothing boutique"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Story: Crafting "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",          alt: "Tailor working on a garment"},
        {
          type: "text",          content: " Elegance"},
      ]}
      buttons={[
        {
          text: "Discover Our Journey",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "quality",          title: "Premium Quality Fabrics",          descriptions: [
            "We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear."],
          imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg",          imageAlt: "Sustainable cotton fabric texture"},
        {
          id: "comfort",          title: "Unmatched Comfort & Fit",          descriptions: [
            "Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease."],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg",          imageAlt: "Person wearing comfortable stylish t-shirt"},
        {
          id: "design",          title: "Timeless & Modern Design",          descriptions: [
            "Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons."],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg",          imageAlt: "Fashion magazine cover with modern design"},
      ]}
      title="Experience the StyleHaven Difference"
      description="Where quality, comfort, and ethical production meet contemporary design."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",          brand: "StyleHaven",          name: "Classic White Linen Shirt",          price: "$89.00",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg?_wi=1",          imageAlt: "Classic white button-up linen shirt"},
        {
          id: "p-2",          brand: "StyleHaven",          name: "Elegant Black Maxi Dress",          price: "$120.00",          rating: 5,
          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg?_wi=1",          imageAlt: "Elegant black maxi dress"},
        {
          id: "p-3",          brand: "StyleHaven",          name: "Comfort Fit Denim Jeans",          price: "$75.00",          rating: 4,
          reviewCount: "150 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg?_wi=1",          imageAlt: "Comfort fit denim jeans"},
        {
          id: "p-4",          brand: "StyleHaven",          name: "Cozy Merino Wool Sweater",          price: "$110.00",          rating: 5,
          reviewCount: "80 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg?_wi=1",          imageAlt: "Cozy merino wool sweater"},
        {
          id: "p-5",          brand: "StyleHaven",          name: "Tailored Navy Blazer",          price: "$199.00",          rating: 5,
          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg?_wi=1",          imageAlt: "Tailored navy blazer"},
        {
          id: "p-6",          brand: "StyleHaven",          name: "Sophisticated Tan Trench Coat",          price: "$250.00",          rating: 5,
          reviewCount: "70 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg",          imageAlt: "Sophisticated tan trench coat"},
      ]}
      title="Our Latest Collection"
      description="Discover essential pieces designed for your everyday elegance, perfect for any occasion."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue Collective",        "Fashion Insider",        "Style Edit",        "Trend Setters",        "Glamour Hub",        "Chic Magazine",        "Urban Threads"]}
      title="Trusted by Fashion Influencers"
      description="Partnering with leading voices in style and design to bring you the best."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          title: "An Unforgettable Stay!",          quote: "The Grand Haven Hotel exceeded all expectations. From the opulent lobby to the exquisite dining, every detail was perfect. The staff anticipated our every need.",          name: "Eleanor V.",          role: "Frequent Traveler",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-room-with-balcony-view_23-2149721345.jpg",          imageAlt: "Luxury hotel room with a balcony view"
        },
        {
          id: "t-2",          title: "Pure Relaxation at the Spa",          quote: "The spa experience was divine. I felt completely rejuvenated after my massage and spending time in their tranquil facilities. A true sanctuary!",          name: "Marcus L.",          role: "Wellness Advocate",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-relaxing-spa_23-2150508535.jpg",          imageAlt: "Hotel guest relaxing at the spa"
        },
        {
          id: "t-3",          title: "Family Vacation Dream",          quote: "Our family had an amazing time at The Grand Haven. The kids loved the pool, and we appreciated the thoughtful amenities. It's truly a home away from home.",          name: "Sophia P.",          role: "Family Vacationer",          imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-hotel-pool_23-2149596000.jpg",          imageAlt: "Family enjoying the hotel pool"
        },
        {
          id: "t-4",          title: "Exceptional Service and Comfort",          quote: "The level of service at this hotel is simply outstanding. The rooms are incredibly comfortable, and the concierge was invaluable in planning our local excursions.",          name: "David K.",          role: "Business Executive",          imageSrc: "http://img.b2bpic.net/free-photo/business-traveler-in-luxury-hotel-lounge_23-2150117766.jpg?_wi=1",          imageAlt: "Business traveler in a luxury hotel lounge"
        },
        {
          id: "t-5",          title: "A Culinary Delight!",          quote: "Dining at the hotel's restaurant was a highlight. The food was exquisite, and the ambiance was perfect for a romantic evening. We can't wait to return!",          name: "Chloe S.",          role: "Gourmet Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-experience-luxury-hotel_23-2149704230.jpg?_wi=1",          imageAlt: "Fine dining experience in a luxury hotel restaurant"
        }
      ]}
      title="Guest Experiences: Stories from The Grand Haven Hotel"
      description="Discover why our guests consistently rate their stays as exceptional, highlighting our luxurious amenities, exquisite service, and unforgettable moments."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q-1",          title: "What are the check-in and check-out times?",          content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability, for an additional fee."
        },
        {
          id: "q-2",          title: "Do you offer airport transportation?",          content: "Yes, we offer luxury airport transfer services. Please contact our concierge team at least 24 hours in advance to arrange your pick-up or drop-off."
        },
        {
          id: "q-3",          title: "Is breakfast included with the room rate?",          content: "Our breakfast policy varies by room rate and package. Please check your reservation details or contact our front desk for specific information regarding your booking."
        },
        {
          id: "q-4",          title: "Do you have a fitness center or spa?",          content: "Absolutely! Our state-of-the-art fitness center is open 24/7, and our luxurious spa offers a range of treatments and services. Reservations are recommended for spa services."
        },
        {
          id: "q-5",          title: "Are pets allowed at the hotel?",          content: "The Grand Haven is a pet-friendly hotel. We welcome well-behaved pets under a certain weight limit. Additional fees and restrictions may apply. Please inquire with our reservations team."
        }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hotel-concierge-assisting-guest_23-2149596000.jpg"
      imageAlt="Hotel concierge assisting a guest in a luxurious lobby"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions Answered: The Grand Haven Hotel"
      description="Find comprehensive answers to frequently asked questions about your stay, amenities, services, and policies at our luxurious hotel."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Experience Unmatched Hospitality"
      description="Our dedicated team is ready to assist you with reservations, special requests, event planning, or any inquiries about your stay at The Grand Haven Hotel. We look forward to hearing from you."
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email for Reservations or Inquiries"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy and terms of service."
      imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-desk_23-2149721345.jpg?_wi=1"
      imageAlt="Luxury hotel reception desk with a smiling staff member"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="The Grand Haven Hotel"
      copyrightText="© 2024 The Grand Haven Hotel. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"
        },
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"
        },
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"
        },
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"
        }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
