From 06153a1b2539b85a7011772130b45b8dc79370c8 Mon Sep 17 00:00:00 2001
From: Kevin Monisit <monisitkevin@gmail.com>
Date: Thu, 18 Jan 2024 09:56:34 -0500
Subject: [PATCH] landing page template added with new blank sections

---
 .env.example                        | 13 -------------
 app/(landing)/page.tsx              | 17 ++++++++++++++++-
 app/(landing)/sections/About.tsx    | 12 ++++++++++++
 app/(landing)/sections/FAQ.tsx      | 12 ++++++++++++
 app/(landing)/sections/Sponsors.tsx | 12 ++++++++++++
 5 files changed, 52 insertions(+), 14 deletions(-)
 delete mode 100644 .env.example
 create mode 100644 app/(landing)/sections/About.tsx
 create mode 100644 app/(landing)/sections/FAQ.tsx

diff --git a/.env.example b/.env.example
deleted file mode 100644
index 8a85ba7..0000000
--- a/.env.example
+++ /dev/null
@@ -1,13 +0,0 @@
-# Copy from .env.local on the Vercel dashboard
-# https://nextjs.org/learn/dashboard-app/setting-up-your-database#create-a-postgres-database
-POSTGRES_URL=
-POSTGRES_PRISMA_URL=
-POSTGRES_URL_NON_POOLING=
-POSTGRES_USER=
-POSTGRES_HOST=
-POSTGRES_PASSWORD=
-POSTGRES_DATABASE=
-
-# `openssl rand -base64 32`
-AUTH_SECRET=
-AUTH_URL=http://localhost:3000/api/auth
\ No newline at end of file
diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
index 9ab5e58..23eab2f 100644
--- a/app/(landing)/page.tsx
+++ b/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>
   );
diff --git a/app/(landing)/sections/About.tsx b/app/(landing)/sections/About.tsx
new file mode 100644
index 0000000..1994344
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
diff --git a/app/(landing)/sections/FAQ.tsx b/app/(landing)/sections/FAQ.tsx
new file mode 100644
index 0000000..9208e70
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file
diff --git a/app/(landing)/sections/Sponsors.tsx b/app/(landing)/sections/Sponsors.tsx
index e69de29..111008f 100644
--- a/app/(landing)/sections/Sponsors.tsx
+++ b/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>
+  );
+}
\ No newline at end of file