"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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Why Us",          id: "#why-us"},
        {
          name: "Clients",          id: "#clients"},
        {
          name: "FAQs",          id: "#faqs"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get Your Free Quote",        href: "#contact"}}
      brandName="Elite Waste Management"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      className="!w-screen !max-w-full"
      imageClassName="w-full h-full object-cover"
      background={{
        variant: "downward-rays-static-grid"}}
      logoText="Elite Waste Management"
      description="Elite Waste Management delivers efficient, professional clearance services across Hemel Hempstead. Sameday availability, fair pricing, and fivestar service every time."
      buttons={[
        {
          text: "Get Your Free Quote Today",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/autumn-roadside-maintenance-action-municipal-service_169016-70007.jpg"
      imageAlt="Modern waste management truck in Hemel Hempstead"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Comprehensive Waste Clearance in Hemel Hempstead"
      description="We offer fast, reliable, and professional waste removal services tailored for both residential and commercial clients in the Hemel Hempstead area. Our team is committed to eco-friendly disposal and responsible recycling."
      tag="Our Expertise"
      bulletPoints={[
        {
          title: "Residential Waste Removal",          description: "Clear out household junk, garden waste, and renovation debris with ease."},
        {
          title: "Commercial Clearance",          description: "Efficient disposal for construction sites, offices, and retail spaces."},
        {
          title: "Eco-Friendly Disposal",          description: "Committed to responsible recycling and minimizing landfill waste."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/happy-child-with-parents-holding-package-plastic-bottles-save-pollution-together_496169-389.jpg"
      imageAlt="Elite Waste Management team smiling after a successful job"
      mediaAnimation="opacity"
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Why Elite Waste Management Stands Out"
      description="We prioritize efficiency, customer satisfaction, and environmental responsibility in every service we provide. Experience the difference with a team you can trust."
      tag="Our Commitment"
      accordionItems={[
        {
          id: "1",          title: "Fast & Reliable Service",          content: "Sameday availability ensures your waste is removed quickly, minimizing disruption to your home or business operations. We arrive on time, every time."},
        {
          id: "2",          title: "Transparent & Fair Pricing",          content: "No hidden fees, just clear, upfront quotes. We provide competitive pricing without compromising on service quality or environmental standards."},
        {
          id: "3",          title: "Professional & Experienced Team",          content: "Our uniformed and highly trained staff handle all types of waste with professionalism, ensuring a smooth and safe clearance process from start to finish."},
        {
          id: "4",          title: "Local Hemel Hempstead Focus",          content: "As a local business, we understand the specific needs of our community, offering personalized and responsive service to our neighbors in Hemel Hempstead."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27370.jpg"
      imageAlt="Residential waste clearance with a team loading debris"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="commercial-solutions" data-section="commercial-solutions">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Tailored Solutions for Your Business"
      description="From construction sites to office clear-outs, we provide adaptable and efficient commercial waste management services to keep your operations running smoothly."
      tag="Business Services"
      accordionItems={[
        {
          id: "1",          title: "Construction Waste Removal",          content: "We handle all types of construction and demolition waste, ensuring your site remains clean, safe, and compliant with regulations."},
        {
          id: "2",          title: "Office & Retail Clearances",          content: "Efficiently remove old furniture, electronics, and general waste from commercial premises with minimal impact on your business."},
        {
          id: "3",          title: "Scheduled Waste Collections",          content: "Set up regular, reliable waste collection schedules to suit your business needs, preventing build-ups and maintaining a professional environment."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/recycling-truck-picking-up-bin-city_1398-4392.jpg"
      imageAlt="Commercial waste disposal with a skip and heavy equipment"
      mediaAnimation="opacity"
      mediaPosition="right"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "10+",          title: "Years Experience",          items: [
            "Serving Hemel Hempstead",            "Expert team",            "Trusted locally"],
        },
        {
          id: "2",          value: "5000+",          title: "Satisfied Clients",          items: [
            "Residential & Commercial",            "High satisfaction rate",            "Repeat customers"],
        },
        {
          id: "3",          value: "95%",          title: "Waste Recycled",          items: [
            "Eco-friendly disposal",            "Minimizing landfill",            "Sustainable practices"],
        },
      ]}
      title="Our Impact: Years of Excellence"
      description="Dedicated to providing top-tier waste management services, we've built a reputation for reliability and customer satisfaction in Hemel Hempstead."
      tag="By the Numbers"
    />
  </div>

  <div id="clients" data-section="clients">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Homeowner",          company: "Hemel Hempstead",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
        {
          id: "2",          name: "Mark D.",          role: "Property Manager",          company: "Local Estates",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
        {
          id: "3",          name: "Emily R.",          role: "Small Business Owner",          company: "Town Centre Cafe",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/loving-smiling-young-couple-holding-cup-coffee-hands_23-2147966417.jpg"},
        {
          id: "4",          name: "David K.",          role: "Contractor",          company: "BuildRight Ltd.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/presentation-concept-with-two-architects_23-2147702562.jpg"},
        {
          id: "5",          name: "Jessica L.",          role: "Resident",          company: "Hemel Hempstead",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3900.jpg"},
        {
          id: "6",          name: "Robert S.",          role: "Retail Manager",          company: "Local Supermarket",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-vinyl-record_23-2148962399.jpg"},
      ]}
      kpiItems={[
        {
          value: "5 Stars",          label: "Average Rating"},
        {
          value: "98%",          label: "Customer Satisfaction"},
        {
          value: "Fast",          label: "Response Time"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners and businesses in Hemel Hempstead who trust Elite Waste Management for their clearance needs."
      tag="Trusted Reviews"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Hemel Hempstead Council",        "Dacorum Borough Council",        "Local Charity Alliance",        "Property Managers Group",        "Construction Partners",        "Estate Agent Network",        "Local Retail Association"]}
      title="Partners & Recognitions"
      description="Proudly partnering with local councils, businesses, and community initiatives to deliver reliable waste management solutions."
      tag="Our Network"
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What areas do you cover?",          content: "We primarily serve Hemel Hempstead and the surrounding areas. Please contact us for specific service area inquiries."},
        {
          id: "2",          title: "How quickly can you remove my waste?",          content: "We offer same-day and next-day service options for most waste removal requests. Contact us for urgent clearances."},
        {
          id: "3",          title: "How do I get a quote?",          content: "You can get a free, no-obligation quote by calling us at 01442390065 or filling out our online contact form."},
        {
          id: "4",          title: "Do you recycle the waste?",          content: "Yes, environmental responsibility is a core value. We prioritize recycling and proper disposal methods to minimize landfill waste."},
        {
          id: "5",          title: "What types of waste do you remove?",          content: "We remove a wide range of waste, including general household junk, garden waste, construction debris, office furniture, and more. Hazardous materials may have restrictions."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our waste removal and clearance services in Hemel Hempstead."
      faqsAnimation="opacity"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid"}}
      tag="Get in Touch"
      title="Ready for a Clear Space?"
      description="Contact Elite Waste Management today for your free, no-obligation quote. Our friendly team is ready to assist with all your waste removal needs in Hemel Hempstead."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:01442390065"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Elite Waste Management"
      leftLink={{
        text: "Unit 5, 329 London Rd, Hemel Hempstead HP3 9AL",        href: "https://www.google.com/maps/search/Unit+5,+329+London+Rd,+Hemel+Hempstead+HP3 9AL"}}
      rightLink={{
        text: "01442390065",        href: "tel:01442390065"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
