feat: refine portfolio showcase, services and quality lab

Align the notebook browser with the physical LCD, refresh real project captures and navigation, simplify service content, and stabilize hero hydration.

app/components/story/notebookProjects.ts

@@ -9,6 +9,8 @@ export type NotebookProject = {
   demoCheckedAt: PortfolioProjectView["demoCheckedAt"];
   technologies: string[];
   screenshotSrc: string;
+  screenshotWidth: number;
+  screenshotHeight: number;
 };
 
 const NOTEBOOK_ORDER = [
@@ -22,10 +24,10 @@ const SCREENSHOT_BY_PROJECT_ID: Record<
   (typeof NOTEBOOK_ORDER)[number],
   string
 > = {
-  nutriscan: "/assets/prints/print-nutriscan.png",
-  "sc-plus": "/assets/prints/print-scplus.png",
-  "sev-modaintima": "/assets/prints/print-sev.png",
-  "as-servicos": "/assets/prints/print-asservicos.png",
+  nutriscan: "/assets/notebook/nutriscan.webp",
+  "sc-plus": "/assets/notebook/sc-plus.webp",
+  "sev-modaintima": "/assets/notebook/sev-modaintima.webp",
+  "as-servicos": "/assets/notebook/as-servicos.webp",
 };
 
 function isApprovedDemoUrl(
@@ -58,6 +60,8 @@ export function selectNotebookProjects(
         demoCheckedAt: project.demoCheckedAt,
         technologies: [...project.technologies],
         screenshotSrc,
+        screenshotWidth: 1600,
+        screenshotHeight: 1000,
       },
     ];
   });