feat: harden portfolio and add SEO foundations

app/components/Projects.tsx

@@ -2,7 +2,7 @@
 
 import { motion, type Variants } from "motion/react";
 import { useReducedMotion } from "@/app/hooks/useReducedMotion";
-import type { PortfolioProject } from "@/lib/portfolio-data";
+import type { PortfolioProjectView } from "@/lib/portfolio-data";
 import { DrawLine } from "./animations/DrawLine";
 import MagneticButton from "./cinematic/MagneticButton";
 import { Section } from "./Section";
@@ -10,7 +10,7 @@ import { Section } from "./Section";
 export default function Projects({
   projects,
 }: {
-  projects: PortfolioProject[];
+  projects: PortfolioProjectView[];
 }) {
   const shouldReduceMotion = useReducedMotion();
 
@@ -114,17 +114,30 @@ export default function Projects({
                   Ver codigo
                 </MagneticButton>
               )}
-              {project.demoUrl && (
-                <MagneticButton
-                  as="a"
-                  href={project.demoUrl}
-                  target="_blank"
-                  rel="noreferrer"
-                  className="ds-link ds-link-accent"
-                  strength={0.25}
-                >
-                  Abrir projeto
-                </MagneticButton>
+              {project.demoUrl &&
+                (project.demoAvailability === "available" ||
+                  project.demoAvailability === "unknown") && (
+                  <MagneticButton
+                    as="a"
+                    href={project.demoUrl}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="ds-link ds-link-accent"
+                    strength={0.25}
+                  >
+                    Abrir projeto
+                    {project.demoAvailability === "unknown" && (
+                      <span className="sr-only">
+                        {" "}
+                        Disponibilidade não verificada
+                      </span>
+                    )}
+                  </MagneticButton>
+                )}
+              {project.demoAvailability === "unavailable" && (
+                <span className="ds-link ds-link-accent" aria-disabled="true">
+                  Demo indisponível na última verificação
+                </span>
               )}
             </div>
           </motion.article>