"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { CheckCircle, Clock, DollarSign, Rocket, Shield, Truck, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="WP Relocation"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Fast & Reliable Moving"
          bottomRightText="WhatsApp: +65XXXXXXXX"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Fast & Reliable Moving Services in Singapore"
          description="House • Office • Warehouse • Bulky Items. Professional movers handling your relocation with care and precision."
          tag="Singapore's #1 Moving Partner"
          tagIcon={Truck}
          tagAnimation="slide-up"
          buttons={[
            { text: "WhatsApp Now", href: "https://wa.me/65XXXXXXXX?text=Hi%20I%20want%20a%20quote" },
            { text: "Get Free Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          videoSrc="http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229218.jpg"
          imageAlt="Professional moving team in action"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Hero section with moving services video"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Comprehensive moving solutions tailored to your needs. From residential moves to commercial relocations, we handle it all."
          tag="Complete Moving Solutions"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "House Moving",              description: "Professional residential relocation services for HDB, condo, and landed properties.",              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-moving-from-his-parents-house_23-2149039209.jpg",              imageAlt: "House moving service"
            },
            {
              id: 2,
              title: "Office Relocation",              description: "Seamless office moves with minimal downtime and professional setup.",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-clients-orders_482257-77586.jpg",              imageAlt: "Office relocation service"
            },
            {
              id: 3,
              title: "Warehouse Moving",              description: "Large-scale industrial and warehouse relocations with specialized equipment.",              imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-worker-searching-customer-parcel-warehouse-holding-clipboard-diverse-storehouse-employees-wearing-uniform-overalls-supervising-goods-factory-storehouse_482257-63731.jpg",              imageAlt: "Warehouse moving service"
            },
            {
              id: 4,
              title: "Bulky Item Delivery",              description: "Safe handling and delivery of oversized furniture, appliances, and equipment.",              imageSrc: "http://img.b2bpic.net/free-photo/man-home-with-boxes-ladder-getting-ready-move-out_23-2148647495.jpg",              imageAlt: "Bulky item delivery"
            },
            {
              id: 5,
              title: "Packing Service",              description: "Professional packing with quality materials to protect your belongings.",              imageSrc: "http://img.b2bpic.net/free-photo/crop-courier-searching-parcel-list_23-2147787831.jpg",              imageAlt: "Professional packing service"
            },
            {
              id: 6,
              title: "Storage Solutions",              description: "Secure, climate-controlled storage for short or long-term needs.",              imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employee-taking-out-carton-boxes-from-shelf_482257-77612.jpg",              imageAlt: "Storage facility service"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Services overview section"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <AboutMetric
          title="Why Choose WP Relocation?"
          metrics={[
            { icon: DollarSign, label: "Affordable Pricing", value: "Best Rates" },
            { icon: Users, label: "Professional Movers", value: "Expert Team" },
            { icon: Zap, label: "Fast Response", value: "Same Day" },
            { icon: Shield, label: "Safe Handling", value: "100% Secure" },
            { icon: Clock, label: "24/7 Availability", value: "Always Ready" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Why choose us metrics section"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="WP Relocation handled my entire home move smoothly and professionally. The team was punctual, careful with my belongings, and reasonably priced. Highly recommended!"
          rating={5}
          author="Satisfied Customers"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-blue-shirt-looking-pleased_176474-56758.jpg", alt: "Customer testimonial 1" },
            { src: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167727.jpg", alt: "Customer testimonial 2" },
            { src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-while-nature-adventure_23-2148647990.jpg", alt: "Customer testimonial 3" },
            { src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3937.jpg", alt: "Customer testimonial 4" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Companies"
          description="Our professional moving services are trusted by businesses and individuals across Singapore."
          names={[
            "Singapore Enterprise",            "Local Businesses",            "Corporate Clients",            "Premium Customers",            "Business Partners",            "Commercial Partners",            "Enterprise Solutions"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/royal-logo_1071-200.jpg",            "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148845126.jpg",            "http://img.b2bpic.net/free-vector/abstract-logo-gradient-style_23-2148135210.jpg",            "http://img.b2bpic.net/free-vector/logo-set_53876-62074.jpg",            "http://img.b2bpic.net/free-vector/abstract-logo-template_1071-68.jpg",            "http://img.b2bpic.net/free-vector/abstract-classic-blue-business-card-template_23-2148411027.jpg",            "http://img.b2bpic.net/free-vector/modern-camera-logo-collection_23-2147645313.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          ariaLabel="Social proof section with client logos"
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactCTA
          tag="Ready to Move?"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Moving Soon? Let Us Handle Everything"
          description="Get your free quote today. Our team is ready to assist you 24/7 with professional, reliable moving services."
          buttons={[
            { text: "WhatsApp Now", href: "https://wa.me/65XXXXXXXX?text=Hi%20I%20want%20a%20quote" },
            { text: "Call Now", href: "tel:+65XXXXXXXX" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Final call to action section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="WP Relocation"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms & Conditions", href: "#" }}
          ariaLabel="Site footer with links"
        />
      </div>
    </ThemeProvider>
  );
}