Update src/app/page.tsx
This commit is contained in:
189
src/app/page.tsx
189
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Results",
|
name: "Results", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Vantage"
|
brandName="Vantage"
|
||||||
/>
|
/>
|
||||||
@@ -54,96 +46,51 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Scaling Impact for Premium Brands"
|
title="Scaling Impact for Premium Brands"
|
||||||
description="We blend high-end strategy with data-driven creative to dominate social landscapes. Your brand deserves more than just attention—it deserves an empire."
|
description="We blend high-end strategy with data-driven creative to dominate social landscapes. Your brand deserves more than just attention—it deserves an empire."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Alexander Thorne",
|
name: "Alexander Thorne", handle: "@athorne", testimonial: "Vantage transformed our digital presence into a powerhouse. Unmatched strategic insight.", rating: 5,
|
||||||
handle: "@athorne",
|
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg"},
|
||||||
testimonial: "Vantage transformed our digital presence into a powerhouse. Unmatched strategic insight.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sofia Rossi",
|
name: "Sofia Rossi", handle: "@sofiarossi", testimonial: "The most professional agency I've ever worked with. Truly next-level social scaling.", rating: 5,
|
||||||
handle: "@sofiarossi",
|
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg"},
|
||||||
testimonial: "The most professional agency I've ever worked with. Truly next-level social scaling.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Marcus Chen",
|
name: "Marcus Chen", handle: "@mchen", testimonial: "Vantage doesn't just manage accounts; they drive exponential brand growth.", rating: 5,
|
||||||
handle: "@mchen",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-readhead-bearded-man-white-shirt-sitting-his-workplace-holding-his-chin-looking_171337-9855.jpg"},
|
||||||
testimonial: "Vantage doesn't just manage accounts; they drive exponential brand growth.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-readhead-bearded-man-white-shirt-sitting-his-workplace-holding-his-chin-looking_171337-9855.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Elena Vargos",
|
name: "Elena Vargos", handle: "@evargos", testimonial: "Absolute perfection in every campaign launch.", rating: 5,
|
||||||
handle: "@evargos",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg"},
|
||||||
testimonial: "Absolute perfection in every campaign launch.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Liam Bennett",
|
name: "Liam Bennett", handle: "@lbennett", testimonial: "Strategic brilliance that yields massive ROI.", rating: 5,
|
||||||
handle: "@lbennett",
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||||
testimonial: "Strategic brilliance that yields massive ROI.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-data-stream-network-connections_23-2152020934.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-data-stream-network-connections_23-2152020934.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 1"},
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Client 2"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/corporate-young-woman-posing-office_23-2148452662.jpg",
|
src: "http://img.b2bpic.net/free-photo/corporate-young-woman-posing-office_23-2148452662.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg",
|
src: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/blue-light-rays-background_1017-3394.jpg", alt: "Partner 1"},
|
||||||
src: "http://img.b2bpic.net/free-photo/blue-light-rays-background_1017-3394.jpg",
|
|
||||||
alt: "Partner 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301569.jpg", alt: "Partner 2"},
|
||||||
src: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301569.jpg",
|
|
||||||
alt: "Partner 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-blue-tunnel-backgrund_1017-3414.jpg", alt: "Partner 3"},
|
||||||
src: "http://img.b2bpic.net/free-photo/abstract-blue-tunnel-backgrund_1017-3414.jpg",
|
|
||||||
alt: "Partner 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/blue-shades-glowing-fiber-channels_23-2148241245.jpg", alt: "Partner 4"},
|
||||||
src: "http://img.b2bpic.net/free-photo/blue-shades-glowing-fiber-channels_23-2148241245.jpg",
|
|
||||||
alt: "Partner 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Exponential Growth"},
|
||||||
text: "Exponential Growth",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -153,14 +100,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"LuxeLife",
|
"LuxeLife", "Velocity Tech", "Bloom Beauty", "Summit Capital", "Apex Design", "Prime Fitness", "Urban Pulse"]}
|
||||||
"Velocity Tech",
|
|
||||||
"Bloom Beauty",
|
|
||||||
"Summit Capital",
|
|
||||||
"Apex Design",
|
|
||||||
"Prime Fitness",
|
|
||||||
"Urban Pulse",
|
|
||||||
]}
|
|
||||||
title="Trusted by Visionary Brands"
|
title="Trusted by Visionary Brands"
|
||||||
description="Partnering with the world's most innovative brands to redefine digital influence."
|
description="Partnering with the world's most innovative brands to redefine digital influence."
|
||||||
/>
|
/>
|
||||||
@@ -174,17 +114,11 @@ export default function LandingPage() {
|
|||||||
description="We are a boutique social media agency dedicated to precision. Our team combines deep analytical insights with high-fidelity creative output, ensuring every post aligns with your brand's ultimate vision."
|
description="We are a boutique social media agency dedicated to precision. Our team combines deep analytical insights with high-fidelity creative output, ensuring every post aligns with your brand's ultimate vision."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Precision Strategy",
|
title: "Precision Strategy", description: "Hyper-targeted campaigns designed to maximize engagement."},
|
||||||
description: "Hyper-targeted campaigns designed to maximize engagement.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Premium Content",
|
title: "Premium Content", description: "High-production-value assets that stop the scroll."},
|
||||||
description: "High-production-value assets that stop the scroll.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Exponential Growth",
|
title: "Exponential Growth", description: "Continuous optimization for scaling impact and reach."},
|
||||||
description: "Continuous optimization for scaling impact and reach.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -193,25 +127,17 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardThree
|
<FeatureCardThree
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Social Strategy",
|
title: "Social Strategy", description: "Comprehensive audits and roadmaps for brand dominance.", imageSrc: "http://img.b2bpic.net/free-photo/hacker-bypasses-network-security-engages-cyber-crime-with-vr-headset_482257-126453.jpg"},
|
||||||
description: "Comprehensive audits and roadmaps for brand dominance.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hacker-bypasses-network-security-engages-cyber-crime-with-vr-headset_482257-126453.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Content Production",
|
title: "Content Production", description: "Art-directed video and photo campaigns that convert.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photos-cosmetics_53876-26154.jpg"},
|
||||||
description: "Art-directed video and photo campaigns that convert.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photos-cosmetics_53876-26154.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Community Management",
|
title: "Community Management", description: "Proactive engagement that builds genuine loyalty.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-using-touchscreen-rain-modern-car-technology-inside-vehicle_169016-69740.jpg"},
|
||||||
description: "Proactive engagement that builds genuine loyalty.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-using-touchscreen-rain-modern-car-technology-inside-vehicle_169016-69740.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Full-Service Creative Solutions"
|
title="Full-Service Creative Solutions"
|
||||||
description="Comprehensive strategies to elevate your brand presence across all social media platforms."
|
description="Comprehensive strategies to elevate your brand presence across all social media platforms."
|
||||||
@@ -225,40 +151,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Alexander Thorne", role: "CEO, LuxeLife", testimonial: "An incredible experience. Vantage is a masterclass in social growth.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||||
name: "Alexander Thorne",
|
|
||||||
role: "CEO, LuxeLife",
|
|
||||||
testimonial: "An incredible experience. Vantage is a masterclass in social growth.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sofia Rossi", role: "Founder, Bloom", testimonial: "They captured my brand aesthetic perfectly. Truly high-end performance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||||
name: "Sofia Rossi",
|
|
||||||
role: "Founder, Bloom",
|
|
||||||
testimonial: "They captured my brand aesthetic perfectly. Truly high-end performance.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Marcus Chen", role: "CMO, Summit Capital", testimonial: "Vantage delivers data-backed results with unparalleled creative flair.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-smoking-cigarette_627829-5290.jpg"},
|
||||||
name: "Marcus Chen",
|
|
||||||
role: "CMO, Summit Capital",
|
|
||||||
testimonial: "Vantage delivers data-backed results with unparalleled creative flair.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-smoking-cigarette_627829-5290.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Elena Vargos", role: "Lead, Apex", testimonial: "Vantage is an extension of our internal team, driven by pure excellence.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg"},
|
||||||
name: "Elena Vargos",
|
|
||||||
role: "Lead, Apex",
|
|
||||||
testimonial: "Vantage is an extension of our internal team, driven by pure excellence.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Liam Bennett", role: "Owner, Urban Pulse", testimonial: "Strategic genius. My socials have never looked this premium.", imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg"},
|
||||||
name: "Liam Bennett",
|
|
||||||
role: "Owner, Urban Pulse",
|
|
||||||
testimonial: "Strategic genius. My socials have never looked this premium.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Client Success Stories"
|
title="Client Success Stories"
|
||||||
description="See why top brands choose us to amplify their digital influence."
|
description="See why top brands choose us to amplify their digital influence."
|
||||||
@@ -272,22 +173,14 @@ export default function LandingPage() {
|
|||||||
description="Ready to scale your digital presence to elite status? Contact us to begin your journey."
|
description="Ready to scale your digital presence to elite status? Contact us to begin your journey."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "How can we scale your brand?", rows: 4,
|
||||||
placeholder: "How can we scale your brand?",
|
|
||||||
rows: 4,
|
|
||||||
required: true,
|
required: true,
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/empty-technical-office-with-real-estate-construction-plan-building-model-desk-nobody-workplace-used-construction-design-architectural-structure-with-urban-project_482257-38832.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/empty-technical-office-with-real-estate-construction-plan-building-model-desk-nobody-workplace-used-construction-design-architectural-structure-with-urban-project_482257-38832.jpg"
|
||||||
|
|||||||
Reference in New Issue
Block a user