Update src/app/page.tsx

This commit is contained in:
2026-05-30 20:00:51 +00:00
parent 7c9869c6b4
commit a9524ae739

View File

@@ -34,75 +34,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Início", name: "Início", id: "#hero"},
id: "#hero",
},
{ {
name: "Sobre", name: "Sobre", id: "#about"},
id: "#about",
},
{ {
name: "Serviços", name: "Serviços", id: "#features"},
id: "#features",
},
{ {
name: "Resultados", name: "Resultados", id: "#metrics"},
id: "#metrics",
},
{ {
name: "Equipe", name: "Equipe", id: "#team"},
id: "#team",
},
{ {
name: "Contato", name: "Contato", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESTgaBFNeXHGAr7vM2mz6W3OKp/uploaded-1780171119136-vovcnbqt.jpg" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESTgaBFNeXHGAr7vM2mz6W3OKp/uploaded-1780171119136-vovcnbqt.jpg"
logoAlt="Vision Dope Logo" logoAlt="Vision Dope Logo"
brandName="Vision Dope" brandName="Vision Dope"
button={{ button={{
text: "Mostre-nos sua visão", text: "Mostre-nos sua visão", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Design que torna as marcas irresistíveis" title="Design que torna as marcas irresistíveis"
description="Criamos peças criativas ousadas e premium que transformam visões ambiciosas em domínio de mercado. Estratégia, design e storytelling que realmente convertem." description="Criamos peças criativas ousadas e premium que transformam visões ambiciosas em domínio de mercado. Estratégia, design e storytelling que realmente convertem."
tag="Agência Premium" tag="Agência Premium"
buttons={[ buttons={[
{ {
text: "Mostre-nos sua visão", text: "Mostre-nos sua visão", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/textured-gold-background_53876-88777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/textured-gold-background_53876-88777.jpg", imageAlt: "Abstract digital creativity representing design agency innovation"},
imageAlt: "Abstract digital creativity representing design agency innovation",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-goal-mission-plan-strategy-icon-symbol_53876-122767.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-goal-mission-plan-strategy-icon-symbol_53876-122767.jpg", imageAlt: "Dynamic visual representing data analytics and market dominance with eye motif"}
imageAlt: "Dynamic visual representing data analytics and market dominance with eye motif",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139276.jpg",
imageAlt: "Abstract digital design pattern with gold lines",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672039.jpg",
imageAlt: "Futuristic tech art for creative marketing strategy",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898156.jpg",
imageAlt: "Innovative graphic design concept with glowing elements",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -116,9 +83,7 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="Elevando Marcas com Visão Estratégica" title="Elevando Marcas com Visão Estratégica"
description={[ description={[
"Na Vision Dope, acreditamos que o design e o marketing são mais do que apenas estética são a espinha dorsal do sucesso de uma marca. Nossa agência premium combina arte e análise para criar identidades inesquecíveis e campanhas que geram resultados tangíveis.", "Na Vision Dope, acreditamos que o design e o marketing são mais do que apenas estética são a espinha dorsal do sucesso de uma marca. Nossa agência premium combina arte e análise para criar identidades inesquecíveis e campanhas que geram resultados tangíveis.", "Trabalhamos com diretores de criação e líderes de marketing que buscam excelência, startups de tecnologia que precisam de um parceiro para escalar sua presença e marcas de luxo que exigem um posicionamento impecável. Nosso foco é a transparência, a expertise da equipe e um ROI comprovado, para que sua visão se torne domínio de mercado."]}
"Trabalhamos com diretores de criação e líderes de marketing que buscam excelência, startups de tecnologia que precisam de um parceiro para escalar sua presença e marcas de luxo que exigem um posicionamento impecável. Nosso foco é a transparência, a expertise da equipe e um ROI comprovado, para que sua visão se torne domínio de mercado.",
]}
/> />
</div> </div>
@@ -129,54 +94,27 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "design-inovador", id: "design-inovador", label: "Design Inovador", title: "Identidades Visuais Cativantes", items: [
label: "Design Inovador", "Branding Estratégico", "UI/UX de Alta Performance", "Design Gráfico Premium", "Motion Graphics e Animação"],
title: "Identidades Visuais Cativantes",
items: [
"Branding Estratégico",
"UI/UX de Alta Performance",
"Design Gráfico Premium",
"Motion Graphics e Animação",
],
buttons: [ buttons: [
{ {
text: "Ver Portfólio", text: "Ver Portfólio", href: "#"},
href: "#",
},
], ],
}, },
{ {
id: "marketing-estrategico", id: "marketing-estrategico", label: "Marketing Estratégico", title: "Campanhas que Convertem", items: [
label: "Marketing Estratégico", "Estratégia de Conteúdo", "SEO e SEM Avançados", "Marketing de Mídias Sociais", "Automação e CRM"],
title: "Campanhas que Convertem",
items: [
"Estratégia de Conteúdo",
"SEO e SEM Avançados",
"Marketing de Mídias Sociais",
"Automação e CRM",
],
buttons: [ buttons: [
{ {
text: "Nossos Resultados", text: "Nossos Resultados", href: "#metrics"},
href: "#metrics",
},
], ],
}, },
{ {
id: "consultoria-premium", id: "consultoria-premium", label: "Consultoria Premium", title: "Orientação para o Crescimento", items: [
label: "Consultoria Premium", "Análise de Mercado", "Planejamento de Marca", "Workshops Personalizados", "Otimização de Conversão"],
title: "Orientação para o Crescimento",
items: [
"Análise de Mercado",
"Planejamento de Marca",
"Workshops Personalizados",
"Otimização de Conversão",
],
buttons: [ buttons: [
{ {
text: "Agendar Consulta", text: "Agendar Consulta", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}
@@ -190,16 +128,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"InnovateTech Solutions", "InnovateTech Solutions", "Luxus Brands Group", "Global FinCorp", "Apex Digital Media", "Future Foods Co.", "Veridian Health Systems", "Quantum Robotics", "Elite Automotive", "Stellar Ventures"]}
"Luxus Brands Group",
"Global FinCorp",
"Apex Digital Media",
"Future Foods Co.",
"Veridian Health Systems",
"Quantum Robotics",
"Elite Automotive",
"Stellar Ventures",
]}
title="Parcerias que Impulsionam o Sucesso" title="Parcerias que Impulsionam o Sucesso"
description="Orgulhosamente colaboramos com marcas ambiciosas em diversos setores, transformando suas visões em realidade." description="Orgulhosamente colaboramos com marcas ambiciosas em diversos setores, transformando suas visões em realidade."
showCard={false} showCard={false}
@@ -213,29 +142,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "growth", id: "growth", value: "+200%", title: "Crescimento de Engajamento", description: "Impulsionamos o engajamento da audiência com estratégias de conteúdo e social media inovadoras.", imageSrc: "http://img.b2bpic.net/free-photo/motivation-is-important_1098-16025.jpg", imageAlt: "Growth chart showing over 200% increase"},
value: "+200%",
title: "Crescimento de Engajamento",
description: "Impulsionamos o engajamento da audiência com estratégias de conteúdo e social media inovadoras.",
imageSrc: "http://img.b2bpic.net/free-photo/motivation-is-important_1098-16025.jpg",
imageAlt: "Growth chart showing over 200% increase",
},
{ {
id: "roi", id: "roi", value: "4.5x", title: "Retorno Sobre Investimento", description: "Nossas campanhas geram um retorno significativamente alto para nossos clientes.", imageSrc: "http://img.b2bpic.net/free-photo/analysis-data-information-insight-plan-process-concept_53876-121051.jpg", imageAlt: "Magnifying glass over data showing ROI"},
value: "4.5x",
title: "Retorno Sobre Investimento",
description: "Nossas campanhas geram um retorno significativamente alto para nossos clientes.",
imageSrc: "http://img.b2bpic.net/free-photo/analysis-data-information-insight-plan-process-concept_53876-121051.jpg",
imageAlt: "Magnifying glass over data showing ROI",
},
{ {
id: "satisfaction", id: "satisfaction", value: "98%", title: "Satisfação do Cliente", description: "Foco total na experiência do cliente, resultando em parcerias duradouras e bem-sucedidas.", imageSrc: "http://img.b2bpic.net/free-photo/jewish-shape-star-with-shadow_23-2148330479.jpg", imageAlt: "Trophy symbolizing client satisfaction"},
value: "98%",
title: "Satisfação do Cliente",
description: "Foco total na experiência do cliente, resultando em parcerias duradouras e bem-sucedidas.",
imageSrc: "http://img.b2bpic.net/free-photo/jewish-shape-star-with-shadow_23-2148330479.jpg",
imageAlt: "Trophy symbolizing client satisfaction",
},
]} ]}
title="Resultados Comprovados" title="Resultados Comprovados"
description="Métricas que demonstram o impacto real e mensurável do nosso trabalho para nossos clientes." description="Métricas que demonstram o impacto real e mensurável do nosso trabalho para nossos clientes."
@@ -251,50 +162,20 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Dr. Helena Costa", role: "CEO", company: "InnovateTech Solutions", rating: 5,
name: "Dr. Helena Costa", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", imageAlt: "Dr. Helena Costa"},
role: "CEO",
company: "InnovateTech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
imageAlt: "Dr. Helena Costa",
},
{ {
id: "2", id: "2", name: "Marcos Silva", role: "Diretor de Marketing", company: "Luxus Brands Group", rating: 5,
name: "Marcos Silva", imageSrc: "http://img.b2bpic.net/free-photo/attractive-businesswoman-looking-statistic-data-thinking-confident-experienced-thoughtful-female-manager-holding-marker-standing-office-room-strategy-business-management-concept_74855-6740.jpg", imageAlt: "Marcos Silva"},
role: "Diretor de Marketing",
company: "Luxus Brands Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-businesswoman-looking-statistic-data-thinking-confident-experienced-thoughtful-female-manager-holding-marker-standing-office-room-strategy-business-management-concept_74855-6740.jpg",
imageAlt: "Marcos Silva",
},
{ {
id: "3", id: "3", name: "Ana Paula Rodrigues", role: "Fundadora", company: "Future Foods Co.", rating: 5,
name: "Ana Paula Rodrigues", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-elegant-businessman_23-2150917102.jpg", imageAlt: "Ana Paula Rodrigues"},
role: "Fundadora",
company: "Future Foods Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-elegant-businessman_23-2150917102.jpg",
imageAlt: "Ana Paula Rodrigues",
},
{ {
id: "4", id: "4", name: "Carlos Eduardo Mello", role: "Gerente de Marca", company: "Quantum Robotics", rating: 5,
name: "Carlos Eduardo Mello", imageSrc: "http://img.b2bpic.net/free-photo/businessman-passing-by-woman-using-mobile-phone_23-2147876765.jpg", imageAlt: "Carlos Eduardo Mello"},
role: "Gerente de Marca",
company: "Quantum Robotics",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-passing-by-woman-using-mobile-phone_23-2147876765.jpg",
imageAlt: "Carlos Eduardo Mello",
},
{ {
id: "5", id: "5", name: "Juliana Barros", role: "Head de Criação", company: "Apex Digital Media", rating: 5,
name: "Juliana Barros", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg", imageAlt: "Juliana Barros"},
role: "Head de Criação",
company: "Apex Digital Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg",
imageAlt: "Juliana Barros",
},
]} ]}
title="O que Nossos Clientes Dizem" title="O que Nossos Clientes Dizem"
description="Depoimentos de líderes que transformaram suas marcas e alcançaram o domínio de mercado conosco." description="Depoimentos de líderes que transformaram suas marcas e alcançaram o domínio de mercado conosco."
@@ -308,33 +189,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
team={[ team={[
{ {
id: "1", id: "1", name: "Alexandre Castro", role: "Diretor Criativo Executivo", imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-working-project-together_58466-11710.jpg", imageAlt: "Alexandre Castro, Diretor Criativo Executivo"},
name: "Alexandre Castro",
role: "Diretor Criativo Executivo",
imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-working-project-together_58466-11710.jpg",
imageAlt: "Alexandre Castro, Diretor Criativo Executivo",
},
{ {
id: "2", id: "2", name: "Sofia Mendes", role: "Estrategista de Marketing Sênior", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg", imageAlt: "Sofia Mendes, Estrategista de Marketing Sênior"},
name: "Sofia Mendes",
role: "Estrategista de Marketing Sênior",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg",
imageAlt: "Sofia Mendes, Estrategista de Marketing Sênior",
},
{ {
id: "3", id: "3", name: "Lucas Pereira", role: "Lead Designer UX/UI", imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917886.jpg", imageAlt: "Lucas Pereira, Lead Designer UX/UI"},
name: "Lucas Pereira",
role: "Lead Designer UX/UI",
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917886.jpg",
imageAlt: "Lucas Pereira, Lead Designer UX/UI",
},
{ {
id: "4", id: "4", name: "Isabela Santos", role: "Gerente de Marca & Comunicação", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37348.jpg", imageAlt: "Isabela Santos, Gerente de Marca & Comunicação"},
name: "Isabela Santos",
role: "Gerente de Marca & Comunicação",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37348.jpg",
imageAlt: "Isabela Santos, Gerente de Marca & Comunicação",
},
]} ]}
title="Conheça a Equipe Visionária" title="Conheça a Equipe Visionária"
description="Nossos especialistas combinam talento criativo com expertise estratégica para entregar resultados excepcionais." description="Nossos especialistas combinam talento criativo com expertise estratégica para entregar resultados excepcionais."
@@ -348,63 +209,31 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "essencial", id: "essencial", badge: "Início", badgeIcon: Sparkles,
badge: "Início", price: "Personalizado", subtitle: "Para quem busca uma base sólida e premium.", buttons: [
badgeIcon: Sparkles,
price: "Personalizado",
subtitle: "Para quem busca uma base sólida e premium.",
buttons: [
{ {
text: "Fale Conosco", text: "Fale Conosco", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Consultoria Estratégica Inicial", "Consultoria Estratégica Inicial", "Design de Marca Essencial", "Gestão Básica de Redes Sociais", "Relatórios de Performance Mensais"],
"Design de Marca Essencial",
"Gestão Básica de Redes Sociais",
"Relatórios de Performance Mensais",
],
}, },
{ {
id: "crescimento", id: "crescimento", badge: "Popular", badgeIcon: Star,
badge: "Popular", price: "Sob Medida", subtitle: "Ideal para escalar e expandir sua presença no mercado.", buttons: [
badgeIcon: Star,
price: "Sob Medida",
subtitle: "Ideal para escalar e expandir sua presença no mercado.",
buttons: [
{ {
text: "Agende Uma Reunião", text: "Agende Uma Reunião", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Estratégia de Marketing Completa", "Estratégia de Marketing Completa", "Desenvolvimento UI/UX Avançado", "Campanhas de Mídia Paga", "Otimização SEO Abrangente", "Suporte Dedicado"],
"Desenvolvimento UI/UX Avançado",
"Campanhas de Mídia Paga",
"Otimização SEO Abrangente",
"Suporte Dedicado",
],
}, },
{ {
id: "dominio", id: "dominio", badge: "Exclusivo", badgeIcon: Award,
badge: "Exclusivo", price: "Solução Customizada", subtitle: "A parceria definitiva para o domínio total de mercado.", buttons: [
badgeIcon: Award,
price: "Solução Customizada",
subtitle: "A parceria definitiva para o domínio total de mercado.",
buttons: [
{ {
text: "Descubra Mais", text: "Descubra Mais", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Branding 360º", "Branding 360º", "Estratégia de Lançamento de Produto", "Inteligência de Mercado e Insights", "Marketing de Influência", "Acompanhamento Estratégico Contínuo"],
"Estratégia de Lançamento de Produto",
"Inteligência de Mercado e Insights",
"Marketing de Influência",
"Acompanhamento Estratégico Contínuo",
],
}, },
]} ]}
title="Planos Personalizados para Cada Visão" title="Planos Personalizados para Cada Visão"
@@ -419,33 +248,19 @@ export default function LandingPage() {
description="Entre em contato para discutir como podemos elevar sua marca a novos patamares com design ousado e marketing estratégico." description="Entre em contato para discutir como podemos elevar sua marca a novos patamares com design ousado e marketing estratégico."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Seu Nome Completo", required: true,
type: "text",
placeholder: "Seu Nome Completo",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Seu Melhor E-mail", required: true,
type: "email",
placeholder: "Seu Melhor E-mail",
required: true,
}, },
{ {
name: "company", name: "company", type: "text", placeholder: "Sua Empresa (Opcional)"},
type: "text",
placeholder: "Sua Empresa (Opcional)",
},
{ {
name: "subject", name: "subject", type: "text", placeholder: "Assunto da Mensagem", required: true,
type: "text",
placeholder: "Assunto da Mensagem",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Sua Mensagem", rows: 5,
placeholder: "Sua Mensagem",
rows: 5,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/businessman-using-digital-tablet-while-sitting-airport-terminal_107420-85113.jpg" imageSrc="http://img.b2bpic.net/free-photo/businessman-using-digital-tablet-while-sitting-airport-terminal_107420-85113.jpg"
@@ -460,62 +275,37 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Serviços", title: "Serviços", items: [
items: [
{ {
label: "Branding", label: "Branding", href: "#features"},
href: "#features",
},
{ {
label: "Marketing Digital", label: "Marketing Digital", href: "#features"},
href: "#features",
},
{ {
label: "UI/UX Design", label: "UI/UX Design", href: "#features"},
href: "#features",
},
{ {
label: "Estratégia", label: "Estratégia", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Agência", title: "Agência", items: [
items: [
{ {
label: "Sobre Nós", label: "Sobre Nós", href: "#about"},
href: "#about",
},
{ {
label: "Nossa Equipe", label: "Nossa Equipe", href: "#team"},
href: "#team",
},
{ {
label: "Resultados", label: "Resultados", href: "#metrics"},
href: "#metrics",
},
{ {
label: "Contato", label: "Contato", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Recursos", title: "Recursos", items: [
items: [
{ {
label: "Blog", label: "Blog", href: "#"},
href: "#",
},
{ {
label: "FAQ", label: "FAQ", href: "#"},
href: "#",
},
{ {
label: "Estudos de Caso", label: "Estudos de Caso", href: "#"},
href: "#",
},
], ],
}, },
]} ]}