3 Commits

Author SHA1 Message Date
6fdbe15d52 Update src/app/page.tsx 2026-05-01 17:34:30 +00:00
31cc2a7177 Update src/app/styles/variables.css 2026-05-01 17:33:58 +00:00
30413baf4e Update src/app/page.tsx 2026-05-01 17:33:58 +00:00
2 changed files with 46 additions and 172 deletions

View File

@@ -14,40 +14,25 @@ export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="compact" contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="blurBottom" background="noise"
cardStyle="gradient-mesh" cardStyle="glass-elevated"
primaryButtonStyle="shadow" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="glass"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Início", id: "hero" },
name: "Início", { name: "Sobre", id: "about" },
id: "hero", { name: "Áreas", id: "areas" },
}, { name: "Diferenciais", id: "diferenciais" },
{ { name: "Contato", id: "contact" },
name: "Sobre",
id: "about",
},
{
name: "Áreas",
id: "areas",
},
{
name: "Diferenciais",
id: "diferenciais",
},
{
name: "Contato",
id: "contact",
},
]} ]}
brandName="Vinicius B. Morais" brandName="Vinicius B. Morais"
/> />
@@ -55,188 +40,77 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient",
}}
title="Vinicius B. Morais — Advocacia e Consultoria" title="Vinicius B. Morais — Advocacia e Consultoria"
description="Especialista em Direito Empresarial, formado pela PUC-RS. Dedicado à proteção e ao crescimento estratégico de empresas com excelência jurídica e foco em resultados." description="Especialista em Direito Empresarial. Protegendo seus interesses com excelência, discrição e estratégia de alto padrão para negócios exigentes."
avatars={[ avatars={[
{ { src: "https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400&h=400&fit=crop", alt: "Dr. Vinicius" },
src: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-with-folded-arms_23-2147900019.jpg",
alt: "Dr. Vinicius",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-elegant-businessman-standing-office-building_1098-19247.jpg",
alt: "Advogado parceiro",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-with-open-folder_23-2147708155.jpg",
alt: "Advogado parceiro",
},
{
src: "http://img.b2bpic.net/free-photo/confident-male-mature-lawyer-sitting-office_23-2147898674.jpg",
alt: "Advogado parceiro",
},
{
src: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
alt: "Advogado parceiro",
},
]}
buttons={[
{
text: "Agendar consulta via WhatsApp",
href: "#contact",
},
]} ]}
buttons={[{ text: "Agendar Consulta", href: "#contact" }]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Direito Empresarial" },
type: "text", { type: "text", text: "Compliance Corporativo" },
text: "Direito Empresarial", { type: "text", text: "Governança e Estruturação" },
},
{
type: "text",
text: "Compliance",
},
{
type: "text",
text: "Governança Corporativa",
},
{
type: "text",
text: "Contratos",
},
{
type: "text",
text: "Planejamento Estratégico",
},
]} ]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
title="Advocacia de Alta Performance"
buttons={[{ text: "Conheça nossa trajetória" }]}
useInvertedBackground={false} useInvertedBackground={false}
title="Compromisso com a Excelência Jurídica"
buttons={[
{
text: "Saiba mais",
},
]}
/> />
</div> </div>
<div id="areas" data-section="areas"> <div id="areas" data-section="areas">
<FeatureCardTwentyNine <FeatureCardTwentyNine
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Contratos Empresariais",
description: "Assessoria e elaboração contratual.",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79242.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-96201.jpg",
buttonText: "Detalhes",
},
{
title: "Direito Societário",
description: "Estruturação e governança corporativa.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-twisted-folds-background_1048-15993.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99494.jpg",
buttonText: "Detalhes",
},
{
title: "Compliance Empresarial",
description: "Integridade e normas internas.",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100247.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103159.jpg",
buttonText: "Detalhes",
},
{
title: "Consultoria Preventiva",
description: "Gestão estratégica de riscos.",
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1257.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
buttonText: "Detalhes",
},
]}
title="Áreas de Atuação" title="Áreas de Atuação"
description="Soluções jurídicas preventivas e contenciosas." description="Expertise voltada para o ambiente corporativo."
features={[
{ title: "Contratos Empresariais", description: "Negociação e elaboração de contratos complexos.", imageSrc: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
{ title: "Direito Societário", description: "Gestão de conflitos e governança corporativa.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
{ title: "Compliance", description: "Programas de integridade e ética corporativa.", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
{ title: "Consultoria Preventiva", description: "Blindagem e proteção estratégica de ativos.", imageSrc: "https://images.unsplash.com/photo-1497215728101-856f4ea42174?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
]}
useInvertedBackground={false}
/> />
</div> </div>
<div id="diferenciais" data-section="diferenciais"> <div id="diferenciais" data-section="diferenciais">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} title="Nossos Diferenciais"
description="Compromisso com a sobriedade, agilidade e resultados concretos."
metrics={[ metrics={[
{ { id: "1", value: "Foco", title: "Negócios", items: ["Visão estratégica", "Foco no cliente"] },
id: "1", { id: "2", value: "Exclusividade", title: "Atendimento", items: ["Direct access", "Sigilo absoluto"] },
value: "PUC-RS", { id: "3", value: "Alta performance", title: "Resultado", items: ["Soluções eficazes", "Agilidade"] },
title: "Formação de Elite",
items: [
"Excelência",
"Credibilidade",
"Conhecimento",
],
},
{
id: "2",
value: "1:1",
title: "Atendimento Personalizado",
items: [
"Direto",
"Humano",
"Exclusivo",
],
},
{
id: "3",
value: "Estratégico",
title: "Visão de Negócios",
items: [
"Resultados",
"Soluções",
"Inovação",
],
},
]} ]}
title="Diferenciais do Escritório" useInvertedBackground={false}
description="Foco exclusivo na sua necessidade empresarial."
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contato" tag="Contato"
title="Agende sua Consulta" title="Consultoria Jurídica Estratégica"
description="Atendimento em Santo Ângelo/RS e região. Entre em contato para discutir as necessidades do seu negócio." description="Agende um atendimento exclusivo para tratar das demandas do seu negócio."
buttons={[ buttons={[{ text: "Falar via WhatsApp", href: "#" }]}
{ background={{ variant: "plain" }}
text: "WhatsApp", useInvertedBackground={false}
href: "#",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Vinicius B. Morais" logoText="Vinicius B. Morais"
leftLink={{ leftLink={{ text: "Políticas", href: "#" }}
text: "Privacidade", rightLink={{ text: "© 2025 Advocacia", href: "#" }}
href: "#",
}}
rightLink={{
text: "© 2024 Advocacia",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -11,7 +11,7 @@
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #0a0a0a;
--card: #121212; --card: #1a1a1a;
--foreground: #f5f5f5; --foreground: #f5f5f5;
--primary-cta: #d4af37; --primary-cta: #d4af37;
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;