Merge version_2 into main #4
144
src/app/page.tsx
144
src/app/page.tsx
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -29,62 +29,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Results", id: "#results" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="SocialPulse"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scale Your Presence with Data-Driven Social"
|
||||
description="We turn social media into your strongest growth engine. Strategic content, targeted ads, and expert community management for scaling brands."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office_23-2149119230.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Client 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office_23-2149119230.jpg", alt: "Client 3" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ growing brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services", href: "#services"},
|
||||
{
|
||||
text: "Book a Strategy Call", href: "#contact"},
|
||||
{ text: "View Our Services", href: "#services" },
|
||||
{ text: "Book a Strategy Call", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Performance Focused", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Data Driven", icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Community Centric", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Growth Oriented", icon: ArrowUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Creative Excellence", icon: Palette,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,15 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Impact Driven Outcomes"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Rate", value: "150%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Size", value: "2M+"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Ad Spend ROI", value: "4.5x"},
|
||||
{ icon: TrendingUp, label: "Growth Rate", value: "150%" },
|
||||
{ icon: Users, label: "Community Size", value: "2M+" },
|
||||
{ icon: DollarSign, label: "Ad Spend ROI", value: "4.5x" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,15 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Content", description: "High-performing assets tailored to your brand identity.", bentoComponent: "reveal-icon", icon: PenTool,
|
||||
},
|
||||
{
|
||||
title: "Targeted Advertising", description: "Precision ad campaigns that maximize conversion rates.", bentoComponent: "reveal-icon", icon: Target,
|
||||
},
|
||||
{
|
||||
title: "Community Management", description: "24/7 engagement that builds long-term loyalty.", bentoComponent: "reveal-icon", icon: MessageSquare,
|
||||
},
|
||||
{ title: "Strategic Content", description: "High-performing assets tailored to your brand identity.", bentoComponent: "reveal-icon", icon: PenTool },
|
||||
{ title: "Targeted Advertising", description: "Precision ad campaigns that maximize conversion rates.", bentoComponent: "reveal-icon", icon: Target },
|
||||
{ title: "Community Management", description: "24/7 engagement that builds long-term loyalty.", bentoComponent: "reveal-icon", icon: MessageSquare },
|
||||
]}
|
||||
title="End-to-End Social Solutions"
|
||||
description="A comprehensive suite of social media tools designed to amplify your brand across all digital platforms."
|
||||
@@ -134,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "SocialPulse completely transformed our brand voice. Engagement is up 300%!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark Stevens", handle: "@mstevens", testimonial: "The ad ROI they generate is unmatched in the industry. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Finally found a team that understands the nuance of social community building.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office_23-2149119230.jpg"},
|
||||
{
|
||||
id: "4", name: "Kevin Chen", handle: "@kchen", testimonial: "Professional, data-driven, and highly creative. A true growth partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=1"},
|
||||
{
|
||||
id: "5", name: "Linda Wu", handle: "@linda_w", testimonial: "The best content agency we have ever worked with. Simply phenomenal.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=2"},
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "SocialPulse completely transformed our brand voice. Engagement is up 300%!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg" },
|
||||
{ id: "2", name: "Mark Stevens", handle: "@mstevens", testimonial: "The ad ROI they generate is unmatched in the industry. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Finally found a team that understands the nuance of social community building.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office_23-2149119230.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -157,51 +102,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCTA
|
||||
tag="Let's Talk"
|
||||
title="Ready to scale your social impact?"
|
||||
description="Our experts are ready to audit your current strategy and build a custom growth plan."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to scale your social impact? Let's discuss your brand goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now", href: "mailto:hello@socialpulse.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBase
|
||||
logoText="SocialPulse"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Case Studies", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Case Studies", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 SocialPulse Agency. All rights reserved."
|
||||
copyrightText="© 2025 SocialPulse Agency. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,12 +13,12 @@
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user