Evandro Fonseca Junior
8d07b8c6bb
Home mais curta (hero, vitrine de clientes, sobre, serviços, IA resumida, depoimentos e contato), faixa de clientes e telas reais no hero, sem números do GitHub. Barra de cookies fina, WhatsApp fixo no celular, formulário com e-mail opcional e alternativa por e-mail, página /ia, eventos de e-mail, redes e currículo e conversão do Ads opcional por variável. Rodapé em 3 colunas. Remove componentes órfãos (LighthouseMetrics, Skills, Experience, contagem do GitHub).
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useRef } from "react";
|
|
import type { PortfolioProjectView } from "@/lib/portfolio-data";
|
|
import type { Testimonial } from "@/lib/proof";
|
|
import type { ServiceLink } from "@/lib/site-navigation";
|
|
import About from "../About";
|
|
import type { ClientLink } from "../ClientStrip";
|
|
import Contact from "../Contact";
|
|
import EngineeringWithAI from "../EngineeringWithAI";
|
|
import FloatingWhatsApp from "../FloatingWhatsApp";
|
|
import Footer from "../Footer";
|
|
import Hero, { type HeroStats } from "../Hero";
|
|
import Projects from "../Projects";
|
|
import { displayUrl } from "../showcase/BrowserFrame";
|
|
import Testimonials from "../Testimonials";
|
|
import { WorkModalities } from "../WorkModalities";
|
|
import { useCinematicScroll } from "./useCinematicScroll";
|
|
import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
|
|
|
|
/** Projeto cujo endereço aparece na barra do navegador de HeroWork. */
|
|
const HERO_WORK_PROJECT = "lavacao-047";
|
|
|
|
export default function CinematicHome({
|
|
projects,
|
|
clients,
|
|
testimonials,
|
|
serviceLinks,
|
|
heroStats,
|
|
}: {
|
|
heroStats?: HeroStats;
|
|
/** Só projetos de cliente (o filtro é de app/page.tsx). */
|
|
projects: PortfolioProjectView[];
|
|
clients?: ClientLink[];
|
|
testimonials?: Testimonial[];
|
|
/** Serviços do hub; lib/site-content.ts só pode ser lido no servidor, então a página os entrega prontos. */
|
|
serviceLinks?: ServiceLink[];
|
|
}) {
|
|
const heroWorkUrl = displayUrl({
|
|
demoUrl: projects.find((project) => project.id === HERO_WORK_PROJECT)
|
|
?.demoUrl,
|
|
});
|
|
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} clients={clients} workUrl={heroWorkUrl} />
|
|
|
|
<Projects projects={projects} />
|
|
|
|
<About />
|
|
|
|
<WorkModalities serviceLinks={serviceLinks} />
|
|
|
|
<EngineeringWithAI />
|
|
|
|
<Testimonials items={testimonials} />
|
|
|
|
<Contact />
|
|
</main>
|
|
<div className="relative z-10">
|
|
<Footer serviceLinks={serviceLinks} />
|
|
</div>
|
|
<FloatingWhatsApp />
|
|
</div>
|
|
);
|
|
}
|