Merge version_1 into main #2
364
src/app/page.tsx
364
src/app/page.tsx
@@ -17,270 +17,122 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexus Marketing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus Marketing"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="Scale Your Authority."
|
||||
description="We build high-performance marketing strategies for forward-thinking brands. Data-driven, results-oriented, and ready for your next growth phase."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Results",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/a-high-end-professional-marketing-agency-1775354036859-206b82b7.png"
|
||||
imageAlt="Marketing Growth Strategy"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Scale Your Authority."
|
||||
description="We build high-performance marketing strategies for forward-thinking brands. Data-driven, results-oriented, and ready for your next growth phase."
|
||||
buttons={[
|
||||
{ text: "View Our Results", href: "#metrics" },
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/a-high-end-professional-marketing-agency-1775354036859-206b82b7.png"
|
||||
imageAlt="Marketing Growth Strategy"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Strategy",
|
||||
description: "Leverage actionable insights for precise campaign targeting and sustainable growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-data-strategy-high-te-1775354034689-7d0e9dc0.png?_wi=1",
|
||||
titleIconSrc: "TrendingUp",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Brand Amplification",
|
||||
description: "Elevate your brand presence through creative storytelling and social media domination.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-social-media-growth-c-1775354034207-f99e104f.png?_wi=1",
|
||||
titleIconSrc: "Megaphone",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Revenue Growth",
|
||||
description: "Turn engagement into measurable profit with conversion rate optimization strategies.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-roi-and-revenue-repor-1775354034407-ad07a2df.png",
|
||||
titleIconSrc: "DollarSign",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Content Creation",
|
||||
description: "High-impact assets that resonate with your audience and build lasting brand loyalty.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-data-strategy-high-te-1775354034689-7d0e9dc0.png?_wi=2",
|
||||
titleIconSrc: "PenTool",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Market Research",
|
||||
description: "Deep dive into competitive landscapes to identify your unique growth opportunities.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-social-media-growth-c-1775354034207-f99e104f.png?_wi=2",
|
||||
titleIconSrc: "Search",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer end-to-end marketing services designed to maximize your ROI and amplify brand reach in competitive markets."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Data Strategy", description: "Leverage actionable insights for precise campaign targeting and sustainable growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-data-strategy-high-te-1775354034689-7d0e9dc0.png", titleIconSrc: "TrendingUp", buttonText: "Read More" },
|
||||
{ title: "Brand Amplification", description: "Elevate your brand presence through creative storytelling and social media domination.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-social-media-growth-c-1775354034207-f99e104f.png", titleIconSrc: "Megaphone", buttonText: "Read More" },
|
||||
{ title: "Revenue Growth", description: "Turn engagement into measurable profit with conversion rate optimization strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-roi-and-revenue-repor-1775354034407-ad07a2df.png", titleIconSrc: "DollarSign", buttonText: "Read More" },
|
||||
{ title: "Content Creation", description: "High-impact assets that resonate with your audience and build lasting brand loyalty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-data-strategy-high-te-1775354034689-7d0e9dc0.png", titleIconSrc: "PenTool", buttonText: "Read More" },
|
||||
{ title: "Market Research", description: "Deep dive into competitive landscapes to identify your unique growth opportunities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-icon-of-social-media-growth-c-1775354034207-f99e104f.png", titleIconSrc: "Search", buttonText: "Read More" },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer end-to-end marketing services designed to maximize your ROI and amplify brand reach in competitive markets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Average Growth",
|
||||
value: "150%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Revenue Boost",
|
||||
value: "$12M+",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Campaign Reach",
|
||||
value: "50M+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Projects Shipped",
|
||||
value: "200+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Impact Driven Results"
|
||||
description="We don't just execute, we achieve measurable benchmarks that define your company's long-term success."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", title: "Average Growth", value: "150%", icon: TrendingUp },
|
||||
{ id: "2", title: "Revenue Boost", value: "$12M+", icon: DollarSign },
|
||||
{ id: "3", title: "Campaign Reach", value: "50M+", icon: Users },
|
||||
{ id: "4", title: "Client Retention", value: "98%", icon: Smile },
|
||||
{ id: "5", title: "Projects Shipped", value: "200+", icon: CheckCircle },
|
||||
]}
|
||||
title="Impact Driven Results"
|
||||
description="We don't just execute, we achieve measurable benchmarks that define your company's long-term success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/professional-business-executive-avatar-h-1775354035421-c900995f.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/professional-creative-agency-director-av-1775354033900-fdcecc22.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Dir",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/young-ambitious-entrepreneur-portrait-pr-1775354035298-fac1fe41.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/experienced-operations-manager-portrait--1775354034631-6f6f2286.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Strategist",
|
||||
company: "BrandPrime",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/successful-brand-strategist-avatar-profe-1775354035831-efec575b.png",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by industry leaders to deliver consistent performance and innovative growth strategies."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/professional-business-executive-avatar-h-1775354035421-c900995f.png" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/professional-creative-agency-director-av-1775354033900-fdcecc22.png" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Dir", company: "GrowthCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/young-ambitious-entrepreneur-portrait-pr-1775354035298-fac1fe41.png" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/experienced-operations-manager-portrait--1775354034631-6f6f2286.png" },
|
||||
{ id: "5", name: "Anna Smith", role: "Strategist", company: "BrandPrime", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/successful-brand-strategist-avatar-profe-1775354035831-efec575b.png" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Client Retention" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "200+", label: "Projects Completed" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by industry leaders to deliver consistent performance and innovative growth strategies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to scale?"
|
||||
title="Start your journey today."
|
||||
description="Drop us your email and let's explore how we can redefine your marketing strategy and fuel your growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to scale?"
|
||||
title="Start your journey today."
|
||||
description="Drop us your email and let's explore how we can redefine your marketing strategy and fuel your growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-arrow-editable-slogan-logo-design_53876-120540.jpg"
|
||||
logoText="Nexus Marketing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Growth Strategy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-arrow-editable-slogan-logo-design_53876-120540.jpg"
|
||||
logoText="Nexus Marketing"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Growth Strategy", href: "#" }, { label: "Analytics", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user