Merge version_1 into main #2
145
src/app/page.tsx
145
src/app/page.tsx
@@ -31,41 +31,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Vantage"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scaling Brands, Reimagining Presence."
|
||||
description="We craft premium social media strategies for brands that demand excellence. Data-driven, design-led, and growth-focused."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png?_wi=1"
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Social media dashboard interface"
|
||||
/>
|
||||
@@ -79,7 +61,7 @@ export default function LandingPage() {
|
||||
description="We believe social media is an art form rooted in logic. Every pixel, every word, every second of video serves a deliberate purpose to grow your digital footprint."
|
||||
subdescription="With a focus on premium aesthetics and rigorous performance testing, we ensure every interaction adds tangible value to your brand narrative."
|
||||
icon={Shield}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Modern creative agency workspace"
|
||||
/>
|
||||
@@ -93,36 +75,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Social Strategy",
|
||||
description: "Custom roadmaps designed for market domination.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png?_wi=2",
|
||||
},
|
||||
title: "Social Strategy", description: "Custom roadmaps designed for market domination.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png" },
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "High-End Content",
|
||||
description: "Cinematic visual assets that command attention.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png?_wi=3",
|
||||
},
|
||||
title: "High-End Content", description: "Cinematic visual assets that command attention.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png" },
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Growth Analytics",
|
||||
description: "Transparent data with actionable insights.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png?_wi=4",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png?_wi=4",
|
||||
},
|
||||
title: "Growth Analytics", description: "Transparent data with actionable insights.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-high-end-premium-social-media-agency-d-1774587127392-fa612770.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/a-cinematic-shot-of-a-professional-creat-1774587127294-dbd0defe.png" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -136,14 +100,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalBrand",
|
||||
"DesignStudio",
|
||||
"MarketingPro",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalBrand", "DesignStudio", "MarketingPro"]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="Collaborating with iconic brands to redefine their digital impact."
|
||||
/>
|
||||
@@ -156,51 +113,22 @@ export default function LandingPage() {
|
||||
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_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-confident-professional-in--1774587127358-f7fa867b.png",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-confident-professional-in--1774587127358-f7fa867b.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-creative-strategist-high-l-1774587127003-4cdf7099.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-creative-strategist-high-l-1774587127003-4cdf7099.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-digital-designer-artistic--1774587128324-7cfcc63b.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-digital-designer-artistic--1774587128324-7cfcc63b.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_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-social-media-expert-sharp--1774587128272-3618dba7.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_3BVvAmBS36fWiyt5cV7ODuXEptA/portrait-of-a-social-media-expert-sharp--1774587128272-3618dba7.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150%",
|
||||
label: "Growth Rate",
|
||||
},
|
||||
{
|
||||
value: "3M+",
|
||||
label: "Reach Generated",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{ value: "150%", label: "Growth Rate" },
|
||||
{ value: "3M+", label: "Reach Generated" },
|
||||
{ value: "98%", label: "Client Retention" },
|
||||
]}
|
||||
title="The Results Speak"
|
||||
description="Stories from brands that decided to elevate their presence."
|
||||
@@ -212,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we get started?",
|
||||
content: "Book an initial consultation to review your current goals and brand assets.",
|
||||
},
|
||||
id: "1", title: "How do we get started?", content: "Book an initial consultation to review your current goals and brand assets."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you measure success?",
|
||||
content: "Success is measured through growth, engagement, and conversion metrics customized to your KPIs.",
|
||||
},
|
||||
id: "2", title: "How do you measure success?", content: "Success is measured through growth, engagement, and conversion metrics customized to your KPIs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the typical timeframe?",
|
||||
content: "Our campaigns are structured in 3-month cycles for consistent optimization.",
|
||||
},
|
||||
id: "3", title: "What is the typical timeframe?", content: "Our campaigns are structured in 3-month cycles for consistent optimization."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about working with us."
|
||||
@@ -236,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Presence?"
|
||||
description="Let's discuss how we can elevate your social strategy. Reach out to start your custom roadmap."
|
||||
|
||||
Reference in New Issue
Block a user