"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Mail } from "lucide-react";

export default function CaseStudiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      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="case-studies-clients" data-section="case-studies-clients">
        <TestimonialCardSixteen
          title="Real Results from Real Clients"
          description="Explore the success stories of manufacturers and B2B businesses that transformed their organic visibility and revenue with Rank First's proven SEO and AEO strategies."
          tag="Success Stories"
          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"},
            {
              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"},
            {
              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"},
          ]}
          kpiItems={[
            { value: "87%", label: "Top 3 rankings achieved" },
            { value: "3.2x", label: "Average lead increase" },
            { value: "52+", label: "Clients transformed" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Case studies section"
        />
      </div>

      <div id="case-studies-metrics" data-section="case-studies-metrics">
        <MetricCardSeven
          title="Verified Client Impact"
          description="These metrics represent real outcomes across our entire client portfolio. Each number reflects measurable business results from our SEO and AEO strategies."
          tag="Documented Success"
          metrics={[
            {
              id: "1",              value: "2.8x",              title: "Average organic traffic increase for manufacturing clients",              items: [
                "Sustained 12+ month growth",                "Industry-specific strategies",                "Competitive edge secured"],
            },
            {
              id: "2",              value: "4.1x",              title: "Average qualified lead increase for B2B service providers",              items: [
                "Higher-intent lead generation",                "Improved sales cycle conversion",                "Better customer acquisition cost"],
            },
            {
              id: "3",              value: "156%",              title: "Average ROI on SEO investment within first 18 months",              items: [
                "Measurable revenue attribution",                "Transparent reporting included",                "Predictable growth trajectory"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Case studies metrics"
        />
      </div>

      <div id="cta-conversion" data-section="cta-conversion">
        <ContactCTA
          tag="Your Success Story Awaits"
          tagIcon={Mail}
          title="Become Our Next Success Story"
          description="Your manufacturing or B2B business deserves to dominate search results and attract qualified leads consistently. Let's build your winning SEO strategy together. Start with a free audit."
          buttons={[
            {
              text: "Schedule Your Free Audit",              href: "/contact"},
            {
              text: "View Our Services",              href: "/services"},
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Conversion CTA 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>
  );
}