"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Wrench, Info, Hammer, CheckCircle, Clock, Shield, Users, Award, Star, MessageCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="VHB Plumbing & DIY"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Request a Quote", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Your Home, Our Help"
          description="Professional plumbing and DIY services delivering reliable solutions for your home improvement and repair needs"
          tag="Professional Home Services"
          tagIcon={Wrench}
          tagAnimation="blur-reveal"
          background={{ variant: "glowing-orb" }}
          testimonials={[
            {
              name: "James Mitchell",              handle: "Homeowner, Pretoria East",              testimonial: "Excellent service and professionalism. Fixed our plumbing issues quickly and efficiently.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-moody-young-male-classic-white-shirt-red-tie-crossed-his-hands-looking-camera-while-posing-blue-background-stylish-haircut-sincere-emotions-concept-c_639032-2234.jpg"},
            {
              name: "Sarah Chen",              handle: "Homeowner, Menlyn",              testimonial: "VHB transformed our kitchen renovation. Couldn't ask for a better team.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg"},
            {
              name: "David Khumalo",              handle: "Homeowner, Woodmead",              testimonial: "Professional, reliable, and trustworthy. Will definitely call them again.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg"}
          ]}
          buttons={[
            { text: "Request a Quote", href: "contact" },
            { text: "Send an Enquiry", href: "contact" }
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg"
          imageAlt="Professional plumbing and DIY services"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About VHB"
          tagIcon={Info}
          tagAnimation="blur-reveal"
          title="Reliable Plumbing & Home Improvement Solutions for Pretoria"
          description="With over a decade of experience serving Pretoria homeowners, VHB Plumbing & DIY specializes in delivering expert solutions for all your home repair and improvement needs. We pride ourselves on professional workmanship, transparent communication, and fast response times. Our commitment to quality and customer satisfaction has made us the trusted choice for hundreds of families across Pretoria."
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "500+", title: "Satisfied Clients" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg"
          imageAlt="VHB professional team"
          mediaAnimation="blur-reveal"
          metricsAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Comprehensive Home Services"
          description="From emergency repairs to complete renovations, we handle all your plumbing and DIY needs with expertise and professionalism"
          tag="Services"
          tagIcon={Hammer}
          tagAnimation="blur-reveal"
          negativeCard={{
            items: [
              "Unreliable contractors",              "Hidden costs and surprises",              "Poor communication",              "Lengthy project timelines",              "Lack of warranty"
            ]
          }}
          positiveCard={{
            items: [
              "Fully qualified technicians",              "Transparent pricing upfront",              "Regular project updates",              "Quick turnaround times",              "2-year service warranty"
            ]
          }}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Services", href: "#services-detail" }
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardThree
          title="Why Choose VHB"
          description="Five key reasons why Pretoria homeowners trust us with their most important investment"
          tag="Our Advantages"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          metrics={[
            { id: "1", icon: CheckCircle, title: "Licensed & Insured", value: "100%" },
            { id: "2", icon: Clock, title: "Same-Day Response", value: "24/7" },
            { id: "3", icon: Shield, title: "Workmanship Guaranteed", value: "2 Years" },
            { id: "4", icon: Users, title: "Local Experts", value: "Pretoria" },
            { id: "5", icon: Award, title: "Customer Rated", value: "4.9★" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Real feedback from satisfied Pretoria homeowners who've trusted us with their homes"
          tag="Client Testimonials"
          tagIcon={MessageCircle}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Margaret Ndlovu",              role: "Homeowner",              company: "Pretoria North",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
            {
              id: "2",              name: "Thomas van der Merwe",              role: "Property Manager",              company: "Menlyn Estate",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg"},
            {
              id: "3",              name: "Amelia Mthembu",              role: "Homeowner",              company: "Woodmead",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-using-sign-language-outdoors-work_23-2148740316.jpg"},
            {
              id: "4",              name: "Robert Pieterse",              role: "Business Owner",              company: "Pretoria CBD",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19881.jpg"}
          ]}
          kpiItems={[
            { value: "500+", label: "Projects Completed" },
            { value: "98%", label: "Client Satisfaction" },
            { value: "10+", label: "Years in Business" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Phone}
          tagAnimation="blur-reveal"
          title="Request a Quote Today"
          description="Contact VHB Plumbing & DIY for a free consultation. Our team is ready to discuss your project and provide a transparent quote with no hidden costs."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990708.jpg"
          imageAlt="VHB service team ready to help"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Send Request"
          termsText="By submitting this form, you agree to be contacted by VHB Plumbing & DIY. We respect your privacy and will never share your information."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="VHB Plumbing & DIY"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 012-345-6789", href: "tel:+27123456789" },
                { label: "Phone: 012-987-6543", href: "tel:+27129876543" },
                { label: "Phone: 012-555-0123", href: "tel:+27125550123" },
                { label: "Emergency Line", href: "tel:+27123456789" }
              ]
            },
            {
              title: "Service Area",              items: [
                { label: "Pretoria & Surrounds", href: "#" },
                { label: "Same-Day Service Available", href: "#" },
                { label: "24/7 Emergency Support", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 VHB Plumbing & DIY. Professional home services in Pretoria."
        />
      </div>
    </ThemeProvider>
  );
}
