"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Phone, Wrench, Facebook, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ProFlow"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get a Quote",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="ProFlow"
          description="Advanced plumbing solutions powered by cutting-edge technology. Expert service, reliable results, always."
          buttons={[
            {
              text: "Schedule Service",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881082.jpg"
          imageAlt="Professional plumber with modern technology"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About ProFlow"
          description={[
            "ProFlow represents the future of plumbing services, combining traditional craftsmanship with innovative technology. We serve residential and commercial clients with precision, reliability, and expertise.",            "Our team of certified technicians utilizes state-of-the-art diagnostic equipment and proven methods to solve plumbing challenges efficiently. We believe in transparent communication, upfront pricing, and delivering solutions that last.",            "With over 15 years of industry experience, ProFlow has earned the trust of thousands of satisfied customers across the region through consistent quality and exceptional customer service."
          ]}
          buttons={[
            {
              text: "Our Services",              href: "services"
            }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Services"
          description="Comprehensive plumbing solutions leveraging advanced technology and expert craftsmanship"
          tag="Services"
          tagIcon={Wrench}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "emergency",              label: "Emergency",              title: "24/7 Emergency Response",              items: [
                "Same-day service availability",                "Rapid response team deployment",                "Advanced leak detection technology",                "Temporary solutions and repairs"
              ],
              buttons: [
                {
                  text: "Call Now",                  href: "contact"
                }
              ]
            },
            {
              id: "installation",              label: "Installation",              title: "Professional Installation Services",              items: [
                "New pipe system installation",                "Fixture and appliance setup",                "Building code compliance",                "Quality workmanship guaranteed"
              ],
              buttons: [
                {
                  text: "Schedule Consultation",                  href: "contact"
                }
              ]
            },
            {
              id: "maintenance",              label: "Maintenance",              title: "Preventive Maintenance Plans",              items: [
                "Regular system inspections",                "Video pipe inspection technology",                "Drain cleaning and treatment",                "Cost savings through early detection"
              ],
              buttons: [
                {
                  text: "Start Your Plan",                  href: "contact"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose ProFlow"
          description="Proven excellence and customer satisfaction backed by real numbers"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "15+",              description: "Years of Industry Experience"
            },
            {
              id: "2",              value: "10K+",              description: "Satisfied Customers"
            },
            {
              id: "3",              value: "98%",              description: "Customer Satisfaction Rate"
            },
            {
              id: "4",              value: "24/7",              description: "Emergency Support Available"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real experiences from homeowners and business owners who trust ProFlow"
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Michael Johnson",              handle: "@mjohnson_homes",              testimonial: "ProFlow's team arrived within hours of my emergency call. Their technician diagnosed the issue with precision using advanced equipment and fixed it right the first time. Outstanding service!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "2",              name: "Sarah Williams",              handle: "@swilliams_design",              testimonial: "We've been using ProFlow's maintenance plan for two years. They caught a potential major issue during an inspection that saved us thousands. Professional, reliable, and honest.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "3",              name: "James Chen",              handle: "@jchen_business",              testimonial: "For our commercial property, we needed someone we could trust for urgent repairs. ProFlow has never let us down. Their response time and technical expertise are exceptional.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",              imageAlt: "James Chen"
            },
            {
              id: "4",              name: "Emily Rodriguez",              handle: "@erodriguez_homes",              testimonial: "The new fixture installation was seamless. ProFlow's technician walked me through everything and left the workspace spotless. I'd recommend them to anyone without hesitation.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageAlt: "Emily Rodriguez"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services and technology"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What areas do you service?",              content: "ProFlow serves the greater metropolitan area and surrounding suburbs. We handle both residential and commercial properties. Contact us to verify service availability for your specific location."
            },
            {
              id: "2",              title: "Are you available for emergency calls?",              content: "Yes! We offer 24/7 emergency plumbing services. Our rapid response team is equipped to handle urgent situations at any time. Call us immediately for emergency assistance."
            },
            {
              id: "3",              title: "How do you diagnose plumbing issues?",              content: "We use advanced diagnostic technology including video pipe inspection cameras and leak detection equipment. This allows us to identify problems accurately without unnecessary property damage."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, checks, and electronic payments. For maintenance plans, we offer flexible payment options. Ask about our financing options for larger projects."
            },
            {
              id: "5",              title: "Do you provide warranties?",              content: "Absolutely. All our work comes with a satisfaction guarantee. We stand behind our repairs and installations with comprehensive warranties covering both labor and materials."
            },
            {
              id: "6",              title: "How can I schedule a service appointment?",              content: "You can schedule online through our website, call us directly, or use our mobile app. We offer flexible scheduling and can often accommodate same-day or next-day appointments."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Experience ProFlow"
          ctaDescription="Get in touch with our team today for expert plumbing solutions backed by technology and craftsmanship."
          ctaButton={{
            text: "Schedule Your Service",            href: "https://contact.proflow.com"
          }}
          ctaIcon={Phone}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's included in an initial consultation?",              content: "Your free consultation includes a thorough assessment of your plumbing system, visual inspection, diagnostic testing if needed, and a detailed estimate. We'll discuss your concerns and recommend the best solutions for your situation."
            },
            {
              id: "2",              title: "How quickly can you respond to service calls?",              content: "For emergency calls, our team aims to respond within 2 hours. For non-emergency appointments, we typically schedule within 24-48 hours. Same-day service is often available depending on call volume."
            },
            {
              id: "3",              title: "Do you offer upfront pricing?",              content: "Yes, we believe in complete transparency. After diagnosis, we provide a detailed written estimate before starting any work. No hidden fees or surprise charges—just honest, fair pricing."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="ProFlow"
          copyrightText="© 2025 ProFlow Plumbing. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/proflow",              ariaLabel: "ProFlow Facebook"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/proflow",              ariaLabel: "ProFlow LinkedIn"
            },
            {
              icon: Phone,
              href: "tel:1-800-PROFLOW",              ariaLabel: "Call ProFlow"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}