From aef4e1630ff36e93bbed52a074fa5952d511dcbc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 12:00:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 225 ++++++++++++++++++-----------------------------
 1 file changed, 86 insertions(+), 139 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9fe3540..4c01eb8 100644
--- a/src/app/page.tsx
+++ b/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: "#" },
-- 
2.49.1