"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Clock, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="KW Heating & Cooling"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Reliable Heating & Cooling Services in Kitchener"
      description="24/7 HVAC repair, installation, and maintenance you can trust. Serving Kitchener and surrounding areas with professionalism and integrity."
      testimonials={[
        {
          name: "David M.",
          handle: "@kitchenerhome",
          testimonial: "Excellent service, responded quickly to our emergency call.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg",
          imageAlt: "hvac technician working on furnace",
        },
        {
          name: "Sarah T.",
          handle: "@localresident",
          testimonial: "Honest, reliable and fair pricing. Highly recommend.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg",
          imageAlt: "hvac technician working on furnace",
        },
        {
          name: "Robert B.",
          handle: "@kw_living",
          testimonial: "The best HVAC team in Kitchener. Truly professional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14795.jpg",
          imageAlt: "hvac technician working on furnace",
        },
        {
          name: "Jessica L.",
          handle: "@hvac_fan",
          testimonial: "My furnace was fixed within hours. Exceptional speed.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
          imageAlt: "hvac technician working on furnace",
        },
        {
          name: "Kevin D.",
          handle: "@local_pro",
          testimonial: "Great attention to detail and very clean work.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg",
          imageAlt: "hvac technician working on furnace",
        },
      ]}
      buttons={[
        {
          text: "Call Now",
          href: "tel:+16475701522",
        },
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
          alt: "Portrait of happy young businesswoman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
          alt: "Smiling Man at Cafe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
          alt: "Business customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
          alt: "Smiling senior businessman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
          alt: "Music interpret smiling",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "24/7 Emergency Support",
        },
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "text",
          text: "Kitchener-Waterloo Experts",
        },
        {
          type: "text",
          text: "Energy Efficient Solutions",
        },
        {
          type: "text",
          text: "Quality Guaranteed",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="About KW Heating & Cooling"
      metrics={[
        {
          icon: Clock,
          label: "Service Availability",
          value: "24/7",
        },
        {
          icon: Award,
          label: "Customer Rating",
          value: "5.0",
        },
        {
          icon: MapPin,
          label: "Service Area",
          value: "Kitchener",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Furnace Installation & Repair",
          tags: [
            "Heating",
            "Service",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14795.jpg",
        },
        {
          id: "f2",
          title: "Air Conditioner Repair",
          tags: [
            "Cooling",
            "Service",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
        },
        {
          id: "f3",
          title: "HVAC Maintenance",
          tags: [
            "Maintenance",
            "Service",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg",
        },
        {
          id: "f4",
          title: "Hot Water Tank Services",
          tags: [
            "Plumbing",
            "Heating",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg",
        },
        {
          id: "f5",
          title: "Emergency HVAC Service",
          tags: [
            "24/7",
            "Emergency",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg",
        },
        {
          id: "f6",
          title: "Residential HVAC Solutions",
          tags: [
            "Residential",
            "Solutions",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg",
        },
      ]}
      title="Our Professional HVAC Services"
      description="Comprehensive residential and commercial HVAC solutions tailored to your needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Why Choose Us"
      tag="Commitment to Quality"
      metrics={[
        {
          id: "m1",
          value: "100%",
          description: "Client Satisfaction",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Emergency Support",
        },
        {
          id: "m3",
          value: "5+",
          description: "Years of Experience",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Great Experience",
          quote: "Fantastic service and quick repairs.",
          name: "Sarah",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
        },
        {
          id: "2",
          title: "Very Professional",
          quote: "Technicians were knowledgeable and polite.",
          name: "Mark",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
        },
        {
          id: "3",
          title: "Saved the Day",
          quote: "Our AC broke in the middle of summer and they came right away.",
          name: "Linda",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg",
        },
        {
          id: "4",
          title: "Highly Recommend",
          quote: "Fair prices and quality work every time.",
          name: "John",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
        },
        {
          id: "5",
          title: "Dependable",
          quote: "They are our go-to for all HVAC needs now.",
          name: "Tom",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg",
        },
      ]}
      title="Customer Reviews"
      description="Don't just take our word for it—see what our satisfied customers say."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Are you licensed and insured?",
          content: "Yes, our technicians are fully licensed, insured, and highly trained.",
        },
        {
          id: "q2",
          title: "What areas do you serve?",
          content: "We primarily serve Kitchener and surrounding regions.",
        },
        {
          id: "q3",
          title: "Do you provide emergency services?",
          content: "Absolutely! We offer 24/7 emergency HVAC repair to keep you comfortable at all times.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={false}
      names={[
        "Licensed Professional",
        "Energy Efficient Partner",
        "Safe & Insured",
        "Local Trusted Experts",
        "24/7 Emergency Support",
        "Certified Techs",
        "High Quality Standards",
      ]}
      title="Trusted by the Industry"
      description="We partner with top brands and follow the highest industry standards."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Call KW Heating & Cooling at (647) 570-1522. Visit us at 37 Hillcrest Ln, Kitchener, ON. We are available 24/7 for all your HVAC needs."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+16475701522",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="KW Heating & Cooling"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
