"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Clock, Droplets, Flame, HelpCircle, ShieldCheck, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Services", id: "#services" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Ultimate Heating Services"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Ultimate Heating Services Ltd"
      description="Your trusted local plumbing and heating experts in Peterborough. Providing reliable service, quality workmanship, and peace of mind since 2018."
      testimonials={[]}
      buttons={[
        { text: "Contact Us", href: "#contact" },
        { text: "Our Services", href: "#services" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Ultimate Heating Services?"
      metrics={[
        { label: "Fast Response: Same Day service to get your home running again.", value: "Same Day", icon: Clock },
        { label: "Reliability: Thousands of happy customers vouching for our work.", value: "Trusted", icon: ShieldCheck },
        { label: "Professionalism: Highly trained experts with years of experience.", value: "Expert", icon: Award },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { icon: Flame, title: "Boiler Installation", description: "Expert fitting of modern energy-efficient boilers." },
        { icon: Droplets, title: "Plumbing Repairs", description: "From leaky taps to pipe fixes, we ensure everything is running tight." },
        { icon: Flame, title: "Underfloor Heating", description: "Expert maintenance and repairs for all UFH systems." },
      ]}
      title="Our Professional Services"
      description="Comprehensive plumbing and heating solutions to keep your home warm and running smoothly."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      title="Customer Reviews"
      description="See what our customers in Peterborough are saying about our service."
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "Sarah J.", handle: "@customer", testimonial: "Michael was fantastic, fixed our boiler in one day after months of issues. Extremely polite and professional.", icon: Award },
        { id: "t2", name: "Jamie F.", handle: "@customer", testimonial: "I called 30 companies, Michael came out the same day. Fast, clean, great bloke.", icon: Award },
        { id: "t3", name: "Simon S.", handle: "@customer", testimonial: "Unreal service. Went out of their way to find the part and fix my underfloor heating. 10 stars!", icon: Award },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get In Touch"
      description="Located in Peterborough, we are ready to help with your plumbing needs. Fill out the form to request a quote or an emergency visit."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
      ]}
      textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
      buttonText="Request Your Quote"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Services", items: [{ label: "Heating", href: "#services" }, { label: "Plumbing", href: "#services" }] },
        { title: "Support", items: [{ label: "Contact", href: "#contact" }] },
      ]}
      logoText="Ultimate Heating Services Ltd"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}