"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { CheckCircle, Shield, MessageSquare, Home, Award, Users } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Stemple Electric"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Call Now",
            href: "tel:+13075551234"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout 
          title="About Stemple Electric"
          description="Founded on the principles of honest service, professional craftsmanship, and clear communication, Stemple Electric has been serving Wyoming communities with reliable electrical solutions. We believe every job should be done right the first time, every time."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Licensed & Insured",
              description: "Fully licensed Wyoming electricians with comprehensive insurance coverage for your protection and peace of mind.",
              icon: Shield
            },
            {
              title: "Quality Craftsmanship",
              description: "Professional workmanship that meets and exceeds electrical codes and safety standards with attention to detail.",
              icon: Award
            },
            {
              title: "Clear Communication",
              description: "Straightforward explanations, honest pricing, and regular updates throughout your electrical project.",
              icon: MessageSquare
            },
            {
              title: "Community Focused",
              description: "Proudly serving Wyoming communities with the same dedication we'd show our own neighbors and family.",
              icon: Users
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66854.jpg?_wi=4"
          imageAlt="Professional electrician at work"
          imagePosition="right"
          mediaAnimation="slide-up"
          buttons={[
            { text: "View Services", href: "/services" },
            { text: "Get Estimate", href: "/contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="Customer Testimonials"
          description="Hear from Wyoming homeowners and business owners about their experience with Stemple Electric."
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "James Mitchell",
              role: "Homeowner",
              company: "Cheyenne, WY",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
              imageAlt: "James Mitchell"
            },
            {
              id: "2",
              name: "Sarah Anderson",
              role: "Property Manager",
              company: "Casper, WY",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
              imageAlt: "Sarah Anderson"
            },
            {
              id: "3",
              name: "Tom Rodriguez",
              role: "Business Owner",
              company: "Laramie, WY",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7",
              imageAlt: "Tom Rodriguez"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="service-area" data-section="service-area">
        <SocialProofOne 
          title="Wyoming Service Areas"
          description="We're proud to serve communities across Wyoming with the same high-quality electrical services and professional standards."
          tag="Coverage Area"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Cheyenne", "Casper", "Laramie", "Gillette", "Sheridan", "Rock Springs", "Powder River", "Rawlins", "Torrington", "Riverton"]}
          speed={40}
          showCard={true}
          buttons={[
            { text: "Check Availability", href: "/contact" }
          ]}
        />
      </div>

      <FooterLogoReveal 
        logoText="STEMPLE ELECTRIC"
        leftLink={{
          text: "Privacy Policy",
          href: "#"
        }}
        rightLink={{
          text: "Terms of Service",
          href: "#"
        }}
      />
    </ThemeProvider>
  );
}