feat: telegram

src/App.jsx

@@ -1,6 +1,7 @@
 import React, { Suspense, lazy } from "react";
 import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
 import { Footer, Navbar } from "./components/shared";
+import Telegram from "./pages/telegram/Telegram";
 import "./styles/Globals.scss";
 
 const Home = lazy(() => import("./pages/home/Home"));
@@ -19,6 +20,7 @@ const App = () => {
             <Route exact path="/discord" element={<Discord />} />
             <Route exact path="/coc" element={<CodeofConduct />} />
             <Route exact path="/brand" element={<Brand />} />
+            <Route exact path="/tg" element={<Telegram />} />
           </Routes>
         </Suspense>
       </main>

src/pages/telegram/Telegram.jsx

@@ -0,0 +1,36 @@
+import React, { useEffect } from "react";
+
+const Telegram = () => {
+  document.title = "Hack4Bengal | Telegram";
+  useEffect(() => {
+    if (window.location.pathname === "/tg") {
+      setTimeout(() => {
+        window.location.href = "http://telegram.me/hack4bengal";
+      }, 800);
+    }
+  }, []);
+  return (
+    <>
+      <div
+        className="externalpage"
+        style={{
+          textAlign: "center",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          margin: "auto",
+          justifyItems: "center",
+          fontWeight: "600",
+          fontFamily: "sans-serif",
+          fontSize: "3rem",
+          height: "100vh",
+        }}
+      >
+        <p>Launching Telegram 🚀</p>
+      </div>
+    </>
+  );
+};
+
+export default Telegram;