diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8267c83..c65be0b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,6 +38,8 @@ export default function LandingPage() {
           name: "About",          id: "#about"},
         {
           name: "Features",          id: "#features"},
+        {
+          name: "Social",          id: "#social-media"},
         {
           name: "Contact",          id: "#contact"},
       ]}
@@ -213,6 +215,25 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="social-media" data-section="social-media">
+    <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      title="Connect With Us on Social Media"
+      description="Stay updated with the latest news, tips, and insights from I.M.C.C. Follow us for more!"
+      features={[
+        {
+          title: "Instagram",          description: "Join our community on Instagram.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ekh1NETXyzQUYxsxxdBjXqCOfP/uploaded-1780729189823-zl5isxa6.jpg",          imageAlt: "Instagram Logo"
+        },
+        {
+          title: "Facebook",          description: "Like our page on Facebook.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ekh1NETXyzQUYxsxxdBjXqCOfP/uploaded-1780729189823-xc5igql4.jpg",          imageAlt: "Facebook Logo"
+        }
+      ]}
+    />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
@@ -263,4 +284,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file