Merge version_1 into main #1
161
src/app/page.tsx
161
src/app/page.tsx
@@ -18,27 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Vantage Marketing"
|
||||
/>
|
||||
@@ -48,36 +44,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Drive Your Brand Forward"
|
||||
description="We craft data-driven marketing strategies that accelerate your growth. Partner with Vantage and reach your target audience where it matters most."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-marketing-agency-hero-image-1775349048161-8f904410.png"
|
||||
imageAlt="Marketing agency team working"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-execut-1775349047467-b52de848.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-business-1775349047699-0340cc31.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-entrep-1775349047801-f8328732.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-manager--1775349047393-52a56a17.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-creati-1775349048006-46ad5edb.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-execut-1775349047467-b52de848.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-business-1775349047699-0340cc31.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-entrep-1775349047801-f8328732.png", alt: "Client 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-manager--1775349047393-52a56a17.png", alt: "Client 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-creati-1775349048006-46ad5edb.png", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
/>
|
||||
@@ -88,8 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Partner in Scaling"
|
||||
description={[
|
||||
"Founded on the principle of measurable impact, Vantage Marketing helps businesses unlock their full potential. We don't just provide services; we build relationships that drive revenue.",
|
||||
"Our team of experts leverages cutting-edge technology and deep market insights to deliver results that exceed expectations.",
|
||||
"Founded on the principle of measurable impact, Vantage Marketing helps businesses unlock their full potential. We don't just provide services; we build relationships that drive revenue.", "Our team of experts leverages cutting-edge technology and deep market insights to deliver results that exceed expectations."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,24 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Turn data into actionable insights for smarter business decisions.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/digital-growth-analytics-dashboard-icon--1775349046255-e173f897.png",
|
||||
imageAlt: "Analytics icon",
|
||||
},
|
||||
{
|
||||
title: "Social Strategy",
|
||||
description: "Build engaged communities and boost social media visibility.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/social-media-engagement-icon-with-speech-1775349047989-b93d8918.png",
|
||||
imageAlt: "Social growth icon",
|
||||
},
|
||||
{
|
||||
title: "Content Creation",
|
||||
description: "Professional copy and media that resonates with your core audience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/content-marketing-strategy-document-with-1775349047959-1383b02e.png",
|
||||
imageAlt: "Content strategy icon",
|
||||
},
|
||||
{ title: "Data Analytics", description: "Turn data into actionable insights for smarter business decisions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/digital-growth-analytics-dashboard-icon--1775349046255-e173f897.png", imageAlt: "Analytics icon" },
|
||||
{ title: "Social Strategy", description: "Build engaged communities and boost social media visibility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/social-media-engagement-icon-with-speech-1775349047989-b93d8918.png", imageAlt: "Social growth icon" },
|
||||
{ title: "Content Creation", description: "Professional copy and media that resonates with your core audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/content-marketing-strategy-document-with-1775349047959-1383b02e.png", imageAlt: "Content strategy icon" }
|
||||
]}
|
||||
title="Comprehensive Marketing Services"
|
||||
description="Customized strategies designed to elevate your brand performance."
|
||||
@@ -130,21 +90,9 @@ export default function LandingPage() {
|
||||
title="Performance at a Glance"
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Average ROI Growth",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Expert Support",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "45%", description: "Average ROI Growth" },
|
||||
{ id: "m3", value: "24/7", description: "Expert Support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -154,36 +102,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-execut-1775349047467-b52de848.png",
|
||||
imageAlt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-business-1775349047699-0340cc31.png",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-entrep-1775349047801-f8328732.png",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-manager--1775349047393-52a56a17.png",
|
||||
imageAlt: "Mark Johnson",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-creati-1775349048006-46ad5edb.png",
|
||||
imageAlt: "Lisa Wang",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-execut-1775349047467-b52de848.png", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-business-1775349047699-0340cc31.png", imageAlt: "David Chen" },
|
||||
{ id: "3", name: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-entrep-1775349047801-f8328732.png", imageAlt: "Elena Rodriguez" },
|
||||
{ id: "4", name: "Mark Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-male-manager--1775349047393-52a56a17.png", imageAlt: "Mark Johnson" },
|
||||
{ id: "5", name: "Lisa Wang", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-creati-1775349048006-46ad5edb.png", imageAlt: "Lisa Wang" }
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -196,21 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a discovery call with our team and we'll evaluate your needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Timelines depend on scope, typically ranging from 4-12 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide custom reporting?",
|
||||
content: "Yes, all our services include transparent monthly reporting.",
|
||||
},
|
||||
{ id: "f1", title: "How do we get started?", content: "Schedule a discovery call with our team and we'll evaluate your needs." },
|
||||
{ id: "f2", title: "What is the typical project timeline?", content: "Timelines depend on scope, typically ranging from 4-12 weeks." },
|
||||
{ id: "f3", title: "Do you provide custom reporting?", content: "Yes, all our services include transparent monthly reporting." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our agency process."
|
||||
@@ -223,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Ready to scale?"
|
||||
description="Join the partners who trust us to deliver growth. Fill out the form and we will reach out shortly."
|
||||
@@ -243,4 +152,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user