Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -33,61 +33,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SocialSpark"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Ignite Your Brand on Social Media"
|
||||
description="We are a leading social media marketing and management agency, crafting strategies that connect, engage, and convert your audience into loyal customers. Let's grow together."
|
||||
tag="Social Spark"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/social-media-team-using-digital-tablet-with-social-media-icons-desk_23-2147847541.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/social-media-team-using-digital-tablet-with-social-media-icons-desk_23-2147847541.jpg"
|
||||
imageAlt="Social media dashboard with analytics"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,20 +78,14 @@ export default function LandingPage() {
|
||||
description="SocialSpark is a dedicated agency committed to elevating your online presence. We blend creativity with data-driven strategies to deliver measurable results and foster authentic community engagement."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "5+", title: "Years Experience"},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Successful Campaigns",
|
||||
},
|
||||
value: "200+", title: "Successful Campaigns"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
value: "95%", title: "Client Retention"},
|
||||
]}
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-clients-vr-glasses-touching-air_74855-2948.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-clients-vr-glasses-touching-air_74855-2948.jpg"
|
||||
imageAlt="Marketing team in a collaborative meeting"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -126,46 +99,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Content Creation & Curation",
|
||||
description: "Engaging visuals and compelling copy tailored to your brand voice across all platforms.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-online-strategy-with-drawings_1134-76.jpg",
|
||||
imageAlt: "Social media content feed on phone",
|
||||
},
|
||||
title: "Content Creation & Curation", description: "Engaging visuals and compelling copy tailored to your brand voice across all platforms.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-online-strategy-with-drawings_1134-76.jpg", imageAlt: "Social media content feed on phone"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-133751.jpg",
|
||||
imageAlt: "Social media analytics on phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-team-using-digital-tablet-with-social-media-icons-desk_23-2147847541.jpg?_wi=2",
|
||||
imageAlt: "mobile phone social media feed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-133751.jpg", imageAlt: "Social media analytics on phone"},
|
||||
},
|
||||
{
|
||||
title: "Paid Social Advertising",
|
||||
description: "Precision-targeted campaigns that maximize ROI and reach your ideal customer audience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-announcement_23-2152020703.jpg",
|
||||
imageAlt: "Social media ad campaign on phone",
|
||||
},
|
||||
title: "Paid Social Advertising", description: "Precision-targeted campaigns that maximize ROI and reach your ideal customer audience.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-announcement_23-2152020703.jpg", imageAlt: "Social media ad campaign on phone"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-127367.jpg",
|
||||
imageAlt: "Social media community management chat on phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-clients-vr-glasses-touching-air_74855-2948.jpg?_wi=2",
|
||||
imageAlt: "mobile phone social media feed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-127367.jpg", imageAlt: "Social media community management chat on phone"},
|
||||
},
|
||||
{
|
||||
title: "Community Management",
|
||||
description: "Foster loyal communities through active engagement, timely responses, and brand advocacy.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-recording-herself-home_23-2148586285.jpg",
|
||||
imageAlt: "Influencer marketing content on phone",
|
||||
},
|
||||
title: "Community Management", description: "Foster loyal communities through active engagement, timely responses, and brand advocacy.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-recording-herself-home_23-2148586285.jpg", imageAlt: "Influencer marketing content on phone"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-using-laptop-work_23-2149127270.jpg",
|
||||
imageAlt: "Social media content calendar on phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-pink-jacket-with-cup-coffee-laptop-joyfully-recording-new-video-her-vlog_574295-5266.jpg?_wi=1",
|
||||
imageAlt: "mobile phone social media feed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-using-laptop-work_23-2149127270.jpg", imageAlt: "Social media content calendar on phone"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -180,15 +129,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Innovate Solutions",
|
||||
"GrowthCorp",
|
||||
"FutureTech",
|
||||
"EcoVibe",
|
||||
"Global Reach",
|
||||
"Creative Minds",
|
||||
"Digital Edge",
|
||||
"Synergy Partners",
|
||||
]}
|
||||
"Innovate Solutions", "GrowthCorp", "FutureTech", "EcoVibe", "Global Reach", "Creative Minds", "Digital Edge", "Synergy Partners"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our expertise has helped numerous brands achieve their social media goals and stand out in crowded markets."
|
||||
tag="Our Clients"
|
||||
@@ -200,22 +141,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "250K+",
|
||||
description: "Followers Engaged Monthly",
|
||||
},
|
||||
id: "metric-1", value: "250K+", description: "Followers Engaged Monthly"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "30%",
|
||||
description: "Average Engagement Rate Increase",
|
||||
},
|
||||
id: "metric-2", value: "30%", description: "Average Engagement Rate Increase"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "2X",
|
||||
description: "Website Traffic from Social Media",
|
||||
},
|
||||
id: "metric-3", value: "2X", description: "Website Traffic from Social Media"},
|
||||
]}
|
||||
title="Tangible Results You Can Count On"
|
||||
description="We believe in transparency and measurable impact. Our strategies are designed to deliver real growth and tangible returns for your investment."
|
||||
@@ -231,47 +164,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "member-1",
|
||||
name: "Jane Doe",
|
||||
role: "Chief Social Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-pink-jacket-with-cup-coffee-laptop-joyfully-recording-new-video-her-vlog_574295-5266.jpg?_wi=2",
|
||||
imageAlt: "Photo of Jane Doe",
|
||||
},
|
||||
id: "member-1", name: "Jane Doe", role: "Chief Social Strategist", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-pink-jacket-with-cup-coffee-laptop-joyfully-recording-new-video-her-vlog_574295-5266.jpg", imageAlt: "Photo of Jane Doe"},
|
||||
{
|
||||
id: "member-2",
|
||||
name: "John Smith",
|
||||
role: "Head of Paid Media",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-work_23-2149546183.jpg",
|
||||
imageAlt: "Photo of John Smith",
|
||||
},
|
||||
id: "member-2", name: "John Smith", role: "Head of Paid Media", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-work_23-2149546183.jpg", imageAlt: "Photo of John Smith"},
|
||||
{
|
||||
id: "member-3",
|
||||
name: "Emily White",
|
||||
role: "Community Engagement Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
|
||||
imageAlt: "Photo of Emily White",
|
||||
},
|
||||
id: "member-3", name: "Emily White", role: "Community Engagement Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg", imageAlt: "Photo of Emily White"},
|
||||
{
|
||||
id: "member-4",
|
||||
name: "David Green",
|
||||
role: "Content Creation Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
|
||||
imageAlt: "Photo of David Green",
|
||||
},
|
||||
id: "member-4", name: "David Green", role: "Content Creation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", imageAlt: "Photo of David Green"},
|
||||
{
|
||||
id: "member-5",
|
||||
name: "Sarah Chen",
|
||||
role: "Analytics & Reporting Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg",
|
||||
imageAlt: "Photo of Sarah Chen",
|
||||
},
|
||||
id: "member-5", name: "Sarah Chen", role: "Analytics & Reporting Manager", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg", imageAlt: "Photo of Sarah Chen"},
|
||||
{
|
||||
id: "member-6",
|
||||
name: "Mark Johnson",
|
||||
role: "Influencer Marketing Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
imageAlt: "Photo of Mark Johnson",
|
||||
},
|
||||
id: "member-6", name: "Mark Johnson", role: "Influencer Marketing Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", imageAlt: "Photo of Mark Johnson"},
|
||||
]}
|
||||
title="Meet the Experts Behind Your Social Success"
|
||||
description="Our diverse team of social media strategists, content creators, and ad specialists are passionate about growing your brand."
|
||||
@@ -284,52 +187,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Chen",
|
||||
role: "CEO",
|
||||
company: "InnovateTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
|
||||
imageAlt: "Photo of Michael Chen",
|
||||
},
|
||||
id: "1", name: "Michael Chen", role: "CEO", company: "InnovateTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg", imageAlt: "Photo of Michael Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director",
|
||||
company: "Bloom Boutiques",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
imageAlt: "Photo of Sarah Johnson",
|
||||
},
|
||||
id: "2", name: "Sarah Johnson", role: "Marketing Director", company: "Bloom Boutiques", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "Photo of Sarah Johnson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "Fitness Fusion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg",
|
||||
imageAlt: "Photo of David Kim",
|
||||
},
|
||||
id: "3", name: "David Kim", role: "Founder", company: "Fitness Fusion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg", imageAlt: "Photo of David Kim"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Brand Manager",
|
||||
company: "Gourmet Bites Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-showing-approval_23-2148735567.jpg",
|
||||
imageAlt: "Photo of Emily Rodriguez",
|
||||
},
|
||||
id: "4", name: "Emily Rodriguez", role: "Brand Manager", company: "Gourmet Bites Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-showing-approval_23-2148735567.jpg", imageAlt: "Photo of Emily Rodriguez"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Creative Lead",
|
||||
company: "Artisan Crafts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-social-media-influencer-recording-video-tutorial-lifestyle-vlog_1258-254533.jpg",
|
||||
imageAlt: "Photo of Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Creative Lead", company: "Artisan Crafts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-social-media-influencer-recording-video-tutorial-lifestyle-vlog_1258-254533.jpg", imageAlt: "Photo of Jessica Lee"},
|
||||
]}
|
||||
title="What Our Clients Say About Us"
|
||||
description="Hear directly from businesses who have experienced significant growth and success with SocialSpark."
|
||||
@@ -343,20 +217,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What social media platforms do you specialize in?",
|
||||
content: "We specialize in a wide range of platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter (X), and Pinterest, tailoring our strategies to best suit your target audience and business goals.",
|
||||
},
|
||||
id: "faq-1", title: "What social media platforms do you specialize in?", content: "We specialize in a wide range of platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter (X), and Pinterest, tailoring our strategies to best suit your target audience and business goals."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How do you measure campaign success?",
|
||||
content: "We use a combination of key performance indicators (KPIs) such as engagement rate, follower growth, website traffic, conversion rates, and ROI to provide comprehensive performance reports.",
|
||||
},
|
||||
id: "faq-2", title: "How do you measure campaign success?", content: "We use a combination of key performance indicators (KPIs) such as engagement rate, follower growth, website traffic, conversion rates, and ROI to provide comprehensive performance reports."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can you help with content creation?",
|
||||
content: "Absolutely! Our team of skilled content creators can develop high-quality visuals, videos, and compelling copy aligned with your brand's voice and objectives.",
|
||||
},
|
||||
id: "faq-3", title: "Can you help with content creation?", content: "Absolutely! Our team of skilled content creators can develop high-quality visuals, videos, and compelling copy aligned with your brand's voice and objectives."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our social media marketing and management services."
|
||||
@@ -369,8 +234,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Transform Your Social Presence?"
|
||||
description="Let's discuss how SocialSpark can ignite your brand's growth. Reach out today for a personalized consultation."
|
||||
@@ -384,13 +248,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SocialSpark"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user