Merge version_2 into main #1
194
src/app/page.tsx
194
src/app/page.tsx
@@ -32,61 +32,40 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Vantage Social"
|
||||
brandName="Blanger"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Strategy-First Social Growth."
|
||||
description="We bridge the gap between creative storytelling and measurable performance for brands that refuse to blend in."
|
||||
variant: "gradient-bars"}}
|
||||
title="Amplify Your Voice with Blanger."
|
||||
description="The social media platform designed for creators, brands, and communities to connect, share, and scale without boundaries."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-leader-gesturing-empty-desk_1262-5622.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-leader-gesturing-empty-desk_1262-5622.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ growth-focused brands"
|
||||
avatarText="Join a community of 50,000+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Growth",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Blanger", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,8 +73,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Social media isn't just about 'getting likes'. It's about building a digital community that drives revenue, loyalty, and brand dominance."
|
||||
tag="Our Mission"
|
||||
title="Blanger is built to redefine social connectivity. We focus on authentic engagement, creator empowerment, and building a digital space where your unique voice actually gets heard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,24 +85,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Vanity metric obsession",
|
||||
"Generic viral trends",
|
||||
"Short-term tactical thinking",
|
||||
"Non-brand-aligned content",
|
||||
"High-friction conversion paths",
|
||||
],
|
||||
"Algorithm shadow-banning", "Inauthentic engagement traps", "Complex creator tools", "Distracting ads", "Low privacy standards"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Deep audience insights",
|
||||
"ROI-positive ad campaigns",
|
||||
"Award-winning creative production",
|
||||
"Strategic content calendars",
|
||||
"Real-time community management",
|
||||
],
|
||||
"Transparent feed algorithms", "Community-focused growth", "Intuitive creation suite", "Monetization-first tools", "Data-privacy at the core"],
|
||||
}}
|
||||
title="Why Brands Choose Us"
|
||||
description="We replace guesswork with data-driven creative strategies."
|
||||
title="Why Creators Choose Blanger"
|
||||
description="We give you the power to own your content and your community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,26 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Avg Growth",
|
||||
value: "240%",
|
||||
},
|
||||
id: "m1", icon: TrendingUp,
|
||||
title: "Creator Growth", value: "300%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Target,
|
||||
title: "CPA Reduction",
|
||||
value: "45%",
|
||||
},
|
||||
id: "m2", icon: Target,
|
||||
title: "Daily Engagement", value: "85%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Retention Rate", value: "95%"},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Numbers that define our partnerships."
|
||||
title="The Blanger Effect"
|
||||
description="Real performance metrics for our power users."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,48 +123,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible ROI",
|
||||
quote: "They transformed our social presence from a vanity channel into our highest-performing acquisition tool.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CMO, TechFlow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg",
|
||||
},
|
||||
id: "1", title: "Finally heard", quote: "Blanger gave me a platform where my content finally reaches the audience that cares about it.", name: "Liam O'Connor", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-businesswoman-manage-meeting_329181-20101.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Creative Powerhouse",
|
||||
quote: "The aesthetic quality they bring to every single post is unmatched in the industry today.",
|
||||
name: "Marcus Thorne",
|
||||
role: "Founder, LuxeLife",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
id: "2", title: "Incredible reach", quote: "The engagement rates on Blanger are unlike anything I've seen on legacy social platforms.", name: "Maria Santos", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Game Changer",
|
||||
quote: "Finally, a team that understands both the creative soul and the hard metrics of social media.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Marketing Director, Bloom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Scaling Partner",
|
||||
quote: "We doubled our monthly reach in 90 days with their specific, data-backed approach.",
|
||||
name: "David Wu",
|
||||
role: "CEO, ScaleUp Labs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Absolute Experts",
|
||||
quote: "They don't just post content; they build sustainable growth machines. Truly impressive.",
|
||||
name: "Jessica Vance",
|
||||
role: "VP Marketing, Aura",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-gesturing-empty-desk_1262-5622.jpg",
|
||||
},
|
||||
id: "3", title: "Ownership matters", quote: "Knowing I own my connection with my followers makes a world of difference for my brand.", name: "Jake Thompson", role: "Brand Owner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg"},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="Hear from the leaders we help grow daily."
|
||||
title="What Our Users Say"
|
||||
description="Success stories from the heart of our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,23 +139,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your onboarding process?",
|
||||
content: "We begin with a 2-week discovery sprint to audit your current brand and define measurable objectives for our partnership.",
|
||||
},
|
||||
id: "q1", title: "Is Blanger free to use?", content: "Yes, Blanger is free for all creators. We offer premium tools for brands looking to supercharge their growth."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle paid ads?",
|
||||
content: "Absolutely. Our performance team specializes in scaling paid social campaigns across Meta, TikTok, and LinkedIn.",
|
||||
},
|
||||
id: "q2", title: "How do I monetize my content?", content: "We have built-in creator monetization features including subscriptions, exclusive content, and direct fan support."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What platforms do you specialize in?",
|
||||
content: "We focus on high-intent platforms like Instagram, TikTok, LinkedIn, and YouTube, where our creative strategy hits hardest.",
|
||||
},
|
||||
id: "q3", title: "Can I migrate my followers?", content: "Our migration tools make it easy to invite your existing community from other platforms to join your Blanger profile."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered."
|
||||
sideDescription="Everything you need to know about our partnership approach."
|
||||
sideTitle="Your Community Questions."
|
||||
sideDescription="Everything you need to get started on the right foot."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -238,11 +155,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to scale your brand?"
|
||||
description="Let's discuss how our agency can help you dominate your digital footprint."
|
||||
title="Join the next generation of social."
|
||||
description="Sign up for early access and start building your legacy with Blanger today."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaPiPhy6en4AvzKU394iK5ak1M/a-minimalist-studio-shot-of-a-modern-sma-1774724447431-e2be066f.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -250,32 +166,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Vantage"
|
||||
logoText="Blanger"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f8f9fa;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #f3f4f6;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #ff93e4;
|
||||
--background-accent: #e8a8c3;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user