"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import {
  Globe,
  Zap,
  Target,
  TrendingUp,
  Users,
  DollarSign,
} from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Rank First"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Case Studies", id: "case-studies" },
            { name: "Insights", id: "blog" },
            { name: "About", id: "about" },
          ]}
          button={{
            text: "Start Free Audit",
            href: "/contact",
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Rank First"
          description="SEO and generative engine optimization built for manufacturers and B2B businesses. We deliver measurable rankings, qualified leads, and sustainable organic revenue."
          buttons={[
            {
              text: "Start Your Free SEO Audit",
              href: "/contact",
            },
            {
              text: "Explore Services",
              href: "/services",
            },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "floatingGradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/a-modern-seo-dashboard-interface-showing-1772518405015-96b2a8ae.png"
          imageAlt="SEO Dashboard showing rankings and metrics"
          mediaAnimation="blur-reveal"
          frameStyle="browser"
          ariaLabel="Hero section - Rank First Agency"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Built for Brands That Want to Dominate Search"
          description="Rank First specializes in helping manufacturing companies and mid-market B2B businesses overcome low online visibility. We combine deep industry expertise with data-driven SEO and cutting-edge generative engine optimization to deliver consistent, measurable growth in qualified leads and organic revenue. Our transparent approach means you always know what's working and why."
          tag="Our Approach"
          buttons={[
            {
              text: "Learn More About Our Process",
              href: "/services",
            },
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/a-professional-team-of-seo-specialists-a-1772518404461-4824f0ba.png?_wi=1"
          imageAlt="Rank First team collaborating on SEO strategy"
          useInvertedBackground={false}
          ariaLabel="About section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Services Designed for Sustainable Growth"
          description="From keyword research to ranking optimization to next-generation AEO strategies, our comprehensive service suite addresses every stage of your organic visibility journey."
          tag="Our Expertise"
          features={[
            {
              title: "Strategic Keyword Research",
              description:
                "In-depth analysis of search intent and opportunity for your industry, identifying high-value keywords that drive qualified leads.",
              bentoComponent: "globe",
            },
            {
              title: "Generative Engine Optimization (AEO)",
              description:
                "Optimize your content for AI-powered search engines and generative results. Stay ahead of the curve with next-generation SEO strategies.",
              bentoComponent: "animated-bar-chart",
            },
            {
              title: "Technical SEO Audits",
              description:
                "Comprehensive technical analysis to eliminate barriers to ranking. We optimize site speed, mobile-friendliness, indexability, and core web vitals.",
              bentoComponent: "map",
            },
            {
              title: "Content Optimization",
              description:
                "Data-driven content strategy that balances user intent with search engine requirements. Every page positions you for rankings and conversions.",
              bentoComponent: "line-chart",
            },
            {
              title: "Link Building & Authority",
              description:
                "Strategic link acquisition and brand authority building programs tailored to your industry. Proven results in competitive manufacturing and B2B sectors.",
              bentoComponent: "orbiting-icons",
              centerIcon: Zap,
              items: [
                { icon: Globe, ring: 1 },
                { icon: Target, ring: 2 },
                { icon: TrendingUp, ring: 3 },
              ],
            },
            {
              title: "Transparent Performance Reporting",
              description:
                "Monthly reports showing rankings, traffic, leads, and ROI. Real metrics, real accountability. You'll always know what's driving results.",
              bentoComponent: "icon-info-cards",
              items: [
                { icon: TrendingUp, label: "Rankings", value: "+47 avg" },
                { icon: Users, label: "Leads", value: "+156%" },
                { icon: DollarSign, label: "ROI", value: "340%" },
              ],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Services section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Results That Speak for Themselves"
          description="Our clients across manufacturing and B2B sectors consistently achieve breakthrough organic growth."
          tag="Proven Impact"
          metrics={[
            {
              id: "1",
              value: "87%",
              title:
                "Clients ranking in top 3 for priority keywords within 12 months",
              items: [
                "Average 18-month timeline",
                "Cumulative improvement across all targets",
                "Measured against competitive landscape",
              ],
            },
            {
              id: "2",
              value: "3.2x",
              title: "Average increase in organic qualified leads",
              items: [
                "Industry-specific targeting",
                "Intent-based keyword focus",
                "Sustained year-over-year growth",
              ],
            },
            {
              id: "3",
              value: "52+",
              title: "Manufacturing and B2B brands trusted us with their growth",
              items: [
                "Average client tenure: 3+ years",
                "98% client retention rate",
                "Multi-vertical industry expertise",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Metrics section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Clients Say"
          description="Hear from manufacturers, B2B business leaders, and procurement teams who've transformed their organic visibility with Rank First."
          tag="Client Voices"
          testimonials={[
            {
              id: "1",
              name: "Michael Chen",
              role: "VP of Sales",
              company: "Precision Industrial Solutions",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-a-manufacturing-1772518404579-450d8e89.png?_wi=1",
            },
            {
              id: "2",
              name: "Sarah Johnson",
              role: "Marketing Director",
              company: "TechFlow Manufacturing",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-a-mid-market-ma-1772518403977-460008ee.png?_wi=1",
            },
            {
              id: "3",
              name: "David Rodriguez",
              role: "Procurement Lead",
              company: "Global Supply Systems",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-an-enterprise-p-1772518405371-9961e870.png?_wi=1",
            },
            {
              id: "4",
              name: "Jennifer Walsh",
              role: "Business Owner",
              company: "Advanced Component Manufacturing",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-a-b2b-service-b-1772518406410-0f33e423.png",
            },
            {
              id: "5",
              name: "Robert Kim",
              role: "VP of Operations",
              company: "Industrial Parts Distribution",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-a-manufacturing-1772518404314-0196fc97.png",
            },
            {
              id: "6",
              name: "Emily Thompson",
              role: "Digital Strategy Manager",
              company: "B2B Services Group",
              rating: 5,
              imageSrc:
                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-headshot-of-a-digital-marke-1772518404333-f6cc64c4.png",
            },
          ]}
          kpiItems={[
            { value: "180+", label: "Ranking positions improved" },
            { value: "96%", label: "Client satisfaction rate" },
            { value: "3.1x", label: "Average ROI increase" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Manufacturing companies and B2B service providers across diverse sectors trust Rank First to drive their organic growth."
          tag="Client Partners"
          textboxLayout="default"
          useInvertedBackground={false}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-logo-for-a-mid-size-manufac-1772518403167-2ec028d3.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/corporate-logo-for-a-b2b-manufacturing-o-1772518404438-9e9d567e.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/modern-b2b-technology-company-logo-featu-1772518403695-207c94ac.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/professional-service-company-logo-with-m-1772518403631-8ce8e90b.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/enterprise-level-company-logo-with-sophi-1772518403999-9f6ba61f.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/industrial-manufacturing-company-logo-wi-1772518404013-54dbd4bd.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/digital-agency-or-consulting-company-log-1772518410205-b4687706.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/b2b-software-or-saas-company-logo-contem-1772518404296-3d95d979.png",
          ]}
          speed={40}
          showCard={true}
          ariaLabel="Trusted partners section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Rank First"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#",
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}