Evandro Fonseca JuniorandClaude Opus 5.5
4c826e938f
CI / verify (push) Failing after 5m43s
- Biome: formatacao, ordem de imports, max-width duplicado no cabecalho de secao, supressao justificada para nomes de view-transition, ajustes nos scripts de auditoria de SEO - next 16.3.3 -> 16.3.8: GHSA-vcvr-r3jv-pc5j (execucao remota de codigo em next/og ImageResponse, usado nas imagens de compartilhamento) - overrides de brace-expansion (GHSA-qhr7-859c-m2p7, GHSA-6j4f-fj2g-mc7p, GHSA-q2hr-2g5m-vwhr), dependencia de desenvolvimento via jest - visibilidade das cenas le as posicoes a cada quadro e o GSAP remede as passagens quando a pagina muda de altura (fontes, imagens, Experiencia) Co-Authored-By: Claude Opus 5.5 <[email protected]>
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useRef } from "react";
|
|
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 { WorkModalities } from "../WorkModalities";
|
|
import ExperienceDisclosure from "./ExperienceDisclosure";
|
|
import { useCinematicScroll } from "./useCinematicScroll";
|
|
import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
|
|
|
|
export default function CinematicHome({
|
|
projects,
|
|
experiences,
|
|
skillCategories,
|
|
heroStats,
|
|
}: {
|
|
heroStats?: HeroStats;
|
|
projects: PortfolioProjectView[];
|
|
experiences: PortfolioExperience[];
|
|
skillCategories: PortfolioSkillCategory[];
|
|
}) {
|
|
const onLayoutReady = useHomeFragmentNavigation();
|
|
const mainRef = useRef<HTMLElement>(null);
|
|
useCinematicScroll(mainRef);
|
|
// o layout da home é estável na montagem: a chegada por fragmento (#contato etc.) já pode ser resolvida
|
|
useEffect(() => onLayoutReady(), [onLayoutReady]);
|
|
|
|
return (
|
|
<div className="flex min-h-screen flex-col overflow-x-clip">
|
|
{/* Cada filho direto de <main> é uma cena; useCinematicScroll liga as passagens entre elas. */}
|
|
<main ref={mainRef} className="ds-main relative z-0">
|
|
<Hero stats={heroStats} />
|
|
|
|
<Projects projects={projects} />
|
|
|
|
<WorkModalities />
|
|
|
|
<EngineeringWithAI />
|
|
|
|
<LighthouseMetrics />
|
|
|
|
<div className="bg-[var(--paper)]">
|
|
<About />
|
|
|
|
<ExperienceDisclosure>
|
|
<Skills categories={skillCategories} />
|
|
<Experience experiences={experiences} />
|
|
</ExperienceDisclosure>
|
|
</div>
|
|
|
|
<Contact />
|
|
</main>
|
|
<div className="relative z-10">
|
|
<Footer />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|