"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Sparkles } from "lucide-react";

export default function ServicesPage() {
  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="Comprehensive Digital Marketing Services for Long Island"
          description="We offer full-suite digital marketing solutions tailored to your business goals. From local SEO to paid advertising, email marketing to reputation management—we've got you covered."
          background={{ variant: "plain" }}
          tag="Complete Digital Solutions"
          tagAnimation="slide-up"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "View Case Studies", href: "/case-studies" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg"
          imageAlt="local SEO search engine optimization analytics graphs"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="services-detail" data-section="services-detail">
        <FeatureCardTwelve
          features={[
            {
              id: "local-seo",              label: "Local SEO",              title: "Dominate Local Search Results",              items: [
                "Rank higher for geo-targeted keywords",                "Google My Business optimization",                "Local link building strategy",                "Citation management and consistency"],
              buttons: [{ text: "Learn More", href: "/services/local-seo" }],
            },
            {
              id: "ppc",              label: "PPC Ads",              title: "Maximize Every Ad Dollar",              items: [
                "Google Ads management and optimization",                "Campaign setup and A/B testing",                "Transparent ROI tracking",                "Continuous bid and budget optimization"],
              buttons: [{ text: "Learn More", href: "/services/ppc" }],
            },
            {
              id: "email",              label: "Email Marketing",              title: "Convert Leads Into Customers",              items: [
                "Automated email campaigns",                "Segmented audience targeting",                "Conversion-focused copywriting",                "Performance analytics and refinement"],
              buttons: [{ text: "Learn More", href: "/services/email-marketing" }],
            },
            {
              id: "social",              label: "Social Media",              title: "Build Engaged Communities",              items: [
                "Content strategy and creation",                "Community management and engagement",                "Paid social advertising",                "Performance metrics and reporting"],
              buttons: [{ text: "Learn More", href: "/services/social-media" }],
            },
            {
              id: "website",              label: "Web Optimization",              title: "Turn Visitors Into Leads",              items: [
                "Conversion rate optimization",                "Landing page design and deployment",                "A/B testing and user experience",                "Technical SEO and performance"],
              buttons: [{ text: "Learn More", href: "/services/website-optimization" }],
            },
            {
              id: "reputation",              label: "Reputation Mgmt",              title: "Protect & Build Your Brand",              items: [
                "Review management and response",                "Reputation monitoring across platforms",                "Brand protection strategy",                "Positive content promotion"],
              buttons: [{ text: "Learn More", href: "/services/reputation-management" }],
            },
          ]}
          animationType="opacity"
          title="Our Service Categories"
          description="Each service is designed to work independently or as part of a comprehensive digital marketing strategy."
          tag="Full Suite of Solutions"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-cta" data-section="services-cta">
        <HeroSplit
          title="Ready to Discuss Your Specific Needs?"
          description="Let's talk about your business goals and which services will deliver the best ROI. Schedule a free consultation with our team today."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Schedule Free Consultation", href: "/contact" },
            { text: "Call (631) 258-1913", href: "tel:+16312581913" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg"
          imageAlt="email marketing campaign communication inbox engagement"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </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>
  );
}