feat: revamp portfolio with case studies, curriculo page, and local SEO

Adds dynamic case study and curriculo routes, project health monitoring
for live demo status, and strengthens local SEO (structured data,
service-area targeting for Garuva/Joinville/Curitiba, a dedicated
"criação de sites" service page) so search results better match the
professional title (Engenheiro da Computação) and experience (5 anos).

Co-Authored-By: Claude Sonnet 5 <[email protected]>

app/cases/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from "next";
 import Link from "next/link";
-import { caseStudies, siteName, siteUrl } from "@/lib/site-content";
 import HeroBackground from "@/app/components/cinematic/HeroBackground";
 import MagneticButton from "@/app/components/cinematic/MagneticButton";
+import { caseStudies, siteName, siteUrl } from "@/lib/site-content";
 
 export const metadata: Metadata = {
   title: `Cases de Engenharia de Software, Next.js e IoT | ${siteName}`,
@@ -39,9 +39,21 @@ export default function CasesPage() {
           "@type": "ListItem",
           position: index + 1,
           name: caseStudy.title,
-          url: caseStudy.demoUrl ?? caseStudy.githubUrl ?? `${siteUrl}/cases`,
+          url: `${siteUrl}/cases/${caseStudy.id}`,
         })),
       },
+      {
+        "@type": "BreadcrumbList",
+        itemListElement: [
+          { "@type": "ListItem", position: 1, name: "Inicio", item: siteUrl },
+          {
+            "@type": "ListItem",
+            position: 2,
+            name: "Cases",
+            item: `${siteUrl}/cases`,
+          },
+        ],
+      },
     ],
   };
 
@@ -61,8 +73,9 @@ export default function CasesPage() {
               Cases em software, Next.js, integracoes e produtos conectados.
             </h1>
             <p className="ds-copy max-w-[64ch] !text-[rgba(255,255,255,0.78)]">
-              Esta pagina organiza projetos com leitura mais indexavel e comercial, conectando stack,
-              contexto tecnico e tipo de problema resolvido.
+              Esta pagina organiza projetos com leitura mais indexavel e
+              comercial, conectando stack, contexto tecnico e tipo de problema
+              resolvido.
             </p>
           </div>
         </div>
@@ -81,32 +94,50 @@ export default function CasesPage() {
                 </p>
                 <ul className="ds-tags mt-sp-6">
                   {caseStudy.stack.map((item) => (
-                    <MagneticButton key={item} as="li" className="ds-tag" strength={0.15}>
+                    <li key={item} className="ds-tag">
                       {item}
-                    </MagneticButton>
+                    </li>
                   ))}
                 </ul>
                 <div className="mt-sp-6 flex flex-wrap gap-sp-3">
+                  <Link
+                    href={`/cases/${caseStudy.id}`}
+                    className="ds-link ds-link-accent"
+                  >
+                    Ler case
+                  </Link>
                   {caseStudy.demoUrl ? (
-                    <MagneticButton as="a" href={caseStudy.demoUrl} className="ds-link ds-link-accent" target="_blank" rel="noreferrer" strength={0.25}>
+                    <MagneticButton
+                      as="a"
+                      href={caseStudy.demoUrl}
+                      className="ds-link ds-link-muted"
+                      target="_blank"
+                      rel="noreferrer"
+                      strength={0.25}
+                    >
                       Abrir projeto
                     </MagneticButton>
                   ) : null}
-                  {caseStudy.githubUrl ? (
-                    <MagneticButton as="a" href={caseStudy.githubUrl} className="ds-link ds-link-muted" target="_blank" rel="noreferrer" strength={0.2}>
-                      Ver codigo
-                    </MagneticButton>
-                  ) : null}
                 </div>
               </article>
             ))}
           </div>
 
           <div className="mt-sp-10 flex flex-wrap gap-sp-3">
-            <MagneticButton as="a" href="/servicos" className="ds-link ds-link-accent" strength={0.25}>
+            <MagneticButton
+              as="a"
+              href="/servicos"
+              className="ds-link ds-link-accent"
+              strength={0.25}
+            >
               Ver servicos
             </MagneticButton>
-            <MagneticButton as="a" href="/#contact" className="ds-link ds-link-muted" strength={0.2}>
+            <MagneticButton
+              as="a"
+              href="/#contact"
+              className="ds-link ds-link-muted"
+              strength={0.2}
+            >
               Ir para contato
             </MagneticButton>
           </div>