Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfólio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Serviços", id: "features" },
|
||||
{ name: "Portfólio", id: "portfolio" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Agência Holandesa"
|
||||
/>
|
||||
@@ -54,151 +42,55 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Holandesa Agência de Comunicação"
|
||||
description="Redefinindo o futuro da comunicação estratégica. Expertise global, sofisticação criativa e autoridade em branding para marcas líderes de mercado."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-online-website-technology-concept_53876-21174.jpg?_wi=1",
|
||||
imageAlt: "Visual criativo 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-red-blue-3d-glasses-with-shadow-white-backdrop_23-2148188148.jpg?_wi=1",
|
||||
imageAlt: "Visual criativo 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg?_wi=1",
|
||||
imageAlt: "Visual criativo 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898142.jpg",
|
||||
imageAlt: "Visual criativo 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graffiti-walls-underground-hideout_482257-82227.jpg",
|
||||
imageAlt: "Visual criativo 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-online-website-technology-concept_53876-21174.jpg", imageAlt: "Visual criativo 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-frame-red-blue-3d-glasses-with-shadow-white-backdrop_23-2148188148.jpg", imageAlt: "Visual criativo 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg", imageAlt: "Visual criativo 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898142.jpg", imageAlt: "Visual criativo 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/graffiti-walls-underground-hideout_482257-82227.jpg", imageAlt: "Visual criativo 5" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas_53876-42869.jpg",
|
||||
imageAlt: "Visual criativo 6",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layers-circular-black-background_23-2148629490.jpg",
|
||||
imageAlt: "Visual criativo 6",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
|
||||
imageAlt: "Visual criativo 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg",
|
||||
imageAlt: "Visual criativo 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-design-modern-wooden-table-decor-generated-by-ai_188544-27803.jpg",
|
||||
imageAlt: "Visual criativo 3",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas_53876-42869.jpg", imageAlt: "Visual criativo 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/layers-circular-black-background_23-2148629490.jpg", imageAlt: "Visual criativo 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg", imageAlt: "Visual criativo 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599218.jpg", imageAlt: "Visual criativo 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-design-modern-wooden-table-decor-generated-by-ai_188544-27803.jpg", imageAlt: "Visual criativo 3" }
|
||||
]}
|
||||
tag="Expertise Premium"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agende uma Consultoria",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Agende uma Consultoria", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
alt: "Executivo 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
alt: "Executiva 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Executivo 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
alt: "Executiva 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
|
||||
alt: "Executiva 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "Executivo 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Executiva 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Executivo 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", alt: "Executiva 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", alt: "Executiva 5" }
|
||||
]}
|
||||
avatarText="Mais de 200 líderes atendidos."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inovação",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estratégia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Inovação" }, { type: "text", text: "Estratégia" }, { type: "text", text: "Design" }, { type: "text", text: "Branding" }, { type: "text", text: "Performance" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Branding de Autoridade",
|
||||
description: "Construímos identidades visuais exclusivas e narrativas poderosas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749858.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-online-website-technology-concept_53876-21174.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui dark mode",
|
||||
title: "Branding de Autoridade", description: "Construímos identidades visuais exclusivas e narrativas poderosas.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749858.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974208.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Estratégia Digital",
|
||||
description: "Domínio dos canais digitais para maximizar sua presença de mercado.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189649.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-red-blue-3d-glasses-with-shadow-white-backdrop_23-2148188148.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui dark mode",
|
||||
title: "Estratégia Digital", description: "Domínio dos canais digitais para maximizar sua presença de mercado.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189649.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Gestão de Conteúdo",
|
||||
description: "Produção de conteúdo editorial de alto padrão para marcas exigentes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detective-analyzing-evidence-desk_482257-75375.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-browsing-tablet-office_23-2148452645.jpg?_wi=2",
|
||||
imageAlt: "software dashboard ui dark mode",
|
||||
},
|
||||
title: "Gestão de Conteúdo", description: "Produção de conteúdo editorial de alto padrão para marcas exigentes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/detective-analyzing-evidence-desk_482257-75375.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Nossas Soluções Premium"
|
||||
@@ -212,33 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "+200",
|
||||
title: "Projetos Entregues",
|
||||
items: [
|
||||
"Branding",
|
||||
"Campanhas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Retenção de Clientes",
|
||||
items: [
|
||||
"Parcerias",
|
||||
"Confiança",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Anos de Experiência",
|
||||
items: [
|
||||
"Expertise",
|
||||
"História",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "+200", title: "Projetos Entregues", items: ["Branding", "Campanhas"] },
|
||||
{ id: "m2", value: "98%", title: "Retenção de Clientes", items: ["Parcerias", "Confiança"] },
|
||||
{ id: "m3", value: "20+", title: "Anos de Experiência", items: ["Expertise", "História"] }
|
||||
]}
|
||||
title="Nossa Autoridade em Dados"
|
||||
description="Estatísticas que validam nossa liderança no mercado de comunicação estratégica."
|
||||
@@ -252,42 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tech Enterprise Identity",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-open-laptop-mockup-tablet_1253-1495.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Fashion Campaign",
|
||||
price: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974203.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gadget Launch Strategy",
|
||||
price: "Innovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirrors-blue-table-isolated-orange_171337-13162.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Finance App UI/UX",
|
||||
price: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Global Retail Campaign",
|
||||
price: "Strategic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisanal Video Production",
|
||||
price: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-graphic-tablet-retouch-photographs_482257-116574.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Tech Enterprise Identity", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-open-laptop-mockup-tablet_1253-1495.jpg" },
|
||||
{ id: "p2", name: "Luxury Fashion Campaign", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974203.jpg" },
|
||||
{ id: "p3", name: "Gadget Launch Strategy", price: "Innovation", imageSrc: "http://img.b2bpic.net/free-photo/mirrors-blue-table-isolated-orange_171337-13162.jpg" },
|
||||
{ id: "p4", name: "Finance App UI/UX", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg" },
|
||||
{ id: "p5", name: "Global Retail Campaign", price: "Strategic", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ id: "p6", name: "Artisanal Video Production", price: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-graphic-tablet-retouch-photographs_482257-116574.jpg" }
|
||||
]}
|
||||
title="Cases de Sucesso"
|
||||
description="Portfólio seletivo de projetos que definiram padrões na indústria."
|
||||
@@ -297,36 +135,16 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Roberto Silva",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carla Mendes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-near-fence-sunset-sunglassesusing-smartphone-apps_158538-22406.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "André Luiz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Beatriz Souza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-nightlife-party_23-2149220900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ricardo Gomes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Roberto Silva", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "t2", name: "Carla Mendes", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-near-fence-sunset-sunglassesusing-smartphone-apps_158538-22406.jpg" },
|
||||
{ id: "t3", name: "André Luiz", imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg" },
|
||||
{ id: "t4", name: "Beatriz Souza", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-nightlife-party_23-2149220900.jpg" },
|
||||
{ id: "t5", name: "Ricardo Gomes", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg" }
|
||||
]}
|
||||
cardTitle="Depoimentos Exclusivos"
|
||||
cardTag="Clientes Premium"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -334,15 +152,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Apple",
|
||||
"Stripe",
|
||||
"Airbnb",
|
||||
"Nike",
|
||||
"Mercedes-Benz",
|
||||
"Adobe",
|
||||
]}
|
||||
names={["Google", "Apple", "Stripe", "Airbnb", "Nike", "Mercedes-Benz", "Adobe"]}
|
||||
title="Ecossistema de Parcerias"
|
||||
description="Marcas líderes que confiam na nossa expertise estratégica."
|
||||
/>
|
||||
@@ -351,27 +161,15 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como funciona o processo de criação?",
|
||||
content: "Adotamos uma metodologia baseada em design thinking e análise estratégica profunda.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como posso solicitar uma consultoria?",
|
||||
content: "Basta entrar em contato através do nosso formulário de atendimento premium.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Atendem clientes internacionais?",
|
||||
content: "Sim, nossa agência possui estrutura global para atender marcas em qualquer continente.",
|
||||
},
|
||||
{ id: "f1", title: "Como funciona o processo de criação?", content: "Adotamos uma metodologia baseada em design thinking e análise estratégica profunda." },
|
||||
{ id: "f2", title: "Como posso solicitar uma consultoria?", content: "Basta entrar em contato através do nosso formulário de atendimento premium." },
|
||||
{ id: "f3", title: "Atendem clientes internacionais?", content: "Sim, nossa agência possui estrutura global para atender marcas em qualquer continente." }
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Esclarecimentos sobre nossa metodologia exclusiva."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -381,23 +179,9 @@ export default function LandingPage() {
|
||||
title="Conecte-se conosco"
|
||||
description="Estamos prontos para elevar o nível da sua comunicação. Preencha o formulário e agende uma conversa exclusiva."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Nome completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-mail corporativo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "empresa",
|
||||
type: "text",
|
||||
placeholder: "Nome da empresa",
|
||||
},
|
||||
{ name: "nome", type: "text", placeholder: "Nome completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-mail corporativo", required: true },
|
||||
{ name: "empresa", type: "text", placeholder: "Nome da empresa" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121371.jpg"
|
||||
/>
|
||||
@@ -412,4 +196,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user