wip: foto da pasta principal antes de trocar de branch

Estado do disco em 14/10/2026, sem filtrar. Inclui as copias .sync-conflict-* do Syncthing de 07/10 e os 15 arquivos que o Syncthing apagou; todo esse conteudo ja existia em outros commits. So havia fora do Git: AGENTS.md, CLAUDE.md e a alteracao em data/project-health.json.

app/components/Header.tsx

@@ -1,7 +1,11 @@
 "use client";
 
-import { type KeyboardEvent, useEffect, useRef, useState } from "react";
-import { NAVIGATION_ITEMS } from "@/lib/site-navigation";
+import { type KeyboardEvent, useRef, useState } from "react";
+import {
+  CV_DOWNLOAD_NAME,
+  CV_URL,
+  NAVIGATION_ITEMS,
+} from "@/lib/site-navigation";
 import MagneticButton from "./cinematic/MagneticButton";
 import { Logo } from "./Logo";
 
@@ -9,23 +13,8 @@ const MENU_ID = "site-navigation-menu";
 
 export function Header() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-  const [scrolled, setScrolled] = useState(false);
   const menuButtonRef = useRef<HTMLButtonElement>(null);
 
-  useEffect(() => {
-    let wasScrolled = false;
-    const updateScrolled = () => {
-      const nextScrolled = window.scrollY > 0;
-      if (nextScrolled === wasScrolled) return;
-      wasScrolled = nextScrolled;
-      setScrolled(nextScrolled);
-    };
-
-    updateScrolled();
-    window.addEventListener("scroll", updateScrolled, { passive: true });
-    return () => window.removeEventListener("scroll", updateScrolled);
-  }, []);
-
   const closeMobileMenu = () => setMobileMenuOpen(false);
 
   const handleMenuKeyDown = (event: KeyboardEvent<HTMLElement>) => {
@@ -37,53 +26,49 @@ export function Header() {
   };
 
   return (
-    <header
-      className={`site-header fixed inset-x-0 top-0 z-[9000] h-[var(--site-header-height)] w-full border-b px-sp-6 text-[var(--white)] transition-colors duration-200 lg:px-sp-8 xl:px-sp-12 ${
-        scrolled
-          ? "border-white/12 bg-[var(--ink)]/95 backdrop-blur-md"
-          : "border-transparent bg-[var(--ink)]"
-      }`}
-    >
-      <div className="ds-section-shell flex h-full items-center justify-between gap-sp-6">
-        <a
-          href="/#home"
-          aria-label="Evandro.dev.br — início"
-          className="flex min-h-11 shrink-0 items-center no-underline"
-        >
-          <Logo theme="dark" loading="eager" className="w-40 sm:w-44" />
+    <header className="ds-section-dark fixed inset-x-0 top-0 z-[9000] h-[52px] w-full border-b border-[rgba(255,255,255,0.06)] bg-[var(--ink)]/95 px-sp-8 backdrop-blur-xl lg:px-sp-16">
+      <div className="ds-section-shell flex h-full items-center justify-between">
+        <a href="/#home" className="flex items-center gap-3 no-underline">
+          <Logo variant="mark" size="sm" theme="dark" className="shrink-0" />
+          <span className="font-display text-sm font-extrabold tracking-tight text-white">
+            evandro<span className="text-[var(--slash)]">.dev.br</span>
+          </span>
         </a>
 
         <nav
           aria-label="Navegação principal"
-          className="hidden items-center xl:flex"
+          className="site-header-nav items-center"
         >
-          <ul className="flex list-none items-center gap-sp-4">
+          <ul className="flex list-none items-center gap-sp-2">
             {NAVIGATION_ITEMS.map((item) => (
               <li key={item.href}>
-                <a
+                <MagneticButton
+                  as="a"
                   href={item.href}
-                  className="inline-flex min-h-11 items-center whitespace-nowrap rounded-sm px-sp-3 font-display text-sm font-medium normal-case tracking-normal text-white/80 no-underline transition-colors hover:bg-white/5 hover:text-white"
+                  className="ds-link rounded-sm px-sp-3 py-sp-2 text-white/85 transition-colors hover:bg-white/10 hover:text-white"
+                  strength={0.15}
                 >
                   {item.label}
-                </a>
+                </MagneticButton>
               </li>
             ))}
           </ul>
         </nav>
 
-        <div className="flex shrink-0 items-center">
-          <div className="hidden xl:block">
-            <a
-              href="/#contact"
-              className="inline-flex min-h-11 items-center whitespace-nowrap rounded-sm bg-[var(--slash)] px-sp-4 font-display text-sm font-semibold normal-case tracking-normal text-[var(--ink)] no-underline transition-colors hover:bg-[var(--white)]"
-            >
-              Falar sobre meu projeto
-            </a>
-          </div>
+        <div className="flex items-center gap-sp-4">
+          <MagneticButton
+            as="a"
+            href={CV_URL}
+            download={CV_DOWNLOAD_NAME}
+            className="site-header-cv ds-link ds-link-accent rounded-sm font-semibold transition-shadow hover:shadow-[0_0_0_1px_rgba(232,255,0,.8),0_8px_24px_rgba(232,255,0,.35)]"
+            strength={0.2}
+          >
+            Download CV
+          </MagneticButton>
           <button
             ref={menuButtonRef}
             type="button"
-            className="flex h-11 w-11 flex-col items-center justify-center gap-sp-2 border-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--slash)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ink)] xl:hidden"
+            className="site-header-menu-toggle flex h-11 w-11 flex-col items-center justify-center gap-sp-2 border-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--slash)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ink)]"
             onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
             aria-controls={mobileMenuOpen ? MENU_ID : undefined}
             aria-label={mobileMenuOpen ? "Fechar menu" : "Abrir menu"}
@@ -104,7 +89,7 @@ export function Header() {
       </div>
 
       {mobileMenuOpen ? (
-        <div className="absolute inset-x-0 top-[var(--site-header-height)] max-h-[calc(100dvh-var(--site-header-height))] overflow-y-auto border-b border-white/12 bg-[var(--ink)] px-sp-6 lg:px-sp-8 xl:hidden">
+        <div className="site-header-mobile-panel absolute inset-x-0 top-[52px] border-b border-[rgba(255,255,255,0.06)] bg-[var(--ink)]/98 px-sp-6 backdrop-blur-xl lg:px-sp-16">
           <div className="ds-section-shell flex flex-col py-sp-6">
             <nav
               id={MENU_ID}
@@ -117,11 +102,10 @@ export function Header() {
                   <li key={item.href}>
                     <MagneticButton
                       as="a"
-                      strength={0}
-                      wrapperClassName="w-full"
                       href={item.href}
-                      className="flex min-h-11 items-center rounded-sm px-sp-3 py-sp-3 font-display text-sm font-medium normal-case tracking-normal text-white/80 no-underline transition-colors hover:bg-white/5 hover:text-white"
+                      className="ds-link block rounded-sm py-sp-3 text-white/85 transition-[padding,color] hover:pl-sp-2 hover:text-white"
                       onClick={closeMobileMenu}
+                      strength={0.15}
                     >
                       {item.label}
                     </MagneticButton>
@@ -130,12 +114,16 @@ export function Header() {
                 <li>
                   <MagneticButton
                     as="a"
-                    strength={0}
-                    href="/#contact"
-                    className="mt-sp-4 inline-flex min-h-11 items-center rounded-sm bg-[var(--slash)] px-sp-4 font-display text-sm font-semibold normal-case tracking-normal text-[var(--ink)] no-underline transition-colors hover:bg-[var(--white)]"
-                    onClick={closeMobileMenu}
+                    href={CV_URL}
+                    download={CV_DOWNLOAD_NAME}
+                    className="ds-link ds-link-accent mt-sp-2 inline-flex rounded-sm font-semibold"
+                    onClick={() => {
+                      closeMobileMenu();
+                      menuButtonRef.current?.focus();
+                    }}
+                    strength={0.15}
                   >
-                    Falar sobre meu projeto
+                    Download CV
                   </MagneticButton>
                 </li>
               </ul>