Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Madrid Marketing Agency"
|
||||
/>
|
||||
@@ -55,68 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevating Brands in the Heart of Madrid"
|
||||
description="We craft digital experiences that resonate, drive growth, and define the future of your business. Based in Madrid, serving the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-marketing-agency-hero-image-1777243328597-97f72be1.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-marketing-agency-hero-image-1777243328597-97f72be1.png"
|
||||
imageAlt="Digital marketing agency hero"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243377942-6d493041.png",
|
||||
alt: "Executive",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243377942-6d493041.png", alt: "Executive"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-happy-client-high-quality-1777243386008-3359b699.png",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-happy-client-high-quality-1777243386008-3359b699.png", alt: "Client"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-business-owne-1777243394602-724a53ab.png",
|
||||
alt: "Founder",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-business-owne-1777243394602-724a53ab.png", alt: "Founder"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-partner-high--1777243402638-f6c42da3.png",
|
||||
alt: "Partner",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-partner-high--1777243402638-f6c42da3.png", alt: "Partner"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243431631-69da4df3.png",
|
||||
alt: "Director",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243431631-69da4df3.png", alt: "Director"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ghn8ah",
|
||||
alt: "Brand 1",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ghn8ah", alt: "Brand 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pq3c8",
|
||||
alt: "Brand 2",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pq3c8", alt: "Brand 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymd5dr",
|
||||
alt: "Brand 3",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymd5dr", alt: "Brand 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pzs9o",
|
||||
alt: "Brand 4",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pzs9o", alt: "Brand 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2hzcb",
|
||||
alt: "Brand 5",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2hzcb", alt: "Brand 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,17 +92,11 @@ export default function LandingPage() {
|
||||
description="Our Madrid-based team combines local market insight with cutting-edge digital strategies to help your brand dominate the digital landscape."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "150+", title: "Projects Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", title: "Client Satisfaction"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Brands",
|
||||
},
|
||||
value: "50+", title: "Global Brands"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/modern-creative-agency-team-working-in-a-1777243338521-a758b07b.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -149,31 +107,20 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategy & Planning",
|
||||
descriptions: [
|
||||
"Custom roadmaps that align your business goals with market opportunities.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-digital-marketing-stra-1777243346849-bbd0d962.png",
|
||||
},
|
||||
id: "f1", title: "Strategy & Planning", descriptions: [
|
||||
"Custom roadmaps that align your business goals with market opportunities."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-digital-marketing-stra-1777243346849-bbd0d962.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Media",
|
||||
descriptions: [
|
||||
"Engaging content management that grows your audience and drives conversions.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-social-media-managemen-1777243354181-ebab9982.png",
|
||||
},
|
||||
id: "f2", title: "Social Media", descriptions: [
|
||||
"Engaging content management that grows your audience and drives conversions."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-social-media-managemen-1777243354181-ebab9982.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Search Marketing",
|
||||
descriptions: [
|
||||
"Advanced SEO and SEM techniques to ensure your brand gets noticed.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-seo-analytics-minimali-1777243361279-094d4095.png",
|
||||
},
|
||||
id: "f3", title: "Search Marketing", descriptions: [
|
||||
"Advanced SEO and SEM techniques to ensure your brand gets noticed."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/icon-representing-seo-analytics-minimali-1777243361279-094d4095.png"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive marketing solutions to accelerate your growth."
|
||||
@@ -187,26 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3x",
|
||||
title: "Conversion Rate",
|
||||
description: "Average increase in client sales.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243369286-770a683c.png",
|
||||
},
|
||||
id: "m1", value: "3x", title: "Conversion Rate", description: "Average increase in client sales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243369286-770a683c.png"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500%",
|
||||
title: "Audience Growth",
|
||||
description: "Average follower growth per account.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243414803-452eb985.png",
|
||||
},
|
||||
id: "m2", value: "500%", title: "Audience Growth", description: "Average follower growth per account.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243414803-452eb985.png"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Campaign Support",
|
||||
description: "Round-the-clock management.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243422471-8e5b1846.png",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Campaign Support", description: "Round-the-clock management.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/abstract-visualization-of-growth-metrics-1777243422471-8e5b1846.png"},
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Evidence-backed results for every campaign we manage."
|
||||
@@ -217,47 +149,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlos",
|
||||
testimonial: "Exceptional marketing strategy that truly transformed our business.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243377942-6d493041.png",
|
||||
},
|
||||
id: "1", name: "Carlos Ruiz", handle: "@carlos", testimonial: "Exceptional marketing strategy that truly transformed our business.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243377942-6d493041.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Lopez",
|
||||
handle: "@maria",
|
||||
testimonial: "Professional, creative, and results-oriented. A perfect team.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-happy-client-high-quality-1777243386008-3359b699.png",
|
||||
},
|
||||
id: "2", name: "Maria Lopez", handle: "@maria", testimonial: "Professional, creative, and results-oriented. A perfect team.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-happy-client-high-quality-1777243386008-3359b699.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Javier Gomez",
|
||||
handle: "@javier",
|
||||
testimonial: "They redefined our online presence with incredible skill.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-business-owne-1777243394602-724a53ab.png",
|
||||
},
|
||||
id: "3", name: "Javier Gomez", handle: "@javier", testimonial: "They redefined our online presence with incredible skill.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-business-owne-1777243394602-724a53ab.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sofia Torres",
|
||||
handle: "@sofia",
|
||||
testimonial: "The best marketing agency in Madrid, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-partner-high--1777243402638-f6c42da3.png",
|
||||
},
|
||||
id: "4", name: "Sofia Torres", handle: "@sofia", testimonial: "The best marketing agency in Madrid, hands down.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-partner-high--1777243402638-f6c42da3.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luis Mendez",
|
||||
handle: "@luis",
|
||||
testimonial: "Data-driven results that exceeded all our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243431631-69da4df3.png",
|
||||
},
|
||||
id: "5", name: "Luis Mendez", handle: "@luis", testimonial: "Data-driven results that exceeded all our expectations.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/headshot-of-a-professional-executive-hig-1777243431631-69da4df3.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Proven Success Stories"
|
||||
@@ -270,14 +178,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Netflix",
|
||||
"Spotify",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Netflix", "Spotify"]}
|
||||
title="Trusted by Global Brands"
|
||||
description="We partner with leading names across industries."
|
||||
/>
|
||||
@@ -289,25 +190,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you start?",
|
||||
content: "We begin with a discovery session to understand your business goals.",
|
||||
},
|
||||
id: "q1", title: "How do you start?", content: "We begin with a discovery session to understand your business goals."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What's the process?",
|
||||
content: "We iterate constantly using data-driven insights for maximum impact.",
|
||||
},
|
||||
id: "q2", title: "What's the process?", content: "We iterate constantly using data-driven insights for maximum impact."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Why Madrid?",
|
||||
content: "Our headquarters in Madrid offers the perfect mix of European vision and global connectivity.",
|
||||
},
|
||||
id: "q3", title: "Why Madrid?", content: "Our headquarters in Madrid offers the perfect mix of European vision and global connectivity."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-marketing-agency-hero-image-1777243328597-97f72be1.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-marketing-agency-hero-image-1777243328597-97f72be1.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -315,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Contact"
|
||||
title="Start Your Journey"
|
||||
description="Get in touch with our expert team to discuss your project."
|
||||
@@ -328,38 +219,25 @@ export default function LandingPage() {
|
||||
logoText="Madrid Marketing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Strategy", href: "#features"},
|
||||
{
|
||||
label: "Social Media",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Social Media", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user