"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { CheckCircle, Award, Zap } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="Internet Services Group"
          bottomLeftText="East Quogue, NY 11942"
          bottomRightText="(631) 258-1913"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="About Internet Services Group"
          description="10+ years of digital marketing excellence serving Long Island businesses. We're a team of strategists, creators, and data analysts dedicated to delivering measurable results for our clients."
          background={{ variant: "plain" }}
          tag="Local Expertise • Proven Results"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Our Services", href: "/services" },
            { text: "Get Started", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/professionals-present-financial-charts-meeting_482257-121150.jpg?_wi=2"
          imageAlt="digital marketing team office laptop charts"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about-mission" data-section="about-mission">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="We believe in transparent, results-driven digital marketing that transforms businesses."
          description="Our Commitment"
          subdescription="Every client relationship is built on trust, clear communication, and a shared commitment to measurable ROI."
          icon={Zap}
          imageSrc="http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367136.jpg"
          imageAlt="reputation management reviews star rating feedback business"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="about-metrics" data-section="about-metrics">
        <MetricCardSeven
          metrics={[
            {
              id: "1",              value: "10+",              title: "Years of Digital Marketing Excellence",              items: [
                "Industry expertise and knowledge",                "Proven track record",                "Continuous innovation and learning"],
            },
            {
              id: "2",              value: "500+",              title: "Successful Projects Completed",              items: [
                "Diverse client portfolio",                "Multiple industries served",                "Consistent quality and results"],
            },
            {
              id: "3",              value: "5.0★",              title: "Client Satisfaction Rating",              items: [
                "Testimonials and case studies",                "Long-term client relationships",                "Transparent reporting and communication"],
            },
            {
              id: "4",              value: "100%",              title: "Dedicated to Local Growth",              items: [
                "Based in East Quogue, NY",                "Understand Long Island market",                "Serve businesses across the region"],
            },
          ]}
          animationType="slide-up"
          title="About Our Impact"
          description="We measure success by the growth and success of our clients. Here are the metrics that matter."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Internet Services Group"
          columns={[
            {
              title: "Services",              items: [
                { label: "Local SEO", href: "/services/local-seo" },
                { label: "Google Ads (PPC)", href: "/services/ppc" },
                { label: "Email Marketing", href: "/services/email-marketing" },
                { label: "Social Media", href: "/services/social-media" },
                {
                  label: "Website Optimization",                  href: "/services/website-optimization"},
                {
                  label: "Reputation Management",                  href: "/services/reputation-management"},
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Case Studies", href: "/case-studies" },
                { label: "Blog", href: "/blog" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Contact Info",              items: [
                { label: "(631) 258-1913", href: "tel:+16312581913" },
                {
                  label: "472 Montauk Hwy, East Quogue, NY 11942",                  href: "#"},
                {
                  label: "hello@internetservicesgroup.com",                  href: "mailto:hello@internetservicesgroup.com"},
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Internet Services Group, Inc. All rights reserved. Long Island Digital Marketing Agency."
        />
      </div>
    </ThemeProvider>
  );
}