🚀[Feat]: Add OG tags

frontend/syntaxmeets/public/index.html

@@ -5,10 +5,23 @@
     <link rel="icon" type="image/png" href="./siteimages/smlogo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Syntaxmeets. Create rooms 🏠 Call your friends 👬🏼 Sip Chai, ☕ Chat, Create, and Code👨‍💻. A coding platform to code simultaneously 🚀 with your friends and design your algorithms on SyntaxPad.💫✨"
-    />
+    <meta name="description" content="What is SyntaxMeets? 🚀
+    SyntaxMeets is a real-time, collaborative coding platform 👬🏼 to group with other members and code. A user can create/join a room 🏠. A Code Editor with 19 language support and 10+ themes, code compiler, Drawing pad 🎨 to de..." itemProp="description" />
+    <meta property="og:title" content="SyntaxMeets - The curious Saga 💫" itemProp="name" />
+    <meta property="og:url" content="http://syntaxmeets.vercel.app" />
+    <meta name="image" property="og:image" content="https://raw.githubusercontent.com/kothariji/SyntaxMeets/master/frontend/syntaxmeets/src/images/ogimage.png" itemProp="image" />
+    <meta property="og:description" content="What is SyntaxMeets? 🚀
+  SyntaxMeets is a real-time, collaborative coding platform 👬🏼 to group with other members and code. A user can create/join a room 🏠. A Code Editor with 19 language support and 10+ themes, code compiler, Drawing pad 🎨 to de..." />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="SyntaxMeets - The curious Saga 💫" />
+    <meta name="twitter:description" content="What is SyntaxMeets? 🚀
+
+  SyntaxMeets is a real-time, collaborative coding platform 👬🏼 to group with other members and code. A user can create/join a room 🏠. A Code Editor with 19 language support and 10+ themes, code compiler, Drawing pad 🎨 to de..." />
+    <meta name="twitter:image" content="https://raw.githubusercontent.com/kothariji/SyntaxMeets/master/frontend/syntaxmeets/src/images/ogimage.png" />
+    <meta name="twitter:creator" content="@_kothariji" />
+    <meta name="twitter:site" content="@_kothariji" />
+    <meta property="fb:app_id" content="176729339340246" />
+    <link rel="canonical" href="http://syntaxmeets.vercel.app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="preconnect" href="https://fonts.gstatic.com" />
     <link