Added capstone summary. Need to update summary to capture more project details.

Author: ProCO-RPHopkins

frontend/index.html

@@ -466,6 +466,55 @@ <h3 class="font-semibold mb-3">Technology Stack</h3>
     </div>
   </section>
 
+  <!-- ════════  CASE STUDY: CAPSTONE  ════════ -->
+<section id="capstone-io" class="py-24">
+  <div class="max-w-5xl mx-auto px-6 flex items-center justify-between mb-6">
+    <h2 class="text-3xl font-bold text-teal-600 dark:text-teal-300">
+      Case Study · Capstone (I-O Psychology)
+    </h2>
+    <div class="flex gap-3">
+      <a href="https://docs.google.com/presentation/d/1RM04EsPeiL34__VhqWeOKPtR3FcDbnCX/edit?usp=sharing"
+         target="_blank" rel="noopener"
+         class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
+        <i class="ti ti-presentation text-lg"></i>
+        View Slideshow
+      </a>
+      <a href="https://drive.google.com/file/d/1ZYeAmoUZKIiaJpXmpDDLcLRNZQXHXwum/view?usp=sharing"
+         target="_blank" rel="noopener"
+         class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gradient-to-r from-teal-600 to-cyan-600 text-white text-sm font-semibold shadow-md hover:scale-105 transition ring-1 ring-teal-500">
+        <i class="ti ti-headphones text-lg"></i>
+        Play Podcast
+      </a>
+    </div>
+  </div>
+
+  <div class="grid md:grid-cols-3 gap-6">
+    <!-- Summary -->
+    <div class="md:col-span-2 bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
+      <h3 class="font-semibold mb-2">Research Summary</h3>
+      <p class="text-gray-700 dark:text-white/85">
+        Proposed a metrics-based leadership intervention to <em>redirect</em> authoritarian leaders’ power needs toward
+        goal attainment—testing whether this boosts employee motivation & morale in a realistic organizational setting.
+      </p>
+      <ul class="mt-4 space-y-2 text-gray-700 dark:text-white/80 text-sm">
+        <li>• Single-group quasi-experimental design (pre / post / follow-up).</li>
+        <li>• Validated instruments (e.g., PMI, UWES subscales); repeated-measures ANOVA.</li>
+        <li>• Theory-driven: McClelland’s Power Needs & Self-Determination Theory.</li>
+      </ul>
+    </div>
+
+    <!-- Role/Skills -->
+    <div class="bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/10">
+      <h3 class="font-semibold mb-2">My Role — Research Lead</h3>
+      <ul class="space-y-2 text-sm text-gray-700 dark:text-white/80">
+        <li>• Built the study design, measures, and analysis plan.</li>
+        <li>• Operationalized constructs; selected validated scales.</li>
+        <li>• Planned data handling, ethics, and dissemination.</li>
+      </ul>
+    </div>
+  </div>
+</section>
+
   <!-- ════════  EDUCATION & CERTS  ════════ -->
   <section id="education" class="max-w-5xl mx-auto px-6 py-24">
     <h2 class="text-3xl font-bold mb-6 text-center text-teal-600 dark:text-teal-300">Education & Certificates</h2>