HMT-37 Under Construction Placeholder

src/app/page.tsx

@@ -1,7 +1,9 @@
+import PagePlaceholder from "@/components/PagePlaceholder";
+
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      Hackathon Management Tool | Landing Page
+    <main>
+      <PagePlaceholder />
     </main>
   );
 }

src/components/PagePlaceholder.jsx

@@ -0,0 +1,35 @@
+import { FaInstagram, FaLinkedin } from "react-icons/fa";
+
+import { enableLandingPage } from "@/featureFlags";
+
+const PagePlaceholderStyles =
+  "flex flex-col w-full h-screen items-center justify-center";
+
+const PagePlaceholder = () => {
+  return enableLandingPage ? (
+    <div className={PagePlaceholderStyles}>
+      <h1 className="text-center text-3xl">
+        Under construction, stay tuned on social media for more!
+      </h1>
+      <div className="mt-[20px] flex">
+        <a
+          href="https://www.instagram.com/codethechangeyyc"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="mr-4"
+        >
+          <FaInstagram size={35} />
+        </a>
+        <a
+          href="https://www.linkedin.com/company/code-the-change-yyc"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <FaLinkedin size={35} />
+        </a>
+      </div>
+    </div>
+  ) : null;
+};
+
+export default PagePlaceholder;