Merge pull request #3 from Code-the-Change-YYC/HMT-37-under-construct…

…ion-placeholder

HMT-37 Under Construction Placeholder

src/app/page.tsx

@@ -1,9 +1,9 @@
 import JudgingCriteria from "@/components/LandingPage/JudgingCriteria";
+import PagePlaceholder from "@/components/PagePlaceholder";
+import { enableLandingPage } from "@/featureFlags";
 
 export default function Home() {
   return (
-    <main>
-      <JudgingCriteria />
-    </main>
+    <main>{enableLandingPage ? <PagePlaceholder /> : <JudgingCriteria />}</main>
   );
 }

src/components/PagePlaceholder.jsx

@@ -0,0 +1,33 @@
+import { FaInstagram, FaLinkedin } from "react-icons/fa";
+
+const PagePlaceholderStyles =
+  "flex flex-col w-full h-screen items-center justify-center";
+
+const PagePlaceholder = () => {
+  return (
+    <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>
+  );
+};
+
+export default PagePlaceholder;