Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, PenTool, BarChart3, Share2 } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Plans", id: "pricing" },
|
||||
]}
|
||||
brandName="SOCIALPREMIUM"
|
||||
/>
|
||||
@@ -54,49 +43,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Dominate Your Social Landscape"
|
||||
description="We craft hyper-targeted social media strategies that turn followers into brand loyalists. Experience premium growth, measured by impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",
|
||||
imageAlt: "Creative studio",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photographer-taking-photos_23-2148503472.jpg",
|
||||
imageAlt: "Influencer marketing",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-supplies-education-day_23-2149241001.jpg",
|
||||
imageAlt: "Growth visual",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-photos-camera_23-2148532465.jpg",
|
||||
imageAlt: "Camera desk",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149092.jpg",
|
||||
imageAlt: "Digital interface",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-invitations-simple-background_23-2148252374.jpg",
|
||||
imageAlt: "Mood board",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg", imageAlt: "Creative studio" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photographer-taking-photos_23-2148503472.jpg", imageAlt: "Influencer marketing" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-supplies-education-day_23-2149241001.jpg", imageAlt: "Growth visual" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/people-looking-photos-camera_23-2148532465.jpg", imageAlt: "Camera desk" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149092.jpg", imageAlt: "Digital interface" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/elegant-invitations-simple-background_23-2148252374.jpg", imageAlt: "Mood board" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Elite Strategies for Modern Brands"
|
||||
description="We are a boutique social media agency dedicated to driving authentic engagement. By blending data analytics with artistic storytelling, we scale your presence beyond the noise."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Data-Driven Insights",
|
||||
description: "Every campaign is backed by precise audience data for maximum impact.",
|
||||
},
|
||||
{
|
||||
title: "Artistic Storytelling",
|
||||
description: "Crafting visual narratives that truly resonate with your audience.",
|
||||
},
|
||||
{
|
||||
title: "Conversion Focus",
|
||||
description: "Turning social presence into verifiable business growth.",
|
||||
},
|
||||
{ title: "Data-Driven Insights", description: "Every campaign is backed by precise audience data for maximum impact." },
|
||||
{ title: "Artistic Storytelling", description: "Crafting visual narratives that truly resonate with your audience." },
|
||||
{ title: "Conversion Focus", description: "Turning social presence into verifiable business growth." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -131,30 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your voice across all digital platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-design-thinking-line-filled-color-icon-pack-like-vector-idea-lift-bulb-idea_1142-16662.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Content Design",
|
||||
description: "Professional assets that captivate from the first scroll.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg",
|
||||
buttonIcon: "PenTool",
|
||||
},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Deep data dives to optimize and scale effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hombre-borroso-dibujando-una-grafica_1232-299.jpg",
|
||||
buttonIcon: "BarChart3",
|
||||
},
|
||||
{
|
||||
title: "Influencer Outreach",
|
||||
description: "Strategic collaborations with authentic voices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg",
|
||||
buttonIcon: "Share2",
|
||||
},
|
||||
{ title: "Brand Strategy", description: "Defining your voice across all digital platforms.", imageSrc: "http://img.b2bpic.net/free-vector/20-design-thinking-line-filled-color-icon-pack-like-vector-idea-lift-bulb-idea_1142-16662.jpg", buttonIcon: Zap },
|
||||
{ title: "Content Design", description: "Professional assets that captivate from the first scroll.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg", buttonIcon: PenTool },
|
||||
{ title: "Advanced Analytics", description: "Deep data dives to optimize and scale effectively.", imageSrc: "http://img.b2bpic.net/free-photo/hombre-borroso-dibujando-una-grafica_1232-299.jpg", buttonIcon: BarChart3 },
|
||||
{ title: "Influencer Outreach", description: "Strategic collaborations with authentic voices.", imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17208.jpg", buttonIcon: Share2 },
|
||||
]}
|
||||
title="Premium Social Services"
|
||||
description="Comprehensive suite of social media solutions designed to elevate your brand perception."
|
||||
@@ -168,21 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150M+",
|
||||
description: "Impressions Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Average Engagement Lift",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10X",
|
||||
description: "Average ROAS Increase",
|
||||
},
|
||||
{ id: "m1", value: "150M+", description: "Impressions Delivered" },
|
||||
{ id: "m2", value: "45%", description: "Average Engagement Lift" },
|
||||
{ id: "m3", value: "10X", description: "Average ROAS Increase" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Measurable growth delivered through expert campaigns."
|
||||
@@ -195,39 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Core",
|
||||
price: "$2,500/mo",
|
||||
subtitle: "Foundation growth",
|
||||
features: [
|
||||
"Content Calendar",
|
||||
"Basic Analytics",
|
||||
"Community Mgt",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Growth",
|
||||
price: "$5,000/mo",
|
||||
subtitle: "Scale your brand",
|
||||
features: [
|
||||
"Full Campaign Mgt",
|
||||
"Influencer Strategy",
|
||||
"Daily Reporting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$10,000/mo",
|
||||
subtitle: "Complete dominance",
|
||||
features: [
|
||||
"All Growth Features",
|
||||
"Paid Media Spend",
|
||||
"Executive Strategy",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Core", price: "$2,500/mo", subtitle: "Foundation growth", features: ["Content Calendar", "Basic Analytics", "Community Mgt"] },
|
||||
{ id: "p2", badge: "Growth", price: "$5,000/mo", subtitle: "Scale your brand", features: ["Full Campaign Mgt", "Influencer Strategy", "Daily Reporting"] },
|
||||
{ id: "p3", badge: "Elite", price: "$10,000/mo", subtitle: "Complete dominance", features: ["All Growth Features", "Paid Media Spend", "Executive Strategy"] },
|
||||
]}
|
||||
title="Transparent Growth Plans"
|
||||
description="Choose a plan designed to suit your brand maturity."
|
||||
@@ -238,42 +125,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alexandra Reed",
|
||||
role: "CMO",
|
||||
testimonial: "The strategy they delivered transformed our social perception within weeks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-old-man-dressed-suit-pulling-his-jacket-against-dark-background_613910-17568.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julian Thorne",
|
||||
role: "Founder",
|
||||
testimonial: "Incredible expertise in influencer partnerships. Absolutely recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Vance",
|
||||
role: "Brand Manager",
|
||||
testimonial: "Sophisticated creative direction that feels truly authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Chen",
|
||||
role: "Director",
|
||||
testimonial: "Data analytics here are top notch. Clear, actionable results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-trendy-girl-using-tablet_23-2147787591.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
testimonial: "The best social agency we have ever worked with, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-corporate-meeting-sharing-ideas-with-investors-group_482257-124041.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alexandra Reed", role: "CMO", testimonial: "The strategy they delivered transformed our social perception within weeks.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-old-man-dressed-suit-pulling-his-jacket-against-dark-background_613910-17568.jpg" },
|
||||
{ id: "t2", name: "Julian Thorne", role: "Founder", testimonial: "Incredible expertise in influencer partnerships. Absolutely recommend.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
|
||||
{ id: "t3", name: "Elena Vance", role: "Brand Manager", testimonial: "Sophisticated creative direction that feels truly authentic.", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg" },
|
||||
{ id: "t4", name: "Marcus Chen", role: "Director", testimonial: "Data analytics here are top notch. Clear, actionable results.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-trendy-girl-using-tablet_23-2147787591.jpg" },
|
||||
{ id: "t5", name: "Sarah Miller", role: "CEO", testimonial: "The best social agency we have ever worked with, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-corporate-meeting-sharing-ideas-with-investors-group_482257-124041.jpg" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Partnering with brands to set new standards in social influence."
|
||||
@@ -285,14 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"LuxFashion",
|
||||
"DesignHub",
|
||||
"MediaGroup",
|
||||
"LifestyleCo",
|
||||
"CorporateBranding",
|
||||
"CreativeStudio",
|
||||
]}
|
||||
"InnovateTech", "LuxFashion", "DesignHub", "MediaGroup", "LifestyleCo", "CorporateBranding", "CreativeStudio"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with companies pushing boundaries."
|
||||
/>
|
||||
@@ -301,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Let's Elevate Your Brand"
|
||||
description="Ready to scale your influence? Start the conversation today."
|
||||
@@ -314,49 +163,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="SOCIALPREMIUM"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Case Studies", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user