"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MediaAbout from "@/components/sections/about/MediaAbout";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";

export default function AboutPage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "Why Us", id: "why-us" },
    { name: "Reviews", id: "reviews" },
    { name: "Service Area", id: "service-area" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="A Cut Above" navItems={navItems} />
      </div>

      <div id="about-brent" data-section="about-brent">
        <MediaAbout
          title="About A Cut Above Tree Service"
          description="A Cut Above is owner-operated by Brent, a dedicated local professional serving Lake Stevens and Snohomish County. With years of expertise in precision tree removal, hazardous tree work, and complete property care, Brent is committed to providing exceptional service backed by professionalism and genuine customer care."
          tag="Local Professional"
          buttons={[
            { text: "Call Brent Now", href: "tel:2069305697" },
            { text: "Get Free Estimate" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/analyzing-results-expert-study_1098-14778.jpg?_wi=4"
          imageAlt="precision work careful planning professional accuracy"
          useInvertedBackground={false}
        />
      </div>

      <div id="expertise" data-section="expertise">
        <MetricCardSeven
          metrics={[
            {
              id: "expertise-1",              value: "Expert",              title: "Precision Tree Removal",              items: [
                "Specialized techniques for trees near structures",                "Safe handling of large dangerous trees",                "Professional equipment and certification"],
            },
            {
              id: "expertise-2",              value: "Local",              title: "Snohomish County & Lake Stevens",              items: [
                "Deep local knowledge and connections",                "Rapid response times",                "Community-focused service"],
            },
            {
              id: "expertise-3",              value: "Certified",              title: "Licensed, Insured & Bonded",              items: [
                "Full professional liability coverage",                "Property protection",                "Regulatory compliance"],
            },
          ]}
          title="Our Expertise & Credentials"
          description="Trusted by local homeowners for professional tree care backed by proper licensing, insurance, and proven expertise."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="customer-stories" data-section="customer-stories">
        <TestimonialCardFive
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Mitchell, Homeowner",              date: "Date: January 2025",              title: "Extremely professional and perfect job",              quote:
                "Brent removed a massive oak tree right next to our fence. The precision was incredible—no damage to our property at all. Highly recommend for careful, expert work.",              tag: "Tree Removal",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=7",              imageAlt: "safety equipment protective gear professional arborist trained"},
            {
              id: "testimonial-2",              name: "Michael Chen, Property Owner",              date: "Date: December 2024",              title: "Very careful and cleaned up too",              quote:
                "Called for emergency tree removal after the storm. Brent arrived quickly, removed the hazardous tree safely, and left our yard spotless. Professional from start to finish.",              tag: "Emergency Service",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/man-yellow-vest-raking-leaves-park_259150-57324.jpg?_wi=3",              imageAlt: "cleanup organized professional thorough"},
            {
              id: "testimonial-3",              name: "Jennifer Rodriguez, Homeowner",              date: "Date: November 2024",              title: "Super nice and fast",              quote:
                "Great communication, fair pricing, and fast work. Brent is the kind of local professional you can trust. Would definitely use again.",              tag: "Trimming Service",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-vector/business-man-business-woman-with-statistics-bar-coins_24640-45220.jpg?_wi=2",              imageAlt: "fair pricing value affordable transparent"},
          ]}
          title="What Customers Say About Us"
          description="Real feedback from homeowners and property managers who've experienced A Cut Above service firsthand."
          tag="Verified Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="A Cut Above"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}