Added SkillSprint Coach project card.

Author: ProCO-RPHopkins

frontend/index.html

@@ -325,6 +325,48 @@ <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover
             </div>
         </article>
 
+        <!-- SkillSprint Coach -->
+        <article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
+          <!-- Thumbnail (use video if you have one; otherwise swap to an <img> and set src="assets/skillsprint.png") -->
+          <video autoplay loop muted playsinline
+                class="w-full aspect-[16/9] object-cover rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10 bg-gray-50 dark:bg-slate-800">
+            <source src="assets/skillsprint-thumb.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+
+          <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover:text-teal-300 transition">
+            SkillSprint Coach — AI Micro-Learning Sprints & Habit Loops
+          </h3>
+
+          <p class="text-gray-600 dark:text-white/80 text-sm mb-4">
+            CustomGPT that turns goals into 1–2 week learning sprints with checklists, spaced-practice prompts, and auto-generated reflection logs—helping users plan, execute, and track skill growth with minimal friction.
+          </p>
+
+          <!-- Buttons -->
+          <div class="flex flex-wrap gap-3 mb-4">
+            <a href="https://chatgpt.com/g/g-6851eca63e5881919aff6818cbe499e8-skillsprint-coach-2-0"
+              target="_blank"
+              class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-indigo-600 to-sky-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-indigo-500">
+              <i class="ti ti-robot"></i>
+              Try the GPT
+            </a>
+            <a href="#"
+              class="inline-flex items-center gap-2 px-3 py-2 rounded-lg bg-gradient-to-r from-fuchsia-600 to-rose-600 text-white text-xs font-semibold shadow-md hover:scale-105 transition ring-1 ring-fuchsia-500">
+              <i class="ti ti-headphones"></i>
+              Play Podcast
+            </a>
+          </div>
+
+          <!-- Tags -->
+          <div class="flex flex-wrap gap-2">
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Custom GPT</span>
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Prompt Engineering</span>
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Micro-learning Design</span>
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Sprint Planning</span>
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Structured Templates</span>
+            <span class="px-2 py-1 bg-gray-200 dark:bg-slate-700 text-xs rounded">Reflection & Tracking</span>
+          </div>
+        </article>
 
         <article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
           <div class="bg-gray-200 dark:bg-slate-700 border-2 border-dashed rounded-xl w-full aspect-video mb-4 flex items-center justify-center text-gray-500">