import { FileText } from "lucide-react";

export default function ArticlesPage() {
  return (
    <>
      <section className="bg-cosmos-900 py-16 sm:py-20">
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
          <div className="mx-auto max-w-2xl text-center">
            <h1 className="text-3xl font-bold tracking-tight text-nieve sm:text-5xl">
              Articles & Guides
            </h1>
            <p className="mt-6 text-lg text-cosmos-300">
              Concepts de sécurité, guides d&apos;implémentation OIDC/OAuth,
              best practices Zero Trust.
            </p>
          </div>
        </div>
      </section>

      <section className="py-20">
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
          <div className="mx-auto max-w-2xl text-center">
            <div className="w-16 h-16 mx-auto rounded-2xl bg-pewma flex items-center justify-center mb-6">
              <FileText className="w-8 h-8 text-cosmos-500" />
            </div>
            <h2 className="text-xl font-semibold text-cosmos-900">
              Articles à venir
            </h2>
            <p className="mt-4 text-muted">
              Les premiers articles techniques sur OIDC, OAuth2 et le Zero Trust
              sont en cours de rédaction. Revenez bientôt !
            </p>
          </div>
        </div>
      </section>
    </>
  );
}
