Merge version_1 into main #1
361
src/app/page.tsx
361
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Layout, Users } from "lucide-react";
|
||||
import { Award, Layout, Users, TrendingUp, Palette, MessageCircle, BarChart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,267 +26,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SocialPulse"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SocialPulse"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Scale Your Influence, Dominate the Feed."
|
||||
description="Premium social media strategy for elite brands. We combine data-driven insights with world-class content to accelerate your growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-879.jpg"
|
||||
imageAlt="Social Media Dashboard Dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-bold-pose-with-pink-hair-glow_482257-131988.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
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 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-successful-corporate-woman-business-clothes-sitting-office-leather-chair-front_1258-194500.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ fast-growing brands."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Awareness",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Viral Content",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Influencer Outreach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Growth",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Scale Your Influence, Dominate the Feed."
|
||||
description="Premium social media strategy for elite brands. We combine data-driven insights with world-class content to accelerate your growth."
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-879.jpg"
|
||||
imageAlt="Social Media Dashboard Dashboard"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/model-bold-pose-with-pink-hair-glow_482257-131988.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg", alt: "Client 2" },
|
||||
{ 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 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-successful-corporate-woman-business-clothes-sitting-office-leather-chair-front_1258-194500.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ fast-growing brands."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Brand Awareness" },
|
||||
{ type: "text", text: "Viral Content" },
|
||||
{ type: "text", text: "Influencer Outreach" },
|
||||
{ type: "text", text: "Data Analytics" },
|
||||
{ type: "text", text: "Community Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Viral Growth Strategies",
|
||||
description: "Proprietary frameworks to maximize organic reach and engagement.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg",
|
||||
},
|
||||
{
|
||||
title: "Creative Content Production",
|
||||
description: "Studio-quality visuals that tell your unique brand story effectively.",
|
||||
buttonIcon: "Palette",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/be-creativity-word-with-colorful-crumpled-paper-ball-blackboard_23-2147890119.jpg",
|
||||
},
|
||||
{
|
||||
title: "Audience Engagement",
|
||||
description: "We foster meaningful community connections across all platforms.",
|
||||
buttonIcon: "MessageCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-icons_23-2147552644.jpg",
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Deep-dive data reporting to optimize for maximum ROI.",
|
||||
buttonIcon: "BarChart",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-element-bars_24877-81547.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Expertise"
|
||||
description="Tailored strategies that convert casual browsers into loyal brand advocates."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Viral Growth Strategies", description: "Proprietary frameworks to maximize organic reach and engagement.", buttonIcon: TrendingUp, imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg" },
|
||||
{ title: "Creative Content Production", description: "Studio-quality visuals that tell your unique brand story effectively.", buttonIcon: Palette, imageSrc: "http://img.b2bpic.net/free-photo/be-creativity-word-with-colorful-crumpled-paper-ball-blackboard_23-2147890119.jpg" },
|
||||
{ title: "Audience Engagement", description: "We foster meaningful community connections across all platforms.", buttonIcon: MessageCircle, imageSrc: "http://img.b2bpic.net/free-vector/business-icons_23-2147552644.jpg" },
|
||||
{ title: "Performance Analytics", description: "Deep-dive data reporting to optimize for maximum ROI.", buttonIcon: BarChart, imageSrc: "http://img.b2bpic.net/free-vector/ui-ux-element-bars_24877-81547.jpg" }
|
||||
]}
|
||||
title="Our Specialized Expertise"
|
||||
description="Tailored strategies that convert casual browsers into loyal brand advocates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500%+",
|
||||
title: "Avg Reach",
|
||||
description: "Typical month-over-month increase in organic impressions.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12K",
|
||||
title: "Content Pieces",
|
||||
description: "Total assets created for our partners annually.",
|
||||
icon: Layout,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "89%",
|
||||
title: "Client Retention",
|
||||
description: "Partners who stay for multi-year strategy growth.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Transparent data that reflects our commitment to your brand's growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500%+", title: "Avg Reach", description: "Typical month-over-month increase in organic impressions.", icon: Users },
|
||||
{ id: "m2", value: "12K", title: "Content Pieces", description: "Total assets created for our partners annually.", icon: Layout },
|
||||
{ id: "m3", value: "89%", title: "Client Retention", description: "Partners who stay for multi-year strategy growth.", icon: Award }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Transparent data that reflects our commitment to your brand's growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The ROI they generated in our first month was incredible. Pure professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-bold-pose-with-pink-hair-glow_482257-131988.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen_dev",
|
||||
testimonial: "Finally, an agency that understands that social media is about more than just vanity metrics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Lambert",
|
||||
handle: "@sophie_l",
|
||||
testimonial: "The visual consistency and brand voice they brought to our profiles exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "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",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "SocialPulse is the secret weapon for our marketing department. Unmatched focus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "A rare find. They genuinely care about the long-term success of the brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-successful-corporate-woman-business-clothes-sitting-office-leather-chair-front_1258-194500.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
description="Transforming brands through authentic strategic partnership."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "The ROI they generated in our first month was incredible. Pure professionals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/model-bold-pose-with-pink-hair-glow_482257-131988.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", handle: "@mchen_dev", testimonial: "Finally, an agency that understands that social media is about more than just vanity metrics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg" },
|
||||
{ id: "t3", name: "Sophie Lambert", handle: "@sophie_l", testimonial: "The visual consistency and brand voice they brought to our profiles exceeded expectations.", rating: 5, imageSrc: "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" },
|
||||
{ id: "t4", name: "David Thorne", handle: "@dthorne", testimonial: "SocialPulse is the secret weapon for our marketing department. Unmatched focus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg" },
|
||||
{ id: "t5", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "A rare find. They genuinely care about the long-term success of the brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-successful-corporate-woman-business-clothes-sitting-office-leather-chair-front_1258-194500.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
description="Transforming brands through authentic strategic partnership."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Partnership"
|
||||
title="Let's Scale Your Impact"
|
||||
description="Ready to elevate your digital presence? Book a strategy call today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-spiral-notepad-pen-mouse-eyeglasses-near-open-laptop_23-2148052588.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Partnership"
|
||||
title="Let's Scale Your Impact"
|
||||
description="Ready to elevate your digital presence? Book a strategy call today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-spiral-notepad-pen-mouse-eyeglasses-near-open-laptop_23-2148052588.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SocialPulse Agency. All rights reserved."
|
||||
bottomRightText="Built for growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Case Studies", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 SocialPulse Agency. All rights reserved."
|
||||
bottomRightText="Built for growth."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user