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

app/components/Projects.tsx

@@ -5,7 +5,6 @@ import { motion, type Variants, useReducedMotion } from "framer-motion";
 import { usePortfolioData } from "@/lib/usePortfolioData";
 import { Section } from "./Section";
 import { DrawLine } from "./animations/DrawLine";
-import { CounterValue } from "./animations/CounterValue";
 import { SectionLoading } from "./SectionLoading";
 
 export default function Projects() {
@@ -18,11 +17,11 @@ export default function Projects() {
   );
 
   if (loading) {
-    return <SectionLoading dark message="Loading featured projects" />;
+    return <SectionLoading dark message="Loading selected work" />;
   }
 
   if (error) {
-    return <div className="ds-error">Error loading featured projects</div>;
+    return <div className="ds-error">Error loading selected work</div>;
   }
 
   const gridVariants: Variants = {
@@ -52,9 +51,9 @@ export default function Projects() {
   return (
     <Section
       id="projects"
-      eyebrow="PRODUCAO_INTELECTUAL"
-      title="Projetos com recorte tecnico claro e impacto observavel"
-      description="Selecao de produtos e ferramentas onde performance, confiabilidade e clareza de arquitetura foram requisitos reais."
+      eyebrow="Selected work"
+      title="Projetos em Next.js, Tauri, Rust e integracao de sistemas"
+      description="Cases e produtos que mostram minha atuacao em engenharia de software, consultoria tecnica e construcao de sistemas de alta exigencia."
       dark
       disableChildrenAnimation
     >
@@ -82,19 +81,29 @@ export default function Projects() {
             transition={{ type: "spring", stiffness: 170, damping: 18 }}
           >
             <div className="flex items-start justify-between gap-sp-6">
-              <div>
+              <div className="max-w-[560px]">
                 <div className="ds-kicker">{project.category}</div>
                 <DrawLine delay={0.05} />
                 <h3 className="ds-card-title">{project.title}</h3>
-                <p className="mt-sp-2 text-[11px] uppercase tracking-[0.1em] text-[rgba(255,255,255,.36)]">
-                  {project.subtitle}
-                </p>
+                {project.subtitle && (
+                  <p className="mt-sp-3 text-[13px] leading-6 text-[rgba(255,255,255,.56)]">
+                    {project.subtitle}
+                  </p>
+                )}
               </div>
               <span className="ds-tag">{project.status}</span>
             </div>
 
             <p className="ds-copy">{project.description}</p>
 
+            <ul className="ds-tags mt-sp-6">
+              {project.technologies.slice(0, 5).map((tech: string) => (
+                <li key={tech} className="ds-tag">
+                  {tech}
+                </li>
+              ))}
+            </ul>
+
             <div className="mt-sp-6 flex flex-wrap gap-sp-3">
               {project.githubUrl && (
                 <motion.a
@@ -106,7 +115,7 @@ export default function Projects() {
                   whileTap={shouldReduceMotion ? undefined : { scale: 0.97 }}
                   transition={{ type: "spring", stiffness: 260, damping: 20 }}
                 >
-                  GitHub
+                  Ver codigo
                 </motion.a>
               )}
               {project.demoUrl && (
@@ -119,36 +128,25 @@ export default function Projects() {
                   whileTap={shouldReduceMotion ? undefined : { scale: 0.97 }}
                   transition={{ type: "spring", stiffness: 260, damping: 20 }}
                 >
-                  Live demo
+                  Abrir projeto
                 </motion.a>
               )}
             </div>
-
-            <ul className="ds-tags mt-sp-6">
-              {project.technologies.slice(0, 6).map((tech: string) => (
-                <li key={tech} className="ds-tag">
-                  {tech}
-                </li>
-              ))}
-            </ul>
-
-            <div className="mt-sp-6 flex flex-wrap gap-sp-4">
-              <span className="ds-metric">
-                Complexity{" "}
-                <CounterValue
-                  value={project.metrics?.complexity || 3}
-                  suffix="/5"
-                />
-              </span>
-              {project.metrics?.teamSize && (
-                <span className="ds-metric">
-                  Team {project.metrics.teamSize}
-                </span>
-              )}
-            </div>
           </motion.article>
         ))}
       </motion.div>
+
+      <div className="mt-sp-8 flex flex-wrap gap-sp-3">
+        <a href="/cases" className="ds-link ds-link-accent">
+          Explorar todos os cases
+        </a>
+        <a href="/servicos" className="ds-link ds-link-muted">
+          Ver servicos relacionados
+        </a>
+      </div>
     </Section>
   );
 }
+
+
+