"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import { Award, CheckCircle, TrendingUp, Heart, Zap } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Why Us", id: "why-us" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "Interior Renovations", href: "/services" },
        { label: "Exterior Construction", href: "/services" },
        { label: "Repairs & Maintenance", href: "/services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Process", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Get Help",
      items: [
        { label: "Call (917) 498-2545", href: "tel:(917) 498-2545" },
        { label: "Email Inquiry", href: "mailto:info@skyhighcontracting.com" },
        { label: "Free Estimate", href: "/contact" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sky High Contracting"
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:(917) 498-2545" }}
        />
      </div>

      <div id="about-main" data-section="about-main">
        <SplitAbout
          title="Our Story: 20+ Years of Excellence"
          description="Sky High Contracting was founded with a simple mission: to provide honest, professional construction services to New York homeowners and businesses. For over two decades, we've built our reputation on quality craftsmanship, transparent communication, and unwavering commitment to customer satisfaction. Every project—whether a small repair or full renovation—receives the same attention to detail and professional dedication."
          tag="Trusted Local Partner"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg?_wi=2"
          imageAlt="Professional construction team"
          imagePosition="right"
          buttons={[{ text: "Start Your Project", href: "/contact" }]}
          bulletPoints={[
            {
              title: "20+ Years Experience",
              description: "Serving New York with consistent quality and professional excellence since 2004",
              icon: Award,
            },
            {
              title: "Licensed & Insured",
              description: "Full credentials, bonding, and comprehensive insurance for complete peace of mind",
              icon: CheckCircle,
            },
            {
              title: "Transparent & Honest",
              description: "No hidden costs, straightforward estimates, and open communication every step of the way",
              icon: TrendingUp,
            },
          ]}
        />
      </div>

      <div id="about-values" data-section="about-values">
        <FeatureCardThree
          title="What Drives Us"
          description="Our core values guide every decision and every project we undertake"
          tag="Our Philosophy"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              id: "01",
              title: "Integrity First",
              description: "We stand behind our work with honesty and accountability. Your trust is our most valuable asset.",
              imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg?_wi=5",
              imageAlt: "Honest contractor communication",
            },
            {
              id: "02",
              title: "Quality Craftsmanship",
              description: "We use superior materials and proven techniques to build projects that last generations.",
              imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg?_wi=6",
              imageAlt: "Expert craftsmanship",
            },
            {
              id: "03",
              title: "Customer Care",
              description: "Your satisfaction is our success measure. We're available 24/7 and responsive to your needs.",
              imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg?_wi=7",
              imageAlt: "Customer-focused service",
            },
            {
              id: "04",
              title: "Local Community",
              description: "We're invested in New York and proud to serve our neighbors with respect and professionalism.",
              imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg?_wi=8",
              imageAlt: "Community engagement",
            },
          ]}
        />
      </div>

      <div id="about-contact" data-section="about-contact">
        <ContactCenter
          tag="Get to Know Us Better"
          title="Ready to Work With Sky High Contracting?"
          description="Experience professional construction services backed by 20+ years of expertise and a commitment to excellence. Contact us today to discuss your project needs."
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Request Consultation"
          termsText="We respond within 24 hours | Licensed & Insured | Free Estimates"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg?_wi=3"
          imageAlt="Construction team at work"
          logoText="Sky High Contracting"
          copyrightText="© 2025 Sky High Contracting. All rights reserved. Licensed & Insured."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}