"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Award, Sparkles, CheckCircle, Zap } from "lucide-react";

export default function HomePage() {
  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="Results-Driven Digital Marketing for Long Island Businesses"
          description="Get more qualified leads, maximize your ad spend, and grow your business with proven strategies from the area's most trusted digital marketing agency. 10+ years serving local businesses."
          background={{ variant: "plain" }}
          tag="Local Authority • 10+ Years"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call (631) 258-1913", href: "tel:+16312581913" },
            { text: "Get Free Strategy Session", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/professionals-present-financial-charts-meeting_482257-121150.jpg?_wi=1"
          imageAlt="digital marketing team office laptop charts"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardSeven
          metrics={[
            {
              id: "1",              value: "10+",              title: "Years Serving Long Island Businesses",              items: [
                "Proven track record of success",                "Deep market knowledge",                "Long-term client relationships"],
            },
            {
              id: "2",              value: "500+",              title: "Projects Completed",              items: [
                "Diverse industry expertise",                "Scalable solutions",                "Measurable results"],
            },
            {
              id: "3",              value: "5.0★",              title: "Client Reviews",              items: [
                "Transparent reporting",                "Direct team access",                "ROI-focused approach"],
            },
            {
              id: "4",              value: "100%",              title: "Local Focus",              items: [
                "East Quogue based",                "Serve Long Island & beyond",                "Understand local market"],
            },
          ]}
          animationType="slide-up"
          title="Why Trust Internet Services Group"
          description="We've built our reputation on results, transparency, and direct client communication. Here's what sets us apart."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <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"],
              buttons: [{ text: "Learn More", href: "/services/local-seo" }],
            },
            {
              id: "ppc",              label: "PPC Ads",              title: "Maximize Every Ad Dollar",              items: [
                "Google Ads management",                "Campaign optimization",                "Transparent ROI tracking"],
              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"],
              buttons: [{ text: "Learn More", href: "/services/email-marketing" }],
            },
            {
              id: "social",              label: "Social Media",              title: "Build Engaged Communities",              items: [
                "Content strategy & creation",                "Community management",                "Paid social advertising"],
              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",                "A/B testing strategy"],
              buttons: [{ text: "Learn More", href: "/services/website-optimization" }],
            },
            {
              id: "reputation",              label: "Reputation Mgmt",              title: "Protect & Build Your Brand",              items: [
                "Review management",                "Reputation monitoring",                "Brand protection strategy"],
              buttons: [{ text: "Learn More", href: "/services/reputation-management" }],
            },
          ]}
          animationType="opacity"
          title="Our Core Services"
          description="Comprehensive digital marketing solutions designed to drive qualified leads and measurable growth for your business."
          tag="Services"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="We deliver transparent, results-driven marketing that actually moves the needle for your business."
          description="Direct Access to Strategy Team"
          subdescription="No account managers. No roadblocks. Talk to the people building your campaigns."
          icon={Zap}
          imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg?_wi=1"
          imageAlt="website optimization web design conversion user experience responsive"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Local Businesses"
          description="Join 500+ Long Island businesses getting real results from Internet Services Group."
          tag="Partners"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Residential Contractors",            "Medical Practices",            "Legal Firms",            "Home Services",            "E-Commerce Stores",            "Professional Services",            "Local Retail",            "Manufacturers"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Local SEO Transformed Our Lead Pipeline",              quote:
                "I've been a customer for going on ten years. Their commitment to our success is unmatched. Our phones have never been busier.",              name: "John Martinez",              role: "Owner, Martinez Contracting",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "professional headshot business man portrait"},
            {
              id: "2",              title: "PPC Campaign Delivered Immediate Results",              quote:
                "Our recent Google Ads campaign brought us 2 new clients in the first month. The ROI was exactly what we needed.",              name: "Sarah Chen",              role: "Practice Manager, Advanced Dental Care",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",              imageAlt: "professional headshot business woman portrait"},
            {
              id: "3",              title: "Email Marketing Nurtures Our Best Leads",              quote:
                "The email campaigns are bringing us consistent, high-quality leads. Their strategy is data-driven and transparent.",              name: "Michael Thompson",              role: "Business Owner, Thompson's Home Services",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "professional headshot business man portrait"},
            {
              id: "4",              title: "Professional Team, Professional Results",              quote:
                "Finally, an agency that understands local business. They've helped us reach customers we didn't know existed.",              name: "Emily Rodriguez",              role: "Marketing Manager, East End Retail Group",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",              imageAlt: "professional headshot business woman portrait"},
            {
              id: "5",              title: "Social Media Engagement Skyrocketed",              quote:
                "Our social presence went from non-existent to thriving. The engagement metrics are incredible.",              name: "David Kim",              role: "Owner, Kim's Legal Services",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "professional headshot business man portrait"},
            {
              id: "6",              title: "Website Optimization Increased Conversions",              quote:
                "We saw a 40% increase in form submissions after their website optimization. Best investment we've made.",              name: "Lisa Wang",              role: "Operations Director, Premier Medical Solutions",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=3",              imageAlt: "professional headshot business woman portrait"},
          ]}
          title="Client Success Stories"
          description="Real results from real businesses on Long Island."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactSplitForm
          title="Ready to Grow Your Business?"
          description="Get your free marketing strategy session. Our team will analyze your current efforts and show you exactly how to get more qualified leads."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
            },
            {
              name: "company",              type: "text",              placeholder: "Business Name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "(631) XXX-XXXX",              required: true,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your biggest marketing challenge",            rows: 4,
            required: false,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg?_wi=1"
          imageAlt="Google Ads PPC paid advertising campaign metrics"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          buttonText="Get My Free Strategy Session"
        />
      </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>
  );
}