From 331d8eb0e5b267e0402db2c204770b4ddb9dc6a0 Mon Sep 17 00:00:00 2001
From: Frank Meeuwsen <frank@frankmeeuwsen.com>
Date: Sat, 18 Apr 2026 15:14:19 +0200
Subject: [PATCH] feat: voeg /slides pagina toe met downloadlink en
 communityverwijzing

Losse pagina voor deelnemers cursus Claude Code 17 april 2026.
Biedt de slides als PDF-download en verwijst naar Digitale Fitheid community.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/main.jsx         |  2 +
 src/pages/Slides.jsx | 88 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 src/pages/Slides.jsx

diff --git a/src/main.jsx b/src/main.jsx
index 83f639d..aac324f 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -11,6 +11,7 @@ import WaitlistSignup from './pages/WaitlistSignup.jsx'
 import WaitlistThankYou from './pages/WaitlistThankYou.jsx'
 import Installatie from './pages/Installatie.jsx'
 import Worksheet from './pages/Worksheet.jsx'
+import Slides from './pages/Slides.jsx'
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
@@ -25,6 +26,7 @@ createRoot(document.getElementById('root')).render(
         <Route path="/wachtlijst-bedankt" element={<WaitlistThankYou />} />
         <Route path="/installatie" element={<Installatie />} />
         <Route path="/worksheet" element={<Worksheet />} />
+        <Route path="/slides" element={<Slides />} />
       </Routes>
     </BrowserRouter>
   </StrictMode>,
diff --git a/src/pages/Slides.jsx b/src/pages/Slides.jsx
new file mode 100644
index 0000000..ba8a9a9
--- /dev/null
+++ b/src/pages/Slides.jsx
@@ -0,0 +1,88 @@
+import { Link } from 'react-router-dom';
+
+function Slides() {
+  const pdfUrl = `${import.meta.env.BASE_URL}20260313-Cursus-Claude-Code.pdf`;
+
+  return (
+    <div className="min-h-screen bg-warm-50">
+      {/* Header */}
+      <header className="bg-white border-b border-warm-200 py-6">
+        <div className="container-page">
+          <Link
+            to="/"
+            className="text-coral-500 hover:text-coral-600 transition-colors inline-flex items-center gap-2"
+          >
+            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
+            </svg>
+            Terug naar de cursuspagina
+          </Link>
+        </div>
+      </header>
+
+      {/* Content */}
+      <main className="container-page py-12">
+        <div className="max-w-3xl mx-auto">
+          <h1 className="heading-hero mb-4">Download slides</h1>
+          <p className="text-warm-500 text-lg mb-10">Cursus Claude Code &mdash; 17 april 2026</p>
+
+          <div className="prose prose-warm max-w-none space-y-6 text-warm-700">
+            <p className="text-lg">
+              Bedankt voor je deelname aan de Cursus Claude Code op 17 april. Jullie waren een
+              geweldig gezelschap: nieuwsgierig, hands-on en vol goede vragen. Dat maakt zo&apos;n
+              dag echt de moeite waard.
+            </p>
+            <p>
+              De slides staan hieronder klaar om te downloaden. Gebruik ze gerust als naslagwerk
+              of om het gesprek intern voort te zetten.
+            </p>
+          </div>
+
+          {/* Download button */}
+          <div className="mt-8 mb-12">
+            <a
+              href={pdfUrl}
+              download
+              className="btn-primary inline-flex items-center gap-3"
+            >
+              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+              </svg>
+              Download slides (PDF)
+            </a>
+          </div>
+
+          {/* Community block */}
+          <div className="card-feature p-8 rounded-2xl">
+            <h2 className="heading-3 mb-4">Deel je projecten in de community</h2>
+            <p className="text-warm-700 mb-6">
+              Ben je ondertussen aan de slag gegaan met Claude Code? Heb je een project gebouwd,
+              een workflow verbeterd of loop je ergens tegenaan? Deel het in de Digitale Fitheid
+              community. Stel je vraag, post je project of inspireer andere deelnemers.
+            </p>
+            <a
+              href="https://start.digitalefitheid.nl/feed"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="btn-secondary inline-flex items-center gap-2"
+            >
+              Ga naar de community
+              <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </main>
+
+      {/* Footer */}
+      <footer className="bg-warm-900 text-warm-400 py-6 mt-12">
+        <div className="container-page text-center text-sm">
+          &copy; {new Date().getFullYear()} Frank Meeuwsen. Alle rechten voorbehouden.
+        </div>
+      </footer>
+    </div>
+  );
+}
+
+export default Slides;