feat: initialize portfolio site with core components, pages, and content structure, and update Next.js configuration.

app/components/About.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { motion, type Variants, useReducedMotion } from "framer-motion";
 import profilePhoto from "@/public/edev.jpeg";
@@ -8,39 +8,34 @@ import { LazyRevealImage } from "./animations/LazyRevealImage";
 
 const STORY_DATA = [
   {
-    id: "HARDWARE_BRIDGE",
-    title: "Do físico ao digital",
+    label: "Hardware + software",
+    title: "Do sinal fisico ao produto digital",
     content:
-      "Construo a ponte entre hardware e software. Projeto sistemas capazes de orquestrar dispositivos físicos, protocolos de baixo nível e interfaces web modernas com baixa latência e alta resiliência.",
+      "Construo a ponte entre dispositivos, protocolos de baixo nivel, backend e interface para que o sistema inteiro pareca uma unica experiencia coerente.",
   },
   {
-    id: "RUNTIME_EXEC",
-    title: "Entrega sob restrições",
+    label: "Execution",
+    title: "Entrega clara mesmo sob restricao",
     content:
-      "Atuo com naturalidade em cenários críticos envolvendo integrações de hardware, APIs complexas e infraestrutura legada, sempre priorizando a estabilidade e a legibilidade técnica.",
+      "Trabalho bem em contextos com legado, integracoes complexas e pouca margem para erro, priorizando estabilidade, leitura tecnica e evolucao sustentavel.",
   },
 ];
 
-const VALUES_DATA = [
+const PROFILE_POINTS = [
   {
-    title: "Pragmatismo arquitetural",
+    title: "Arquitetura pragmatica",
     description:
-      "Decisões guiadas por contexto real e operabilidade. A melhor tecnologia é aquela que resolve o problema sem adicionar complexidade inútil ao sistema.",
+      "Escolhas guiadas por contexto, operabilidade e impacto real no produto.",
   },
   {
-    title: "Fundação & Integração",
+    title: "Integracao profunda",
     description:
-      "Domínio de protocolos de rede e arquiteturas distribuídas para conectar desde microcontroladores até sistemas robustos na nuvem.",
+      "Capacidade de atravessar camada fisica, servicos e interface sem perder consistencia.",
   },
   {
     title: "Ownership ponta a ponta",
     description:
-      "Responsabilidade que atravessa camadas: do pulso elétrico no hardware até a renderização do último componente na tela do usuário.",
-  },
-  {
-    title: "Security & Safety",
-    description:
-      "Segurança e resiliência tratadas como base. Sistemas desenhados para falhar graciosamente e proteger dados do dispositivo à nuvem.",
+      "Responsabilidade que cobre discovery, implementacao, qualidade e operacao.",
   },
 ];
 
@@ -84,9 +79,9 @@ export default function About() {
   return (
     <Section
       id="about"
-      eyebrow="WHOAMI.sys"
-      title="Engenharia orientada por clareza, nao por ruido"
-      description="Transformo complexidade tecnica em sistemas estaveis, operaveis e alinhados ao negocio."
+      eyebrow="Operating context"
+      title="Engenharia de software, arquitetura e integracoes complexas"
+      description="Atuo na intersecao entre arquitetura de software, integracoes de sistemas, hardware + software e entrega full-stack para produtos que precisam funcionar com confiabilidade."
       disableChildrenAnimation
       aside={
         <div className="mt-sp-4 ds-metric">
@@ -108,14 +103,14 @@ export default function About() {
         >
           {STORY_DATA.map((step) => (
             <motion.article
-              key={step.id}
+              key={step.title}
               className="ds-card"
               variants={cardVariants}
               whileHover={cardHover}
               whileTap={shouldReduceMotion ? undefined : { scale: 0.99 }}
               transition={{ type: "spring", stiffness: 180, damping: 18 }}
             >
-              <div className="ds-kicker">{step.id}</div>
+              <div className="ds-kicker">{step.label}</div>
               <DrawLine delay={0.03} />
               <h3 className="ds-card-title">{step.title}</h3>
               <p className="ds-copy">{step.content}</p>
@@ -136,25 +131,25 @@ export default function About() {
             className="mb-sp-6 h-[220px] w-full overflow-hidden rounded-[6px] border border-[var(--border)]"
             imageClassName="object-cover"
           />
-          <div className="ds-kicker">System Signature</div>
+          <div className="ds-kicker">Technical profile</div>
           <DrawLine delay={0.05} />
           <h3 className="ds-card-title">Base tecnica e postura de entrega</h3>
           <p className="ds-copy">
-            Evandro Fonseca Junior. Engenheiro de Software Full-Stack com foco
-            na convergência entre hardware e aplicações web modernas.
-            Especialista em TypeScript, Node.js, ecossistema React e automação
-            de dispositivos físicos.
+            Sou engenheiro de software full-stack com foco em integrar camadas
+            que normalmente ficam separadas: hardware, servicos, operacao e
+            interface. Meu trabalho e dar forma clara ao que costuma nascer
+            fragmentado.
           </p>
-          <div className="ds-grid-2 mt-sp-6">
-            {VALUES_DATA.map((value) => (
+          <div className="mt-sp-6 space-y-sp-4">
+            {PROFILE_POINTS.map((point) => (
               <div
-                key={value.title}
+                key={point.title}
                 className="border-t border-[var(--border)] pt-sp-4"
               >
-                <div className="text-[11px] font-medium uppercase tracking-[0.08em]">
-                  {value.title}
+                <div className="text-[12px] font-medium tracking-[0.02em]">
+                  {point.title}
                 </div>
-                <p className="ds-copy !mt-sp-2">{value.description}</p>
+                <p className="ds-copy !mt-sp-2">{point.description}</p>
               </div>
             ))}
           </div>
@@ -163,3 +158,5 @@ export default function About() {
     </Section>
   );
 }
+
+