Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -5,6 +5,8 @@ import Link from "next/link";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
||||
@@ -21,12 +23,6 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navigationLinks = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -34,7 +30,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -44,9 +40,7 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Your Campaign",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Start Your Campaign", href: "contact"}}
|
||||
brandName="SocialForce"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,31 +52,20 @@ export default function HomePage() {
|
||||
tag="Premium Social Strategy"
|
||||
tagIcon={Sparkles}
|
||||
background={{
|
||||
variant: "floatingGradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg",
|
||||
imageAlt: "Social media campaign analytics dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg", imageAlt: "Social media campaign analytics dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesspeople-using-tablet-meeting-indoors_23-2148824852.jpg?_wi=1",
|
||||
imageAlt: "Creative team collaboration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesspeople-using-tablet-meeting-indoors_23-2148824852.jpg", imageAlt: "Creative team collaboration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-lady-baker-presenting-food-recipe-cooking-podcast-from-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14413.jpg?_wi=1",
|
||||
imageAlt: "Professional content creation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-lady-baker-presenting-food-recipe-cooking-podcast-from-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14413.jpg", imageAlt: "Professional content creation"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "Explore Our Work", href: "/portfolio"},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "/contact"},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -98,13 +81,60 @@ export default function HomePage() {
|
||||
description="Founded by social media visionaries in 2018"
|
||||
subdescription="SocialForce | Trusted by 200+ brands globally"
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-businesspeople-using-tablet-meeting-indoors_23-2148824852.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-businesspeople-using-tablet-meeting-indoors_23-2148824852.jpg"
|
||||
imageAlt="SocialForce team collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
title="Our Core Services"
|
||||
description="End-to-end social media solutions designed to grow your brand and engage your audience across every platform."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Social Media Strategy & Planning", author: "Strategy Team", description: "Comprehensive audience research, competitor analysis, and multi-platform strategy tailored to your brand goals and target demographics.", tags: ["Strategy", "Planning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-lady-baker-presenting-food-recipe-cooking-podcast-from-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14413.jpg", imageAlt: "Strategy planning session"},
|
||||
{
|
||||
id: "2", title: "Content Creation & Management", author: "Creative Team", description: "Stunning visual content, engaging copy, and strategic scheduling optimized for maximum reach, engagement, and conversions.", tags: ["Content", "Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-lady-baker-presenting-food-recipe-cooking-podcast-from-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14413.jpg", imageAlt: "Content creation studio"},
|
||||
{
|
||||
id: "3", title: "Community Engagement & Growth", author: "Community Team", description: "Active community management, influencer partnerships, and engagement tactics that build loyal, responsive audiences.", tags: ["Community", "Growth"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesspeople-using-tablet-meeting-indoors_23-2148824852.jpg", imageAlt: "Community engagement"},
|
||||
{
|
||||
id: "4", title: "Analytics & Performance Reporting", author: "Analytics Team", description: "Detailed performance dashboards, ROI tracking, and actionable insights to continuously optimize your social strategy.", tags: ["Analytics", "Data"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4885.jpg", imageAlt: "Analytics dashboard"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<BlogCardThree
|
||||
title="Featured Case Studies"
|
||||
description="Real results from real campaigns. See how we've transformed brands across industries."
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "E-Commerce", title: "Instagram Growth: 450% Follower Increase in 6 Months", excerpt: "Strategic content strategy and influencer partnerships drove unprecedented engagement and sales for luxury brand.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4885.jpg", imageAlt: "Instagram growth metrics", authorName: "Sarah Martinez", authorAvatar: "http://img.b2bpic.net/free-photo/young-pretty-stylish-woman-striped-shirt-denim-skirt-lean_574295-1200.jpg", date: "Jan 2025"},
|
||||
{
|
||||
id: "2", category: "Viral Marketing", title: "TikTok Campaign: 5M+ Views & Viral Trend", excerpt: "Leveraged trending audio and creative formats to build a viral campaign that generated massive brand awareness.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-vlogger-taking-selfie-her-room-talking-her-followers-online-live_1258-255249.jpg", imageAlt: "TikTok viral campaign", authorName: "James Wilson", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5358.jpg", date: "Dec 2024"},
|
||||
{
|
||||
id: "3", category: "Brand Awareness", title: "Multi-Platform Brand Launch: 8X ROI", excerpt: "Coordinated launch across TikTok, Instagram, YouTube, and LinkedIn resulting in exceptional brand recognition.", imageSrc: "http://img.b2bpic.net/free-photo/hashtag-word-business-corporate_53876-21215.jpg", imageAlt: "Brand awareness campaign", authorName: "Emily Chen", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-student-learning-education-smiling-writing-notes-diary-book_285396-1.jpg", date: "Nov 2024"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
@@ -131,59 +161,23 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Marketing Director, Fashion Collective",
|
||||
testimonial:
|
||||
"SocialForce transformed our social presence completely. Within 3 months, we saw 300% engagement growth and record-breaking sales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-portrait-smiling-young-woman_1153-7291.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Marketing Director, Fashion Collective", testimonial:
|
||||
"SocialForce transformed our social presence completely. Within 3 months, we saw 300% engagement growth and record-breaking sales.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-portrait-smiling-young-woman_1153-7291.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "CEO, Tech Startup",
|
||||
testimonial:
|
||||
"Their strategic approach to TikTok and Instagram gave us the visibility we needed. The ROI exceeded all expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "CEO, Tech Startup", testimonial:
|
||||
"Their strategic approach to TikTok and Instagram gave us the visibility we needed. The ROI exceeded all expectations.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Brand Manager, Lifestyle Brand",
|
||||
testimonial:
|
||||
"Professional, creative, and results-driven. SocialForce doesn't just manage accounts; they build communities that truly care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "Brand Manager, Lifestyle Brand", testimonial:
|
||||
"Professional, creative, and results-driven. SocialForce doesn't just manage accounts; they build communities that truly care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Founder, E-Commerce",
|
||||
testimonial:
|
||||
"Their data-driven strategy combined with creative storytelling created the perfect formula for growth. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man_23-2148479524.jpg?_wi=1",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "Founder, E-Commerce", testimonial:
|
||||
"Their data-driven strategy combined with creative storytelling created the perfect formula for growth. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man_23-2148479524.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Brown",
|
||||
handle: "VP Marketing, Fortune 500",
|
||||
testimonial:
|
||||
"Working with SocialForce elevated our entire social media program. Their insights and creativity are unmatched in the industry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-carefree-creative-female-entrepreneur-stylish-eyewear-leopard-coat-holding-hands-crossed-smiling-self-assured_176420-24678.jpg?_wi=1",
|
||||
imageAlt: "Jessica Brown",
|
||||
},
|
||||
id: "5", name: "Jessica Brown", handle: "VP Marketing, Fortune 500", testimonial:
|
||||
"Working with SocialForce elevated our entire social media program. Their insights and creativity are unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-carefree-creative-female-entrepreneur-stylish-eyewear-leopard-coat-holding-hands-crossed-smiling-self-assured_176420-24678.jpg", imageAlt: "Jessica Brown"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
handle: "Founder, Wellness Brand",
|
||||
testimonial:
|
||||
"From strategy to execution, every detail was perfect. They delivered exactly what we needed to dominate our niche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5358.jpg?_wi=1",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", handle: "Founder, Wellness Brand", testimonial:
|
||||
"From strategy to execution, every detail was perfect. They delivered exactly what we needed to dominate our niche.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5358.jpg", imageAlt: "James Wilson"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
speed={40}
|
||||
@@ -201,69 +195,27 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
groups={[
|
||||
{
|
||||
id: "leadership",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "leadership", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Alex Morgan",
|
||||
subtitle: "Founder & CEO",
|
||||
detail: "alex@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Alex Morgan",
|
||||
},
|
||||
id: "1", title: "Alex Morgan", subtitle: "Founder & CEO", detail: "alex@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alex Morgan"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Jessica Liu",
|
||||
subtitle: "Chief Creative Officer",
|
||||
detail: "jessica@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-woman-striped-shirt-denim-skirt-lean_574295-1200.jpg?_wi=1",
|
||||
imageAlt: "Jessica Liu",
|
||||
},
|
||||
id: "2", title: "Jessica Liu", subtitle: "Chief Creative Officer", detail: "jessica@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-woman-striped-shirt-denim-skirt-lean_574295-1200.jpg", imageAlt: "Jessica Liu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "strategy",
|
||||
groupTitle: "Strategy & Analytics",
|
||||
members: [
|
||||
id: "strategy", groupTitle: "Strategy & Analytics", members: [
|
||||
{
|
||||
id: "3",
|
||||
title: "Marcus Johnson",
|
||||
subtitle: "Head of Strategy",
|
||||
detail: "marcus@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-company-female-leader-meeting-serious-woman-suit-listening-her-colleagues-reports-analyzing-information-preparing-set-new-tasks-targets-business-growth-strategy-concept_74855-24548.jpg?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "3", title: "Marcus Johnson", subtitle: "Head of Strategy", detail: "marcus@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-company-female-leader-meeting-serious-woman-suit-listening-her-colleagues-reports-analyzing-information-preparing-set-new-tasks-targets-business-growth-strategy-concept_74855-24548.jpg", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Priya Patel",
|
||||
subtitle: "Analytics Lead",
|
||||
detail: "priya@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-student-learning-education-smiling-writing-notes-diary-book_285396-1.jpg?_wi=1",
|
||||
imageAlt: "Priya Patel",
|
||||
},
|
||||
id: "4", title: "Priya Patel", subtitle: "Analytics Lead", detail: "priya@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-student-learning-education-smiling-writing-notes-diary-book_285396-1.jpg", imageAlt: "Priya Patel"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "creative",
|
||||
groupTitle: "Creative Team",
|
||||
members: [
|
||||
id: "creative", groupTitle: "Creative Team", members: [
|
||||
{
|
||||
id: "5",
|
||||
title: "Diego Santos",
|
||||
subtitle: "Content Director",
|
||||
detail: "diego@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "Diego Santos",
|
||||
},
|
||||
id: "5", title: "Diego Santos", subtitle: "Content Director", detail: "diego@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Diego Santos"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Sophie Turner",
|
||||
subtitle: "Video Producer",
|
||||
detail: "sophie@socialforce.com",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-woman-striped-shirt-denim-skirt-lean_574295-1200.jpg?_wi=2",
|
||||
imageAlt: "Sophie Turner",
|
||||
},
|
||||
id: "6", title: "Sophie Turner", subtitle: "Video Producer", detail: "sophie@socialforce.com", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-woman-striped-shirt-denim-skirt-lean_574295-1200.jpg", imageAlt: "Sophie Turner"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -277,18 +229,13 @@ export default function HomePage() {
|
||||
text="Ready to elevate your brand? Let's partner with you to create social media campaigns that inspire, engage, and drive real business results."
|
||||
animationType="entrance-slide"
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Strategy Session",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Your Strategy Session", href: "#contact"},
|
||||
{
|
||||
text: "View Case Studies",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "View Case Studies", href: "#portfolio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -300,9 +247,9 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "About", href: "/" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -315,7 +262,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user