Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Star, Award, Users } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Results", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="SocialEdge"
|
||||
/>
|
||||
@@ -53,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Dominating Digital Landscapes."
|
||||
description="We architect social media ecosystems that scale brands, engage audiences, and drive undeniable conversion through precision-driven strategy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scale Your Brand",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Scale Your Brand", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg?_wi=1",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg?_wi=1",
|
||||
imageAlt: "Connectivity",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-work-desk_169016-49296.jpg?_wi=1",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200490.jpg?_wi=1",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=1",
|
||||
imageAlt: "Nodes",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg?_wi=1",
|
||||
imageAlt: "Globe",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg", imageAlt: "Dashboard" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg", imageAlt: "Connectivity" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-work-desk_169016-49296.jpg", imageAlt: "Workspace" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200490.jpg", imageAlt: "Analytics" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Nodes" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg", imageAlt: "Globe" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Beyond Likes. Growth Delivered."
|
||||
description={[
|
||||
"We are not just a social agency; we are your strategic digital partners. Our methods combine deep audience psychology with performance data to ensure every post serves a business goal.",
|
||||
"Founded on the belief that premium brands require premium strategy, we bridge the gap between creative visual excellence and measurable ROI.",
|
||||
]}
|
||||
"We are not just a social agency; we are your strategic digital partners. Our methods combine deep audience psychology with performance data to ensure every post serves a business goal.", "Founded on the belief that premium brands require premium strategy, we bridge the gap between creative visual excellence and measurable ROI."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,41 +71,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Strategy",
|
||||
description: "Holistic brand positioning across all digital channels.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg?_wi=2",
|
||||
imageAlt: "digital marketing interface screen",
|
||||
},
|
||||
{
|
||||
title: "Influencer Outreach",
|
||||
description: "Connecting brands with top-tier talent for organic reach.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg?_wi=2",
|
||||
imageAlt: "digital connectivity pattern",
|
||||
},
|
||||
{
|
||||
title: "Content Production",
|
||||
description: "High-fidelity visual assets designed for engagement.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-work-desk_169016-49296.jpg?_wi=2",
|
||||
imageAlt: "digital marketing workplace",
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Deep-dive data reporting to optimize every campaign.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200490.jpg?_wi=2",
|
||||
imageAlt: "data visualization tech ui",
|
||||
},
|
||||
{
|
||||
title: "Community Growth",
|
||||
description: "Building loyal fanbases through consistent engagement.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=2",
|
||||
imageAlt: "social media network nodes",
|
||||
},
|
||||
{ title: "Social Strategy", description: "Holistic brand positioning across all digital channels.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg", imageAlt: "digital marketing interface screen" },
|
||||
{ title: "Influencer Outreach", description: "Connecting brands with top-tier talent for organic reach.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg", imageAlt: "digital connectivity pattern" },
|
||||
{ title: "Content Production", description: "High-fidelity visual assets designed for engagement.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-work-desk_169016-49296.jpg", imageAlt: "digital marketing workplace" },
|
||||
{ title: "Performance Analytics", description: "Deep-dive data reporting to optimize every campaign.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200490.jpg", imageAlt: "data visualization tech ui" },
|
||||
{ title: "Community Growth", description: "Building loyal fanbases through consistent engagement.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "social media network nodes" },
|
||||
]}
|
||||
title="High-Performance Social Strategy"
|
||||
description="Comprehensive tools for brands ready to lead their category."
|
||||
@@ -162,21 +88,9 @@ export default function LandingPage() {
|
||||
title="Numbers That Matter"
|
||||
tag="Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500%",
|
||||
description: "Average Account Growth",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$10M+",
|
||||
description: "Client Revenue Generated",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Strategy Optimization",
|
||||
},
|
||||
{ id: "m1", value: "500%", description: "Average Account Growth" },
|
||||
{ id: "m2", value: "$10M+", description: "Client Revenue Generated" },
|
||||
{ id: "m3", value: "24/7", description: "Strategy Optimization" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,65 +102,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rossi",
|
||||
role: "CMO",
|
||||
company: "VogueStyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg?_wi=2",
|
||||
imageAlt: "digital globe network tech",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
role: "CEO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148815605.jpg",
|
||||
imageAlt: "modern office creative strategist",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
role: "Founder",
|
||||
company: "EcoHome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-center-expert-uses-ai-assistant-generate-technical-solutions_482257-126670.jpg?_wi=1",
|
||||
imageAlt: "customer support tech",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
role: "Marketing Dir",
|
||||
company: "GlobalFood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg?_wi=3",
|
||||
imageAlt: "digital marketing interface screen",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Brand Mgr",
|
||||
company: "LuxuryCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg?_wi=3",
|
||||
imageAlt: "digital connectivity pattern",
|
||||
},
|
||||
{ id: "1", name: "Elena Rossi", role: "CMO", company: "VogueStyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg", imageAlt: "digital globe network tech" },
|
||||
{ id: "2", name: "Mark Stevens", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148815605.jpg", imageAlt: "modern office creative strategist" },
|
||||
{ id: "3", name: "Sarah Chen", role: "Founder", company: "EcoHome", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-center-expert-uses-ai-assistant-generate-technical-solutions_482257-126670.jpg", imageAlt: "customer support tech" },
|
||||
{ id: "4", name: "James Wilson", role: "Marketing Dir", company: "GlobalFood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-back-office_23-2149097923.jpg", imageAlt: "digital marketing interface screen" },
|
||||
{ id: "5", name: "Lisa Wang", role: "Brand Mgr", company: "LuxuryCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160207.jpg", imageAlt: "digital connectivity pattern" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "40+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "100K",
|
||||
label: "Avg. Growth per Account",
|
||||
},
|
||||
{ value: "40+", label: "Successful Projects" },
|
||||
{ value: "99%", label: "Client Retention" },
|
||||
{ value: "100K", label: "Avg. Growth per Account" },
|
||||
]}
|
||||
title="The Results Speak"
|
||||
description="Proven performance for global brands and local leaders."
|
||||
@@ -258,33 +123,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you measure success?",
|
||||
content: "We prioritize measurable KPIs including conversion rates, engagement quality, and ROAS.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which platforms do you cover?",
|
||||
content: "We manage end-to-end strategy for Instagram, TikTok, LinkedIn, and YouTube.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's the onboarding process?",
|
||||
content: "Our 2-week deep dive ensures we understand your brand identity before launching any assets.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you work with startups?",
|
||||
content: "Yes, we have specialized packages tailored for high-growth potential startups.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can you handle crisis management?",
|
||||
content: "We offer reputation management services as part of our strategic support plans.",
|
||||
},
|
||||
{ id: "q1", title: "How do you measure success?", content: "We prioritize measurable KPIs including conversion rates, engagement quality, and ROAS." },
|
||||
{ id: "q2", title: "Which platforms do you cover?", content: "We manage end-to-end strategy for Instagram, TikTok, LinkedIn, and YouTube." },
|
||||
{ id: "q3", title: "What's the onboarding process?", content: "Our 2-week deep dive ensures we understand your brand identity before launching any assets." },
|
||||
{ id: "q4", title: "Do you work with startups?", content: "Yes, we have specialized packages tailored for high-growth potential startups." },
|
||||
{ id: "q5", title: "Can you handle crisis management?", content: "We offer reputation management services as part of our strategic support plans." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-center-expert-uses-ai-assistant-generate-technical-solutions_482257-126670.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-center-expert-uses-ai-assistant-generate-technical-solutions_482257-126670.jpg"
|
||||
title="Agency FAQ"
|
||||
description="Everything you need to know about partnering with SocialEdge."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -295,30 +140,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to redefine your online presence?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SocialEdge"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user