evandro/portifolio-evandrodevbr
1
0 Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Initialize portfolio website with core sections, smooth scrolling, scroll reveal animations, and comprehensive SEO.

Browse Source
This commit is contained in:
Evandro Fonseca Junior committed 2026-03-07 15:39:38 -03:00
1 parent 6299ae040a
commit d54462c687
15 files changed
+433 -138
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/components/About.tsx
+31 -26
View File
@@ -1,5 +1,5 @@
import { Section } from "./Section";
import { Reveal } from "./Reveal";
const STORY_DATA = [
{
id: "KERNEL_INIT",
@@ -45,6 +45,7 @@ export default function About() {
eyebrow="WHOAMI.sys"
title="Engenharia orientada por clareza, não por ruído"
description="Transformo complexidade técnica em sistemas estáveis, operáveis e alinhados ao negócio."
disableChildrenAnimation
aside={
<div className="mt-sp-4 ds-metric">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-slash" />
@@ -54,36 +55,40 @@ export default function About() {
>
<div className="ds-grid-2">
<div className="ds-grid-2">
{STORY_DATA.map((step) => (
<article key={step.id} className="ds-card">
<div className="ds-kicker">{step.id}</div>
<h3 className="ds-card-title">{step.title}</h3>
<p className="ds-copy">{step.content}</p>
</article>
{STORY_DATA.map((step, index) => (
<Reveal key={step.id} y={30} duration={0.8} delay={0.1 * index}>
<article className="ds-card h-full">
<div className="ds-kicker">{step.id}</div>
<h3 className="ds-card-title">{step.title}</h3>
<p className="ds-copy">{step.content}</p>
</article>
</Reveal>
))}
</div>
<div className="ds-card">
<div className="ds-kicker">System Signature</div>
<h3 className="ds-card-title">Base técnica e postura de entrega</h3>
<p className="ds-copy">
Evandro Fonseca Junior. Engenheiro Full-Stack com foco em Next.js,
React, Node.js, Tauri, integrações e arquitetura pragmática.
</p>
<div className="ds-grid-2 mt-sp-6">
{VALUES_DATA.map((value) => (
<div
key={value.title}
className="border-t border-[var(--border)] pt-sp-4"
>
<div className="text-[11px] font-medium uppercase tracking-[0.08em]">
{value.title}
<Reveal y={30} duration={0.8} delay={0.2}>
<div className="ds-card h-full">
<div className="ds-kicker">System Signature</div>
<h3 className="ds-card-title">Base técnica e postura de entrega</h3>
<p className="ds-copy">
Evandro Fonseca Junior. Engenheiro Full-Stack com foco em Next.js,
React, Node.js, Tauri, integrações e arquitetura pragmática.
</p>
<div className="ds-grid-2 mt-sp-6">
{VALUES_DATA.map((value) => (
<div
key={value.title}
className="border-t border-[var(--border)] pt-sp-4"
>
<div className="text-[11px] font-medium uppercase tracking-[0.08em]">
{value.title}
</div>
<p className="ds-copy !mt-sp-2">{value.description}</p>
</div>
<p className="ds-copy !mt-sp-2">{value.description}</p>
</div>
))}
))}
</div>
</div>
</div>
</Reveal>
</div>
</Section>
);