"use client";

import { m } from "framer-motion";
import { fadeUp, staggerContainer, scrollReveal } from "@/lib/motion";

/**
 * Section 16 — Global Vision. States reach honestly (network breadth, not
 * fabricated office counts or client volumes) — matches Sprint 1 §01 vision.
 */
export function GlobalVision() {
  return (
    <section aria-labelledby="global-vision-heading" className="border-b border-line bg-tint py-28">
      <m.div
        initial="hidden"
        whileInView="visible"
        viewport={scrollReveal}
        variants={staggerContainer}
        className="container flex flex-col items-center gap-6 text-center"
      >
        <m.p variants={fadeUp} className="font-mono text-caption uppercase tracking-wider text-primary">
          Global Vision
        </m.p>
        <m.h2
          id="global-vision-heading"
          variants={fadeUp}
          className="max-w-3xl text-balance font-display text-h1 font-normal text-ink"
        >
          Rooted in India&apos;s funding ecosystem, connected to global capital.
        </m.h2>
        <m.p variants={fadeUp} className="max-w-2xl text-body-md text-ink-soft">
          Our network spans India&apos;s startup, MSME, and social sector landscape, with growing links to
          international foundations, impact investors, and philanthropic organizations. The long-term aim is
          simple: to be the reference point capital and ambition use to find each other, in every market where
          ROPTS operates — judged by the density of quality inside the network, not its size.
        </m.p>
      </m.div>
    </section>
  );
}