From 42c5870811cce1d00b4b5255d2067099a114d43e Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 12 Jun 2026 21:48:08 +0000
Subject: [PATCH] spider: replace inert button with semantic link in
 KineticBlades

- Replaced `<button>` element with `<Link href="/solutions">` in `src/components/expertise/KineticBlades.tsx`.
- Crawlers do not execute JavaScript routing logic or follow inert buttons. Using semantic anchor tags ensures the links are correctly indexed and crawled.
- Added explanatory inline comments.

Co-authored-by: kourdroid <36898160+kourdroid@users.noreply.github.com>
---
 src/components/expertise/KineticBlades.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/expertise/KineticBlades.tsx b/src/components/expertise/KineticBlades.tsx
index 8f00877..5beba85 100644
--- a/src/components/expertise/KineticBlades.tsx
+++ b/src/components/expertise/KineticBlades.tsx
@@ -3,6 +3,7 @@
 import React, { useRef, useState } from 'react'
 import { Plant, Bed, UsersThree, ArrowRight } from '@phosphor-icons/react/dist/ssr'
 import clsx from 'clsx'
+import Link from 'next/link'
 import gsap from 'gsap'
 import { useGSAP } from '@gsap/react'
 
@@ -247,10 +248,11 @@ export function KineticBlades() {
                                     </div>
 
                                     {/* CTA */}
-                                    <button className="group mt-8 flex items-center gap-2 font-mono text-xs font-bold uppercase tracking-widest text-white transition-colors hover:text-[#FFAA00]">
+                                    {/* SEO: Using Next.js <Link> with href instead of an inert <button> makes the CTA crawlable by search engines and improves semantic HTML */}
+                                    <Link href="/solutions" className="group mt-8 flex w-fit items-center gap-2 font-mono text-xs font-bold uppercase tracking-widest text-white transition-colors hover:text-[#FFAA00]">
                                         Découvrir la solution
                                         <ArrowRight className="transition-transform group-hover:translate-x-1" />
-                                    </button>
+                                    </Link>
                                 </div>
                             </div>