Evandro Fonseca JuniorandClaude Sonnet 5.5
23aeaa2fda
- titulo fluido (clamp ate 88px) com destaque em 'sob medida', eyebrow mono, seta no CTA e brilho de fundo - numeros reais na hero (anos de experiencia, projetos publicados, demos online) calculados em app/page.tsx a partir dos dados do portfolio - remove o opacity:0 inicial do motion: o texto nasce visivel; a entrada anima so a posicao (CSS) - HeroSystem monta a cena Three.js via requestIdleCallback (timeout 2,5s), depois de pintar e hidratar o essencial - capas decorativas (sem captura) escondidas no celular Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
77 lines
2.2 KiB
TypeScript
77 lines
2.2 KiB
TypeScript
"use client";
|
|
|
|
import type {
|
|
PortfolioExperience,
|
|
PortfolioProjectView,
|
|
PortfolioSkillCategory,
|
|
} from "@/lib/portfolio-data";
|
|
import About from "../About";
|
|
import Contact from "../Contact";
|
|
import EngineeringWithAI from "../EngineeringWithAI";
|
|
import Experience from "../Experience";
|
|
import Footer from "../Footer";
|
|
import Hero, { type HeroStats } from "../Hero";
|
|
import LighthouseMetrics from "../LighthouseMetrics";
|
|
import Projects from "../Projects";
|
|
import Skills from "../Skills";
|
|
import NotebookStory from "../story/NotebookStory";
|
|
import { WorkModalities } from "../WorkModalities";
|
|
import ExperienceDisclosure from "./ExperienceDisclosure";
|
|
import ScrollVelocityText from "./ScrollVelocityText";
|
|
import SectionDivider from "./SectionDivider";
|
|
import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
|
|
|
|
export default function CinematicHome({
|
|
projects,
|
|
experiences,
|
|
skillCategories,
|
|
heroStats,
|
|
}: {
|
|
heroStats?: HeroStats;
|
|
projects: PortfolioProjectView[];
|
|
experiences: PortfolioExperience[];
|
|
skillCategories: PortfolioSkillCategory[];
|
|
}) {
|
|
const onLayoutReady = useHomeFragmentNavigation();
|
|
|
|
return (
|
|
<div className="flex min-h-screen flex-col overflow-x-clip">
|
|
<main className="ds-main">
|
|
<Hero stats={heroStats} />
|
|
|
|
<div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.06)]">
|
|
<ScrollVelocityText text="SOFTWARE SOB MEDIDA" direction="left" />
|
|
</div>
|
|
|
|
<NotebookStory projects={projects} onLayoutReady={onLayoutReady} />
|
|
|
|
<Projects projects={projects} />
|
|
|
|
<SectionDivider variant="waveform" />
|
|
|
|
<WorkModalities />
|
|
|
|
<EngineeringWithAI />
|
|
|
|
<LighthouseMetrics />
|
|
|
|
<SectionDivider variant="pulse" />
|
|
|
|
<About />
|
|
|
|
<ExperienceDisclosure>
|
|
<Skills categories={skillCategories} />
|
|
<Experience experiences={experiences} />
|
|
</ExperienceDisclosure>
|
|
|
|
<div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.05)]">
|
|
<ScrollVelocityText text="VAMOS CONSTRUIR" direction="left" />
|
|
</div>
|
|
|
|
<Contact />
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|