"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Star } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Call Now", id: "tel:+18135378085" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Clog Kings Tampa"
          bottomLeftText="24/7 Emergency Service"
          bottomRightText="(813) 537-8085"
        />
      </div>

      <div id="about-intro" data-section="about-intro">
        <TextSplitAbout
          title="About Clog Kings Tampa"
          description={[
            "Clog Kings Tampa is a family-owned and operated plumbing company proudly serving Tampa and surrounding areas. Founded with a commitment to exceptional customer service, we've become the trusted choice for over 10,000 satisfied customers.",            "Our mission is simple: provide fast, affordable, and reliable plumbing solutions with complete transparency. We believe in building long-term relationships with our customers by delivering outstanding results every single time.",            "With a 4.9-star rating from 75+ verified Google reviews, our reputation speaks for itself. Every team member is fully licensed, background checked, and Google Verified. We're available 24/7 because emergencies don't wait for business hours."]}
          buttons={[
            { text: "Call Now (813) 537-8085", href: "tel:+18135378085" },
            { text: "View Our Services", href: "/services" },
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
          ariaLabel="About Clog Kings Tampa company information"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Why Thousands of Tampa Homeowners Trust Clog Kings"
          cardTag="4.9 Stars - 75+ Google Reviews"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",              imageAlt: "Sarah Johnson - satisfied customer"},
            {
              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "Michael Chen - happy homeowner"},
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Emily Rodriguez - customer testimonial"},
            {
              id: "4",              name: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "David Kim - verified review"},
            {
              id: "5",              name: "Jessica Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",              imageAlt: "Jessica Martinez - trusted customer"},
            {
              id: "6",              name: "Robert Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",              imageAlt: "Robert Thompson - 5-star review"},
          ]}
          useInvertedBackground={false}
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="commitment" data-section="commitment">
        <ContactText
          text="We're committed to being your trusted plumbing partner in Tampa. With transparent pricing, expert technicians, and 24/7 availability, we're ready to solve your plumbing challenges whenever you need us."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Service", href: "tel:+18135378085" },
            { text: "Learn About Our Services", href: "/services" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Our commitment to you section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Clog Kings Tampa"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "(813) 537-8085", href: "tel:+18135378085" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}