"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { CheckCircle, Facebook, Instagram, Phone } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Monjas YSK"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Gallery", id: "/gallery" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Call Now", href: "tel:+17755551234" }}
        />
      </div>

      {/* About Company */}
      <div id="about-company" data-section="about-company">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={CheckCircle}
          title="Built on Craftsmanship and Community Trust"
          description="Monjas YSK Landscaping was founded on the principle that quality outdoor spaces enhance quality of life. For over 20 years, our experienced team has served the Reno and Carson City communities with professional landscaping, innovative irrigation solutions, and expert hardscape construction. We believe in transparent pricing, reliable service, and treating each project as if it were our own home."
          metrics={[
            { value: "20+", title: "Years of Combined Experience" },
            { value: "500+", title: "Satisfied Homeowners Served" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27418.jpg?_wi=2"
          imageAlt="Monjas YSK landscaping team"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          ariaLabel="About company section"
        />
      </div>

      {/* About CTA */}
      <div id="about-cta" data-section="about-cta">
        <ContactText
          text="Ready to work with a team that genuinely cares about your project? Whether you need a complete landscape redesign, irrigation system installation, or hardscape construction, we're here to help. Contact us today for your free site evaluation."
          animationType="entrance-slide"
          background={{ variant: "noise" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Get Your Free Estimate", href: "tel:+17755551234" },
            { text: "View Our Work", href: "/gallery" },
          ]}
          ariaLabel="About page call to action"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Monjas YSK"
          copyrightText="© 2025 Monjas YSK Landscaping. All rights reserved. Professional Landscaping & Outdoor Construction serving Reno & Carson City, NV."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Phone, href: "tel:+17755551234", ariaLabel: "Call us" },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}