"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { Sparkles } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Request Service",            href: "/contact"}}
          brandName="Schneider Plumbing & Heating"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          tagIcon={Sparkles}
          title="Local Plumbing Experts You Can Trust"
          description="Schneider Plumbing & Heating is a trusted local company known for honest work, experienced plumbers, and clear communication with customers. Whether it's an emergency repair or a routine installation, our team focuses on solving problems quickly and explaining the process so homeowners feel confident in the work being done. Led by owner Bob Schneider and supported by experienced technicians like Carl, we've built our reputation on reliability and excellence."
          metrics={[
            { value: "20+", title: "Years of Service" },
            { value: "1000+", title: "Happy Homeowners" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg"
          imageAlt="professional plumbing team working together"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from local homeowners who trust Schneider Plumbing & Heating."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Lori Thurston",              date: "Date: 2024",              title: "Exceptional Knowledge and Service",              quote: "Schneider Plumbing & Heating has helped me out at my house several times. They always do a wonderful job and are extremely knowledgeable. They explained everything clearly in ways I could understand. I'm extremely happy with the company.",              tag: "Homeowner",              avatarSrc: "http://img.b2bpic.net/free-photo/business-people-shaking-hands-finishing-up-meeting-deals-business-concept_1150-2981.jpg",              avatarAlt: "satisfied customer portrait professional",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",              imageAlt: "professional plumbing team working together"},
            {
              id: "2",              name: "Konnolly",              date: "Date: 2024",              title: "Fair Pricing and Professionalism",              quote: "They came out for an emergency plumbing issue without any notice and charged us very fairly. The plumber was kind and explained everything clearly. This is the kind of service you want in an emergency.",              tag: "Emergency Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",              avatarAlt: "professional portrait business person",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",              imageAlt: "professional plumber working on pipes"},
            {
              id: "3",              name: "Cynthia Ravosa",              date: "Date: 2024",              title: "Saved Our Holiday",              quote: "Bob really helped us out of a jam. Rats destroyed my mom's hot water heater right before Thanksgiving. Schneider Plumbing saved our holiday and made sure everything was working again perfectly.",              tag: "Water Heater",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman_23-2148603016.jpg",              avatarAlt: "customer success portrait photo",              imageSrc: "http://img.b2bpic.net/free-vector/waters-supply-plumbing-service-isomertic-banners_1284-17769.jpg",              imageAlt: "water heater installation repair"},
            {
              id: "4",              name: "Phil Knight",              date: "Date: 2024",              title: "Professional and Knowledgeable",              quote: "The plumber was professional, polite, and very knowledgeable. He was happy to show me what he was doing and answer all my questions. That level of communication really puts you at ease.",              tag: "Professional Service",              avatarSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",              avatarAlt: "professional portrait happy customer",              imageSrc: "http://img.b2bpic.net/free-photo/engineer-assembling-hvac-unit-manometers_482257-92713.jpg",              imageAlt: "furnace heating system installation"},
            {
              id: "5",              name: "Dori Urch",              date: "Date: 2024",              title: "Master of the Craft",              quote: "Bob Schneider is an artist who happens to be a plumber. Truly the best. His attention to detail and commitment to quality is unmatched in our community.",              tag: "Expert Service",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              avatarAlt: "happy customer professional portrait",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg",              imageAlt: "drain cleaning pipe maintenance"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg"
          imageAlt="professional plumbing team working together"
          columns={[
            {
              title: "Services",              items: [
                { label: "Emergency Plumbing", href: "/" },
                { label: "Water Heater Repair", href: "/" },
                { label: "Heating & Furnace", href: "/" },
                { label: "Drain Issues", href: "/" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "FAQ", href: "/" },
                { label: "Service Areas", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Licenses & Certifications", href: "#" },
                { label: "Contact Us", href: "/contact" },
              ],
            },
          ]}
          logoText="Schneider Plumbing & Heating"
          copyrightText="© 2025 Schneider Plumbing & Heating. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}