diff --git a/app/(landing)/page.tsx b/app/(landing)/page.tsx
new file mode 100644
index 0000000..9ab5e58
--- /dev/null
+++ b/app/(landing)/page.tsx
@@ -0,0 +1,21 @@
+import AcmeLogo from '@/app/ui/acme-logo';
+import { ArrowRightIcon } from '@heroicons/react/24/outline';
+import Link from 'next/link';
+import { lusitana } from '@/app/ui/fonts';
+import Image from 'next/image';
+import Hero from './sections/Hero';
+import Schedule from './sections/Schedule';
+import { Suspense } from 'react';
+
+export default function Page() {
+  return (
+    <main className="flex min-h-screen flex-col p-6">
+      <div>
+        <Hero />
+        <Suspense fallback={<>Loading Schedule!</>}>
+          <Schedule />
+        </Suspense>
+      </div>
+    </main>
+  );
+}
diff --git a/app/(landing)/sections/Hero.tsx b/app/(landing)/sections/Hero.tsx
new file mode 100644
index 0000000..ecd9017
--- /dev/null
+++ b/app/(landing)/sections/Hero.tsx
@@ -0,0 +1,15 @@
+export default function Hero() {
+  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">
+        HackRU!
+      </h1>
+      <span>
+        Hack all knight looonnnggg
+      </span>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/(landing)/sections/Schedule.tsx b/app/(landing)/sections/Schedule.tsx
new file mode 100644
index 0000000..21eb095
--- /dev/null
+++ b/app/(landing)/sections/Schedule.tsx
@@ -0,0 +1,43 @@
+import { getSchedule } from "@/app/lib/data";
+
+function ScheduleOfTheDay(props: { dayInfo: DayInfo }) {
+  const { dayInfo } = props;
+  const { day, times } = dayInfo;
+  return (
+    <div className="flex flex-col w-full my-5">
+      <div className="text-5xl md:text-7xl w-full text-center mb-4 font-semibold glow-subtitles text-textSubtitle">{dayInfo.day}</div>
+      <div className="w-full">
+        {times.map((timeInfo, index) => (
+          <div className="flex flex-row w-full text-xl my-2 md:my-5 md:px-3 pr-4"
+            key={`${day}-${index}`}
+          >
+            <div className="w-2/5 h-fit text-right pr-2 font-black">{timeInfo.time}</div>
+            <div className="w-3/5">
+              {timeInfo.event}
+            </div>
+
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+
+}
+
+export default async function Schedule() {
+  const schedule = await getSchedule();
+
+  return (
+    <div className="w-full flex justify-center px-4 mb-20 relative"
+      id="Schedule">
+      <div className="w-full max-w-7xl h-fit flex flex-col items-center">
+        <div className="transparent-black-background w-full text-text rounded-3xl
+                              flex flex-col items-center md:flex-row md:items-start relative">
+          <ScheduleOfTheDay dayInfo={schedule["Saturday"]} />
+          <div className="w-20 h-2 bg-text md:invisible md:absolute rounded-sm" />
+          <ScheduleOfTheDay dayInfo={schedule["Sunday"]} />
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/(landing)/sections/Sponsors.tsx b/app/(landing)/sections/Sponsors.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/app/lib/data.ts b/app/lib/data.ts
index 9fb3519..2dd4350 100644
--- a/app/lib/data.ts
+++ b/app/lib/data.ts
@@ -11,6 +11,48 @@ import {
 import { formatCurrency } from './utils';
 import { unstable_noStore as noStore } from 'next/cache';
 
+export async function getSchedule() {
+  //a fake delay to simulate a real api call
+  await new Promise((resolve) => setTimeout(resolve, 1000));
+
+  const schedule: Schedule = {
+    "Saturday": {
+      "day": "Saturday",
+      "times": [
+        { "time": "10:00 AM", "event": "Check-in starts" },
+        { "time": "11:00 AM", "event": "Opening Ceremony", },
+        { "time": "12:00 PM", "event": "Team Building Event" },
+        { "time": "12:00 PM", "event": "Hacking Starts" },
+        { "time": "12:30 PM", "event": "Lunch" },
+        { "time": "1:30 PM", "event": "NJ TRANSIT API Demo" },
+        { "time": "2:00 PM", "event": "Algorithms in Society Workshop by Ethitech" },
+        { "time": "2:30 PM", "event": "MLH Mini Event" },
+        { "time": "5:30 PM", "event": "Tech Talk by NJ TRANSIT" },
+        { "time": "8:00 PM", "event": "Dinner" },
+
+      ],
+    },
+
+    "Sunday": {
+      "day": "Sunday",
+      "times": [
+        { "time": "12:00 AM", "event": "Midnight Surprise" },
+        { "time": "8:00 AM", "event": "Breakfast", },
+        // { "time": "11:00 AM", "event": "Event" },
+        { "time": "12:00 PM", "event": "Submissions Due" },
+        { "time": "12:30 PM", "event": "Lunch", },
+        { "time": "1:00 PM", "event": "Judging Begins" },
+        { "time": "3:00 PM", "event": "Judging Ends" },
+        { "time": "3:30 PM", "event": "Closing Ceremony", },
+        // { "time": "7:00 PM", "event": "Dinner", "reactIcon": <FaUtensils /> },
+        // { "time": "9:00 PM", "event": "Venue closes" },
+      ],
+    }
+  };
+
+  return schedule;
+}
+
 export async function fetchRevenue() {
   // Add noStore() here prevent the response from being cached.
   // This is equivalent to in fetch(..., {cache: 'no-store'}).
diff --git a/app/page.tsx b/app/page.tsx
deleted file mode 100644
index 2758e2c..0000000
--- a/app/page.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import AcmeLogo from '@/app/ui/acme-logo';
-import { ArrowRightIcon } from '@heroicons/react/24/outline';
-import Link from 'next/link';
-import { lusitana } from '@/app/ui/fonts';
-import Image from 'next/image';
-
-export default function Page() {
-  return (
-    <main className="flex min-h-screen flex-col p-6">
-      <div className="flex h-20 shrink-0 items-end rounded-lg bg-blue-500 p-4 md:h-52">
-        <AcmeLogo />
-      </div>
-      <div className="mt-4 flex grow flex-col gap-4 md:flex-row">
-        <div className="flex flex-col justify-center gap-6 rounded-lg bg-gray-50 px-6 py-10 md:w-2/5 md:px-20">
-          <p
-            className={`${lusitana.className} text-xl text-gray-800 md:text-3xl md:leading-normal`}
-          >
-            <strong>Welcome to Acme.</strong> This is the example for the{' '}
-            <a href="https://nextjs.org/learn/" className="text-blue-500">
-              Next.js Learn Course
-            </a>
-            , brought to you by Vercel.
-          </p>
-          <Link
-            href="/login"
-            className="flex items-center gap-5 self-start rounded-lg bg-blue-500 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-blue-400 md:text-base"
-          >
-            <span>Log in</span> <ArrowRightIcon className="w-5 md:w-6" />
-          </Link>
-        </div>
-        <div className="flex items-center justify-center p-6 md:w-3/5 md:px-28 md:py-12">
-          {/* Add Hero Images Here */}
-          <Image
-            src="/hero-desktop.png"
-            width={1000}
-            height={760}
-            alt="Screenshots of the dashboard project showing desktop version"
-            className="hidden md:block"
-          />
-          <Image
-            src="/hero-mobile.png"
-            width={560}
-            height={620}
-            alt="Screenshot of the dashboard project showing mobile version"
-            className="block md:hidden"
-          />
-        </div>
-      </div>
-    </main>
-  );
-}
diff --git a/types/global.d.ts b/types/global.d.ts
new file mode 100644
index 0000000..de5997c
--- /dev/null
+++ b/types/global.d.ts
@@ -0,0 +1,7 @@
+interface DayInfo {
+  day: string,
+  times: { time: string, event: string }[]
+}
+
+type day = string
+type Schedule = Record<day, DayInfo>;
\ No newline at end of file