feat: add CommunitySection component and integrate it into the main page

apps/landing/src/app/(public)/(home)/_components/community-section.tsx

@@ -12,7 +12,7 @@ import {
   FaTiktok,
 } from 'react-icons/fa';
 
-export function Communities() {
+export function CommunitySection() {
   const ref = useRef(null);
   const isInView = useInView(ref, { once: true, amount: 0.2 });
 

apps/landing/src/app/(public)/(home)/page.tsx

@@ -1,4 +1,4 @@
-import { Communities } from './_components/communities';
+import { CommunitySection } from './_components/community-section';
 import { CTASection } from './_components/cta-section';
 import { Hero } from './_components/hero';
 import { TestimonialSection } from './_components/testimonial-section';
@@ -6,7 +6,7 @@ export default function Page() {
   return (
     <>
       <Hero />
-      <Communities />
+      <CommunitySection />
       <TestimonialSection />
       <CTASection />
     </>

apps/landing/src/data/socials.json

@@ -1,20 +1,13 @@
 [
   {
-    "name": "Facebook Group",
+    "name": "Facebook",
     "icon": "FaFacebook",
     "color": "#1877F2",
     "description": "Join discussions and share knowledge",
     "link": "#"
   },
   {
-    "name": "Facebook Group II",
+    "name": "Discord",
-    "icon": "FaFacebook",
-    "color": "#1877F2",
-    "description": "Join discussions and share knowledge",
-    "link": "#"
-  },
-  {
-    "name": "Discord Server",
     "icon": "FaDiscord",
     "color": "#5865F2",
     "description": "Real-time collaboration chat",