Update src/app/page.tsx
This commit is contained in:
200
src/app/page.tsx
200
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Proof",
|
||||
id: "#social-proof",
|
||||
},
|
||||
name: "Proof", id: "#social-proof"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Vantage Social"
|
||||
/>
|
||||
@@ -56,102 +48,59 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Brand Presence"
|
||||
description="Premium social media strategy and content production for high-growth brands. We scale your influence with precision and creativity."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Vantage Social transformed our engagement strategy overnight. Unmatched professionalism.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah_m", testimonial: "Vantage Social transformed our engagement strategy overnight. Unmatched professionalism.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "@d_chen",
|
||||
testimonial: "The content quality is simply world-class. Truly premium results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
|
||||
},
|
||||
name: "David Chen", handle: "@d_chen", testimonial: "The content quality is simply world-class. Truly premium results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Data-driven strategy combined with stunning creative. Best in the game.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@elena_r", testimonial: "Data-driven strategy combined with stunning creative. Best in the game.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@m_thorne",
|
||||
testimonial: "Seamless execution and incredible attention to detail. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@m_thorne", testimonial: "Seamless execution and incredible attention to detail. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg"},
|
||||
{
|
||||
name: "Jasmine Lee",
|
||||
handle: "@j_lee",
|
||||
testimonial: "Our brand voice has never been stronger. Thank you Vantage!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305172.jpg",
|
||||
},
|
||||
name: "Jasmine Lee", handle: "@j_lee", testimonial: "Our brand voice has never been stronger. Thank you Vantage!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-getting-ready-photoshoot_23-2149305172.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780763.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Executive 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Executive 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Executive 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Executive 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
alt: "Executive 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Executive 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Executive 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Executive 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
alt: "Executive 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Executive 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Creative Strategy",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Creative Strategy", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data Analytics",
|
||||
icon: LineChart,
|
||||
type: "text-icon", text: "Data Analytics", icon: LineChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Content Production",
|
||||
icon: Camera,
|
||||
type: "text-icon", text: "Content Production", icon: Camera,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Growth Marketing",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Growth Marketing", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Brand Elevation",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Brand Elevation", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,9 +112,7 @@ export default function LandingPage() {
|
||||
title="Strategy-Led Creativity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Approach",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Approach", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Real-time performance tracking and data-driven optimization strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Real-time performance tracking and data-driven optimization strategies.", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg"},
|
||||
{
|
||||
title: "Growth Marketing",
|
||||
description: "Proven methodologies to drive reach and convert followers into customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
|
||||
},
|
||||
title: "Growth Marketing", description: "Proven methodologies to drive reach and convert followers into customers.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg"},
|
||||
{
|
||||
title: "Premium Production",
|
||||
description: "High-fidelity content creation that captures your brand's unique essence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-blogger-home-studio-broadcasting-using-modern-technology-creative-online-show-air-production-internet-broadcast-host-streaming-live-content-recording-digital-social-media-communication_482257-3651.jpg",
|
||||
},
|
||||
title: "Premium Production", description: "High-fidelity content creation that captures your brand's unique essence.", imageSrc: "http://img.b2bpic.net/free-photo/famous-blogger-home-studio-broadcasting-using-modern-technology-creative-online-show-air-production-internet-broadcast-host-streaming-live-content-recording-digital-social-media-communication_482257-3651.jpg"},
|
||||
]}
|
||||
title="What We Deliver"
|
||||
description="Comprehensive social media management backed by deep data insights."
|
||||
@@ -203,23 +141,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Engagement Rate",
|
||||
value: "240%",
|
||||
},
|
||||
id: "m1", icon: TrendingUp,
|
||||
title: "Engagement Rate", value: "240%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Community Growth",
|
||||
value: "15k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Community Growth", value: "15k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: DollarSign,
|
||||
title: "ROI Delivered",
|
||||
value: "4.2x",
|
||||
},
|
||||
id: "m3", icon: DollarSign,
|
||||
title: "ROI Delivered", value: "4.2x"},
|
||||
]}
|
||||
title="Results That Matter"
|
||||
description="Quantifiable impact delivered across every platform."
|
||||
@@ -231,14 +160,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Tech",
|
||||
"Bloom Global",
|
||||
"Nexus Media",
|
||||
"Stellar Studio",
|
||||
"Orbit Corp",
|
||||
"Flux Digital",
|
||||
"Zenith Soft",
|
||||
]}
|
||||
"Apex Tech", "Bloom Global", "Nexus Media", "Stellar Studio", "Orbit Corp", "Flux Digital", "Zenith Soft"]}
|
||||
title="Trusted By Innovators"
|
||||
description="Working with the world's most forward-thinking brands."
|
||||
/>
|
||||
@@ -252,25 +174,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne, Founder at Stellar Studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-studio_23-2148565558.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-chair-studio_23-2148565558.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sideways-female-model-photography-umbrella_23-2148424403.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sideways-female-model-photography-umbrella_23-2148424403.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -283,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you define success?",
|
||||
content: "We focus on tangible KPIs including conversion rates and audience engagement.",
|
||||
},
|
||||
id: "f1", title: "How do you define success?", content: "We define success by aligning our metrics directly with your unique business goals, ensuring every campaign builds trust and delivers measurable, long-term impact."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle content creation?",
|
||||
content: "Yes, our in-house team manages end-to-end production including strategy and filming.",
|
||||
},
|
||||
id: "f2", title: "Do you handle content creation?", content: "Yes, our in-house team manages end-to-end production including strategy and filming."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle multiple channels?",
|
||||
content: "Absolutely, we specialize in multi-channel strategies across all major platforms.",
|
||||
},
|
||||
id: "f3", title: "Can you handle multiple channels?", content: "Absolutely, we specialize in multi-channel strategies across all major platforms."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our partnership process."
|
||||
@@ -308,8 +211,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Partner with us"
|
||||
title="Ready to scale?"
|
||||
description="Let's discuss how we can elevate your social media presence."
|
||||
@@ -322,16 +224,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Vantage Social"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user