fix(landing): Fix community links & meta tag for SEO (#57)

apps/landing/src/app/(public)/_components/footer.tsx

@@ -24,32 +24,37 @@ export default function Footer() {
             </p>
             <div className="flex space-x-4">
               <Link
-                href="#"
+                href="https://fb.com/groups/programmerhandal"
                 className="text-muted-foreground hover:text-foreground"
+                target="_blank"
               >
                 <FaFacebook className="size-6" />
               </Link>
               <Link
-                href="#"
+                href="https://discord.gg/imphnen"
                 className="text-muted-foreground hover:text-foreground"
+                target="_blank"
               >
                 <FaDiscord className="size-6" />
               </Link>
               <Link
-                href="#"
+                href="https://www.instagram.com/imphnen.dev"
                 className="text-muted-foreground hover:text-foreground"
+                target="_blank"
               >
                 <FaInstagram className="size-6" />
               </Link>
               <Link
-                href="#"
+                href="https://www.tiktok.com/@imphnen"
                 className="text-muted-foreground hover:text-foreground"
+                target="_blank"
               >
                 <FaTiktok className="size-6" />
               </Link>
               <Link
-                href="#"
+                href="https://www.linkedin.com/company/imphnen"
                 className="text-muted-foreground hover:text-foreground"
+                target="_blank"
               >
                 <FaLinkedinIn className="size-6" />
               </Link>
@@ -78,6 +83,7 @@ export default function Footer() {
                   <Link
                     href={link}
                     className="text-sm text-muted-foreground hover:text-foreground"
+                    target="_blank"
                   >
                     {name}
                   </Link>

apps/landing/src/app/layout.tsx

@@ -6,8 +6,27 @@ import { Providers } from './_components/providers';
 import { Toaster } from './_components/toaster';
 
 export const metadata: Metadata = {
-  title: 'IMPHNEN - Ingin Menjadi Programmer Handal?',
+  title: 'IMPHNEN - Ingin Menjadi Programmer Handal Namun Enggan Ngoding',
   description: 'Komunitas belajar programming untuk semua level',
+  openGraph: {
+    title: 'IMPHNEN - Ingin Menjadi Programmer Handal Namun Enggan Ngoding',
+    description: 'Komunitas belajar programming untuk semua level',
+    url: 'https://imphnen.dev',
+    images: [
+      {
+        url: 'https://imphnen.dev/imphnen-group-cover.webp',
+        alt: 'IMPHNEN - Ingin Menjadi Programmer Handal Namun Enggan Ngoding',
+        width: 2550,
+        height: 945,
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'IMPHNEN - Ingin Menjadi Programmer Handal Namun Enggan Ngoding',
+    description: 'Komunitas belajar programming untuk semua level',
+    images: ['https://imphnen.dev/imphnen-group-cover.webp'],
+  },
 };
 
 export default function RootLayout({

apps/landing/src/data/socials.json

@@ -4,34 +4,34 @@
     "icon": "FaFacebook",
     "color": "#1877F2",
     "description": "Join discussions and share knowledge",
-    "link": "#"
+    "link": "https://fb.com/groups/programmerhandal"
   },
   {
     "name": "Discord",
     "icon": "FaDiscord",
     "color": "#5865F2",
     "description": "Real-time collaboration chat",
-    "link": "#"
+    "link": "https://discord.gg/imphnen"
   },
   {
     "name": "Instagram",
     "icon": "FaInstagram",
     "color": "#E4405F",
     "description": "Daily coding tips & showcases",
-    "link": "#"
+    "link": "https://www.instagram.com/imphnen.dev"
   },
   {
     "name": "TikTok",
     "icon": "FaTiktok",
     "color": "#000000",
     "description": "Short coding tutorials",
-    "link": "#"
+    "link": "https://www.tiktok.com/@imphnen"
   },
   {
     "name": "LinkedIn",
     "icon": "FaLinkedin",
     "color": "#0A66C2",
     "description": "Professional networking",
-    "link": "#"
+    "link": "https://www.linkedin.com/company/imphnen"
   }
 ]