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/components/Skills.tsx

@@ -1,24 +1,17 @@
 "use client";
 
+import type { PortfolioSkillCategory } from "@/lib/portfolio-data";
 import { motion, type Variants, useReducedMotion } from "framer-motion";
-import { usePortfolioData } from "@/lib/usePortfolioData";
 import { Section } from "./Section";
-import MagneticButton from "./cinematic/MagneticButton";
 import { DrawLine } from "./animations/DrawLine";
-import { SectionLoading } from "./SectionLoading";
 
-export default function Skills() {
-  const { data, loading, error } = usePortfolioData();
+export default function Skills({
+  categories,
+}: {
+  categories: PortfolioSkillCategory[];
+}) {
   const shouldReduceMotion = useReducedMotion();
 
-  if (loading) {
-    return <SectionLoading dark message="Loading core stack" />;
-  }
-
-  if (error || !data) {
-    return <div className="ds-error">Error loading core stack</div>;
-  }
-
   const gridVariants: Variants = {
     hidden: {},
     visible: {
@@ -59,7 +52,7 @@ export default function Skills() {
         viewport={{ once: true, amount: 0.2 }}
         variants={gridVariants}
       >
-        {data.skills.technical.map((category) => (
+        {categories.map((category) => (
           <motion.article
             key={category.category}
             className="ds-card h-full"
@@ -83,9 +76,9 @@ export default function Skills() {
             </p>
             <ul className="ds-tags">
               {category.skills.map((skill) => (
-                <MagneticButton key={skill} as="li" className="ds-tag" strength={0.15}>
+                <li key={skill} className="ds-tag">
                   {skill}
-                </MagneticButton>
+                </li>
               ))}
             </ul>
           </motion.article>
@@ -94,5 +87,3 @@ export default function Skills() {
     </Section>
   );
 }
-
-