"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Early Bird Landscaping"
          navItems={[
            { name: "Services", id: "/services" },
            { name: "Before & After", id: "/before-after" },
            { name: "Reviews", id: "/reviews" },
            { name: "About", id: "/about" }
          ]}
        />
      </div>

      <div id="about-hero" data-section="about-hero">
        <MediaAbout
          title="A crew that treats your yard like it's their own."
          description="Early Bird Landscaping is built on three things: quality work, friendly service, and affordability. Our customers mention our crew by name because we're not a rotating set of strangers—we show up, communicate, and handle the job start-to-finish with pride. We show up fast, work hard, and leave your property spotless."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/woman-with-vegetables-utility-cart_23-2147954312.jpg?_wi=3"
          imageAlt="Early Bird Landscaping crew at work"
          buttons={[{ text: "Call Now", href: "tel:+1-555-0123" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="our-values" data-section="our-values">
        <MetricCardTwo
          title="What Drives Us Every Day"
          description="The principles that guide our work and define our commitment to every customer."
          metrics={[
            {
              id: "1",
              value: "Quality",
              description: "Every project gets our full attention to detail and professional standards"
            },
            {
              id: "2",
              value: "Reliability",
              description: "We show up when promised and finish what we start"
            },
            {
              id: "3",
              value: "Integrity",
              description: "Transparent pricing, honest communication, no hidden surprises"
            },
            {
              id: "4",
              value: "Pride",
              description: "We take ownership of every transformation we create"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Work with a Team You Can Trust"
          ctaDescription="Experience the difference of working with landscapers who care about your property as much as you do."
          ctaButton={{ text: "Meet the Team", href: "tel:+1-555-0123" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "How long have you been in business?",
              content: "We've been serving the community for over 5 years, building our reputation one satisfied customer at a time through quality work and reliable service."
            },
            {
              id: "2",
              title: "Are you licensed and insured?",
              content: "Yes, we're fully licensed, insured, and bonded. We carry comprehensive liability insurance and maintain all required certifications for your peace of mind."
            },
            {
              id: "3",
              title: "What makes your team different?",
              content: "We use the same experienced crew for consistency, take personal pride in every project, and treat each property like it belongs to our own family."
            },
            {
              id: "4",
              title: "How do you ensure customer satisfaction?",
              content: "We communicate clearly throughout the process, never consider a job finished until you're completely happy, and stand behind our work with follow-up service."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Services",
            items: [
              { label: "Yard Cleanouts", href: "/services" },
              { label: "Weed Removal", href: "/services" },
              { label: "Trimming & Pruning", href: "/services" },
              { label: "Rental Cleanup", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Before & After", href: "/before-after" },
              { label: "Reviews", href: "/reviews" },
              { label: "Get a Quote", href: "#quote" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Call Us", href: "tel:+1-555-0123" },
              { label: "Text for Quote", href: "sms:+1-555-0123" },
              { label: "Email", href: "mailto:info@earlybird-landscaping.com" },
              { label: "Hours", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Service Areas", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Early Bird Landscaping. All rights reserved."
        bottomRightText="Serving your neighborhood with pride."
      />
    </ThemeProvider>
  );
}