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/Experience.tsx

@@ -1,35 +1,23 @@
 "use client";
 
-import { useMemo } from "react";
+import type { PortfolioExperience } from "@/lib/portfolio-data";
 import { motion, type Variants, useReducedMotion } from "framer-motion";
-import { usePortfolioData } from "@/lib/usePortfolioData";
 import { Section } from "./Section";
 import { DrawLine } from "./animations/DrawLine";
-import MagneticButton from "./cinematic/MagneticButton";
-import { SectionLoading } from "./SectionLoading";
 
-export default function Experience() {
-  const { data, loading, error } = usePortfolioData();
+export default function Experience({
+  experiences,
+}: {
+  experiences: PortfolioExperience[];
+}) {
   const shouldReduceMotion = useReducedMotion();
-
-  const sortedExperiences = useMemo(() => {
-    if (!data?.experiences) return [];
-    return [...data.experiences]
-      .filter((exp) => exp.featured)
-      .sort((a, b) => {
-        const yearA = Number.parseInt(a.period.match(/\d{4}/)?.[0] || "0", 10);
-        const yearB = Number.parseInt(b.period.match(/\d{4}/)?.[0] || "0", 10);
-        return yearB - yearA;
-      });
-  }, [data]);
-
-  if (loading) {
-    return <SectionLoading message="Loading selected experience" />;
-  }
-
-  if (error || !data) {
-    return <div className="ds-error">Error loading selected experience</div>;
-  }
+  const sortedExperiences = [...experiences]
+    .filter((experience) => experience.featured)
+    .sort((a, b) => {
+      const yearA = Number.parseInt(a.period.match(/\d{4}/)?.[0] || "0", 10);
+      const yearB = Number.parseInt(b.period.match(/\d{4}/)?.[0] || "0", 10);
+      return yearB - yearA;
+    });
 
   const listVariants: Variants = {
     hidden: {},
@@ -108,9 +96,9 @@ export default function Experience() {
 
             <ul className="ds-tags mt-sp-6">
               {exp.technologies?.slice(0, 6).map((tech) => (
-                <MagneticButton key={tech} as="li" className="ds-tag" strength={0.15}>
+                <li key={tech} className="ds-tag">
                   {tech}
-                </MagneticButton>
+                </li>
               ))}
             </ul>
           </motion.article>
@@ -119,5 +107,3 @@ export default function Experience() {
     </Section>
   );
 }
-
-