Voeg echte profielfoto toe aan Over-sectie

Foto gecropt naar een vierkant (gecentreerd op hoofd + schouders,
ruimte boven het haar), verkleind naar 800x800 en als progressive JPEG
opgeslagen (~60KB, was ~9,6MB origineel) voor snelle laadtijd. Vervangt
de ronde fotoplaceholder.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/features/landing/components/AboutSection.tsx

@@ -17,10 +17,13 @@ export function AboutSection() {
             </h2>
           </div>
           <div className="order-2 flex items-center justify-center sm:order-3 sm:col-start-2 sm:row-start-1 sm:row-span-2">
-            <div className="font-mono flex h-40 w-40 flex-col items-center justify-center gap-1 rounded-full border-2 border-accent-line bg-surface text-center text-[0.7rem] uppercase tracking-wider text-muted shadow-lg sm:h-56 sm:w-56">
+            <img
-              <span>foto</span>
+              src="/bryan-slop.jpg"
-              <span>Bryan Slop</span>
+              alt="Bryan Slop, oprichter van SLP Software"
-            </div>
+              width={224}
+              height={224}
+              className="h-40 w-40 rounded-full border-2 border-accent-line object-cover shadow-lg sm:h-56 sm:w-56"
+            />
           </div>
           <div className="order-3 sm:order-2 sm:col-start-1 sm:row-start-2">
             {aboutContent.paragraphs.map((paragraph) => (