Merge version_1 into main #1
341
src/app/page.tsx
341
src/app/page.tsx
@@ -21,31 +21,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Pulse"
|
||||
/>
|
||||
@@ -53,69 +45,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Dominate Your Digital Presence"
|
||||
description="Premium social media management that turns your brand into a culture-defining authority. We don't just follow trends—we set them."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Scaling",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Scaling", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg"
|
||||
imageAlt="Digital growth metrics"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-with-crossed-arms-darkness_1098-3707.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Viral Reach",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Audience Growth",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Brand Authority",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Elite Strategy",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Content Fidelity",
|
||||
icon: Monitor,
|
||||
},
|
||||
{ type: "text-icon", text: "Viral Reach", icon: Zap },
|
||||
{ type: "text-icon", text: "Audience Growth", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Brand Authority", icon: Award },
|
||||
{ type: "text-icon", text: "Elite Strategy", icon: Shield },
|
||||
{ type: "text-icon", text: "Content Fidelity", icon: Monitor }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,19 +74,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Elevating Brands Through ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg",
|
||||
alt: "Agency team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Strategic Artistry",
|
||||
},
|
||||
{ type: "text", content: "Elevating Brands Through " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg", alt: "Agency team" },
|
||||
{ type: "text", content: " Strategic Artistry" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,31 +87,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Viral Growth",
|
||||
description: "Cutting-edge algorithmic strategies.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Brand Reputation",
|
||||
description: "Elite crisis management and community building.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Premium Content",
|
||||
description: "High-fidelity production for modern platforms.",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Advanced Analytics",
|
||||
description: "Deep insights to fuel decision making.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Scaling",
|
||||
description: "Expanding your reach into international markets.",
|
||||
},
|
||||
{ icon: Zap, title: "Rapid Viral Growth", description: "Cutting-edge algorithmic strategies." },
|
||||
{ icon: Shield, title: "Brand Reputation", description: "Elite crisis management and community building." },
|
||||
{ icon: Award, title: "Premium Content", description: "High-fidelity production for modern platforms." },
|
||||
{ icon: BarChart, title: "Advanced Analytics", description: "Deep insights to fuel decision making." },
|
||||
{ icon: Globe, title: "Global Scaling", description: "Expanding your reach into international markets." }
|
||||
]}
|
||||
title="Comprehensive Growth Solutions"
|
||||
description="Tailored strategies designed for high-performing brands."
|
||||
@@ -182,17 +102,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Meta",
|
||||
"Netflix",
|
||||
"Adobe",
|
||||
"Spotify",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Tesla", "Meta", "Netflix", "Adobe", "Spotify"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Partnering with the world's most ambitious companies."
|
||||
/>
|
||||
@@ -205,34 +115,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500%+",
|
||||
title: "Average Growth",
|
||||
description: "Across key metrics",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
title: "Content Reach",
|
||||
description: "Across all channels",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Global coverage",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
title: "Campaigns",
|
||||
description: "Executed flawlessly",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "500%+", title: "Average Growth", description: "Across key metrics", icon: TrendingUp },
|
||||
{ id: "m2", value: "1M+", title: "Content Reach", description: "Across all channels", icon: Eye },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Global coverage", icon: Clock },
|
||||
{ id: "m4", value: "50+", title: "Campaigns", description: "Executed flawlessly", icon: CheckCircle }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Data-backed growth metrics that exceed expectations."
|
||||
@@ -245,54 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$5,000",
|
||||
name: "Essentials",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Content Calendar",
|
||||
"Community Mgmt",
|
||||
"Weekly Reports",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$12,000",
|
||||
name: "Growth",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Essentials",
|
||||
"Paid Ads",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$25,000",
|
||||
name: "Elite",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Growth",
|
||||
"24/7 Strategy",
|
||||
"Dedicated Team",
|
||||
],
|
||||
},
|
||||
{ id: "p1", price: "$5,000", name: "Essentials", buttons: [{ text: "Choose Plan", href: "#contact" }], features: ["Content Calendar", "Community Mgmt", "Weekly Reports"] },
|
||||
{ id: "p2", price: "$12,000", name: "Growth", buttons: [{ text: "Choose Plan", href: "#contact" }], features: ["All Essentials", "Paid Ads", "Priority Support"] },
|
||||
{ id: "p3", price: "$25,000", name: "Elite", buttons: [{ text: "Choose Plan", href: "#contact" }], features: ["All Growth", "24/7 Strategy", "Dedicated Team"] }
|
||||
]}
|
||||
title="Investment In Excellence"
|
||||
description="Scalable packages for premium brand growth."
|
||||
@@ -306,46 +147,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "CMO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
role: "Marketing Lead",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-unknown-man-posing-studio_23-2149417579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jane Smith",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Miller",
|
||||
role: "Director",
|
||||
company: "GlobalDesign",
|
||||
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",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivers", role: "CMO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", role: "CEO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg" },
|
||||
{ id: "t3", name: "John Doe", role: "Marketing Lead", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-unknown-man-posing-studio_23-2149417579.jpg" },
|
||||
{ id: "t4", name: "Jane Smith", role: "Founder", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg" },
|
||||
{ id: "t5", name: "Mark Miller", role: "Director", company: "GlobalDesign", 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" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top brands choose our agency."
|
||||
@@ -357,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does scaling work?",
|
||||
content: "We implement agile growth cycles.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide strategy?",
|
||||
content: "Yes, it is our primary foundation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How soon will I see results?",
|
||||
content: "Most see meaningful shifts in weeks.",
|
||||
},
|
||||
{ id: "f1", title: "How does scaling work?", content: "We implement agile growth cycles." },
|
||||
{ id: "f2", title: "Do you provide strategy?", content: "Yes, it is our primary foundation." },
|
||||
{ id: "f3", title: "How soon will I see results?", content: "Most see meaningful shifts in weeks." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710771.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -383,18 +177,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready To Lead Your Market?"
|
||||
description="Send us your details and let's define your growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -403,32 +190,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg"
|
||||
logoText="Pulse"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Growth",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Growth", href: "#" }, { label: "Content", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user