chore: complete initial setup for Next.js project with TypeScript, Tailwind CSS, ESLint, and Prettier; remove unnecessary .DS_Store file

src/app/page.tsx

@@ -0,0 +1,101 @@
+import Link from 'next/link';
+
+export default function Home() {
+  return (
+    <>
+      <main className="mx-auto max-w-7xl px-4 py-12">
+        {/* Hero Section */}
+        <section className="mb-16 text-center">
+          <h1 className="mb-4 text-5xl font-bold text-foreground">
+            Analysez. Planifiez. <span className="text-primary">Progressez.</span>
+          </h1>
+          <p className="mx-auto mb-8 max-w-2xl text-lg text-muted">
+            Créez des ateliers SWOT interactifs avec vos collaborateurs. Identifiez les forces,
+            faiblesses, opportunités et menaces, puis définissez ensemble une roadmap
+            d&apos;actions concrètes.
+          </p>
+          <Link
+            href="/sessions/new"
+            className="inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-lg font-semibold text-primary-foreground transition-colors hover:bg-primary-hover"
+          >
+            <span>✨</span>
+            Nouvelle Session SWOT
+          </Link>
+        </section>
+
+        {/* Features Grid */}
+        <section className="mb-16">
+          <h2 className="mb-8 text-center text-2xl font-bold text-foreground">
+            Comment ça marche ?
+          </h2>
+          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
+            {/* Strength */}
+            <div className="rounded-xl border border-strength-border bg-strength-bg p-6">
+              <div className="mb-3 text-3xl">💪</div>
+              <h3 className="mb-2 text-lg font-semibold text-strength">Forces</h3>
+              <p className="text-sm text-muted">
+                Les atouts et compétences sur lesquels s&apos;appuyer pour progresser.
+              </p>
+            </div>
+
+            {/* Weakness */}
+            <div className="rounded-xl border border-weakness-border bg-weakness-bg p-6">
+              <div className="mb-3 text-3xl">⚠️</div>
+              <h3 className="mb-2 text-lg font-semibold text-weakness">Faiblesses</h3>
+              <p className="text-sm text-muted">
+                Les axes d&apos;amélioration et points de vigilance à travailler.
+              </p>
+            </div>
+
+            {/* Opportunity */}
+            <div className="rounded-xl border border-opportunity-border bg-opportunity-bg p-6">
+              <div className="mb-3 text-3xl">🚀</div>
+              <h3 className="mb-2 text-lg font-semibold text-opportunity">Opportunités</h3>
+              <p className="text-sm text-muted">
+                Les occasions de développement et de croissance à saisir.
+              </p>
+            </div>
+
+            {/* Threat */}
+            <div className="rounded-xl border border-threat-border bg-threat-bg p-6">
+              <div className="mb-3 text-3xl">🛡️</div>
+              <h3 className="mb-2 text-lg font-semibold text-threat">Menaces</h3>
+              <p className="text-sm text-muted">
+                Les risques et obstacles potentiels à anticiper.
+              </p>
+            </div>
+          </div>
+        </section>
+
+        {/* Cross Actions Section */}
+        <section className="rounded-2xl border border-border bg-card p-8 text-center">
+          <h2 className="mb-4 text-2xl font-bold text-foreground">🔗 Actions Croisées</h2>
+          <p className="mx-auto mb-6 max-w-2xl text-muted">
+            La puissance du SWOT réside dans le croisement des catégories. Liez vos forces à vos
+            opportunités, anticipez les menaces avec vos atouts, et transformez vos faiblesses en
+            axes de progression.
+          </p>
+          <div className="flex flex-wrap justify-center gap-3">
+            <span className="rounded-full border border-strength-border bg-strength-bg px-4 py-2 text-sm font-medium text-strength">
+              S + O → Maximiser
+            </span>
+            <span className="rounded-full border border-threat-border bg-threat-bg px-4 py-2 text-sm font-medium text-threat">
+              S + T → Protéger
+            </span>
+            <span className="rounded-full border border-opportunity-border bg-opportunity-bg px-4 py-2 text-sm font-medium text-opportunity">
+              W + O → Améliorer
+            </span>
+            <span className="rounded-full border border-weakness-border bg-weakness-bg px-4 py-2 text-sm font-medium text-weakness">
+              W + T → Surveiller
+            </span>
+          </div>
+        </section>
+      </main>
+
+      {/* Footer */}
+      <footer className="border-t border-border py-6 text-center text-sm text-muted">
+        SWOT Manager — Outil d&apos;entretiens managériaux
+      </footer>
+    </>
+  );
+}