"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Tent, Mountain, Home, Calendar, Users, Mail, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Wentworth Valley"
          navItems={[
            { name: "About", id: "about" },
            { name: "Facilities", id: "features" },
            { name: "Accommodations", id: "product" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Nature at Wentworth Valley"
          description="Discover pristine camping and glamping experiences in New Zealand's stunning landscapes. Book your adventure today and escape to paradise."
          tag="Premium Campground"
          tagIcon={Tent}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/camping-by-cars-mountains-turkey_158595-6101.jpg"
          imageAlt="Wentworth Valley scenic landscape with mountains and forest"
          buttons={[
            { text: "Book Now", href: "#pricing" },
            { text: "Explore More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Welcome to Wentworth Valley Campground"
          description="Nestled in the heart of New Zealand's natural beauty, Wentworth Valley Campground offers the perfect retreat for outdoor enthusiasts and families seeking authentic nature experiences. With pristine facilities and breathtaking views, we provide memorable stays for every season."
          tag="Our Story"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Scenic Location",              description: "Located in one of New Zealand's most picturesque regions with stunning mountain and forest views",              icon: Mountain
            },
            {
              title: "Premium Facilities",              description: "Modern amenities including hot showers, powered sites, and family-friendly recreation areas",              icon: Home
            },
            {
              title: "Year-Round Access",              description: "Open throughout the year with seasonal activities including hiking, photography, and wildlife observation",              icon: Calendar
            },
            {
              title: "Expert Support",              description: "Friendly, knowledgeable staff ready to help plan your perfect New Zealand adventure",              icon: Users
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/tents-camping-nature-view_23-2148301312.jpg"
          imageAlt="Wentworth Valley Campground facilities and scenic environment"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          features={[
            {
              id: "camping",              label: "Camping",              title: "Traditional & Glamping Options",              items: ["Powered caravan sites", "Tent camping areas", "Glamping pods", "Group camping facilities"],
              buttons: [{ text: "View Camping", href: "#product" }]
            },
            {
              id: "amenities",              label: "Amenities",              title: "World-Class Facilities",              items: ["Hot showers and bathrooms", "Modern kitchen facilities", "BBQ and picnic areas", "Free Wi-Fi access", "Laundry services"],
              buttons: [{ text: "Explore Facilities", href: "#features" }]
            },
            {
              id: "activities",              label: "Activities",              title: "Year-Round Adventures",              items: ["Hiking trails", "Bird watching", "Photography opportunities", "Scenic walks", "Stargazing"]
            }
          ]}
          animationType="slide-up"
          title="Why Choose Wentworth Valley"
          description="Discover what makes our campground the premier destination for outdoor adventures in New Zealand"
          tag="Facilities"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree
          products={[
            {
              id: "tent-site",              name: "Standard Tent Site",              price: "$35/night",              imageSrc: "http://img.b2bpic.net/free-photo/view-from-inside-tent-wild-nature-sunny-day_169016-39078.jpg",              imageAlt: "Standard tent camping site",              initialQuantity: 1
            },
            {
              id: "powered-caravan",              name: "Powered Caravan Site",              price: "$60/night",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-campsite-mountains-with-rv-wooden-bench_181624-46208.jpg",              imageAlt: "Powered caravan site with utilities",              initialQuantity: 1
            },
            {
              id: "glamping-pod",              name: "Glamping Pod",              price: "$120/night",              imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg",              imageAlt: "Luxury glamping pod with modern amenities",              initialQuantity: 1
            },
            {
              id: "family-cabin",              name: "Family Cabin",              price: "$150/night",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169634.jpg",              imageAlt: "Comfortable family cabin with full facilities",              initialQuantity: 1
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          title="Accommodation Options"
          description="Choose from our diverse range of comfortable and convenient accommodation types"
          tag="Book Your Stay"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          plans={[
            {
              id: "weekend-escape",              title: "Weekend Escape",              price: "$199",              period: "per 2 nights",              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-by-tent-singing_23-2148223397.jpg",              imageAlt: "Weekend escape package",              button: { text: "Book Weekend", href: "#contact" },
              features: ["2 nights accommodation", "Welcome pack included", "Guided nature walk", "Local activity voucher"]
            },
            {
              id: "week-adventure",              title: "Week Adventure",              price: "$449",              period: "per 7 nights",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-is-hiking-norway-mountains-group-hikers-with-backpacks-tracking-mountains_613910-20462.jpg",              imageAlt: "Week-long adventure package",              button: { text: "Book Week", href: "#contact" },
              features: ["7 nights accommodation", "Daily welcome breakfast", "Guided hiking tours", "Sunset photography session", "Free equipment rental"]
            },
            {
              id: "group-retreat",              title: "Group Retreat",              price: "$1,299",              period: "per week",              imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-near-bonfire-smiling-playing-guitar-camping-grill-marshmallow_176420-4155.jpg",              imageAlt: "Group retreat package for up to 20 people",              button: { text: "Inquire Group", href: "#contact" },
              features: ["Up to 20 people", "7 nights accommodation", "Team activity coordination", "Catering available", "Private event space", "Dedicated group coordinator"]
            }
          ]}
          animationType="slide-up"
          title="Booking Plans"
          description="Flexible pricing options for short getaways, extended stays, and group bookings"
          tag="Special Offers"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "portrait woman professional avatar smiling" },
            { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "portrait man professional avatar smiling" },
            { id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "portrait woman professional avatar happy" },
            { id: "4", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/serious-bearded-man-black-jacket-walks-street-city-against-modern-glass-buildings-concentrated-into-distance-leads-active-lifestyle-thinks-deeply-notices-something-far-away-urban-life_273609-57639.jpg", imageAlt: "portrait man professional avatar outdoor" },
            { id: "5", name: "Lisa Anderson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "portrait woman professional avatar friendly" },
            { id: "6", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait man professional avatar confident" }
          ]}
          cardTitle="Over 5,000 guests have experienced the magic of Wentworth Valley Campground"
          cardTag="Guest Reviews"
          cardTagIcon={Heart}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Ready for Your Next Adventure?"
          description="Contact Wentworth Valley Campground to book your stay, ask questions, or arrange a group retreat. Our team is here to help make your New Zealand experience unforgettable."
          buttons={[
            { text: "Book Now", href: "mailto:bookings@wentworthvalley.co.nz" },
            { text: "Call Us", href: "tel:+64212345678" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#" },
                { label: "About", href: "#about" },
                { label: "Facilities", href: "#features" },
                { label: "Booking", href: "#pricing" }
              ]
            },
            {
              title: "Accommodations",              items: [
                { label: "Tent Sites", href: "#product" },
                { label: "Caravan Sites", href: "#product" },
                { label: "Glamping Pods", href: "#product" },
                { label: "Cabins", href: "#product" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Pricing", href: "#pricing" },
                { label: "Accessibility", href: "#" },
                { label: "Group Bookings", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Booking Policy", href: "#" },
                { label: "Safety Guidelines", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Wentworth Valley Campground. All rights reserved."
          bottomRightText="Experience New Zealand's Nature"
        />
      </div>
    </ThemeProvider>
  );
}
