"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Accommodations", id: "products" },
        { name: "FAQ", id: "faq" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Nature Lovers Resorts"
      button={{ text: "Book Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "gradient-bars" }}
      title="Escape to Nature's Embrace with Naganpuriya Group"
      description="Rediscover serenity at our curated nature resorts. Perfectly balanced luxury, comfort, and the wild outdoors."
      buttons={[{ text: "Book Your Stay", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/clear-lake-with-reflection-clouds-it-surrounded-with-forest_181624-13986.jpg"
      imageAlt="Luxurious Nature Resort"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/beautiful-ocean-landscape-dock_23-2148509198.jpg", alt: "Beautiful ocean landscape and dock" },
        { src: "http://img.b2bpic.net/free-photo/vertical-shot-female-sitting-pier-playing-guitar-cromwell-new-zealand_181624-31077.jpg", alt: "Vertical shot of a female sitting on the pier playing the guitar in Cromwell, New Zealand" },
        { src: "http://img.b2bpic.net/free-photo/scenic-shot-beautiful-lake-surrounded-by-green-trees-isolated-house-cloudy-sky_181624-4444.jpg", alt: "Scenic shot of a beautiful lake surrounded by green trees and an isolated house under the cloudy sky" },
        { src: "http://img.b2bpic.net/free-photo/look-lake-lonely-cabins-shore_1304-5352.jpg", alt: "Look over the lake at lonely cabins on the shore" },
        { src: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-hot-drink-sitting-log_23-2148693707.jpg", alt: "Happy couple enjoying hot drink sitting on log" },
      ]}
      avatarText="Trusted by 15,000+ nature lovers"
      marqueeItems={[
        { type: "text", text: "Sustainable Living" },
        { type: "text", text: "Forest Immersion" },
        { type: "text", text: "Organic Wellness" },
        { type: "text", text: "Luxury Escapes" },
        { type: "text", text: "Eco-Conscious" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Authentic Hospitality by Naganpuriya Group"
      tag="Our Philosophy"
      tagIcon={Leaf}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Guided Nature Hikes", description: "Explore local trails with expert guides.", imageSrc: "http://img.b2bpic.net/free-photo/men-trekking-nature_23-2148106742.jpg" },
        { title: "Organic Wellness Spa", description: "Rejuvenate with local, natural ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929506.jpg" },
        { title: "Farm-to-Table Dining", description: "Fresh, seasonal meals sourced locally.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-mixing-salad_23-2149412506.jpg" },
      ]}
      title="Unrivaled Amenities in the Heart of Nature"
      description="Designed to provide comfort while preserving the integrity of the ecosystem."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "1", name: "Treehouse Villa", price: "$450/night", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666431.jpg" },
        { id: "2", name: "Lakeside Cabin", price: "$300/night", imageSrc: "http://img.b2bpic.net/free-photo/lake-o-hara-yoho-national-park-with-waterfront-carbin_649448-2559.jpg" },
        { id: "3", name: "Eco-Glamping Tent", price: "$200/night", imageSrc: "http://img.b2bpic.net/free-photo/transparent-bubble-tent-glamping_1268-20684.jpg" },
        { id: "4", name: "Family Forest Suite", price: "$550/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929574.jpg" },
        { id: "5", name: "Couples Retreat", price: "$380/night", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-map-cottage_107420-9659.jpg" },
        { id: "6", name: "Executive Forest Lodge", price: "$800/night", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302628.jpg" },
      ]}
      title="Choose Your Sanctuary"
      description="Luxury cabins, villas, and tents tailored for nature enthusiasts."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15,000+", title: "Happy Guests", description: "Verified nature seekers hosted", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8839.jpg" },
        { id: "m2", value: "500+", title: "Acres Preserved", description: "Protected wild forest land", imageSrc: "http://img.b2bpic.net/free-photo/hiker-bridge-jungle_23-2147683084.jpg" },
        { id: "m3", value: "4.9/5", title: "Avg. Rating", description: "Based on guest experience", imageSrc: "http://img.b2bpic.net/free-photo/fantastic-summer-background-with-decorative-seashells_23-2147628389.jpg" },
      ]}
      title="Our Impact & Reach"
      description="Join thousands who have found peace in our resorts."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best resort experience I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-caucasian-calm-romantic-woman-casual-look-with-long-hair-wearing-earings-necklace-background-amazing-beautiful-view-green-mountains_343596-954.jpg" },
        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Truly restorative and beautiful property.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187818.jpg" },
        { id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Nature and luxury in perfect harmony.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-dirt-track-forest_23-2147847138.jpg" },
        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "Wonderful service and incredible scenery.", imageSrc: "http://img.b2bpic.net/free-photo/happy-together-young-family-looking-happy-while-spending-day-together_259150-59301.jpg" },
        { id: "5", name: "Jane Smith", handle: "@jsmith", testimonial: "An unforgettable getaway for our family.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-man-woman-walking-along-swimming-pool_259150-57812.jpg" },
      ]}
      title="Voices from the Wild"
      description="What our guests say about their retreat."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Is pets allowed?", content: "Yes, we are pet-friendly in our lakeside cabins." },
        { id: "f2", title: "Are meals included?", content: "Yes, we provide organic breakfast and dinner daily." },
        { id: "f3", title: "Do you offer airport transport?", content: "We offer shuttle services upon booking confirmation." },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Booking Inquiry"
      title="Start Your Nature Escape"
      description="Book now and be among the first to experience the new season at our resorts."
      buttons={[{ text: "Contact Us Now", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Resorts", items: [{ label: "All Locations", href: "#" }, { label: "Events", href: "#" }] },
        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
      ]}
      bottomLeftText="© 2024 Naganpuriya Group. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
