Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e91c3eed8d | |||
| df426f74eb |
181
src/app/page.tsx
181
src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="elastic-effect"
|
defaultButtonVariant="elastic-effect"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Results",
|
name: "Results", id: "metrics"},
|
||||||
id: "metrics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Vantage Social"
|
brandName="Vantage Social"
|
||||||
/>
|
/>
|
||||||
@@ -49,35 +48,21 @@ export default function LandingPage() {
|
|||||||
description="Elevating brands through strategic social media storytelling and performance-driven content."
|
description="Elevating brands through strategic social media storytelling and performance-driven content."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=1",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=1", imageAlt: "Hero slide 1"},
|
||||||
imageAlt: "Hero slide 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=2",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=2", imageAlt: "Hero slide 2"},
|
||||||
imageAlt: "Hero slide 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=3",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=3", imageAlt: "Hero slide 3"},
|
||||||
imageAlt: "Hero slide 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=4",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=4", imageAlt: "Hero slide 4"},
|
||||||
imageAlt: "Hero slide 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=5",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=5", imageAlt: "Hero slide 5"},
|
||||||
imageAlt: "Hero slide 5",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=6",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/a-high-end-premium-social-media-agency-h-1774684601024-b495b923.png?_wi=6", imageAlt: "Hero slide 6"},
|
||||||
imageAlt: "Hero slide 6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -89,9 +74,7 @@ export default function LandingPage() {
|
|||||||
title="We turn followers into fans and browsers into buyers."
|
title="We turn followers into fans and browsers into buyers."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
tagIcon={Lightbulb}
|
tagIcon={Lightbulb}
|
||||||
/>
|
/>
|
||||||
@@ -105,25 +88,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500M+", description: "Combined Social Reach"},
|
||||||
value: "500M+",
|
|
||||||
description: "Combined Social Reach",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "2.4x", description: "Avg Conversion Lift"},
|
||||||
value: "2.4x",
|
|
||||||
description: "Avg Conversion Lift",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "120+", description: "Projects Delivered"},
|
||||||
value: "120+",
|
|
||||||
description: "Projects Delivered",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "98%", description: "Client Retention"},
|
||||||
value: "98%",
|
|
||||||
description: "Client Retention",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Impact"
|
title="Proven Impact"
|
||||||
description="Numbers that define our success in the digital space."
|
description="Numbers that define our success in the digital space."
|
||||||
@@ -137,33 +108,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Brand Strategy", description: "Defining your digital identity and long-term vision.", tag: "Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=1"},
|
||||||
title: "Brand Strategy",
|
|
||||||
description: "Defining your digital identity and long-term vision.",
|
|
||||||
tag: "Strategy",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Content Creation", description: "High-converting video and design for every channel.", tag: "Creative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=2"},
|
||||||
title: "Content Creation",
|
|
||||||
description: "High-converting video and design for every channel.",
|
|
||||||
tag: "Creative",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Community Growth", description: "Real engagement built on authentic human connection.", tag: "Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=3"},
|
||||||
title: "Community Growth",
|
|
||||||
description: "Real engagement built on authentic human connection.",
|
|
||||||
tag: "Growth",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", title: "Performance Ads", description: "Data-driven targeting for maximum ROI.", tag: "Ads", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=4"},
|
||||||
title: "Performance Ads",
|
|
||||||
description: "Data-driven targeting for maximum ROI.",
|
|
||||||
tag: "Ads",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/abstract-representation-of-brand-growth--1774684601709-9bb7459f.png?_wi=4",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Expertise"
|
title="Our Expertise"
|
||||||
description="Full-cycle social media management and creative direction."
|
description="Full-cycle social media management and creative direction."
|
||||||
@@ -178,45 +129,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah Miller", role: "CEO", company: "TechStream", rating: 5,
|
||||||
name: "Sarah Miller",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=1"},
|
||||||
role: "CEO",
|
|
||||||
company: "TechStream",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "David Chen", role: "Founder", company: "EcoVibe", rating: 5,
|
||||||
name: "David Chen",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-creative-dire-1774684599937-f1079e0f.png"},
|
||||||
role: "Founder",
|
|
||||||
company: "EcoVibe",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-creative-dire-1774684599937-f1079e0f.png",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Jessica Ross", role: "Marketing", company: "LuxBrand", rating: 5,
|
||||||
name: "Jessica Ross",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-marketing-man-1774684601456-1664cf7c.png"},
|
||||||
role: "Marketing",
|
|
||||||
company: "LuxBrand",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-marketing-man-1774684601456-1664cf7c.png",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Mark Wilson", role: "Director", company: "GrowFast", rating: 5,
|
||||||
name: "Mark Wilson",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-tech-startup--1774684600379-579595a5.png"},
|
||||||
role: "Director",
|
|
||||||
company: "GrowFast",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-tech-startup--1774684600379-579595a5.png",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Elena Rodriguez", role: "CMO", company: "VelvetFlow", rating: 5,
|
||||||
name: "Elena Rodriguez",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=2"},
|
||||||
role: "CMO",
|
|
||||||
company: "VelvetFlow",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZ75o9mxzIk8mRFgHZjOBSNfAy/professional-headshot-of-a-happy-busines-1774684600615-6f49b465.png?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Success Stories"
|
title="Success Stories"
|
||||||
description="Trusted by visionary brands around the globe."
|
description="Trusted by visionary brands around the globe."
|
||||||
@@ -227,42 +153,27 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Results",
|
label: "Results", href: "#metrics"},
|
||||||
href: "#metrics",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Content",
|
label: "Content", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Strategy",
|
label: "Strategy", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user