Update src/app/page.tsx

This commit is contained in:
2026-05-27 20:08:00 +00:00
parent 90fcbda5e9
commit 06d30a46e4

View File

@@ -31,33 +31,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "O Problema",
id: "problema",
},
name: "O Problema", id: "problema"},
{
name: "Pillars",
id: "pilares",
},
name: "Pillars", id: "pilares"},
{
name: "Resultados",
id: "resultados",
},
name: "Resultados", id: "resultados"},
{
name: "Processo",
id: "processo",
},
name: "Processo", id: "processo"},
{
name: "Manifesto",
id: "manifesto",
},
name: "Manifesto", id: "manifesto"},
{
name: "Contato",
id: "contato",
},
name: "Contato", id: "contato"},
]}
brandName="VOSS."
/>
@@ -66,68 +52,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="ENGENHARIA DE CRESCIMENTO"
description="para negócios locais\\\nConstruímos o ecossistema digital completo — do Google até a IA"
buttons={[
{
text: "Quero crescer →",
href: "https://wa.me/5567993353764",
},
text: "Quero crescer →", href: "https://wa.me/5567993353764"},
]}
imageSrc="http://img.b2bpic.net/free-photo/spectrum-flashes-coloured-light_23-2151792497.jpg"
imageAlt="Abstract amber expanding rings in a dark gradient background"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171747.jpg",
alt: "Avatar of a satisfied client",
},
src: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171747.jpg", alt: "Avatar of a satisfied client"},
{
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915141.jpg",
alt: "Avatar of a business partner",
},
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915141.jpg", alt: "Avatar of a business partner"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
alt: "Avatar of a team member",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg", alt: "Avatar of a team member"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg",
alt: "Avatar of a happy customer",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg", alt: "Avatar of a happy customer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916010.jpg",
alt: "Avatar of a collaborating expert",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916010.jpg", alt: "Avatar of a collaborating expert"},
]}
avatarText="Mais de 47 empresas já cresceram com a Voss."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108163.jpg",
alt: "Minimalist tech company logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108163.jpg", alt: "Minimalist tech company logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg",
alt: "Geometric abstract logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg", alt: "Geometric abstract logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg",
alt: "Modern innovation firm logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/orange-paper-sheets-background_23-2148632490.jpg", alt: "Modern innovation firm logo"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047527.jpg",
alt: "Sleek growth agency emblem",
},
type: "image", src: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047527.jpg", alt: "Sleek growth agency emblem"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg",
alt: "Futuristic AI solutions icon",
},
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", alt: "Futuristic AI solutions icon"},
]}
marqueeSpeed={30}
/>
@@ -152,53 +110,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "pillar-1",
name: "APAREÇA ONDE O CLIENTE ESTÁ PROCURANDO",
price: " ",
variant: "GMN",
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_52683-117153.jpg",
imageAlt: "Google My Business icon",
},
id: "pillar-1", name: "APAREÇA ONDE O CLIENTE ESTÁ PROCURANDO", price: " ", variant: "GMN", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_52683-117153.jpg", imageAlt: "Google My Business icon"},
{
id: "pillar-2",
name: "CLIENTES CHEGANDO ENQUANTO VOCÊ TRABALHA",
price: " ",
variant: "GOOGLE ADS + META ADS",
imageSrc: "http://img.b2bpic.net/free-vector/smm-social-media-marketing-icons_107791-9648.jpg",
imageAlt: "Google and Meta Ads icon",
},
id: "pillar-2", name: "CLIENTES CHEGANDO ENQUANTO VOCÊ TRABALHA", price: " ", variant: "GOOGLE ADS + META ADS", imageSrc: "http://img.b2bpic.net/free-vector/smm-social-media-marketing-icons_107791-9648.jpg", imageAlt: "Google and Meta Ads icon"},
{
id: "pillar-3",
name: "PRODUÇÃO CINEMATOGRÁFICA A SERVIÇO DO NEGÓCIO",
price: " ",
variant: "VÍDEO",
imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg",
imageAlt: "Video production icon",
},
id: "pillar-3", name: "PRODUÇÃO CINEMATOGRÁFICA A SERVIÇO DO NEGÓCIO", price: " ", variant: "VÍDEO", imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg", imageAlt: "Video production icon"},
{
id: "pillar-4",
name: "SISTEMAS QUE TRABALHAM POR VOCÊ",
price: " ",
variant: "IA",
imageSrc: "http://img.b2bpic.net/free-photo/composition-balloons-with-light-dark_23-2148987128.jpg",
imageAlt: "AI and Automation icon",
},
id: "pillar-4", name: "SISTEMAS QUE TRABALHAM POR VOCÊ", price: " ", variant: "IA", imageSrc: "http://img.b2bpic.net/free-photo/composition-balloons-with-light-dark_23-2148987128.jpg", imageAlt: "AI and Automation icon"},
{
id: "pillar-5",
name: "ESTRATÉGIA DE CRESCIMENTO DIGITAL",
price: " ",
variant: "ESTRATÉGIA",
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205011.jpg",
imageAlt: "Growth strategy icon",
},
id: "pillar-5", name: "ESTRATÉGIA DE CRESCIMENTO DIGITAL", price: " ", variant: "ESTRATÉGIA", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205011.jpg", imageAlt: "Growth strategy icon"},
{
id: "pillar-6",
name: "OTIMIZAÇÃO DE SEO LOCAL",
price: " ",
variant: "SEO",
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
imageAlt: "SEO optimization icon",
},
id: "pillar-6", name: "OTIMIZAÇÃO DE SEO LOCAL", price: " ", variant: "SEO", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", imageAlt: "SEO optimization icon"},
]}
title="OS 4 PILARES DO SEU SUCESSO"
description="Nossas fundações para escalar o seu negócio e garantir a sua presença digital."
@@ -212,31 +134,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "47+",
title: "clientes ativos",
items: [
"Crescimento constante",
"Parcerias de sucesso",
],
id: "metric-1", value: "47+", title: "clientes ativos", items: [
"Crescimento constante", "Parcerias de sucesso"],
},
{
id: "metric-2",
value: "Top 3",
title: "posição média no Google",
items: [
"Domínio local",
"Visibilidade garantida",
],
id: "metric-2", value: "Top 3", title: "posição média no Google", items: [
"Domínio local", "Visibilidade garantida"],
},
{
id: "metric-3",
value: "3x",
title: "mais ligações em média",
items: [
"Leads qualificados",
"Aumento de conversão",
],
id: "metric-3", value: "3x", title: "mais ligações em média", items: [
"Leads qualificados", "Aumento de conversão"],
},
]}
title="NÚMEROS QUE IMPORTAM"
@@ -250,25 +157,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "step-1",
title: "01 — DIAGNÓSTICO",
content: "Analisamos a presença digital atual do seu negócio, identificando pontos fortes e oportunidades de melhoria.",
},
id: "step-1", title: "01 — DIAGNÓSTICO", content: "Analisamos a presença digital atual do seu negócio, identificando pontos fortes e oportunidades de melhoria."},
{
id: "step-2",
title: "02 — ESTRATÉGIA",
content: "Montamos o ecossistema ideal para o seu segmento, com um plano de ação personalizado e focado em resultados.",
},
id: "step-2", title: "02 — ESTRATÉGIA", content: "Montamos o ecossistema ideal para o seu segmento, com um plano de ação personalizado e focado em resultados."},
{
id: "step-3",
title: "03 — EXECUÇÃO",
content: "Implementamos todas as soluções com precisão e velocidade, desde a configuração técnica até a criação de conteúdo.",
},
id: "step-3", title: "03 — EXECUÇÃO", content: "Implementamos todas as soluções com precisão e velocidade, desde a configuração técnica até a criação de conteúdo."},
{
id: "step-4",
title: "04 — CRESCIMENTO",
content: "Monitoramos, otimizamos e escalamos os resultados continuamente, adaptando as estratégias para maximizar seu ROI.",
},
id: "step-4", title: "04 — CRESCIMENTO", content: "Monitoramos, otimizamos e escalamos os resultados continuamente, adaptando as estratégias para maximizar seu ROI."},
]}
title="O PROCESSO"
description="Nossa metodologia simples para garantir seu crescimento."
@@ -282,17 +177,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Microsoft",
"Google",
"Apple",
"Amazon",
"Meta",
"IBM",
"Intel",
"Samsung",
"Oracle",
"SAP",
]}
"Microsoft", "Google", "Apple", "Amazon", "Meta", "IBM", "Intel", "Samsung", "Oracle", "SAP"]}
title="A MAIORIA DAS AGÊNCIAS ENTREGA FERRAMENTA."
description="A VOSS. CONSTRÓI SISTEMA.\\\nCampo Grande, MS — e onde o crescimento precisar chegar."
speed={40}
@@ -304,14 +189,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="PRONTO PARA CONSTRUIR SEU ECOSSISTEMA?\\\nFale com a Voss. e descubra onde seu negócio pode chegar com a infraestrutura certa."
buttons={[
{
text: "COMEÇAR AGORA →",
href: "https://wa.me/5567993353764",
},
text: "COMEÇAR AGORA →", href: "https://wa.me/5567993353764"},
]}
/>
</div>