landing page template added with new blank sections

app/(landing)/page.tsx

@@ -6,15 +6,30 @@ import Image from 'next/image';
 import Hero from './sections/Hero';
 import Schedule from './sections/Schedule';
 import { Suspense } from 'react';
+import Sponsors from './sections/Sponsors';
+import About from './sections/About';
+import FAQ from './sections/FAQ';
 
 export default function Page() {
   return (
-    <main className="flex min-h-screen flex-col p-6">
+    <main className="flex min-h-screen flex-col">
       <div>
         <Hero />
+        <About />
+        {
+          /**
+           * We are using Suspense because Schedule and Sponsors will eventually
+           * pull from the backend. Also, we will need to replace the fallback
+           * component to a relevant loading component.
+           */
+        }
         <Suspense fallback={<>Loading Schedule!</>}>
           <Schedule />
         </Suspense>
+        <Suspense fallback={<>Loading Sponsors!</>}>
+          <Sponsors />
+        </Suspense>
+        <FAQ />
       </div>
     </main>
   );

app/(landing)/sections/About.tsx

@@ -0,0 +1,12 @@
+export default function About() {
+  return (
+    <div
+      className="bg-gray-200 w-full h-[100vh] max-h-[1300px]
+      flex flex-col justify-center items-center"
+    >
+      <h1 className="font-extrabold text-5xl">
+        About
+      </h1>
+    </div>
+  );
+}

app/(landing)/sections/FAQ.tsx

@@ -0,0 +1,12 @@
+export default function FAQ() {
+  return (
+    <div
+      className="bg-gray-400 w-full h-[100vh] max-h-[1300px]
+      flex flex-col justify-center items-center"
+    >
+      <h1 className="font-extrabold text-5xl">
+        FAQ
+      </h1>
+    </div>
+  );
+}

app/(landing)/sections/Sponsors.tsx

@@ -0,0 +1,12 @@
+export default function Sponsors() {
+  return (
+    <div
+      className="bg-gray-100 w-full h-[100vh] max-h-[1300px]
+      flex flex-col justify-center items-center"
+    >
+      <h1 className="font-extrabold text-5xl">
+        Sponsors
+      </h1>
+    </div>
+  );
+}