bender/e938e043-10e2-46f8-8626-e2ca525404fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 11:08:50 +00:00
parent dc3efa3260
commit df453342f1
1 changed files with 51 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
src/app/page.tsx
View File

@@ -33,73 +33,29 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work",
id: "case-studies",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Work", id: "case-studies" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="VESOL"
button={{
text: "Book Call",
href: "#contact",
}}
button={{ text: "Book Call", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="STOP BLENDING IN. START OWNING THE FEED."
description="Vesol is a results-obsessed agency turning brands into scroll-stopping powerhouses. We don't just post content; we engineer growth."
buttons={[
{
text: "Start Growing",
href: "#contact",
},
{
text: "See Our Work",
href: "#case-studies",
},
]}
buttons={[{ text: "Start Growing", href: "#contact" }, { text: "See Our Work", href: "#case-studies" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg?_wi=1",
imageAlt: "Hero slide 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8825.jpg?_wi=1",
imageAlt: "Hero slide 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg?_wi=1",
imageAlt: "Hero slide 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-background-gradient-transition-generative-ai_169016-30647.jpg?_wi=1",
imageAlt: "Hero slide 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luggage-prepared-trips-with-camera_23-2148927421.jpg?_wi=1",
imageAlt: "Hero slide 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blog-like-macbook-community-your-marketing_1421-366.jpg",
imageAlt: "Hero slide 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg", imageAlt: "Hero slide 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8825.jpg", imageAlt: "Hero slide 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg", imageAlt: "Hero slide 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-background-gradient-transition-generative-ai_169016-30647.jpg", imageAlt: "Hero slide 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-luggage-prepared-trips-with-camera_23-2148927421.jpg", imageAlt: "Hero slide 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blog-like-macbook-community-your-marketing_1421-366.jpg", imageAlt: "Hero slide 6" },
]}
/>
</div>
@@ -108,15 +64,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"LuxeLife",
"Velocity Sport",
"PureFuel",
"NovaTech",
"Trendline",
"ZestJuice",
"Vertex",
]}
names={["LuxeLife", "Velocity Sport", "PureFuel", "NovaTech", "Trendline", "ZestJuice", "Vertex"]}
title="Brands we've grown"
description="Partnering with ambitious brands to define their category."
/>
@@ -124,46 +72,17 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Social Strategy",
description: "Defining your digital roadmap and brand voice.",
imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg",
imageAlt: "Strategy",
},
{
title: "Management",
description: "End-to-end management of your social presence.",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg",
imageAlt: "Management",
},
{
title: "Paid Social",
description: "Highly targeted ad campaigns for Meta & TikTok.",
imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-yellow-background_23-2148317149.jpg",
imageAlt: "Paid Social",
},
{
title: "Brand Identity",
description: "Crafting visual assets that stand out.",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-stationery-mockup-with-certificate-branding-elements_187299-47925.jpg",
imageAlt: "Identity",
},
{
title: "Video Production",
description: "High-conversion Reels and TikToks.",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781058.jpg",
imageAlt: "Video",
},
{
title: "Analytics",
description: "Data-backed reports to optimize every month.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
imageAlt: "Analytics",
},
{ title: "Social Strategy", description: "Defining your digital roadmap and brand voice.", imageSrc: "http://img.b2bpic.net/free-photo/diagrams-with-connected-icons_1134-403.jpg", imageAlt: "Strategy" },
{ title: "Management", description: "End-to-end management of your social presence.", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg", imageAlt: "Management" },
{ title: "Paid Social", description: "Highly targeted ad campaigns for Meta & TikTok.", imageSrc: "http://img.b2bpic.net/free-photo/phone-mock-up-yellow-background_23-2148317149.jpg", imageAlt: "Paid Social" },
{ title: "Brand Identity", description: "Crafting visual assets that stand out.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-stationery-mockup-with-certificate-branding-elements_187299-47925.jpg", imageAlt: "Identity" },
{ title: "Video Production", description: "High-conversion Reels and TikToks.", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781058.jpg", imageAlt: "Video" },
{ title: "Analytics", description: "Data-backed reports to optimize every month.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Analytics" },
]}
title="CORE SERVICES"
description="Everything we do is optimized for conversion, engagement, and visibility."
@@ -177,60 +96,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "cs-1",
brand: "LuxeLife",
name: "+340% Engagement",
price: "Instagram Growth",
rating: 5,
reviewCount: "120 days",
imageSrc: "http://img.b2bpic.net/free-photo/algebra-curve-trigonometry-curve-graph_53876-64936.jpg",
},
{
id: "cs-2",
brand: "PureFuel",
name: "2M+ Impressions",
price: "TikTok Awareness",
rating: 5,
reviewCount: "45 days",
imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg",
},
{
id: "cs-3",
brand: "Velocity",
name: "+150% ROAS",
price: "Paid Social Ads",
rating: 5,
reviewCount: "90 days",
imageSrc: "http://img.b2bpic.net/free-photo/market-share-competition-strategy-perforated-paper-graph_53876-41380.jpg",
},
{
id: "cs-4",
brand: "NovaTech",
name: "60K New Leads",
price: "Lead Gen Strategy",
rating: 5,
reviewCount: "6 months",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-close-arrow-sign_329181-719.jpg",
},
{
id: "cs-5",
brand: "Trendline",
name: "12% Conv Rate",
price: "Conversion Scaling",
rating: 5,
reviewCount: "60 days",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg",
},
{
id: "cs-6",
brand: "ZestJuice",
name: "30k Follower Gain",
price: "Organic Community",
rating: 5,
reviewCount: "3 months",
imageSrc: "http://img.b2bpic.net/free-photo/business-women-with-growth-chart_23-2152011766.jpg",
},
{ id: "cs-1", brand: "LuxeLife", name: "+340% Engagement", price: "Instagram Growth", rating: 5, reviewCount: "120 days", imageSrc: "http://img.b2bpic.net/free-photo/algebra-curve-trigonometry-curve-graph_53876-64936.jpg" },
{ id: "cs-2", brand: "PureFuel", name: "2M+ Impressions", price: "TikTok Awareness", rating: 5, reviewCount: "45 days", imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg" },
{ id: "cs-3", brand: "Velocity", name: "+150% ROAS", price: "Paid Social Ads", rating: 5, reviewCount: "90 days", imageSrc: "http://img.b2bpic.net/free-photo/market-share-competition-strategy-perforated-paper-graph_53876-41380.jpg" },
{ id: "cs-4", brand: "NovaTech", name: "60K New Leads", price: "Lead Gen Strategy", rating: 5, reviewCount: "6 months", imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-close-arrow-sign_329181-719.jpg" },
{ id: "cs-5", brand: "Trendline", name: "12% Conv Rate", price: "Conversion Scaling", rating: 5, reviewCount: "60 days", imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg" },
{ id: "cs-6", brand: "ZestJuice", name: "30k Follower Gain", price: "Organic Community", rating: 5, reviewCount: "3 months", imageSrc: "http://img.b2bpic.net/free-photo/business-women-with-growth-chart_23-2152011766.jpg" },
]}
title="CASE STUDIES"
description="Proof of impact. Real results for real creators."
@@ -242,21 +113,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="BUILT FOR THE BOLD"
metrics={[
{
icon: Users,
label: "Founding Year",
value: "2025",
},
{
icon: Zap,
label: "Brands Served",
value: "50+",
},
{
icon: Award,
label: "Team Members",
value: "12",
},
{ icon: Users, label: "Founding Year", value: "2025" },
{ icon: Zap, label: "Brands Served", value: "50+" },
{ icon: Award, label: "Team Members", value: "12" },
]}
metricsAnimation="blur-reveal"
/>
@@ -267,61 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "12/2024",
title: "Founder, LuxeLife",
quote: "Vesol took our Instagram from 2k to 28k followers in 4 months. Absolute game changer for our business.",
tag: "IG",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-127392.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg?_wi=2",
imageAlt: "woman professional portrait studio",
},
{
id: "t2",
name: "Marc L.",
date: "11/2024",
title: "CEO, PureFuel",
quote: "The content strategy provided by the Vesol team is consistently viral. We've never had this much organic reach.",
tag: "TikTok",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8825.jpg?_wi=2",
imageAlt: "woman professional portrait studio",
},
{
id: "t3",
name: "Alex K.",
date: "10/2024",
title: "CMO, Nova",
quote: "ROI increased 4x in just three months. They know exactly how to manage ad spend for maximum growth.",
tag: "Meta",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg?_wi=2",
imageAlt: "woman professional portrait studio",
},
{
id: "t4",
name: "Elena R.",
date: "09/2024",
title: "Creator",
quote: "Vesol isn't just an agency; they are our partners. They truly understood my brand identity from day one.",
tag: "Content",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-background-gradient-transition-generative-ai_169016-30647.jpg?_wi=2",
imageAlt: "woman professional portrait studio",
},
{
id: "t5",
name: "John D.",
date: "08/2024",
title: "Founder, Zest",
quote: "Finally, a team that speaks directly to our audience. Our community engagement is at an all-time high.",
tag: "Community",
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-luggage-prepared-trips-with-camera_23-2148927421.jpg?_wi=2",
imageAlt: "woman professional portrait studio",
},
{ id: "t1", name: "Sarah J.", date: "12/2024", title: "Founder, LuxeLife", quote: "Vesol took our Instagram from 2k to 28k followers in 4 months. Absolute game changer for our business.", tag: "IG", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smil_1258-127392.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg" },
{ id: "t2", name: "Marc L.", date: "11/2024", title: "CEO, PureFuel", quote: "The content strategy provided by the Vesol team is consistently viral. We've never had this much organic reach.", tag: "TikTok", avatarSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8825.jpg" },
{ id: "t3", name: "Alex K.", date: "10/2024", title: "CMO, Nova", quote: "ROI increased 4x in just three months. They know exactly how to manage ad spend for maximum growth.", tag: "Meta", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg" },
{ id: "t4", name: "Elena R.", date: "09/2024", title: "Creator", quote: "Vesol isn't just an agency; they are our partners. They truly understood my brand identity from day one.", tag: "Content", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-background-gradient-transition-generative-ai_169016-30647.jpg" },
{ id: "t5", name: "John D.", date: "08/2024", title: "Founder, Zest", quote: "Finally, a team that speaks directly to our audience. Our community engagement is at an all-time high.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-luggage-prepared-trips-with-camera_23-2148927421.jpg" },
]}
title="CLIENT WINS"
description="Hear directly from those we've taken to the top."
@@ -335,33 +144,11 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "team-g1",
groupTitle: "Leadership",
members: [
{
id: "m1",
title: "Alex Vance",
subtitle: "Founder & CEO",
detail: "10+ years in digital strategy.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
id: "m2",
title: "Sarah Chen",
subtitle: "Creative Director",
detail: "Designing scroll-stoppers.",
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg",
},
{
id: "m3",
title: "Mike Ross",
subtitle: "Head of Growth",
detail: "ROI fanatic.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
},
id: "team-g1", groupTitle: "Leadership", members: [
{ id: "m1", title: "Alex Vance", subtitle: "Founder & CEO", detail: "10+ years in digital strategy.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
{ id: "m2", title: "Sarah Chen", subtitle: "Creative Director", detail: "Designing scroll-stoppers.", imageSrc: "http://img.b2bpic.net/free-photo/young-artist-woman-holding-art-supplies-red-wall_114579-55992.jpg" },
{ id: "m3", title: "Mike Ross", subtitle: "Head of Growth", detail: "ROI fanatic.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg?_wi=3",
imageAlt: "professional modern executive portrait",
},
]}
title="MEET THE MAKERS"
@@ -376,24 +163,9 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
features={[
{
title: "01 Discovery",
description: "We audit your brand and platform goals.",
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-planning-glass-wall_53876-15194.jpg",
imageAlt: "Discovery",
},
{
title: "02 Strategy",
description: "Custom content pillars & roadmap.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-car-navigation-destination-selected_23-2148300695.jpg",
imageAlt: "Strategy",
},
{
title: "03 Execution",
description: "Rapid content creation & posting.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377353.jpg",
imageAlt: "Execution",
},
{ title: "01 Discovery", description: "We audit your brand and platform goals.", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-planning-glass-wall_53876-15194.jpg", imageAlt: "Discovery" },
{ title: "02 Strategy", description: "Custom content pillars & roadmap.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-car-navigation-destination-selected_23-2148300695.jpg", imageAlt: "Strategy" },
{ title: "03 Execution", description: "Rapid content creation & posting.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377353.jpg", imageAlt: "Execution" },
]}
title="OUR PROCESS"
description="Simple, fast, and highly effective."
@@ -405,36 +177,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long is onboarding?",
content: "Onboarding takes exactly 48 hours.",
},
{
id: "f2",
title: "What platforms do you work on?",
content: "Meta, TikTok, and LinkedIn.",
},
{
id: "f3",
title: "What is the contract length?",
content: "Flexible monthly rolling contracts.",
},
{
id: "f4",
title: "What makes Vesol different?",
content: "Pure obsession with metrics.",
},
{
id: "f5",
title: "How does reporting work?",
content: "Live dashboard access 24/7.",
},
{
id: "f6",
title: "Who is our ideal client?",
content: "Creators & mid-market brands.",
},
{ id: "f1", title: "How long is onboarding?", content: "Onboarding takes exactly 48 hours." },
{ id: "f2", title: "What platforms do you work on?", content: "Meta, TikTok, and LinkedIn." },
{ id: "f3", title: "What is the contract length?", content: "Flexible monthly rolling contracts." },
{ id: "f4", title: "What makes Vesol different?", content: "Pure obsession with metrics." },
{ id: "f5", title: "How does reporting work?", content: "Live dashboard access 24/7." },
{ id: "f6", title: "Who is our ideal client?", content: "Creators & mid-market brands." },
]}
title="FREQUENTLY ASKED"
description="Everything else you need to know."
@@ -445,9 +193,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="LET'S BUILD"
title="Ready to scale?"
description="Book a 30-minute discovery call and let's get results."
@@ -459,14 +205,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="VESOL"
leftLink={{
text: "Instagram",
href: "https://instagram.com",
}}
rightLink={{
text: "TikTok",
href: "https://tiktok.com",
}}
leftLink={{ text: "Instagram", href: "https://instagram.com" }}
rightLink={{ text: "TikTok", href: "https://tiktok.com" }}
/>
</div>
</ReactLenis>