import Link from "next/link";

export default function SobreAcvePage() {
  return (
    <div className="acve-page">
      <section className="acve-panel acve-section-base">
        <p className="acve-pill mb-4 w-fit">Sobre ACVE</p>
        <h1 className="acve-heading text-4xl md:text-5xl">Nuestra historia</h1>
        <p className="mt-3 max-w-3xl text-base text-muted-foreground md:text-lg">
          ACVE nació en Monterrey como una iniciativa de cinco fundadores con una misma convicción: que dominar el inglés jurídico abre puertas
          académicas y profesionales a nivel internacional.
        </p>
        <p className="mt-2 max-w-3xl text-base text-muted-foreground md:text-lg">
          Empezamos con grupos pequeños, sesiones prácticas y acompañamiento cercano para abogados y estudiantes. Con el tiempo, ese formato se
          convirtió en una comunidad enfocada en claridad técnica, confianza comunicativa y aplicación real en contextos legales.
        </p>
        <p className="mt-2 max-w-3xl text-base text-muted-foreground md:text-lg">
          Hoy seguimos creciendo con el mismo enfoque de origen: formación seria, metodología aplicada y una red que impulse a cada alumno a ejercer
          con mayor seguridad en escenarios globales.
        </p>
        <p className="mt-5 text-sm font-semibold text-primary">Origen: Monterrey · Equipo fundador: 5 personas</p>
        <Link className="acve-button-secondary mt-6 inline-flex px-5 py-2.5 text-sm font-semibold hover:bg-accent" href="/">
          Regresar al inicio
        </Link>
      </section>
    </div>
  );
}