"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, Shield, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "About", id: "#about" },
        { name: "Rooms", id: "#rooms" },
        { name: "Amenities", id: "#amenities" },
        { name: "Testimonials", id: "#testimonials" },
      ]}
      brandName="TLF Fort Carson"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "gradient-bars" }}
      title="A Dignified Sanctuary for Military Families"
      description="Experience luxury, home-like comfort during your stay at Fort Carson. Boutique accommodations designed for those who serve."
      buttons={[{ text: "Check Availability & Book", href: "#booking" }]}
      imageSrc="http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169628.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/sexy-smiling-beautiful-woman-her-handsome-boyfriend-happy-cheerful-family-having-tender-moments-near-yellow-wall-studiopure-cheerful-models-huggingembracing-each-other_158538-22507.jpg", alt: "Guest 1" },
        { src: "http://img.b2bpic.net/free-photo/caucasian-family-with-two-children-poses-camera-together-picture-isolated-red-background_132075-9498.jpg", alt: "Guest 2" },
        { src: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-near-wall-cheerful-women-guy-outdoors_158538-16317.jpg", alt: "Guest 3" },
        { src: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574121.jpg", alt: "Guest 4" },
        { src: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg", alt: "Guest 5" },
      ]}
      avatarText="Trusted by 5,000+ military families"
      marqueeItems={[
        { type: "text", text: "24/7 Concierge Support" },
        { type: "text", text: "PCS Move Ready" },
        { type: "text", text: "On-Base Amenities" },
        { type: "text", text: "Flexible Booking" },
        { type: "text", text: "Pet-Friendly Housing" },
      ]}
    />
  </div>

  <div id="trust-strip" data-section="trust-strip">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", icon: CheckCircle, title: "Pet Friendly", value: "Everywhere" },
        { id: "m2", icon: Star, title: "Guest Rating", value: "4.8/5" },
        { id: "m3", icon: Shield, title: "On-Base Safety", value: "24/7" },
      ]}
      title="Why Families Choose TLF"
      description="Excellence in every stay, backed by a commitment to those who serve our nation with pride."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Redefining Military Hospitality"
      description={[
        "More than a temporary stay, our facility provides a refined home environment tailored to military life.",        "Our apartment-style lodging offers full kitchens, multiple bedrooms, and specialized support to ensure every PCS move, holiday, or extended stay is seamless."]}
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "r1", brand: "Standard", name: "The Studio Suite", price: "From $120/night", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-man-working-from-home_23-2148475546.jpg" },
        { id: "r2", brand: "Deluxe", name: "The Two-Bedroom Family Home", price: "From $160/night", rating: 5, reviewCount: "240", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-living-room-with-blue-wall-white-sofa_23-2151995381.jpg" },
        { id: "r3", brand: "Premium", name: "The Extended Stay Villa", price: "From $200/night", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/morning-photo-men-women-admiring-each-other-lying-bed-with-dog-floor-couple-enjoying-weekend-their-apartment_197531-13754.jpg" },
      ]}
      title="Thoughtfully Appointed Accommodations"
      description="Choose from our range of meticulously designed living spaces tailored for comfort and functionality."
    />
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardTwentyThree
      animationType="blur-reveal"
      textboxLayout="split-description"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Full Gourmet Kitchens", tags: ["Kitchen", "Dining"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976544.jpg" },
        { id: "f2", title: "Secure Playground Area", tags: ["Kids", "Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/family-beach_1303-3578.jpg" },
        { id: "f3", title: "Designated Pet-Friendly Rooms", tags: ["Pets", "Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-home-from-laptop-with-greyhound-dog-couch_23-2150283080.jpg" },
      ]}
      title="Designed for Real Living"
      description="Every detail is considered for your convenience, safety, and comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="The best lodging experience in our 10 years of service. It truly feels like home during our transition."
      rating={5}
      author="Sarah Miller, Army Spouse"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-her-handsome-boyfriend-sexy-cheerful-multiracial-family-having-tender-moments-blue-background-studio-multiethnic-models-hugging-embracing-each-otherlove-concept_158538-26963.jpg", alt: "Sarah" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-old-general-uniform_23-2149742909.jpg", alt: "Veteran" },
        { src: "http://img.b2bpic.net/free-photo/male-soldier-uniform-portrait_53876-105225.jpg", alt: "Soldier" },
        { src: "http://img.b2bpic.net/free-photo/man-getting-ready-his-mission_23-2149222779.jpg", alt: "Mission Ready" },
        { src: "http://img.b2bpic.net/free-photo/portrait-wonderful-family-couple-beautiful-mother-her-little-nice-daughter-they-are-very-happy-with-pretty-smiles-they-wear-white-t-shirts_7502-5565.jpg", alt: "Family" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Are pets allowed?", content: "Yes, we are pet-friendly. A $150 non-refundable cleaning fee and a $200 security deposit are required for all stays with pets." },
        { id: "q2", title: "Is on-base security provided?", content: "Security is integrated within our Fort Carson perimeter." },
        { id: "q3", title: "Can I request early check-in?", content: "Subject to availability, we prioritize early check-in for active PCS families." },
      ]}
      title="Frequently Asked Questions"
      description="Essential information regarding your upcoming stay at Fort Carson."
      faqsAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-living-inside-old-rustic-building-feature-generated-by-ai_188544-27156.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "sparkles-gradient" }}
      tag="Reservations"
      title="Secure Your Stay"
      description="Submit your request and our concierge team will confirm availability within 24 hours."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="TLF Fort Carson"
      copyrightText="© 2025 Military Hospitality Solutions"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}