diff --git a/.env.template b/.env.template
deleted file mode 100644
index 2629d4e7..00000000
--- a/.env.template
+++ /dev/null
@@ -1,13 +0,0 @@
-NEXT_PUBLIC_FIREBASE_API_KEY=
-NEXT_PUBLIC_FIREBASE_APP_ID=
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
-NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
-NEXT_PUBLIC_FIREBASE_PROJECT_ID=
-NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
-NEXT_PUBLIC_RESUME_UPLOAD_PASSWORD=
-NEXT_PUBLIC_RESUME_UPLOAD_SERVICE_ACCOUNT=
-NEXT_PUBLIC_VAPID_KEY=
-NEXT_PUBLIC_MEASUREMENT_ID=
-SERVICE_ACCOUNT_CLIENT_EMAIL=
-SERVICE_ACCOUNT_PRIVATE_KEY=
-SERVICE_ACCOUNT_PROJECT_ID=
\ No newline at end of file
diff --git a/README.md b/README.md
index 8d56ff18..80ed8b26 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# HackPortal
+# NTHS HackPortal
 ### _A platform for user-friendly hackathon event management._  
 
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
diff --git a/components/AppHeader.tsx b/components/AppHeader.tsx
index b0ba7773..8a10886b 100644
--- a/components/AppHeader.tsx
+++ b/components/AppHeader.tsx
@@ -103,10 +103,8 @@ export default function AppHeader() {
             className="flex gap-2 ml-[6px] font-display self-center items-center md:ml-0"
           >
             {/* !change src */}
-            <Image alt="HackPortal logo" src={'/assets/hp-logo.png'} width={45} height={35} />
-            <span className="text-lg font-black md:z-0 md:text-3xl text-primaryDark">
-              HackPortal
-            </span>
+            <Image alt="HackPortal logo" src={'/assets/LassoCow1ONLY.png'} width={45} height={35} />
+            <span className="text-lg font-black md:z-0 md:text-3xl text-primaryDark">NTHS26</span>
           </Link>
         </div>
 
diff --git a/components/AppHeader2/FloatingDock/item.tsx b/components/AppHeader2/FloatingDock/item.tsx
new file mode 100644
index 00000000..72c081fc
--- /dev/null
+++ b/components/AppHeader2/FloatingDock/item.tsx
@@ -0,0 +1,45 @@
+import { motion, useSpring, useTransform, useMotionValue } from 'framer-motion';
+import { PropsWithChildren, useEffect } from 'react';
+
+type Props = {
+  className?: string;
+
+  originalHeight: number;
+  originalWidth: number;
+
+  widthScaleFactor: number;
+  distanceMagnify: number;
+  cursorFromCenter: number;
+};
+
+export default function BoxItem(props: PropsWithChildren<Props>) {
+  const minWidth = props.originalWidth;
+  const maxWidth = props.originalWidth + props.originalWidth * props.widthScaleFactor;
+
+  const cursorMotionValue = useMotionValue(props.cursorFromCenter);
+
+  useEffect(() => {
+    cursorMotionValue.set(props.cursorFromCenter);
+  }, [props.cursorFromCenter, cursorMotionValue]);
+
+  const widthSync = useTransform(
+    cursorMotionValue,
+    [-props.distanceMagnify, 0, props.distanceMagnify],
+    [minWidth, maxWidth, minWidth],
+  );
+
+  const width = useSpring(widthSync, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12,
+  });
+
+  return (
+    <motion.div
+      style={{ width, height: props.originalHeight }}
+      className={props.className ?? 'shrink-0 flex justify-center items-center min-h-fit min-w-fit'}
+    >
+      {props.children}
+    </motion.div>
+  );
+}
diff --git a/components/AppHeader2/FloatingDock/wrapper.tsx b/components/AppHeader2/FloatingDock/wrapper.tsx
new file mode 100644
index 00000000..4b5bedb1
--- /dev/null
+++ b/components/AppHeader2/FloatingDock/wrapper.tsx
@@ -0,0 +1,107 @@
+import { useEffect, useRef, useState } from 'react';
+import FloatingDockItem from './item';
+
+type Props = {
+  items: JSX.Element[];
+
+  settings?: {
+    widthScaleFactor?: number;
+    distanceMagnify?: number;
+  };
+
+  classes?: {
+    wrapperDiv?: string;
+    itemDiv?: string;
+  };
+};
+
+export default function FloatingDockWrapper(props: Props) {
+  const originalWidths = props.items.map((item) => {
+    const el = item.props?.id ? document.getElementById(item.props.id) : null;
+    return el?.getBoundingClientRect().width ?? 0;
+  });
+
+  const originalHeights = props.items.map((item) => {
+    const el = item.props?.id ? document.getElementById(item.props.id) : null;
+    return el?.getBoundingClientRect().height ?? 0;
+  });
+
+  // in pixels
+  const widthScaleFactor = props.settings?.widthScaleFactor ?? 0.25;
+  const distanceMagnify = props.settings?.distanceMagnify ?? 140;
+
+  const boxRef = useRef<HTMLDivElement>(null);
+
+  // distance of cursor from center of each item
+  const [cursorFromCenters, setCursorFromCenters] = useState<number[]>(
+    Array(props.items.length).fill(distanceMagnify),
+  );
+
+  useEffect(() => {
+    const box = boxRef.current;
+
+    if (!box) {
+      return;
+    }
+
+    // Get children ---
+
+    const children: (Element | null)[] = [];
+    for (let i = 0; i < box.children.length; ++i) {
+      children.push(box.children.item(i));
+    }
+
+    // Handle mouse move ---
+
+    const handleMouseMove = (e: MouseEvent) => {
+      if (checkWithinRange(box, e.clientX, e.clientY)) {
+        const newDiffs = [...cursorFromCenters];
+        for (let i = 0; i < children.length; ++i) {
+          const child = children[i];
+          if (child && child instanceof HTMLElement) {
+            const el = child as HTMLElement;
+            const rect = el.getBoundingClientRect();
+            const center = rect.x + rect.width / 2;
+            const diff = e.clientX - center;
+            newDiffs[i] = diff;
+          }
+        }
+        setCursorFromCenters(newDiffs);
+      } else {
+        setCursorFromCenters(Array(props.items.length).fill(distanceMagnify));
+      }
+    };
+
+    window.addEventListener('mousemove', handleMouseMove);
+
+    return () => {
+      window.removeEventListener('mousemove', handleMouseMove);
+    };
+  }, [boxRef, cursorFromCenters, distanceMagnify, props.items]);
+
+  const checkWithinRange = (box: HTMLElement, mouseX: number, mouseY: number) => {
+    const { x, y, width, height } = box.getBoundingClientRect();
+    return mouseX >= x && mouseX <= x + width && mouseY >= y && mouseY <= y + height;
+  };
+
+  return (
+    <div
+      ref={boxRef}
+      className={props.classes?.wrapperDiv ?? 'gap-4 flex justify-center items-center flex-wrap'}
+    >
+      {props.items.map((item, i) => (
+        <FloatingDockItem
+          key={i}
+          className={props.classes?.itemDiv}
+          originalHeight={originalHeights[i]}
+          originalWidth={originalWidths[i]}
+          widthScaleFactor={widthScaleFactor}
+          distanceMagnify={distanceMagnify}
+          cursorFromCenter={cursorFromCenters[i]}
+        >
+          {item}
+        </FloatingDockItem>
+      ))}
+    </div>
+  );
+}
diff --git a/components/AppHeader2/QRScanDialog.tsx b/components/AppHeader2/QRScanDialog.tsx
index f3bc3a31..64e488c1 100644
--- a/components/AppHeader2/QRScanDialog.tsx
+++ b/components/AppHeader2/QRScanDialog.tsx
@@ -4,6 +4,7 @@ import { useAuthContext } from '@/lib/user/AuthContext';
 import { RequestHelper } from '@/lib/request-helper';
 import QRCodeReaderV2 from './QRCodeReaderV2';
 import QrScanner from 'qr-scanner';
+import QRCodeReader from '../dashboardComponents/QRCodeReader';
 
 interface QRScanDialogProps {
   scan: {
@@ -24,6 +25,7 @@ const successStrings = {
   unexpectedError: 'Unexpected error...',
   notCheckedIn: "User hasn't checked in!",
   invalidFormat: 'Invalid hacker tag format...',
+  lateCheckinIneligible: 'User is not eligible for late check-in...',
 };
 
 interface UserProfile extends Omit<Registration, 'user'> {
@@ -46,18 +48,21 @@ function getSuccessColor(success: string) {
 export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps) {
   const [scanData, setScanData] = useState(undefined);
   const [success, setSuccess] = useState(undefined);
+  const [userScanned, setUserScanned] = useState(false);
   const { user } = useAuthContext();
   const [scannedUserInfo, setScannedUserInfo] = useState(undefined);
 
   const handleScan = async (data: string) => {
+    if (userScanned) return;
     if (!data.startsWith('hack:')) {
       setScanData(data);
       setSuccess(successStrings.invalidFormat);
       return;
     }
+    setUserScanned(true);
     const query = new URL(`http://localhost:3000/api/scan`);
     query.searchParams.append('id', data.replaceAll('hack:', ''));
-    fetch(query.toString().replaceAll('http://localhost:3000', ''), {
+    await fetch(query.toString().replaceAll('http://localhost:3000', ''), {
       mode: 'cors',
       headers: { Authorization: user.token },
       method: 'POST',
@@ -81,6 +86,8 @@ export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps)
           return setSuccess(successStrings.alreadyClaimed);
         } else if (result.status === 403) {
           return setSuccess(successStrings.notCheckedIn);
+        } else if (result.status === 400) {
+          return setSuccess(successStrings.lateCheckinIneligible);
         } else if (result.status !== 200) {
           return setSuccess(successStrings.unexpectedError);
         }
@@ -99,7 +106,7 @@ export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps)
 
   return (
     <Transition appear show={scan !== null} as={Fragment}>
-      <Dialog as="div" className="relative z-10" onClose={onModalClose}>
+      <Dialog as="div" className="relative z-50" onClose={onModalClose}>
         <Transition.Child
           as={Fragment}
           enter="ease-out duration-300"
@@ -144,12 +151,7 @@ export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps)
                     </div>
                   ) : (
                     <div className="p-3">
-                      <QRCodeReaderV2
-                        onScanFail={(err: string | Error) => console.error(err)}
-                        onScanSuccess={async (scanResult: QrScanner.ScanResult) => {
-                          await handleScan(scanResult.data);
-                        }}
-                      />
+                      <QRCodeReader width={200} height={200} callback={handleScan} />
                     </div>
                   )}
                 </div>
@@ -158,7 +160,10 @@ export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps)
                   <button
                     type="button"
                     className="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
-                    onClick={() => setScanData(undefined)}
+                    onClick={() => {
+                      setScanData(undefined);
+                      setUserScanned(false);
+                    }}
                   >
                     Next Scan
                   </button>
@@ -167,6 +172,7 @@ export default function QRScanDialog({ scan, onModalClose }: QRScanDialogProps)
                     className="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
                     onClick={() => {
                       setScanData(undefined);
+                      setUserScanned(false);
                       onModalClose();
                     }}
                   >
diff --git a/components/AppHeader2/core-mobile.tsx b/components/AppHeader2/core-mobile.tsx
new file mode 100644
index 00000000..0db125ca
--- /dev/null
+++ b/components/AppHeader2/core-mobile.tsx
@@ -0,0 +1,146 @@
+import { useAuthContext } from '@/lib/user/AuthContext';
+import { Menu, Transition } from '@headlessui/react';
+import { Fragment, useEffect, useState } from 'react';
+import AdminNavbarColumn from './AdminNavbarColumn';
+import { useRouter } from 'next/router';
+import AdminNavbarGrid from './AdminNavbarGrid';
+import { RequestHelper } from '@/lib/request-helper';
+import QRScanDialog from './QRScanDialog';
+import FloatingDockWrapper from './FloatingDock/wrapper';
+import clsx from 'clsx';
+
+type Props = {
+  dockItemIdRoot?: string;
+};
+
+type Scan = {
+  precendence: number;
+  name: string;
+  isCheckIn: boolean;
+  startTime: Date;
+  endTime: Date;
+  isPermanentScan: boolean;
+};
+
+export default function AppHeader2_Core_AdminMobile(props: Props) {
+  const { user } = useAuthContext();
+  const router = useRouter();
+
+  const isSuperAdmin = user ? user.permissions.indexOf('super_admin') !== -1 : false;
+  const isAdmin = isSuperAdmin || (user ? user.permissions.indexOf('admin') !== -1 : false);
+
+  const [scanList, setScanList] = useState<Scan[]>([]);
+  const [currentScan, setCurrentScan] = useState<Scan | null>(null);
+
+  useEffect(() => {
+    async function getScanData() {
+      const scans = await RequestHelper.get<Scan[]>('/api/scantypes', {
+        headers: {
+          authorization: user?.token || '',
+        },
+      });
+      setScanList(scans.data);
+    }
+    if (!isAdmin) {
+      setScanList([]);
+    } else {
+      getScanData();
+    }
+  }, [user, isAdmin]);
+
+  const mainDockItems = (): JSX.Element[] => {
+    const items: JSX.Element[] = [];
+    const itemIdRoot: string = (props.dockItemIdRoot ?? 'AppHeader2-Core-mainDockItems') + '_';
+    let itemIdx = 0;
+
+    if (isAdmin) {
+      items.push(
+        <Menu id={itemIdRoot + itemIdx} as="div">
+          <div
+            className={clsx(
+              'py-2 px-4 text-[#40B7BA] cursor-pointer flex gap-1 items-center justify-center font-bold',
+              'hover:bg-[#DFFEFF] transition-[background] duration-300 ease-in-out',
+              'rounded-[20px]',
+            )}
+          >
+            <div className="text-[#40B7BA]">Admin</div>
+          </div>
+
+          <div>
+            <div className="flex-col absolute right-0 mt-2 w-full origin-top-right divide-x divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none flex">
+              <div className="px-1 py-1 w-full">
+                <AdminNavbarColumn
+                  sectionTitle="Admin"
+                  options={[
+                    {
+                      optionName: 'User Dashboard',
+                      onClick: () => router.push('/admin/users'),
+                    },
+                    {
+                      optionName: 'Late Check-in',
+                      onClick: () => router.push('/admin/waitlist'),
+                    },
+                    ...(isSuperAdmin
+                      ? [
+                          {
+                            optionName: 'Stats at a Glance',
+                            onClick: () => router.push('/admin/stats'),
+                          },
+                        ]
+                      : []),
+                  ]}
+                />
+              </div>
+
+              <div className="w-full px-1 py-1">
+                <AdminNavbarGrid
+                  numCols={2}
+                  sectionTitle="Temporary Scans"
+                  options={scanList
+                    .filter((scan) => !scan.isPermanentScan)
+                    .map((scan) => ({
+                      optionName: scan.name,
+                      onClick: () => setCurrentScan(scan),
+                    }))}
+                />
+              </div>
+
+              <div className="px-1 py-1">
+                <AdminNavbarColumn
+                  sectionTitle="Permanent Scans"
+                  options={scanList
+                    .filter((scan) => scan.isPermanentScan)
+                    .map((scan) => ({
+                      optionName: scan.name,
+                      onClick: () => setCurrentScan(scan),
+                    }))}
+                />
+              </div>
+            </div>
+          </div>
+        </Menu>,
+      );
+      itemIdx++;
+    }
+
+    return items;
+  };
+
+  return (
+    <div className="flex justify-center py-2 w-full">
+      <div
+        id="nav-bar"
+        className="relative font-dmSans border-[3px] border-[rgba(30,30,30,0.60)] rounded-xl p-1 bg-white opacity-100 text-[#40B7BA] cursor-pointer w-[80%]"
+      >
+        <FloatingDockWrapper
+          classes={{
+            wrapperDiv: clsx('gap-4 flex items-center justify-center flex-wrap'),
+          }}
+          items={mainDockItems()}
+        />
+
+        <QRScanDialog scan={currentScan} onModalClose={() => setCurrentScan(null)} />
+      </div>
+    </div>
+  );
+}
diff --git a/components/AppHeader2/core.tsx b/components/AppHeader2/core.tsx
index 0ef284fb..5c392955 100644
--- a/components/AppHeader2/core.tsx
+++ b/components/AppHeader2/core.tsx
@@ -41,17 +41,21 @@ export default function AppHeader2_Core() {
   return (
     <div className="flex justify-center py-2 w-full">
       {/* Real navbar */}
-      <div className="font-dmSans flex items-center gap-4 border-[3px] border-[rgba(30,30,30,0.60)] rounded-xl px-20 lg:px-[8rem] bg-white relative">
-        <Link href="/" className="p-2 text-[#5D5A88] cursor-pointer">
+      <div className="alfa-slab-font flex items-center gap-4 border-[3px] border-[rgba(30,30,30,0.60)] rounded-xl px-20 lg:px-[8rem] bg-white relative">
+        <Link href="/" className="p-2 text-[#683201] cursor-pointer">
           Home
         </Link>
-        <Link href="/#schedule-section" className="p-2 text-[#5D5A88] cursor-pointer">
+        <Link href="/#schedule-section" className="p-2 text-[#683201] cursor-pointer">
           Schedule
         </Link>
-        <Link href="/hackerpacks" className="p-2 text-[#5D5A88] cursor-pointer">
+
+        {/*
+        <Link href="/hackerpacks" className="p-2 text-[#683201] cursor-pointer">
           Resources
         </Link>
-        <Link href="/#faq-section" className="p-2 text-[#5D5A88] cursor-pointer">
+        */}
+
+        <Link href="/#faq-section" className="p-2 text-[#683201] cursor-pointer">
           FAQ
         </Link>
 
@@ -61,13 +65,13 @@ export default function AppHeader2_Core() {
           <Menu as="div" className="w-full">
             <div>
               <Menu.Button className="p-2 cursor-pointer flex items-center gap-x-2">
-                <div className="text-[#5D5A88]">Admin</div>
+                <div className="text-[#683201]">Admin</div>
                 <svg
                   xmlns="http:www.w3.org/2000/svg"
                   fill="none"
                   viewBox="0 0 24 24"
                   strokeWidth={1.5}
-                  stroke="#5D5A88"
+                  stroke="#683201"
                   className="size-4"
                 >
                   <path
@@ -134,14 +138,21 @@ export default function AppHeader2_Core() {
         )}
 
         <div className="p-2 text-white cursor-pointer">
-          {!hasProfile && (
+          {/* if not signed in send to auth */}
+          {!user && (
+            <Link href="/auth">
+              <div className="py-3 px-5 rounded-[30px] bg-[#683201]">Apply</div>
+            </Link>
+          )}
+          {/* if signed in but no profile go to register */}
+          {user && !hasProfile && (
             <Link href="/register">
-              <div className="py-3 px-5 rounded-[30px] bg-[#5D5A88] font-bold">Apply</div>
+              <div className="py-3 px-5 rounded-[30px] bg-[#683201]">Apply</div>
             </Link>
           )}
-          {hasProfile && (
+          {user && hasProfile && (
             <Link href="/profile">
-              <div className="py-3 px-5 rounded-[30px] bg-[#5D5A88] font-bold">Profile</div>
+              <div className="py-3 px-5 rounded-[30px] bg-[#683201]">Profile</div>
             </Link>
           )}
         </div>
diff --git a/components/AppNavbarBottom/AppNavbarBottom.tsx b/components/AppNavbarBottom/AppNavbarBottom.tsx
index cad78ba2..c76504b3 100644
--- a/components/AppNavbarBottom/AppNavbarBottom.tsx
+++ b/components/AppNavbarBottom/AppNavbarBottom.tsx
@@ -5,8 +5,10 @@ import QuestionIcon from '@/public/icons/question.svg';
 import AdminIcon from '@/public/icons/admin.svg';
 import clsx from 'clsx';
 import Link from 'next/link';
+import { useAuthContext } from '@/lib/user/AuthContext';
 
 export default function AppNavbarBottom() {
+  const { isSignedIn } = useAuthContext();
   return (
     <div
       className={clsx(
@@ -15,15 +17,16 @@ export default function AppNavbarBottom() {
         'p-4 rounded-xl',
       )}
     >
-      <FilePlusIcon />
       <Link href="/#schedule-section">
         <CalendarIcon />
       </Link>
-      <TrophyIcon />
+      {/* <TrophyIcon /> */}
       <Link href="#faq-section">
         <QuestionIcon />
       </Link>
-      <AdminIcon />
+      <Link href={isSignedIn ? '/profile' : '/auth'}>
+        <AdminIcon />
+      </Link>
     </div>
   );
 }
diff --git a/components/adminComponents/UserAdminView.tsx b/components/adminComponents/UserAdminView.tsx
index 78755bb4..1a40973b 100644
--- a/components/adminComponents/UserAdminView.tsx
+++ b/components/adminComponents/UserAdminView.tsx
@@ -33,9 +33,6 @@ export default function UserAdminView({
   });
 
   const user_info = [
-    ['Major', currentUser.major],
-    ['University', currentUser.university],
-    ['Current Level of Study', currentUser.studyLevel],
     ['Number of Hackathons Attended', currentUser.hackathonExperience],
     ['Software Experience', currentUser.softwareExperience],
     [
diff --git a/components/adminComponents/UserList.tsx b/components/adminComponents/UserList.tsx
index 5722a4c7..f899bcf1 100644
--- a/components/adminComponents/UserList.tsx
+++ b/components/adminComponents/UserList.tsx
@@ -74,15 +74,6 @@ export default function UserList({
             {user.status}
           </span>
         </div>
-        <div className="hidden md:block text-base text-complementary w-4/12 h-full py-3 pr-6 whitespace-nowrap overflow-hidden text-ellipsis max-w-[100%]">
-          {user.university}
-        </div>
-        <div className="hidden md:block text-base text-complementary w-2/12 h-full py-3 pr-6 whitespace-nowrap overflow-hidden text-ellipsis max-w-[100%]">
-          {user.major}
-        </div>
-        <div className="hidden md:block text-base text-complementary w-2/12 h-full py-3 pr-6 whitespace-nowrap overflow-hidden text-ellipsis max-w-[100%]">
-          {user.studyLevel}
-        </div>
       </div>,
     );
   });
diff --git a/components/authComponents/EmailInput.tsx b/components/authComponents/EmailInput.tsx
index 785712cc..a58520f5 100644
--- a/components/authComponents/EmailInput.tsx
+++ b/components/authComponents/EmailInput.tsx
@@ -12,7 +12,7 @@ const EmailInput: React.FC<InputProps> = (props) => {
       role="input"
       aria-required="true"
       className={`poppins-semibold text-complementaryLight border-b-2 mb-8 ${
-        isFocused ? 'border-b-primaryDark' : ''
+        isFocused ? 'border-b-[#5C2E12]' : ''
       }`}
     >
       <label htmlFor="email" className="block text-md font-medium">
diff --git a/components/authComponents/PasswordInput.tsx b/components/authComponents/PasswordInput.tsx
index c5d5e64d..2f8219c4 100644
--- a/components/authComponents/PasswordInput.tsx
+++ b/components/authComponents/PasswordInput.tsx
@@ -17,7 +17,7 @@ const PasswordInput: React.FC<InputProps> = (props) => {
       role="input"
       aria-required="true"
       className={`poppins-semibold text-complementaryLight border-b-2 mb-8 ${
-        isFocused ? 'border-b-primaryDark' : ''
+        isFocused ? 'border-b-[#5C2E12]' : ''
       }`}
     >
       <label htmlFor="password" className="block text-md font-medium">
diff --git a/components/homeComponents/Faq.tsx b/components/homeComponents/Faq.tsx
index 7dd40fbb..b41d1f68 100644
--- a/components/homeComponents/Faq.tsx
+++ b/components/homeComponents/Faq.tsx
@@ -47,8 +47,8 @@ export default function FaqPage({ fetchedFaqs }: { fetchedFaqs: AnsweredQuestion
   return (
     <div className="flex flex-col flex-grow">
       <Head>
-        <title>HackPortal</title>
-        <meta name="description" content="HackPortal's Frequently Asked Questions" />
+        <title>NTHS26</title>
+        <meta name="description" content="Frequently Asked Questions" />
       </Head>
       {/* <AboutHeader active="/about/faq" /> */}
       <div className="top-6">
diff --git a/components/homeComponents/FaqDisclosure.tsx b/components/homeComponents/FaqDisclosure.tsx
index a4461ac6..c28266f2 100644
--- a/components/homeComponents/FaqDisclosure.tsx
+++ b/components/homeComponents/FaqDisclosure.tsx
@@ -37,21 +37,18 @@ export default function FaqDisclosure({
         }}
         className="transition duration-500 ease-in-out bg-white rounded-md p-4"
       >
-        <Disclosure.Button
-          className={`p-2 text-complementary font-medium text-left  w-full`}
-          as="div"
-        >
+        <Disclosure.Button className={`p-2 text-#5C2E12 font-medium text-left  w-full`} as="div">
           <button
             className="w-full flex flex-row justify-between items-center"
             onClick={() => {
               toggleDisclosure();
             }}
           >
-            <h1 style={{ fontFamily: 'Fredoka', color: '#170F49' }} className="text-left text-xl">
+            <h1 style={{ fontFamily: 'Fredoka', color: '#5C2E12' }} className="text-left text-xl">
               {question}
             </h1>
             <div
-              style={{ backgroundColor: !isOpen ? '#F7F7FB' : '#4A3AFF' }}
+              style={{ backgroundColor: !isOpen ? '#F7F7FB' : '#5C2E12' }}
               className="p-3 rounded-md transition duration-500 ease-in-out"
             >
               {!isOpen ? (
@@ -74,7 +71,7 @@ export default function FaqDisclosure({
           leaveTo="transform scale-95 opacity-0"
         >
           <Disclosure.Panel
-            style={{ color: '#6F6C90' }}
+            style={{ color: '#000000' }}
             className={`my-2 py-2  p-2 text-left text-sm`}
             static
           >
diff --git a/components/homeComponents/HackCountdown.module.css b/components/homeComponents/HackCountdown.module.css
index fe6fb4b3..71fd162d 100644
--- a/components/homeComponents/HackCountdown.module.css
+++ b/components/homeComponents/HackCountdown.module.css
@@ -1,136 +1,103 @@
 .countdownContainer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    font-family: Arial, sans-serif;
-    color: #2e0480;
-    background: #ffffff url("data:image/svg+xml,%3Csvg width%3D%2250vw%22 height%3D%22353px%22 viewBox%3D%220 0 100vw 706px%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cdefs%3E%3Cfilter id%3D%22blurStrong%22%3E%3CfeGaussianBlur stdDeviation%3D%2220%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx%3D%2286.5vw%22 cy%3D%22260px%22 rx%3D%22180px%22 ry%3D%22180px%22 fill%3D%22%234A3AFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3Cellipse cx%3D%2299vw%22 cy%3D%22250px%22 rx%3D%22160px%22 ry%3D%22160px%22 fill%3D%22%232D5BFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3C/svg%3E") no-repeat bottom right;
-    
-    padding: 2vw;
-    position: relative;
-    overflow: hidden;
-  }
-  
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: clamp(12px, 2vw, 32px);
+}
+
+.header {
+  position: relative;
+
+  font-family: "Alfa Slab One", cursive;
+  font-weight: 400;
+  font-size: clamp(28px, 4vw, 68px);
+
+  letter-spacing: 2px;
+  text-align: center;
+  color: #ffffff;
+  text-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
+
+  margin: 0;
+  margin-top: clamp(80px, 10vh, 26px);
+}
+
+.timeSection {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: clamp(12px, 2.5vw, 32px);
+  z-index: 3;
+  margin-top: clamp(28px, 5vh, 72px);
+}
+
+/* Digit card */
+.digitBox {
+  background-color: rgba(247, 184, 108, 0.6);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
+  border-radius: clamp(16px, 2.5vw, 40px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: clamp(70px, 6vw, 160px);
+  height: clamp(90px, 9vw, 220px);
+}
+
+/* Digit text */
+.digit {
+  font-family: "DS-Digital", monospace;
+  font-size: clamp(48px, 5vw, 140px);
+  font-weight: 400;
+  color: #ffffff;
+  line-height: 1;
+}
+
+/* Unit label */
+.label {
+  font-family: "Alfa Slab One", cursive;
+  font-weight: 400;
+  font-size: clamp(12px, 1.6vw, 32px);
+  line-height: 1.2;
+  color: #ffffff;
+  margin-top: clamp(6px, 1vw, 18px);
+  letter-spacing: 2px;
+}
+
+@media (max-width: 767px) {
   .timeSection {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 1.5vw;
-  }
-  
-  .notifySection {
-    margin-top: 2vw;
-    text-align: center;
-    font-family: Poppins;
-    font-weight: 400;
-    font-size: 2.5vw;
-    line-height: 3.5vw;
-    color: #000000;
-    width: 90%;
+    gap: 4px;
   }
-  
+
   .digitBox {
-    background: linear-gradient(to bottom, rgba(156, 166, 255, .4), rgba(255, 255, 255, 0.1));
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    border-radius: 5px;
-    margin: 0 1vw;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 10vw;
-    height: 15vw;
-    border: .5px solid #05149C;
+    width: 32px;
+    height: 44px;
+    border-radius: 14px;
   }
-  
+
   .digit {
-    font-family: "DS-Digital", monospace;
-    font-size: 10vw;
-    font-weight: 400;
-    color: #05149C;
+    font-size: 1.4rem;
   }
-  
+
   .label {
-    text-transform: uppercase;
-    font-family: Poppins;
-    font-weight: 400;
-    font-size: 4vw;
-    line-height: 5vw;
-    color: #05149C;
-    margin-top: 1vw;
-  }
-  
-  .button {
-    text-decoration: none;
-    position: relative;
-    border: none;
-    font-size: 18px;
-    font-family: inherit;
-    cursor: pointer;
-    color: #fff;
-    width: 150px;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-    background: linear-gradient(90deg, #d4a6ff, #80baff);
-    background-size: 300%;
-    border-radius: 30px;
-    z-index: 1;
-    transition: background 1s, width 0.3s, height 0.3s;
-    margin-top: 2vw;
-    user-select: none;
-    outline: none;
-  }
-  
-  .button:hover {
-    animation: ani 8s linear infinite;
-    border: none;
-  }
-  
-  .button::before {
-    content: "";
-    position: absolute;
-    top: -0.5vw;
-    left: -0.5vw;
-    right: -0.5vw;
-    bottom: -0.5vw;
-    z-index: -1;
-    background: linear-gradient(90deg, #d4a6ff, #80baff);
-    background-size: 400%;
-    border-radius: 35px;
-    transition: 1s;
-  }
-  
-  .button:hover::before {
-    filter: blur(2vw);
-  }
-  
-  .button:focus {
-    outline: none;
-  }
-  
-  @keyframes ani {
-    0% {
-      background-position: 0%;
-    }
-    100% {
-      background-position: 400%;
-    }
+    font-size: 0.50rem;
+    margin-top: 6px;
   }
-  
-  @media (max-width: 768px) {
-    .button {
-      width: 120px;
-      height: 35px;
-      line-height: 35px;
-    }
+
+  .header {
+    font-size: 1.3rem;
+    margin-bottom: 1px;
+        transform: translateY(15px);
+
   }
-  
-  @media (max-width: 480px) {
-    .button {
-      width: 100px;
-      height: 30px;
-      line-height: 30px;
-    }
+}
+
+@media (max-width: 767px) {
+  .countdownContainer {
+    margin-top: -50px;
   }
-  
\ No newline at end of file
+}
diff --git a/components/homeComponents/HackCountdown.tsx b/components/homeComponents/HackCountdown.tsx
index a69b63e4..45a664a5 100644
--- a/components/homeComponents/HackCountdown.tsx
+++ b/components/homeComponents/HackCountdown.tsx
@@ -13,32 +13,35 @@ const HackCountdown: React.FC<CountdownProps> = ({ targetDate }) => {
       days: 0,
       hours: 0,
       minutes: 0,
+      seconds: 0,
     };
 
     if (difference > 0) {
       timeLeft = {
         days: Math.floor(difference / (1000 * 60 * 60 * 24)),
         hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
-        minutes: Math.floor((difference / 1000 / 60) % 60),
+        minutes: Math.floor((difference / (1000 * 60)) % 60),
+        seconds: Math.floor((difference / 1000) % 60),
       };
     }
-
     return timeLeft;
   };
 
   const [timeLeft, setTimeLeft] = useState(calculateTimeLeft());
 
   useEffect(() => {
-    const timer = setTimeout(() => {
+    const interval = setInterval(() => {
       setTimeLeft(calculateTimeLeft());
     }, 1000);
 
-    return () => clearTimeout(timer);
-  });
+    return () => clearInterval(interval);
+  }, [targetDate]);
 
   return (
-    <div className={styles.countdownContainer}>
-      <div className={styles.timeSection}>
+    <div className={`${styles.countdownContainer} countdown-section`}>
+      <h1 className={`${styles.header} countdown-header`}>Countdown</h1>
+
+      <div className={`${styles.timeSection} countdown-timer`}>
         {Object.entries(timeLeft).map(([unit, value]) => {
           const digits = value.toString().padStart(2, '0').split('');
           return (
@@ -55,10 +58,10 @@ const HackCountdown: React.FC<CountdownProps> = ({ targetDate }) => {
           );
         })}
       </div>
-      <div className={styles.notifySection}>
+      {/* <div className={styles.notifySection}>
         <p>We will let you know when we are launching</p>
         <button className={styles.button}>Notify Me</button>
-      </div>
+      </div> */}
     </div>
   );
 };
diff --git a/components/homeComponents/HomeAbout.tsx b/components/homeComponents/HomeAbout.tsx
index 1e166435..3c612c11 100644
--- a/components/homeComponents/HomeAbout.tsx
+++ b/components/homeComponents/HomeAbout.tsx
@@ -1,236 +1,56 @@
-import React from 'react';
-import { CSSProperties } from 'react';
+import React, { useEffect, useState } from 'react';
+import { motion } from 'framer-motion';
+import { useInView } from 'react-intersection-observer';
 
 const HomeAbout = () => {
-  interface CustomShapesStyles {
-    [key: string]: CSSProperties;
-  }
+  const [hasAnimated, setHasAnimated] = useState(false);
+  const { ref, inView } = useInView({
+    threshold: 0.1,
+    triggerOnce: true,
+  });
 
-  const customShapesStyles: CustomShapesStyles = {
-    customShapeOne: {
-      position: 'absolute',
-      top: '13px',
-      left: '27.5%',
-      width: '30%',
-      height: '130px',
-      background: '#C1C8FF',
-      borderRadius: '0px 0px 0px 158px',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      color: '#000',
-      transition: 'transform 400ms',
-      cursor: 'pointer',
-    },
-    labelBoxOne: {
-      fontWeight: 500,
-      fontSize: 'calc(10px + 2vw)',
-      fontFamily: 'Fredoka',
-      color: '#05149C',
-      marginBottom: '-10px',
-    },
-    customShapeTwo: {
-      position: 'absolute',
-      top: '160px',
-      left: '12.5%',
-      width: '45%',
-      height: '200px',
-      background: '#C1C8FF',
-      borderRadius: '0px 158px 0px 158px',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      color: '#000',
-      transition: 'transform 400ms',
-      cursor: 'pointer',
-    },
-    labelBoxTwo: {
-      fontWeight: 500,
-      fontSize: 'calc(10px + 2vw)',
-      fontFamily: 'Fredoka',
-      color: '#05149C',
-      marginBottom: '-10px',
-    },
-    customShapeThree: {
-      position: 'absolute',
-      top: '13px',
-      right: '10%',
-      width: '30%',
-      height: '347px',
-      background: '#C1C8FF',
-      borderRadius: '0 158px 0 0',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      color: '#000',
-      transition: 'transform 400ms',
-      cursor: 'pointer',
-    },
-    labelBoxThree: {
-      fontWeight: 500,
-      fontSize: 'calc(10px + 2vw)',
-      fontFamily: 'Fredoka',
-      color: '#05149C',
-      marginBottom: '-10px',
-    },
-    customShapeFour: {
-      position: 'absolute',
-      top: '13px',
-      left: '12.5%',
-      width: '15%',
-      height: '130px',
-      background: '#C1C8FF',
-      borderRadius: '0 158px 0 0',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      color: '#000',
-      transition: 'transform 400ms',
-      cursor: 'pointer',
-      flexDirection: 'column',
-    },
-    statisticText: {
-      fontSize: 'calc(16px + 0.25vw)',
-      color: '#000',
-      fontFamily: 'DM Sans',
-    },
-  };
-
-  const styles: { [key: string]: CSSProperties } = {
-    container: {
-      position: 'relative',
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background:
-        '#FFFFFF url("data:image/svg+xml,%3Csvg width%3D%22100vw%22 height%3D%22706px%22 viewBox%3D%220 0 100vw 706px%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cdefs%3E%3Cfilter id%3D%22blurStrong%22%3E%3CfeGaussianBlur stdDeviation%3D%2220%22/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx%3D%2295vw%22 cy%3D%2280px%22 rx%3D%22180px%22 ry%3D%22180px%22 fill%3D%22%234A3AFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3Cellipse cx%3D%2290vw%22 cy%3D%220px%22 rx%3D%22195px%22 ry%3D%22180px%22 fill%3D%22%23962DFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3Cellipse cx%3D%2210vw%22 cy%3D%22606px%22 rx%3D%22130px%22 ry%3D%22130px%22 fill%3D%22%234A3AFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3Cellipse cx%3D%225vw%22 cy%3D%22556px%22 rx%3D%22110px%22 ry%3D%22110px%22 fill%3D%22%23962DFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3Cellipse cx%3D%220vw%22 cy%3D%22506px%22 rx%3D%2290px%22 ry%3D%2290px%22 fill%3D%22%232D5BFF%22 opacity%3D%220.1%22 filter%3D%22url(%23blurStrong)%22/%3E%3C/svg%3E") no-repeat top right',
-      color: '#FFFFFF',
-      fontFamily: 'Arial, sans-serif',
-      textAlign: 'center',
-      width: '100vw',
-      height: '120vh',
-      overflow: 'hidden',
-      paddingTop: '2vh',
-    },
-    header: {
-      fontFamily: 'Fredoka, sans-serif',
-      fontWeight: 600,
-      fontSize: 'calc(24px + 2vw)',
-      color: '#05149C',
-      padding: '1vh 0',
-    },
-    description: {
-      fontFamily: 'DM Sans, sans-serif',
-      fontWeight: 400,
-      fontSize: '16px',
-      color: '#000000',
-      width: '90%',
-      margin: '1vh 0',
-    },
-    statsContainer: {
-      position: 'relative',
-      width: '100%',
-      height: '100%',
-      fontFamily: 'DM Sans, sans-serif',
-      fontWeight: 400,
-      fontSize: '30px',
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'space-around',
-      marginTop: '2vh',
-    },
-    statsItem: {
-      width: '45%',
-      margin: '2% 0',
-      position: 'relative',
-    },
-  };
+  useEffect(() => {
+    if (inView && !hasAnimated) setHasAnimated(true);
+  }, [inView, hasAnimated]);
 
   return (
-    <div style={styles.container}>
-      <style>
-        {`
-          @media (max-width: 600px) {
-            .container {
-              height: 400vh !important;
-            }
-            .statsContainer {
-              display: flex;
-              flex-direction: column;
-              align-items: center;
-            }
-            .customShapeOne {
-              width: 50% !important;
-              height: 85px !important;
-              left: 45% !important;
-            }
-            .customShapeTwo {
-              width: 90% !important;
-              top: 110px !important;
-              height: 110px !important;
-              left: 5% !important;
-            }
-            .customShapeThree {
-              width: 90% !important;
-              top: 235px !important;
-              height: 275px !important;
-              left: 5% !important;
-            }
-            .customShapeFour {
-              width: 40% !important;
-              height: 85px !important;
-              left: 5% !important;
-            }
-          }
-        `}
-      </style>
-      <h1 className="header" style={styles.header}>
-        About HackPortal
-      </h1>
-      <p className="description" style={styles.description}>
-        Hackathons are 24-hour gatherings where students collaborate <br /> to create innovative
-        projects, forge new connections, and compete for prizes.
-      </p>
-      <div className="statsContainer" style={styles.statsContainer}>
-        <div className="statsItem">
-          <div
-            className="customShape customShapeFour"
-            style={{ ...customShapesStyles.customShapeFour }}
-          ></div>
-        </div>
-        <div className="statsItem">
-          <div
-            className="customShape customShapeOne"
-            style={{ ...customShapesStyles.customShapeOne }}
-          >
-            <div style={customShapesStyles.labelBoxOne}>Incredible</div>
-            <div style={customShapesStyles.statisticText}>Statistic 1</div>
-          </div>
-        </div>
-        <div className="statsItem">
-          <div
-            className="customShape customShapeTwo"
-            style={{ ...customShapesStyles.customShapeTwo }}
-          >
-            <div style={customShapesStyles.labelBoxTwo}>Shocking</div>
-            <div style={customShapesStyles.statisticText}>Statistic 2</div>
-          </div>
-        </div>
-        <div className="statsItem">
-          <div
-            className="customShape customShapeThree"
-            style={{ ...customShapesStyles.customShapeThree }}
-          >
-            <div style={customShapesStyles.labelBoxThree}>Big</div>
-            <div style={customShapesStyles.statisticText}>Statistic 3</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <section
+      className="
+        relative
+        w-full
+        h-full
+        flex
+        items-center
+        justify-center
+        z-20
+        pointer-events-none
+        px-4 sm:px-6 md:px-8
+      "
+    >
+      <motion.div
+        ref={ref}
+        initial={{ opacity: 0, y: 8 }}
+        animate={{ opacity: hasAnimated ? 1 : 0, y: hasAnimated ? 0 : 8 }}
+        transition={{ duration: 1.2, ease: 'easeOut', delay: 0.2 }}
+        className="mx-auto w-full max-w-[720px] lg:max-w-[60%] text-center text-white home-about"
+        style={{ textShadow: '0 6px 18px rgba(0,0,0,0.5)' }}
+      >
+        <h1 className="font-['Alfa_Slab_One'] text-[clamp(28px,4vw,68px)] mb-4 md:mb-10">
+          About NTHS Hack
+        </h1>
+
+        <p className="font-['Alfa_One'] font-normal text-[clamp(11px,1vw,15px)] leading-relaxed -mt-4 max-w-full whitespace-normal break-words">
+          The Association of Computing Machinery (ACM) at the University of Texas at Dallas will be
+          hosting the third iteration of our hackathon experience! This two day long event will be
+          an intense competition of self expression and creativity through technology, where
+          students will get the chance to showcase their web development skills. High school
+          students across North Texas with varying technical backgrounds will come together, form
+          teams, and build unique solutions from scratch. This beginner-friendly hackathon is an
+          extraordinary opportunity for you to win prizes, compete, and jumpstart your journey in
+          technology!
+        </p>
+      </motion.div>
+    </section>
   );
 };
 
diff --git a/components/homeComponents/HomeChallengeCard.tsx b/components/homeComponents/HomeChallengeCard.tsx
index 49587647..f23c27c2 100644
--- a/components/homeComponents/HomeChallengeCard.tsx
+++ b/components/homeComponents/HomeChallengeCard.tsx
@@ -1,13 +1,10 @@
 export default function HomeChallengesCard(props: { challenge: Challenge; blockType: number }) {
-  const borderConfiguration = ['rounded-tr-[100px]', 'rounded-br-[100px]', 'rounded-tl-[100px]'];
   return (
     <div className="h-full w-full mx-auto">
       <div className="w-4/5 md:w-full mx-auto">
         {/* Block */}
-        <div
-          className={`bg-[#C1C8FF] ${borderConfiguration[props.blockType]} w-5/6 h-[200px] mx-auto`}
-        >
-          &nbsp;
+        <div className="relative w-5/6 h-[200px] mx-auto bg-[#8B5A2B] rounded-lg shadow-lg flex items-center justify-center">
+          <span className="stats-title">COMING SOON</span>
         </div>
         <div className="w-5/6 mx-auto">
           {/* Challenge Name */}
@@ -15,7 +12,7 @@ export default function HomeChallengesCard(props: { challenge: Challenge; blockT
             {props.challenge.title.toUpperCase()}
           </h1>
           {/* Company Name */}
-          <h1 className="font-nunito text-xl text-[#05149C] font-bold my-4">
+          <h1 className="font-nunito text-xl text-[#ffffff] font-bold my-4">
             {props.challenge.organization}
           </h1>
           {/* Description */}
diff --git a/components/homeComponents/HomeChallenges.tsx b/components/homeComponents/HomeChallenges.tsx
index 9fbfa8be..3c5f4258 100644
--- a/components/homeComponents/HomeChallenges.tsx
+++ b/components/homeComponents/HomeChallenges.tsx
@@ -1,24 +1,20 @@
 import { useEffect, useState } from 'react';
+
 import HomeChallengesCard from './HomeChallengeCard';
 
 export default function HomeChallengesComponent(props: { challenges: Challenge[] }) {
   return (
     props.challenges.length !== 0 && (
-      <section className="md:py-12 py-6 xl:w-9/10 w-11/12 m-auto">
-        <div className="flex items-center">
-          <div className="flex-1 mr-6 border-t-4 border-black"></div>
-          <span className="font-fredoka font-bold md:text-4xl text-2xl text-center text-[#05149C]">
-            Challenge Tracks
-          </span>
-          <div className="flex-1 ml-6 border-t-4 border-black"></div>
-        </div>
-        <div className="w-full mb-2">
-          <div className="md:w-2/5 w-full mx-auto p-4 text-balance">
-            <p className="text-center">
-              Hackathons are 24-hour gatherings where students collaborate to create innovative
-              projects, forge new connections, and compete for prizes.
-            </p>
-          </div>
+      <section className="schedule-alfa pt-10 md:pt-14 pb-20 md:pb-28">
+        <div
+          className="text-center p-4 white-text"
+          style={{
+            fontFamily: "'Alfa Slab One', cursive",
+            fontWeight: 250,
+            fontSize: 'clamp(28px, 4vw, 68px)',
+          }}
+        >
+          Challenge Tracks
         </div>
         <div className="grid grid-cols-1 md:grid-cols-3 lg:p-10 items-center gap-x-6 mt-6 mx-auto">
           {props.challenges.map((challenge, idx) => (
diff --git a/components/homeComponents/HomeFaq.tsx b/components/homeComponents/HomeFaq.tsx
index f0b63ecd..39eda4b6 100644
--- a/components/homeComponents/HomeFaq.tsx
+++ b/components/homeComponents/HomeFaq.tsx
@@ -3,7 +3,7 @@ import Faq from './Faq';
 export default function HomeFaq(props: { answeredQuestion: AnsweredQuestion[] }) {
   return (
     props.answeredQuestion.length != 0 && (
-      <section id="faq-section" style={{ backgroundColor: '#F7F7FB' }} className="p-1">
+      <section id="faq-section" className="z-0 relative py-[5rem] md:py-[7rem]">
         <Faq fetchedFaqs={props.answeredQuestion}></Faq>
       </section>
     )
diff --git a/components/homeComponents/HomeFooter.tsx b/components/homeComponents/HomeFooter.tsx
index c9577420..0eb27a20 100644
--- a/components/homeComponents/HomeFooter.tsx
+++ b/components/homeComponents/HomeFooter.tsx
@@ -9,39 +9,91 @@ export default function HomeFooter() {
         // TODO: need to update box shadow, current box shadow is a bit off from the design
         boxShadow: 'rgba(0, 0, 0, 0.18) 20px -2px 20px',
       }}
-      className=" mt-16 md:text-base text-xs relative"
+      className="bg-6 relative"
     >
       <div className="flex">
-        <Blob width={400} className="absolute hidden left-0 top-0 lg:block" />
-        <div className="z-10 grid grid-cols-1 lg:gap-36 lg:grid-cols-3">
-          <div className="lg:text-white p-10">
-            <h1 className="font-bold text-2xl mt-10">HackPortal</h1>
-            <p style={{ maxWidth: '300px' }} className="mt-1">
-              Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit
-              officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud
-              amet.
+        <div className="z-10 grid grid-cols-1 md:grid-cols-3 md:gap-20">
+          <div className="lg:text-black pt-14 pl-24">
+            <h1 className="font-bold text-2xl ">ACM UTD</h1>
+            <h2 className="font-semibold text-xl mt-4 mb-3">Contact Us</h2>
+            <div className="flex gap-4 mb-4">
+              {/* Instagram icon */}
+              <a
+                href="https://www.instagram.com/acmutd_outreach/"
+                target="_blank"
+                rel="noreferrer"
+                className="hover:opacity-80"
+              >
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
+                </svg>
+              </a>
+              {/* LinkedIn icon */}
+              <a
+                href="https://www.linkedin.com/company/acmutd"
+                target="_blank"
+                rel="noreferrer"
+                className="hover:opacity-80"
+              >
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+                </svg>
+              </a>
+              {/* Email icon */}
+              <a
+                href="mailto:outreach@acmutd.co"
+                target="_blank"
+                rel="noreferrer"
+                className="hover:opacity-80"
+              >
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" />
+                </svg>
+              </a>
+            </div>
+            <p className="mt-2">
+              <a
+                href="https://www.acmutd.co/"
+                target="_blank"
+                rel="noreferrer"
+                className="underline hover:opacity-80"
+              >
+                Check out ACM UTD&apos;s website
+              </a>
             </p>
-            {/* social media here */}
           </div>
           <div className="p-10" style={{ minWidth: '400px', fontFamily: 'inter' }}>
-            <h1 className="font-semibold text-xl mb-3">Learn more</h1>
+            <h1 className="font-semibold text-xl mb-3">Developed with HackPortal</h1>
             <div className="font-light">
+              <p className="mb-2">Learn more</p>
               <p className="mb-2">
-                Check out HackUTD’s <span className="font-semibold">organizer website</span>
-              </p>
-              <p className="mb-2">
-                Designed by <span className="font-semibold">HackUTD</span>
+                <a
+                  href="https://hackutd.co/"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="hover:underline"
+                >
+                  Check out HackUTD&apos;s <span className="font-semibold">website</span>
+                </a>
               </p>
               <p className="mb-2">
                 HackPortal developed with {'<3'} <span className="font-semibold">HackUTD </span>
                 and <span className="font-semibold">ACM Development</span>
               </p>
-              <p className="mb-2">Source Code</p>
+              <p className="mb-2">
+                <a
+                  href="https://github.com/hackutd/hackportal"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="hover:underline"
+                >
+                  Source Code
+                </a>
+              </p>
             </div>
           </div>
-          <div className="p-10" style={{ maxWidth: '300px', fontFamily: 'inter' }}>
+          {/* <div className="p-10" style={{ maxWidth: '300px', fontFamily: 'inter' }}>
             <h1 className="font-semibold text-xl mb-3">Contact Us</h1>
-            {/* input for email */}
             <input
               style={{ backgroundColor: '#E2E2E2' }}
               className="border-0 rounded"
@@ -50,19 +102,18 @@ export default function HomeFooter() {
               name="email"
               id="contact-us"
             />
-            {/* subscribe button */}
             <button
               className="rounded-lg text-white px-6 py-2 my-4"
-              style={{ backgroundColor: '#7B81FF' }}
+              style={{ backgroundColor: '#702D11' }}
             >
               Subscribe
             </button>
-          </div>
+          </div> */}
         </div>
       </div>
       <div
         // hardcoded background color for now, but will upgrade to tailwind later
-        style={{ height: '37px', width: '100%', backgroundColor: '#7B81FF' }}
+        style={{ height: '37px', width: '100%', backgroundColor: '#702D11' }}
         className="absolute bottom-0 flex items-center justify-center"
       >
         <h2 className="text-center text-white">All Copyrights are reserved by HackUTD</h2>
@@ -86,7 +137,7 @@ const Blob: React.FC<SVGProps<SVGSVGElement>> = (props) => {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M38.9788 597.017C129.555 628.73 243.207 655.052 315.874 585.996C387.307 518.112 331.301 394.497 355.612 296.116C385.101 176.784 513.977 73.4295 470.3 -38.9127C425.588 -153.916 283.623 -190.831 166.515 -190.256C63.0498 -189.748 -30.1812 -121.127 -98.5997 -36.1217C-153.192 31.7049 -151.839 124.432 -157.987 212.914C-163.26 288.808 -164.756 363.637 -130.957 429.549C-92.3463 504.843 -37.3878 570.279 38.9788 597.017Z"
-        fill="#7B81FF"
+        fill="#8B5A2B"
       />
     </svg>
   );
diff --git a/components/homeComponents/HomeHero.tsx b/components/homeComponents/HomeHero.tsx
index ad022d33..4d176082 100644
--- a/components/homeComponents/HomeHero.tsx
+++ b/components/homeComponents/HomeHero.tsx
@@ -1,35 +1,7 @@
-import { useRouter } from 'next/router';
-import { buttonDatas } from '../../lib/data';
-
-export default function HomeHero() {
-  const router = useRouter();
-
+export default function HomeVideoStats() {
   return (
-    <section className="min-h-screen p-4 bg-contain bg-white">
-      <div
-        style={{ minHeight: 480 }}
-        className="max-w-4xl mx-auto flex flex-col justify-center items-center"
-      >
-        <h1 className="text-center md:text-8xl text-6xl font-bold text-primaryDark">HackPortal</h1>{' '}
-        {/* !change */}
-        <p className="text-center my-4 font-semibold md:text-xl text-md text-primaryDark opacity-80">
-          {' '}
-          {/* !change */}Powered by HackUTD and ACM Dev
-        </p>
-      </div>
-      {/* TODO: Programmatically show these based on configured times/organizer preference */}
-
-      <div className="flex flex-col items-center md:flex-row md:justify-around px-44 md:space-y-0 space-y-3 > *">
-        {buttonDatas.map((button) => (
-          <button
-            key={button.text}
-            onClick={() => router.push(button.path)}
-            className="max-w-[14rem] w-[14rem] md:max-w-full bg-white py-4 rounded-xl h-10 flex items-center justify-center font-semibold text-xl text-primaryDark border-2 border-gray-300"
-          >
-            {button.text}
-          </button>
-        ))}
-      </div>
+    <section className="section-bg bg-3 z-0 relative min-h-[60vh] sm:min-h-[70vh] md:min-h-[80vh] lg:min-h-screen py-[5rem] md:py-[7rem] mb-16">
+      <div className="flex flex-col justify-center items-center"></div>
     </section>
   );
 }
diff --git a/components/homeComponents/HomeHero2.tsx b/components/homeComponents/HomeHero2.tsx
index 9ed063b2..70b6d22c 100644
--- a/components/homeComponents/HomeHero2.tsx
+++ b/components/homeComponents/HomeHero2.tsx
@@ -1,49 +1,41 @@
 import Image from 'next/image';
-import MLH_Sticker from '../../public/assets/mlh-sticker.png';
-import BackgroundCircles from '../BackgroundCircles';
-import { useAuthContext } from '../../lib/user/AuthContext';
 import AppHeader2_Wrapper from '../AppHeader2/wrapper';
-import { useRouter } from 'next/router';
 
-export default function HomeHero() {
+export default function HomeHero2() {
   return (
-    <section className="min-h-screen bg-contain bg-white flex flex-col-reverse md:flex-col">
-      {/* App header */}
-      <AppHeader2_Wrapper />
+    <section className="relative w-full min-h-[90vh] md:min-h-screen overflow-hidden">
+      <Image
+        src="/assets/bg-1.png"
+        alt="NTHS Hackathon hero background"
+        fill
+        priority
+        sizes="100vw"
+        className="object-cover object-top"
+      />
+      <div className="absolute inset-0 bg-black/20" />
 
-      <div className="flex h-screen w-full relative">
-        <div className="w-full h-full absolute top-0 left-0 z-0">
-          <BackgroundCircles />
-        </div>
-
-        <div className="relative z-10 shrink-0 w-full flex">
-          {/* MLH sticker */}
-          <div className="absolute top-0 right-4 z-20">
-            <Image
-              src={MLH_Sticker.src}
-              height={MLH_Sticker.height}
-              width={MLH_Sticker.width}
-              alt="MLH sticker"
-              className="w-full h-full object-cover"
-            />
-          </div>
-
-          {/* Big welcome */}
-          <div className="w-full flex flex-col gap-2 justify-center items-center bg-[rgba(255,255,255,0.75)] backdrop-blur-[60px]">
-            <p className="font-nunito text-[#262626] text-xl md:text-3xl">Welcome To</p>
-            <h1 className="font-fredokaOne text-4xl md:text-6xl lg:text-8xl font-bold text-[#05149C]">
-              HACKPORTAL
-            </h1>
-          </div>
-        </div>
+      <div className="relative z-10">
+        <AppHeader2_Wrapper />
       </div>
 
-      {/* Bottom banner */}
-      <div className="font-dmSans w-full flex justify-center bg-[#7B81FF] text-white h-[1.75rem] text-nowrap overflow-hidden">
-        <p className="text-lg">
-          SAMPLE TEXT • SAMPLE TEXT • SAMPLE TEXT • SAMPLE TEXT • SAMPLE TEXT • SAMPLE TEXT • SAMPLE
-          TEXT • SAMPLE TEXT • SAMPLE TEXT
-        </p>
+      <div className="absolute inset-0 z-10 flex items-center justify-center px-4 text-center">
+        <div className="space-y-2">
+          <h1
+            className="font-['Alfa_Slab_One'] text-white text-[clamp(34px,5vw,86px)] leading-tight"
+            style={{
+              textShadow: '0 6px 18px rgba(0,0,0,0.5)',
+              animation: 'float 8s ease-in-out infinite',
+            }}
+          >
+            NTHS Hackathon
+          </h1>
+          <p
+            className="font-['Alfa_Slab_One'] unbold-text text-white text-[clamp(16px,2vw,30px)]"
+            style={{ textShadow: '0 4px 12px rgba(0,0,0,0.5)' }}
+          >
+            2026 &bull; March 28
+          </p>
+        </div>
       </div>
     </section>
   );
diff --git a/components/homeComponents/HomeNotif.tsx b/components/homeComponents/HomeNotif.tsx
index 523ef163..71e30065 100644
--- a/components/homeComponents/HomeNotif.tsx
+++ b/components/homeComponents/HomeNotif.tsx
@@ -1,51 +1,51 @@
-import { useEffect, useState, useRef } from 'react';
-import firebase from 'firebase/compat/app';
-import 'firebase/compat/messaging';
+// import { useEffect, useState, useRef } from 'react';
+// import firebase from 'firebase/compat/app';
+// import 'firebase/compat/messaging';
 
-export default function HomeNotif() {
-  const [notif, setNotif] = useState(true);
-  const popup = useRef(null);
+// export default function HomeNotif() {
+//   const [notif, setNotif] = useState(true);
+//   const popup = useRef(null);
 
-  useEffect(() => {
-    setNotif(checkNotif());
-    triggerPopup();
-  }, []);
+//   useEffect(() => {
+//     setNotif(checkNotif());
+//     triggerPopup();
+//   }, []);
 
-  const checkNotif = () => {
-    //pop up visible if user did not enable push notif and browser supports push notif
-    const isSupported =
-      'Notification' in window &&
-      'serviceWorker' in navigator &&
-      'PushManager' in window &&
-      firebase.messaging.isSupported();
-    if (isSupported && Notification.permission !== 'granted') {
-      Notification.requestPermission();
-      return true;
-    }
-    return false;
-  };
+//   const checkNotif = () => {
+//     //pop up visible if user did not enable push notif and browser supports push notif
+//     const isSupported =
+//       'Notification' in window &&
+//       'serviceWorker' in navigator &&
+//       'PushManager' in window &&
+//       firebase.messaging.isSupported();
+//     if (isSupported && Notification.permission !== 'granted') {
+//       Notification.requestPermission();
+//       return true;
+//     }
+//     return false;
+//   };
 
-  const triggerPopup = () => {
-    popup.current.classList.add('show');
-    setTimeout(() => setNotif(false), 4000);
-  };
+//   const triggerPopup = () => {
+//     popup.current.classList.add('show');
+//     setTimeout(() => setNotif(false), 4000);
+//   };
 
-  return (
-    notif && (
-      <div
-        id="popup"
-        ref={popup}
-        className="fixed z-50 md:translate-x-0 translate-x-1/2 flex md:w-[22rem] w-[20rem] rounded-b-md px-4 py-2 top-20 md:right-6 right-1/2 md:text-base text-sm border-t-8 border-primaryDark bg-secondary"
-      >
-        <svg
-          className="fill-current md:h-6 h-5 md:w-6 w-5 text-primaryDark mr-4"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 20 20"
-        >
-          <path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z" />
-        </svg>
-        Turn on push notifications to receive announcements!
-      </div>
-    )
-  );
-}
+//   return (
+//     notif && (
+//       <div
+//         id="popup"
+//         ref={popup}
+//         className="fixed z-50 md:translate-x-0 translate-x-1/2 flex md:w-[22rem] w-[20rem] rounded-b-md px-4 py-2 top-20 md:right-6 right-1/2 md:text-base text-sm border-t-8 border-primaryDark bg-secondary"
+//       >
+//         <svg
+//           className="fill-current md:h-6 h-5 md:w-6 w-5 text-primaryDark mr-4"
+//           xmlns="http://www.w3.org/2000/svg"
+//           viewBox="0 0 20 20"
+//         >
+//           <path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z" />
+//         </svg>
+//         Turn on push notifications to receive announcements!
+//       </div>
+//     )
+//   );
+// }
diff --git a/components/homeComponents/HomeSchedule.tsx b/components/homeComponents/HomeSchedule.tsx
index 479e96c3..e3a6955a 100644
--- a/components/homeComponents/HomeSchedule.tsx
+++ b/components/homeComponents/HomeSchedule.tsx
@@ -3,57 +3,23 @@ import { useState } from 'react';
 import LocationOnIcon from '@mui/icons-material/LocationOn';
 
 /* Calendar */
-export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[]; dateCard: Dates }) {
-  /* Event Colors */
+export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[] }) {
+  /* Event Colors (updated to match design) */
   const eventColors = {
-    All: 'border-gray-500 text-gray-500',
-    Required: 'border-[#FC012E] text-[#FC012E]',
-    Food: 'border-[#56E100] text-[#56E100]',
-    Social: 'border-[#FFB900] text-[#FFB900]',
-    Sponsor: 'border-[#008CF1] text-[#008CF1]',
-    Workshop: 'border-[#5200FF] text-[#5200FF]',
-    'All-Filter': 'border-gray-500 bg-gray-500 text-white',
-    'Required-Filter': 'border-[#FC012E] bg-[#FC012E] text-white',
-    'Food-Filter': 'border-[#56E100] bg-[#56E100] text-white',
-    'Social-Filter': 'border-[#FFB900] bg-[#FFB900] text-white',
-    'Sponsor-Filter': 'border-[#008CF1] bg-[#008CF1] text-white',
-    'Workshop-Filter': 'border-[#5200FF] bg-[#5200FF] text-white',
+    All: 'text-white',
+    Required: 'bg-[#D97706] text-white',
+    Food: 'text-[#7FFF00]',
+    Social: 'text-[#FFB84D]',
+    Sponsor: 'text-white',
+    Workshop: 'text-[#D2691E]',
+    'All-Filter': 'bg-[#6b2f00] text-white',
+    'Required-Filter': 'bg-[#D97706] text-white',
+    'Food-Filter': 'bg-[#7FFF00] text-black',
+    'Social-Filter': 'bg-[#FFB84D] text-black',
+    'Sponsor-Filter': 'bg-[#6b2f00] text-white',
+    'Workshop-Filter': 'bg-[#D2691E] text-white',
   };
 
-  /* Dates Values */
-  const dateValues = {
-    year: props.dateCard[0].year,
-    day1: props.dateCard[0].day1,
-    day1Month: props.dateCard[0].day1Month,
-    day2: props.dateCard[0].day2,
-    day2Month: props.dateCard[0].day2Month,
-    endTime: props.dateCard[0].endTime,
-    startTime: props.dateCard[0].startTime,
-  };
-
-  /* Set event dates and times */
-  const day1StartDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day1Month'],
-    dateValues['day1'],
-    dateValues['startTime'],
-    0,
-  );
-  const day2StartDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day2Month'],
-    dateValues['day2'],
-    dateValues['startTime'],
-    0,
-  );
-  const eventEndDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day1Month'],
-    dateValues['day2'] + 1,
-    dateValues['endTime'],
-    0,
-  );
-
   /* Filter Functionality */
   const [filter, setFilter] = useState('All');
 
@@ -68,13 +34,29 @@ export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[]; dat
   /* Event Component */
   const Event = ({ data, index, arrayLength }) => {
     const startDate = new Date(data.startDate);
+    const endDate = new Date(data.endDate);
     const formattedTime = startDate
       .toLocaleString([], { hour: 'numeric', minute: 'numeric' })
       .replace(' ', '')
       .replace('AM', 'am')
       .replace('PM', 'pm');
-
-    const showEvent = filter === 'All' || filter === data.type;
+    const formattedEndTime = endDate
+      .toLocaleString([], { hour: 'numeric', minute: 'numeric' })
+      .replace(' ', '')
+      .replace('AM', 'am')
+      .replace('PM', 'pm');
+    const eventTypes = Array.isArray(data.type)
+      ? data.type.filter(Boolean)
+      : typeof data.type === 'string' && data.type.includes(',')
+      ? data.type
+          .split(',')
+          .map((value) => value.trim())
+          .filter(Boolean)
+      : data.type
+      ? [data.type]
+      : ['All'];
+
+    const showEvent = filter === 'All' || eventTypes.includes(filter);
     const showFilteredEvents = filter !== 'All';
 
     const isLastEvent = index === arrayLength - 1;
@@ -97,16 +79,23 @@ export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[]; dat
                           `}
           >
             <div className="flex justify-between pb-1">
-              <div className="text-md font-bold font-dmSans">{formattedTime}</div>
+              <div className="text-md font-bold font-dmSans">
+                {formattedTime} - {formattedEndTime}
+              </div>
               <div className="text-md font-bold font-dmSans">{data.title}</div>
             </div>
             <div className="flex justify-between">
-              <div
-                className={`bg-white text-xs rounded-xl py-1 px-2 border-2 font-dmSans ${
-                  eventColors[data.type]
-                }`}
-              >
-                {data.type}
+              <div className="flex items-center gap-2 flex-wrap">
+                {eventTypes.map((eventType) => (
+                  <div
+                    key={`${data.title}-${eventType}`}
+                    className={`bg-white text-xs rounded-xl py-1 px-2 border-2 font-dmSans ${
+                      eventColors[eventType] || eventColors.All
+                    }`}
+                  >
+                    {eventType}
+                  </div>
+                ))}
               </div>
               <div className="text-gray-600 flex items-center font-dmSans">
                 <LocationOnIcon style={{ fontSize: 'large', marginRight: '2px' }} />
@@ -119,81 +108,82 @@ export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[]; dat
     );
   };
 
-  /* Filter Daily Events */
-  const getDailyEvents = (startTime, endTime) => {
-    return props.scheduleCard
-      .sort((a, b) => {
-        return +new Date(a.startDate) - +new Date(b.startDate);
-      })
-      .filter((event) => {
-        const eventDate = new Date(event.startDate);
-        return eventDate >= startTime && eventDate <= endTime;
-      })
-      .map((event, index, array) => (
-        <Event data={event} key={event.title + index} index={index} arrayLength={array.length} />
-      ));
-  };
-
-  const day1Events = getDailyEvents(day1StartDateAndTime, day2StartDateAndTime);
-  const day2Events = getDailyEvents(day2StartDateAndTime, eventEndDateAndTime);
+  const sortedEvents = [...props.scheduleCard].sort((a, b) => {
+    return +new Date(a.startDate) - +new Date(b.startDate);
+  });
 
   return (
-    <div id="schedule-section" className="bg-[#F2F3FF]">
-      <div className="text-center text-5xl font-bold text-[#05149C] p-4 font-fredoka">
+    <div
+      id="schedule-section"
+      className="schedule-alfa py-16 md:py-24"
+      style={{ paddingTop: '15rem' }}
+    >
+      <div
+        className="text-center p-4 white-text"
+        style={{
+          fontFamily: "'Alfa Slab One', cursive",
+          fontWeight: 250,
+          fontSize: 'clamp(28px, 4vw, 68px)',
+        }}
+      >
         What to Expect?
       </div>
 
       {/* Filter */}
       <div className="md:flex justify-center items-center mx-8">
-        <div className="bg-white border-2 border-blue-900 rounded-3xl px-8 my-4 border-opacity-40">
-          <div className="text-center py-1 text-xl font-bold text-[#05149C] font-poppins">
-            Filters
-          </div>
-          <div className="flex flex-wrap justify-center mb-2 font-poppins">
+        <div className="bg-[#8d572f] rounded-3xl px-8 py-3 my-4 inline-block shadow-lg">
+          <div className="text-center py-1 text-xl font-bold text-[#3a1e0f]">Filters</div>
+          <div className="flex flex-wrap justify-center mb-2">
             <div
               onClick={() => changeFilter('All')}
-              className={`text-sm cursor-pointer mx-1 px-2 h-8 py-1 border-2 rounded-xl border-gray-500 mb-1
-              ${filter === 'All' ? eventColors['All-Filter'] : eventColors['All']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'All' ? eventColors['All-Filter'] : eventColors['All']
+              }`}
             >
               All
             </div>
 
             <div
               onClick={() => changeFilter('Required')}
-              className={`text-sm cursor-pointer mx-1 px-2 h-8 py-1 border-2 rounded-xl
-              ${filter === 'Required' ? eventColors['Required-Filter'] : eventColors['Required']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'Required' ? eventColors['Required-Filter'] : eventColors['Required']
+              }`}
             >
               Required
             </div>
 
             <div
               onClick={() => changeFilter('Sponsor')}
-              className={`text-sm cursor-pointer mx-1 px-2 h-8 py-1 border-2 rounded-xl
-              ${filter === 'Sponsor' ? eventColors['Sponsor-Filter'] : eventColors['Sponsor']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'Sponsor' ? eventColors['Sponsor-Filter'] : eventColors['Sponsor']
+              }`}
             >
               Sponsor
             </div>
 
             <div
               onClick={() => changeFilter('Food')}
-              className={`text-sm cursor-pointer	mx-1 px-2 h-8 py-1 border-2 rounded-xl
-              ${filter === 'Food' ? eventColors['Food-Filter'] : eventColors['Food']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'Food' ? eventColors['Food-Filter'] : eventColors['Food']
+              }`}
             >
               Food
             </div>
 
             <div
               onClick={() => changeFilter('Workshop')}
-              className={`text-sm cursor-pointer mx-1 px-2 h-8 py-1 border-2 rounded-xl
-              ${filter === 'Workshop' ? eventColors['Workshop-Filter'] : eventColors['Workshop']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'Workshop' ? eventColors['Workshop-Filter'] : eventColors['Workshop']
+              }`}
             >
               Workshop
             </div>
 
             <div
               onClick={() => changeFilter('Social')}
-              className={`text-sm cursor-pointer mx-1 px-2 h-8 py-1 border-2 rounded-xl
-              ${filter === 'Social' ? eventColors['Social-Filter'] : eventColors['Social']}`}
+              className={`text-sm cursor-pointer mx-1 px-4 h-8 py-1 rounded-full mb-1 transition-all duration-150 ${
+                filter === 'Social' ? eventColors['Social-Filter'] : eventColors['Social']
+              }`}
             >
               Social
             </div>
@@ -203,19 +193,16 @@ export default function HomeSchedule(props: { scheduleCard: ScheduleEvent[]; dat
 
       {/* Calendar */}
       <div className="md:flex p-1 overflow-y-auto overflow-x-hidden mx-auto lg:w-[80%] w-full h-full">
-        <div className="w-full lg:w-1/2 px-4 md:px-0">
-          <div className="text-3xl font-black py-6 text-[#05149C] font-fredoka">
-            Day 1: Saturday
-          </div>
-          <div className="bg-white mb-8 mx-2 p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20">
-            {day1Events}
-          </div>
-        </div>
-
-        <div className="w-full lg:w-1/2 md:ml-6 px-4 md:px-0">
-          <div className="text-3xl font-black py-6 text-[#05149C] font-fredoka">Day 2: Sunday</div>
-          <div className="bg-white mb-8 mx-2 p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20">
-            {day2Events}
+        <div className="w-full px-4 md:px-0">
+          <div className="bg-white mb-8 mx-auto p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20 max-w-3xl">
+            {sortedEvents.map((event, index, array) => (
+              <Event
+                data={event}
+                key={event.title + index}
+                index={index}
+                arrayLength={array.length}
+              />
+            ))}
           </div>
         </div>
       </div>
diff --git a/components/homeComponents/HomeSponsors.tsx b/components/homeComponents/HomeSponsors.tsx
index 2cca916f..bb7ce663 100644
--- a/components/homeComponents/HomeSponsors.tsx
+++ b/components/homeComponents/HomeSponsors.tsx
@@ -6,40 +6,67 @@ export default function HomeSponsors(props: { sponsorCard: Sponsor[] }) {
 
   useEffect(() => {
     setSponsor(props.sponsorCard);
-  });
+  }, [props.sponsorCard]);
 
   return (
     sponsor.length != 0 && (
-      <section className="md:p-12 p-6">
-        <div className="flex flex-col flex-grow bg-white">
+      <section className="pt-60 pb-40 px-4">
+        <div className="flex flex-col flex-grow relative">
           <h4
             // change this after updating tailwind font
-            style={{
-              fontFamily: 'Fredoka',
-              fontWeight: '600',
-            }}
-            className="text-complementary font-bold md:text-4xl text-2xl my-4 text-center"
+            className="header-sponsors"
           >
             Our Sponsors
           </h4>
-          <h2 className="mt-1 text-center">If you would like to sponsor HackPortal,</h2>
-          <h2 className="text-center">
+          <h2 className="-mt-[120px] text-center text-white">
+            If you would like to sponsor NTHS 2026,
+          </h2>
+          <h2 className="text-center text-white">
             please reach out to us at&nbsp;
             <a
-              href="mailto:email@organization.com"
+              href="outreach@acmutd.co"
               rel="noopener noreferrer"
               target="_blank"
               className="underline"
             >
-              email@organization.com
+              outreach@acmutd.co
             </a>
           </h2>
+
           {/* Sponsor Card */}
-          <section className="flex flex-wrap justify-center p-4">
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
-              {sponsor.map(({ link, reference }, idx) => (
-                <SponsorCard key={idx} link={link} reference={reference} />
-              ))}
+          <section className="flex flex-col md:flex-row justify-center items-center p-4 sponsor-grid">
+            {sponsor.map(({ link, reference }, idx) => (
+              <SponsorCard key={idx} link={link} reference={reference} />
+            ))}
+            <div className="flex justify-center sponsor-card transition-all duration-300">
+              <a href="https://markcubanai.org" target="_blank" rel="noopener noreferrer">
+                <div className="bg-white rounded-xl p-6 w-[280px] h-[160px] flex items-center justify-center shadow-lg hover:shadow-2xl transition-all duration-300 m-4">
+                  <img
+                    src="/assets/mcf.png"
+                    alt="mcf"
+                    className="max-h-full max-w-full object-contain"
+                  />
+                </div>
+              </a>
+            </div>
+            {/* ECS Outreach Logo */}
+            <div className="flex justify-center sponsor-card transition-all duration-300">
+              <a href="https://k12.utdallas.edu" target="_blank" rel="noopener noreferrer">
+                <div className="bg-white rounded-xl p-6 w-[280px] h-[160px] flex items-center justify-center shadow-lg hover:shadow-2xl transition-all duration-300 m-4">
+                  <p className="text-2xl font-bold text-gray-800">ECS Outreach</p>
+                </div>
+              </a>
+            </div>
+            <div className="flex justify-center sponsor-card transition-all duration-300">
+              <a href="https://www.infosys.com" target="_blank" rel="noopener noreferrer">
+                <div className="bg-white rounded-xl p-6 w-[280px] h-[160px] flex items-center justify-center shadow-lg hover:shadow-2xl transition-all duration-300 m-4">
+                  <img
+                    src="/assets/infosys.png"
+                    alt="infosys"
+                    className="max-h-full max-w-full object-contain"
+                  />
+                </div>
+              </a>
             </div>
           </section>
         </div>
diff --git a/components/homeComponents/HomeVideoStats.tsx b/components/homeComponents/HomeVideoStats.tsx
index 42b79e1c..d3f7b573 100644
--- a/components/homeComponents/HomeVideoStats.tsx
+++ b/components/homeComponents/HomeVideoStats.tsx
@@ -2,34 +2,28 @@ import { stats } from '../../lib/data';
 
 export default function HomeVideoStats() {
   return (
-    <section className="z-0 relative md:h-[560px] py-[3rem] bg-white">
-      <div className="flex flex-col justify-center items-center md:flex-row">
-        {/* Video */}
-        {/* !change */}
-        <iframe
-          className="video border-0"
-          width="700"
-          height="400"
-          src="https://www.youtube.com/embed/niFBblrblqo"
-          title="YouTube video player"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          allowFullScreen
-        ></iframe>
-
-        {/* Stats */}
-        <div>
-          {stats.map((stat, index) => (
-            <div
-              key={stat.data}
-              className={`${
-                index % 2 === 0 ? 'lg:ml-40 md:ml-20 ml-14' : 'md:mr-8 mr-24'
-              } text-center md:my-6 my-4`}
-            >
-              <p className="font-bold text-2xl text-primaryDark lg:text-5xl">{stat.data}</p>
-              <p className="font-medium text-lg lg:text-3xl">{stat.object}</p>
-            </div>
-          ))}
-        </div>
+    <section
+      className="
+        relative
+        w-full
+        h-full
+        z-20
+        pointer-events-none
+        px-4 sm:px-6 md:px-8
+        home-stats-wrapper
+      "
+    >
+      <div className="space-y-3">
+        {stats.map((stat) => (
+          <div key={stat.data}>
+            <p className="stats-title text-[clamp(1.6rem,3vw,2.2rem)] leading-tight">{stat.data}</p>
+            {stat.object && (
+              <p className="stats-subtitle text-[#8c3d00] font-semibold text-[clamp(12px,1.2vw,16px)] mt-1">
+                {stat.object}
+              </p>
+            )}
+          </div>
+        ))}
       </div>
     </section>
   );
diff --git a/components/homeComponents/SignSection.tsx b/components/homeComponents/SignSection.tsx
new file mode 100644
index 00000000..2ec856d5
--- /dev/null
+++ b/components/homeComponents/SignSection.tsx
@@ -0,0 +1,55 @@
+import Image from 'next/image';
+import { PropsWithChildren } from 'react';
+
+type InsetValues = {
+  top: string;
+  right: string;
+  bottom: string;
+  left: string;
+};
+
+type SignSectionProps = PropsWithChildren<{
+  src: string;
+  alt: string;
+  inset?: InsetValues;
+  align?: 'center' | 'right';
+}>;
+
+const defaultInset: InsetValues = {
+  top: '18%',
+  right: '12%',
+  bottom: '18%',
+  left: '12%',
+};
+
+export default function SignSection({
+  src,
+  alt,
+  inset = defaultInset,
+  align = 'center',
+  children,
+}: SignSectionProps) {
+  const alignClasses =
+    align === 'right'
+      ? 'place-items-center md:place-items-end text-center md:text-right'
+      : 'place-items-center text-center';
+
+  return (
+    <section className="relative w-full">
+      <div className="relative w-full overflow-hidden" style={{ aspectRatio: '1920 / 990' }}>
+        <Image src={src} alt={alt} fill sizes="100vw" className="object-contain" />
+        <div
+          className={`absolute z-10 grid ${alignClasses}`}
+          style={{
+            top: inset.top,
+            right: inset.right,
+            bottom: inset.bottom,
+            left: inset.left,
+          }}
+        >
+          <div className="w-full h-full">{children}</div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/homeComponents/SponsorCard.tsx b/components/homeComponents/SponsorCard.tsx
index a0a5aa50..a01328f6 100644
--- a/components/homeComponents/SponsorCard.tsx
+++ b/components/homeComponents/SponsorCard.tsx
@@ -28,28 +28,29 @@ export default function SponsorCard(props: SponsorCardProps) {
         })
         .catch((error) => {
           setLoading(false);
-          console.error('Could not find matching image file');
+          console.error('Could not find matching image file:', props.reference, error);
         });
     }
-  }, []);
+  }, [props.reference]);
 
   if (loading) return <LoadIcon width={100} height={100} />;
 
   return (
     <>
       {imgSrc !== undefined && (
-        <div className="flex justify-center">
-          <a href={props.link} target="_blank" className="" rel="noreferrer">
-            <Image
-              alt={`Sponsor Image ${props.reference}`}
-              src={imgSrc}
-              width={200}
-              height={100}
-              layout="fixed"
-              objectFit="contain"
-            />
+        <div className="flex justify-center sponsor-card transition-all duration-300">
+          <a href={props.link} target="_blank" className="block m-4" rel="noreferrer">
+            <div className="bg-white rounded-xl p-6 w-[280px] h-[160px] flex items-center justify-center shadow-lg hover:shadow-2xl transition-all duration-300">
+              <Image
+                alt={`Sponsor Image ${props.reference}`}
+                src={imgSrc}
+                width={240}
+                height={120}
+                layout="fixed"
+                objectFit="contain"
+              />
+            </div>
           </a>
-          <br></br>
         </div>
       )}
     </>
diff --git a/components/registerComponents/DisplayQuestion.module.css b/components/registerComponents/DisplayQuestion.module.css
index 590054eb..a0d3f30a 100644
--- a/components/registerComponents/DisplayQuestion.module.css
+++ b/components/registerComponents/DisplayQuestion.module.css
@@ -1,4 +1,4 @@
-.textInputQuestionsContainer {
+/* .textInputQuestionsContainer {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(2, 1fr);
@@ -36,4 +36,20 @@
 
 .dropdownQuestionsContainer > :nth-child(3) {
   grid-area: 2 / 2 / 3 / 3;
+} */
+
+.textInputQuestionsContainer,
+.dropdownQuestionsContainer {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;              /* controls spacing */
+  align-items: start;
+}
+
+/* On small screens, stack */
+@media (max-width: 768px) {
+  .textInputQuestionsContainer,
+  .dropdownQuestionsContainer {
+    grid-template-columns: 1fr;
+  }
 }
diff --git a/components/registerComponents/DisplayQuestion.tsx b/components/registerComponents/DisplayQuestion.tsx
index 8cbf4f1d..2415f890 100644
--- a/components/registerComponents/DisplayQuestion.tsx
+++ b/components/registerComponents/DisplayQuestion.tsx
@@ -14,7 +14,13 @@ function DisplayQuestion(props) {
       {/* Display text input questions */}
       <div className={styles.textInputQuestionsContainer}>
         {props.obj.textInputQuestions?.map((inputObj) => (
-          <Question key={inputObj.id} type="text" question={inputObj} />
+          <Question
+            key={inputObj.id}
+            type="text"
+            question={inputObj}
+            value={props.values[inputObj.name]}
+            onChange={props.onChange}
+          />
         ))}
       </div>
       {/* Display number input questions */}
@@ -30,21 +36,45 @@ function DisplayQuestion(props) {
       {/* Display dropdown input questions */}
       <div className={styles.dropdownQuestionsContainer}>
         {props.obj.dropdownQuestions?.map((inputObj) => (
-          <Question key={inputObj.id} type="dropdown" question={inputObj} />
+          <Question
+            key={inputObj.id}
+            type="dropdown"
+            question={inputObj}
+            value={props.values[inputObj.name]}
+            onChange={props.onChange}
+          />
         ))}
       </div>
 
       {/* Display datalist input questions */}
       {props.obj.datalistQuestions?.map((inputObj) => (
-        <Question key={inputObj.id} type="datalist" question={inputObj} />
+        <Question
+          key={inputObj.id}
+          type="datalist"
+          question={inputObj}
+          value={props.values[inputObj.name]}
+          onChange={props.onChange}
+        />
       ))}
       {/* Display checkbox input questions */}
       {props.obj.checkboxQuestions?.map((inputObj) => (
-        <Question key={inputObj.id} type="checkbox" question={inputObj} />
+        <Question
+          key={inputObj.id}
+          type="checkbox"
+          question={inputObj}
+          value={props.values[inputObj.name]}
+          onChange={props.onChange}
+        />
       ))}
       {/* Display text area input questions */}
       {props.obj.textAreaQuestions?.map((inputObj) => (
-        <Question key={inputObj.id} type="textArea" question={inputObj} />
+        <Question
+          key={inputObj.id}
+          type="textArea"
+          question={inputObj}
+          value={props.values[inputObj.name]}
+          onChange={props.onChange}
+        />
       ))}
     </Fragment>
   );
diff --git a/components/registerComponents/RegistrationQuestion.tsx b/components/registerComponents/RegistrationQuestion.tsx
index a355786b..952ea024 100644
--- a/components/registerComponents/RegistrationQuestion.tsx
+++ b/components/registerComponents/RegistrationQuestion.tsx
@@ -7,6 +7,16 @@ import { MenuItem, TextField } from '@mui/material';
  *
  *
  */
+const muiFieldSx = {
+  '& .MuiOutlinedInput-root': {
+    '& fieldset': { borderColor: '#5C2E12' }, // default
+    '&:hover fieldset': { borderColor: '#683201' }, // hover
+    '&.Mui-focused fieldset': { borderColor: '#683201' }, // focus (kills purple)
+  },
+  '& .MuiInputLabel-root': { color: '#5C2E12' }, // label default
+  '& .MuiInputLabel-root.Mui-focused': { color: '#683201' }, // label focus
+};
+
 function Question(props) {
   if (props.type === 'text') {
     return (
@@ -18,10 +28,9 @@ function Question(props) {
           name={props.question.name}
           variant="outlined"
           type="text"
+          value={props.value ?? ''}
           onChange={props.onChange}
-          sx={{
-            fieldset: { borderColor: '#79747E' },
-          }}
+          sx={muiFieldSx}
           InputProps={{
             classes: {
               notchedOutline: '!border-red',
@@ -46,9 +55,8 @@ function Question(props) {
           name={props.question.name}
           variant="outlined"
           type="number"
-          sx={{
-            fieldset: { borderColor: '#79747E' },
-          }}
+          value={props.value ?? ''}
+          sx={muiFieldSx}
           onChange={props.onChange}
           InputProps={{
             inputProps: {
@@ -78,9 +86,14 @@ function Question(props) {
           required={props.question.required}
           label={props.question.question}
           name={props.question.name}
+          value={props.value ?? ''}
+          sx={muiFieldSx}
+          onChange={props.onChange}
           className="!mt-4"
         >
-          <MenuItem selected disabled value="" />
+          <MenuItem disabled value="">
+            Select...
+          </MenuItem>
           {props.question.options.map((option) => (
             <MenuItem key={option.value} value={option.value}>
               {option.title}
@@ -103,7 +116,13 @@ function Question(props) {
         <div role="group" aria-labelledby="checkbox-group" className="flex flex-col">
           {props.question.options.map((option) => (
             <label key={option.value}>
-              <Field type="checkbox" name={props.question.name} value={option.value} />
+              <Field
+                type="checkbox"
+                name={props.question.name}
+                value={option.value}
+                className="mr-2 h-4 w-4 focus:ring-2 focus:ring-[#683201]/30"
+                style={{ color: '#683201' }}
+              />
               &nbsp;{option.title}
             </label>
           ))}
@@ -130,7 +149,7 @@ function Question(props) {
           autoComplete="off"
         ></Field>
         <datalist id={props.question.datalist}>
-          <option value="" disabled selected></option>
+          <option value="" disabled></option>
           {props.question.options.map((option) => (
             <option key={option.value} value={option.value}>
               {option.title}
diff --git a/cors.json b/cors.json
new file mode 100644
index 00000000..697bb6af
--- /dev/null
+++ b/cors.json
@@ -0,0 +1,7 @@
+[
+  {
+    "origin": ["*"],
+    "method": ["GET"],
+    "maxAgeSeconds": 3600
+  }
+]
diff --git a/hackportal.config.ts b/hackportal.config.ts
index e206ccba..e914f087 100644
--- a/hackportal.config.ts
+++ b/hackportal.config.ts
@@ -30,12 +30,19 @@ export const hackPortalConfig: HackPortalConfig = {
           },
           {
             //don't remove; for user account info
-            question: 'Email',
+            question: 'School Email',
             id: 'email',
             name: 'preferredEmail',
             required: true,
             initialValue: '',
           },
+          {
+            question: 'Phone Number (XXX-XXX-XXXX)',
+            id: 'phone',
+            name: 'phone',
+            required: true,
+            initialValue: '',
+          },
         ],
       },
       {
@@ -140,74 +147,100 @@ export const hackPortalConfig: HackPortalConfig = {
         ],
       },
     ],
-    //Question Topic
+    // Question Topic
     schoolQuestions: [
       {
-        datalistQuestions: [
+        textInputQuestions: [
           {
-            //University question
-            question:
-              'This event is for college students worldwide. Which university do you attend?',
-            id: 'university',
-            name: 'university',
+            // High school question
+            question: 'What is your high school?',
+            id: 'school',
+            name: 'school',
             required: true,
-            datalist: 'schools',
-            options: schools.map(({ university }) => ({
-              title: university,
-              value: university,
-            })),
             initialValue: '',
           },
+        ],
+        dropdownQuestions: [
+          {
+            question: 'District',
+            required: true,
+            id: 'district',
+            name: 'district',
+            initialValue: '',
+            options: [
+              { value: 'allen', title: 'Allen ISD' },
+              { value: 'coppell', title: 'Coppell ISD' },
+              { value: 'dallas', title: 'Dallas ISD' },
+              { value: 'frisco', title: 'Frisco ISD' },
+              { value: 'garland', title: 'Garland ISD' },
+              { value: 'highland park', title: 'Highland Park ISD' },
+              { value: 'irving', title: 'Irving ISD' },
+              { value: 'lewisville', title: 'Lewisville ISD' },
+              { value: 'lovejoy', title: 'Lovejoy ISD' },
+              { value: 'mckinney', title: 'McKinney ISD' },
+              { value: 'plano', title: 'Plano ISD' },
+              { value: 'richardson', title: 'Richardson ISD' },
+              { value: 'other', title: 'Other' },
+            ],
+          },
           {
-            //Major question
-            question: 'All majors are welcome at this event. What is your major?',
-            id: 'major',
-            name: 'major',
+            // Grade question
+            question: 'Current grade',
             required: true,
-            datalist: 'majors',
-            options: majors.map(({ major }) => ({
-              title: major,
-              value: major,
-            })),
+            id: 'grade',
+            name: 'grade',
             initialValue: '',
+            options: [
+              { title: '9', value: '9th' },
+              { title: '10', value: '10th' },
+              { title: '11', value: '11th' },
+              { title: '12', value: '12th' },
+            ],
           },
         ],
       },
       {
         dropdownQuestions: [
           {
-            //Grade question
-            question: 'Current level of study',
+            question: 'Do you have a team already?',
             required: true,
-            id: 'studyLevel',
-            name: 'studyLevel',
+            id: 'hasTeam',
+            name: 'hasTeam',
             initialValue: '',
             options: [
-              {
-                title: 'Freshman',
-                value: 'freshman',
-              },
-              {
-                title: 'Sophomore',
-                value: 'sophomore',
-              },
-              {
-                title: 'Junior',
-                value: 'junior',
-              },
-              {
-                title: 'Senior',
-                value: 'senior',
-              },
-              {
-                title: 'Graduate Student',
-                value: 'grad',
-              },
+              { title: 'Yes', value: 'yes' },
+              { title: 'No, not yet', value: 'no_not_yet' },
             ],
           },
         ],
       },
+      {
+        textInputQuestions: [
+          {
+            question: 'If yes, Team Member #1 (First Name, Last Name)',
+            id: 'teamMember1',
+            name: 'teamMember1',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'If yes, Team Member #2 (First Name, Last Name)',
+            id: 'teamMember2',
+            name: 'teamMember2',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'If yes, Team Member #3 (First Name, Last Name)',
+            id: 'teamMember3',
+            name: 'teamMember3',
+            required: false,
+            initialValue: '',
+          },
+        ],
+      },
     ],
+
     //Question Topic
     hackathonExperienceQuestions: [
       {
@@ -253,36 +286,36 @@ export const hackPortalConfig: HackPortalConfig = {
               },
             ],
           },
-          {
-            //Heard from question
-            question: 'Where did you hear about HackPortal?',
-            required: true,
-            id: 'heardFrom',
-            name: 'heardFrom',
-            initialValue: '',
-            options: [
-              {
-                title: 'Instagram',
-                value: 'Instagram',
-              },
-              {
-                title: 'Twitter',
-                value: 'Twitter',
-              },
-              {
-                title: 'Event Site',
-                value: 'Event Site',
-              },
-              {
-                title: 'Friend',
-                value: 'Friend',
-              },
-              {
-                title: 'Other',
-                value: 'Other',
-              },
-            ],
-          },
+          // {
+          //   //Heard from question
+          //   question: 'Where did you hear about HackPortal?',
+          //   required: true,
+          //   id: 'heardFrom',
+          //   name: 'heardFrom',
+          //   initialValue: '',
+          //   options: [
+          //     {
+          //       title: 'Instagram',
+          //       value: 'Instagram',
+          //     },
+          //     {
+          //       title: 'Twitter',
+          //       value: 'Twitter',
+          //     },
+          //     {
+          //       title: 'Event Site',
+          //       value: 'Event Site',
+          //     },
+          //     {
+          //       title: 'Friend',
+          //       value: 'Friend',
+          //     },
+          //     {
+          //       title: 'Other',
+          //       value: 'Other',
+          //     },
+          //   ],
+          // },
         ],
       },
     ],
@@ -337,12 +370,12 @@ export const hackPortalConfig: HackPortalConfig = {
                 value: 'Vegetarian',
               },
               {
-                title: 'Nuts',
-                value: 'Nuts',
+                title: 'Halal',
+                value: 'Halal',
               },
               {
-                title: 'Fish',
-                value: 'Fish',
+                title: 'Nuts',
+                value: 'Nuts',
               },
               {
                 title: 'Wheat',
@@ -374,32 +407,21 @@ export const hackPortalConfig: HackPortalConfig = {
         ],
       },
     ],
-    //Question Topic
-    sponsorInfoQuestions: [
+    mediaReleaseQuestions: [
       {
         textInputQuestions: [
           {
-            //Github question
-            question: 'Github:',
-            id: 'github',
-            name: 'github',
-            required: false,
-            initialValue: '',
-          },
-          {
-            //LinkedIn question
-            question: 'LinkedIn:',
-            id: 'linkedin',
-            name: 'linkedin',
-            required: false,
+            question: 'Participant Name',
+            id: 'mediaParticipantName',
+            name: 'mediaParticipantName',
+            required: true,
             initialValue: '',
           },
           {
-            //Website question
-            question: 'Personal Website:',
-            id: 'website',
-            name: 'website',
-            required: false,
+            question: 'School',
+            id: 'mediaParticipantSchool',
+            name: 'mediaParticipantSchool',
+            required: true,
             initialValue: '',
           },
         ],
@@ -407,37 +429,322 @@ export const hackPortalConfig: HackPortalConfig = {
       {
         checkboxQuestions: [
           {
-            //Companies question
-            question: 'Companies to send my resume to:',
-            required: false,
-            id: 'companies',
-            name: 'companies',
+            question:
+              'By checking this box and typing your full name in the signature field, you agree that this will serve as a legally binding electronic signature for all text entered in fields labeled “Signature” within this document.',
+            id: 'mediaConsent',
+            name: 'mediaConsent',
+            required: true,
             initialValue: [],
             options: [
               {
-                title: 'State Farm',
-                value: 'State Farm',
-              },
-              {
-                title: 'American Airlines',
-                value: 'American Airlines',
-              },
-              {
-                title: 'Capital One',
-                value: 'Capital One',
-              },
-              {
-                title: 'Ebay',
-                value: 'Ebay',
-              },
-              {
-                title: 'Facebook',
-                value: 'Facebook',
+                title: 'I Agree',
+                value: 'agree',
               },
             ],
           },
         ],
       },
+      {
+        textInputQuestions: [
+          {
+            question: 'Parent/Guardian Name',
+            id: 'mediaGuardianName',
+            name: 'mediaGuardianName',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'mediaSignature',
+            name: 'mediaSignature',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'mediaDate',
+            name: 'mediaDate',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+    ],
+    liabilityWaiverQuestions: [
+      {
+        textInputQuestions: [
+          {
+            question: 'Participant Name',
+            id: 'liabilityWaiverName',
+            name: 'liabilityWaiverName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'School',
+            id: 'liabilityWaiverSchool',
+            name: 'liabilityWaiverSchool',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+      {
+        textInputQuestions: [
+          {
+            question: 'Parent/Guardian Name',
+            id: 'liabilityGuardianName',
+            name: 'liabilityGuardianName',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'liabilitySignature',
+            name: 'liabilitySignature',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'liabilityDate',
+            name: 'liabilityDate',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+    ],
+    codeOfConductQuestions: [
+      {
+        textInputQuestions: [
+          {
+            question: 'Participant Name',
+            id: 'codeOfConductName',
+            name: 'codeOfConductName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'School',
+            id: 'codeOfConductSchool',
+            name: 'codeOfConductSchool',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'conductSignature',
+            name: 'conductSignature',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'conductDate',
+            name: 'conductDate',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+      {
+        textInputQuestions: [
+          {
+            question: 'Parent/Guardian Name',
+            id: 'codeOfConductGuardianName',
+            name: 'codeOfConductGuardianName',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'codeOfConductSignature',
+            name: 'codeOfConductSignature',
+            required: false,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'codeOfConductDate',
+            name: 'codeOfConductDate',
+            required: false,
+            initialValue: '',
+          },
+        ],
+      },
+    ],
+    minorsFormQuestions: [
+      {
+        textInputQuestions: [
+          {
+            question: 'Participant Name',
+            id: 'minorsParticipantName',
+            name: 'minorsParticipantName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Parent/Guardian Full Name',
+            id: 'minorsGuardianFullName',
+            name: 'minorsGuardianFullName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Address',
+            id: 'minorsGuardianAddress',
+            name: 'minorsGuardianAddress',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Phone Number (XXX-XXX-XXXX)',
+            id: 'minorsGuardianPhone',
+            name: 'minorsGuardianPhone',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'minorsFormDate',
+            name: 'minorsFormDate',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'minorsGuardianSignature',
+            name: 'minorsGuardianSignature',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+    ],
+    parentalConsentQuestions: [
+      {
+        textInputQuestions: [
+          {
+            question: 'Parent/Guardian Full Name',
+            id: 'parentConsentName',
+            name: 'parentConsentName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Phone Number (XXX-XXX-XXXX)',
+            id: 'parentConsentPhone',
+            name: 'parentConsentPhone',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Alternate Contact Name',
+            id: 'alternateContactName',
+            name: 'alternateContactName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Alternate Contact Phone Number (XXX-XXX-XXXX)',
+            id: 'alternateContactPhone',
+            name: 'alternateContactPhone',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+      {
+        textInputQuestions: [
+          {
+            question: 'Parent/Guardian Name',
+            id: 'parentConsentGuardianName',
+            name: 'parentConsentGuardianName',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Signature (Type Full Name)',
+            id: 'parentConsentSignature',
+            name: 'parentConsentSignature',
+            required: true,
+            initialValue: '',
+          },
+          {
+            question: 'Date (MM/DD/YYYY)',
+            id: 'parentConsentDate',
+            name: 'parentConsentDate',
+            required: true,
+            initialValue: '',
+          },
+        ],
+      },
+    ],
+    //Question Topic
+    sponsorInfoQuestions: [
+      // {
+      //   textInputQuestions: [
+      //     {
+      //       //Github question
+      //       question: 'Github:',
+      //       id: 'github',
+      //       name: 'github',
+      //       required: false,
+      //       initialValue: '',
+      //     },
+      //     {
+      //       //LinkedIn question
+      //       question: 'LinkedIn:',
+      //       id: 'linkedin',
+      //       name: 'linkedin',
+      //       required: false,
+      //       initialValue: '',
+      //     },
+      //     {
+      //       //Website question
+      //       question: 'Personal Website:',
+      //       id: 'website',
+      //       name: 'website',
+      //       required: false,
+      //       initialValue: '',
+      //     },
+      //   ],
+      // },
+      // {
+      //   checkboxQuestions: [
+      //     {
+      //       //Companies question
+      //       question: 'Companies to send my resume to:',
+      //       required: false,
+      //       id: 'companies',
+      //       name: 'companies',
+      //       initialValue: [],
+      //       options: [
+      //         {
+      //           title: 'State Farm',
+      //           value: 'State Farm',
+      //         },
+      //         {
+      //           title: 'American Airlines',
+      //           value: 'American Airlines',
+      //         },
+      //         {
+      //           title: 'Capital One',
+      //           value: 'Capital One',
+      //         },
+      //         {
+      //           title: 'Ebay',
+      //           value: 'Ebay',
+      //         },
+      //         {
+      //           title: 'Facebook',
+      //           value: 'Facebook',
+      //         },
+      //       ],
+      //     },
+      //   ],
+      // },
     ],
   },
 };
@@ -468,8 +775,9 @@ export const fieldNames = {
   race: 'Race',
   size: 'Shirt Size',
   softwareExperience: 'Software Experience',
-  studyLevel: 'Study Level',
-  university: 'University',
+  grade: 'grade',
+  school: 'School',
+  district: 'District',
   gender: 'Gender',
   hackathonExperience: 'Number of Hackathon attended',
   heardFrom: 'Heard of Hackathon from',
@@ -488,8 +796,9 @@ export const singleField = [
   'race',
   'size',
   'softwareExperience',
-  'studyLevel',
-  'university',
+  'grade',
+  'school',
+  'district',
   'gender',
   'hackathonExperience',
   'heardFrom',
@@ -503,6 +812,11 @@ export interface HackPortalConfig {
     hackathonExperienceQuestions: QuestionTypes[];
     eventInfoQuestions: QuestionTypes[];
     sponsorInfoQuestions: QuestionTypes[];
+    mediaReleaseQuestions: QuestionTypes[];
+    liabilityWaiverQuestions: QuestionTypes[];
+    codeOfConductQuestions: QuestionTypes[];
+    minorsFormQuestions: QuestionTypes[];
+    parentalConsentQuestions: QuestionTypes[];
   };
 }
 
@@ -573,6 +887,9 @@ const getInitialValues = () => {
   for (let obj of hackPortalConfig.registrationFields.sponsorInfoQuestions) {
     setInitialValues(obj);
   }
+  for (let obj of hackPortalConfig.registrationFields.minorsFormQuestions) {
+    setInitialValues(obj);
+  }
   return InitialValues;
 };
 const setInitialValues = (obj) => {
@@ -605,7 +922,7 @@ const setInitialValues = (obj) => {
 export const formInitialValues = getInitialValues();
 
 export const config = {
-  targetDate: '2024-11-04T00:00:00Z',
+  targetDate: '2026-03-28T07:15:00',
 };
 
 //extracting statRecords for general stats
diff --git a/lib/data.ts b/lib/data.ts
index 4f00c06b..5b90c34b 100644
--- a/lib/data.ts
+++ b/lib/data.ts
@@ -13,16 +13,16 @@ export const navItems = [
 
 export const stats = [
   {
-    data: 'Big',
-    object: 'statistic 1',
+    data: '100+ Hackers',
+    object: '',
   },
   {
-    data: 'Shocking',
-    object: 'statistic 2',
+    data: '$2,500 in Prizes',
+    object: '',
   },
   {
-    data: 'Incredible',
-    object: 'statistic 3',
+    data: '50+ Projects',
+    object: '',
   },
 ];
 
diff --git a/lib/hooks/useScrollFadeIn.ts b/lib/hooks/useScrollFadeIn.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/types.d.ts b/lib/types.d.ts
index bf8234cb..2cd38998 100644
--- a/lib/types.d.ts
+++ b/lib/types.d.ts
@@ -96,9 +96,9 @@ type Registration = {
   gender: string;
   race: string;
   ethnicity: string;
-  university: string;
-  major: string;
-  studyLevel: string;
+  school: string;
+  district: string;
+  grade: string;
   hackathonExperience: number;
   softwareExperience: string;
   heardFrom: string;
@@ -233,7 +233,7 @@ type Announcement = {
 type ScheduleEvent = {
   title: string;
   speakers?: string[];
-  type?: string;
+  type?: string | string[];
   track: string;
   startDate: Date;
   startTimestamp?: any;
diff --git a/next.config.js b/next.config.js
index ecf56ff1..eb919be0 100644
--- a/next.config.js
+++ b/next.config.js
@@ -20,6 +20,10 @@ const withPWA = require('next-pwa')({
         protocol: 'https',
         hostname: 'firebasestorage.googleapis.com',
       },
+      {
+        protocol: 'https',
+        hostname: '*.firebasestorage.app',
+      },
     ],
   },
 
diff --git a/package-lock.json b/package-lock.json
index 11459bc0..66f94e4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,7 +49,9 @@
         "qrcode": "^1.4.4",
         "raw-loader": "^4.0.2",
         "react": "^18.2.0",
+        "react-curved-text": "^3.0.1",
         "react-dom": "^18.2.0",
+        "react-intersection-observer": "^10.0.2",
         "react-markdown": "^8.0.3",
         "react-material-ui-carousel": "^3.4.2",
         "react-notion-x": "^6.12.10",
@@ -8364,6 +8366,12 @@
         "url": "https://github.com/fb55/domhandler?sponsor=1"
       }
     },
+    "node_modules/dommatrix": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dommatrix/-/dommatrix-1.0.3.tgz",
+      "integrity": "sha512-l32Xp/TLgWb8ReqbVJAFIvXmY7go4nTxxlWiAFyhoQw9RKEOHBZNnyGvJWqDVSPmq3Y9HlM4npqF/T6VMOXhww==",
+      "deprecated": "dommatrix is no longer maintained. Please use @thednp/dommatrix."
+    },
     "node_modules/domutils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
@@ -14925,6 +14933,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-curved-text": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/react-curved-text/-/react-curved-text-3.0.1.tgz",
+      "integrity": "sha512-tHRDAfiVa8bVMTadRdHfGoO/PjPgLF42RODAWoQlc2PNnwTDBh0hbSAZtNiNSmd8C3gB2d0rlNd841UXb0/rTQ==",
+      "dependencies": {
+        "svg-path-commander": "1.0.5"
+      },
+      "peerDependencies": {
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -14964,6 +14984,20 @@
         "react-dom": ">=16.8"
       }
     },
+    "node_modules/react-intersection-observer": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-10.0.2.tgz",
+      "integrity": "sha512-lAMzxVWrBko6SLd1jx6l84fVrzJu91hpxHlvD2as2Wec9mDCjdYXwc5xNOFBchpeBir0Y7AGBW+C/AYMa7CSFg==",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
@@ -16548,6 +16582,14 @@
       "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
       "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ=="
     },
+    "node_modules/svg-path-commander": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/svg-path-commander/-/svg-path-commander-1.0.5.tgz",
+      "integrity": "sha512-hhQfARVXoPrwwe4DNPWM4hjQLK7rTxwQ+TUc5mxoe5g0k5eStc4SPnKqmivlm/dzZ98bI+yDyKye92n2t+oOiQ==",
+      "dependencies": {
+        "dommatrix": "^1.0.3"
+      }
+    },
     "node_modules/svgo": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
diff --git a/package.json b/package.json
index 17ef7384..da1af56e 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,9 @@
     "qrcode": "^1.4.4",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
+    "react-curved-text": "^3.0.1",
     "react-dom": "^18.2.0",
+    "react-intersection-observer": "^10.0.2",
     "react-markdown": "^8.0.3",
     "react-material-ui-carousel": "^3.4.2",
     "react-notion-x": "^6.12.10",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 2631e9aa..1abe3cf2 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -82,16 +82,14 @@ function PortalApp({ Component, pageProps }: AppProps) {
                 name="viewport"
                 content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
               />
-              <title>HackPortal</title> {/* !change */}
+              <title>NTHS26</title> {/* !change */}
               <meta name="description" content="Your all-in-one guide to this hackathon." />
               {process.env.ENABLE_PWA ||
                 (process.env.NODE_ENV !== 'development' && (
                   <link rel="manifest" href="/manifest.json" />
                 ))}
-              <link href="/icons/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16" />
-              <link href="/icons/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32" />
-              <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-              <meta name="theme-color" content="#5D5FEF" />
+              <link rel="icon" href="/favicon.ico" />
+              <meta name="theme-color" content="#5C2E12" />
             </Head>
             <div className="min-h-screen flex flex-col bg-white">
               <AppHeader2_Wrapper />
diff --git a/pages/admin/scan/index.tsx b/pages/admin/scan/index.tsx
index 2d87a38a..511c5b93 100644
--- a/pages/admin/scan/index.tsx
+++ b/pages/admin/scan/index.tsx
@@ -11,6 +11,7 @@ import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import { Dialog } from '@headlessui/react';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import { TextField } from '@mui/material';
+import AppHeader2_Core_AdminMobile from '@/components/AppHeader2/core-mobile';
 
 const successStrings = {
   claimed: 'Scan claimed...',
@@ -19,6 +20,7 @@ const successStrings = {
   unexpectedError: 'Unexpected error...',
   notCheckedIn: "User hasn't checked in!",
   invalidFormat: 'Invalid hacker tag format...',
+  lateCheckinIneligible: 'User is not eligible for late check-in...',
 };
 
 interface UserProfile extends Omit<Registration, 'user'> {
@@ -90,7 +92,7 @@ export default function Admin() {
     }
     const query = new URL(`http://localhost:3000/api/scan`);
     query.searchParams.append('id', data.replaceAll('hack:', ''));
-    fetch(query.toString().replaceAll('http://localhost:3000', ''), {
+    await fetch(query.toString().replaceAll('http://localhost:3000', ''), {
       mode: 'cors',
       headers: { Authorization: user.token },
       method: 'POST',
@@ -114,6 +116,8 @@ export default function Admin() {
           return setSuccess(successStrings.alreadyClaimed);
         } else if (result.status === 403) {
           return setSuccess(successStrings.notCheckedIn);
+        } else if (result.status === 400) {
+          return setSuccess(successStrings.lateCheckinIneligible);
         } else if (result.status !== 200) {
           return setSuccess(successStrings.unexpectedError);
         }
@@ -271,9 +275,13 @@ export default function Admin() {
   return (
     <div className="relative flex flex-col flex-grow">
       <Head>
-        <title>HackPortal - Admin</title>
+        <title>HackUTD 2024 - Admin</title>
         <meta name="description" content="HackPortal's Admin Page" />
       </Head>
+      <div className="z-10 md:hidden md:mt-10 mt-10">
+        <AppHeader2_Core_AdminMobile />
+      </div>
+
       <section className="p-4">
         <AdminHeader />
       </section>
@@ -589,7 +597,7 @@ export default function Admin() {
                   ) : (
                     <div className="mx-auto flex flex-row gap-x-4">
                       <button
-                        className="font-bold bg-green-200 hover:bg-green-300 border border-green-800 text-green-900 rounded-lg md:p-3 p-1 px-2"
+                        className="font-bold bg-green-200 hover:bg-green-300 border border-green-800 text-green-700 rounded-lg md:p-3 p-1 px-2"
                         onClick={() => {
                           setStartScan(true);
                         }}
@@ -614,7 +622,7 @@ export default function Admin() {
                             Edit
                           </button>
                           <button
-                            className="font-bold text-red-800 bg-red-100 hover:bg-red-200 border border-red-400 rounded-lg md:p-3 p-1 px-2"
+                            className="font-bold text-red-700 bg-red-100 hover:bg-red-200 border border-red-400 rounded-lg md:p-3 p-1 px-2"
                             onClick={() => {
                               if (!user.permissions.includes('super_admin')) {
                                 alert(
@@ -655,7 +663,7 @@ export default function Admin() {
               user.permissions.includes('super_admin') && (
                 <div className="mx-auto my-5">
                   <button
-                    className="py-3 px-4 font-bold rounded-lg hover:bg-secondary bg-primaryDark text-secondary hover:text-primaryDark border-[1px] border-transparent hover:border-primaryDark transition duration-300 ease-in-out"
+                    className="py-3 px-4 font-bold rounded-lg hover:bg-secondary bg-primaryDark text-white hover:text-primaryDark border-[1px] border-transparent hover:border-primaryDark transition duration-300 ease-in-out"
                     onClick={() => {
                       if (!user.permissions.includes('super_admin')) {
                         alert('You do not have the required permission to use this functionality');
diff --git a/pages/api/acceptreject/index.ts b/pages/api/acceptreject/index.ts
index 7eb68c95..c245815f 100644
--- a/pages/api/acceptreject/index.ts
+++ b/pages/api/acceptreject/index.ts
@@ -41,18 +41,22 @@ async function postHackerStatus(req: NextApiRequest, res: NextApiResponse) {
 
   const jobs = [];
   for (const hackerId of hackerIds) {
-    const docRef = db.collection('acceptreject').doc(`${adminId}-${hackerId}`);
-
+    const acceptRejectRef = db.collection('acceptreject').doc(`${adminId}-${hackerId}`);
+    const registrationRef = db.collection('registrations').doc(hackerId);
     jobs.push([
       hackerId,
-      docRef.set(
-        {
-          adminId,
-          hackerId,
-          status,
-        },
-        { merge: true },
-      ),
+      Promise.all([
+        // keep audit trail
+        acceptRejectRef.set({ adminId, hackerId, status }, { merge: true }),
+
+        // update the actual registration doc that Profile reads
+        registrationRef.set(
+          {
+            user: { status }, // updates registrations/{hackerId}.user.status
+          },
+          { merge: true },
+        ),
+      ]),
     ]);
   }
 
diff --git a/pages/api/applications/index.tsx b/pages/api/applications/index.tsx
index 20ae5494..71089c36 100644
--- a/pages/api/applications/index.tsx
+++ b/pages/api/applications/index.tsx
@@ -7,22 +7,43 @@ initializeApi();
 
 const db = firestore();
 
-const APPLICATIONS_COLLECTION = '/registrations';
-const MISC_COLLECTION = '/miscellaneous';
+const APPLICATIONS_COLLECTION = 'registrations';
+const MISC_COLLECTION = 'miscellaneous';
 
 async function checkRegistrationAllowed() {
   const preferenceDoc = await db.collection('miscellaneous').doc('preferences').get();
   return preferenceDoc.data().allowRegistrations ?? false;
 }
 
+// async function updateAllUsersDoc(userId: string, profile: any) {
+//   const docRef = db.collection(MISC_COLLECTION).doc('allusers');
+//   const userData = await docRef.get();
+//   await docRef.set({
+//     users: [
+//       ...userData.data().users,
+//       {
+//         id: profile.user.id,
+//         user: {
+//           firstName: profile.user.firstName,
+//           lastName: profile.user.lastName,
+//           permissions: profile.user.permissions,
+//         },
+//       },
+//     ],
+//   });
+// }
+
 async function updateAllUsersDoc(userId: string, profile: any) {
   const docRef = db.collection(MISC_COLLECTION).doc('allusers');
   const userData = await docRef.get();
+
+  const existingUsers = userData.exists ? userData.data()?.users ?? [] : [];
+
   await docRef.set({
     users: [
-      ...userData.data().users,
+      ...existingUsers,
       {
-        id: profile.id,
+        id: profile.user.id, // IMPORTANT: use profile.user.id
         user: {
           firstName: profile.user.firstName,
           lastName: profile.user.lastName,
@@ -102,6 +123,9 @@ async function handlePostApplications(req: NextApiRequest, res: NextApiResponse)
   let body: Registration;
   try {
     body = JSON.parse(req.body);
+    if (!body?.user?.id) {
+      return res.status(400).json({ msg: 'Missing body.user.id' });
+    }
   } catch (error) {
     console.error('Could not parse request JSON body');
     return res.status(400).json({
diff --git a/pages/api/sponsor/index.tsx b/pages/api/sponsor/index.tsx
index d06ade45..4c379684 100644
--- a/pages/api/sponsor/index.tsx
+++ b/pages/api/sponsor/index.tsx
@@ -5,7 +5,7 @@ import initializeApi from '../../../lib/admin/init';
 initializeApi();
 const db = firestore();
 
-const SPONSORS = '/sponsors';
+const SPONSORS = 'sponsors';
 
 /**
  *
diff --git a/pages/api/userinfo.tsx b/pages/api/userinfo.tsx
index a0d64a5e..b4a01b80 100644
--- a/pages/api/userinfo.tsx
+++ b/pages/api/userinfo.tsx
@@ -88,7 +88,7 @@ export default async function handleScanTypes(
   const { method } = req;
 
   if (method === 'GET') {
-    handleUserInfo(req, res);
+    return await handleUserInfo(req, res);
   } else {
     res.setHeader('Allow', ['GET', 'POST']);
     res.status(405).end(`Method ${method} Not Allowed`);
diff --git a/pages/auth/index.tsx b/pages/auth/index.tsx
index 357c088e..b1ac2a19 100644
--- a/pages/auth/index.tsx
+++ b/pages/auth/index.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import { useRouter } from 'next/router';
+import { NextRouter, useRouter } from 'next/router';
 import { useAuthContext } from '../../lib/user/AuthContext';
 import { useState } from 'react';
+import { useEffect } from 'react';
 import firebase from 'firebase/compat/app';
 import Link from 'next/link';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
@@ -16,7 +17,7 @@ import PasswordInput from '../../components/authComponents/PasswordInput';
  * Route: /auth
  */
 export default function AuthPage() {
-  const { isSignedIn, signInWithGoogle, updateUser } = useAuthContext();
+  const { isSignedIn, hasProfile, signInWithGoogle, updateUser } = useAuthContext();
   const [currentEmail, setCurrentEmail] = useState('');
   const [currentPassword, setCurrentPassword] = useState('');
   const [errorMsg, setErrorMsg] = useState('');
@@ -110,16 +111,18 @@ export default function AuthPage() {
     }
   }
 
-  if (isSignedIn) {
-    router.push('/profile');
-  }
+  useEffect(() => {
+    if (isSignedIn) {
+      router.push(hasProfile ? '/profile' : '/register');
+    }
+  }, [isSignedIn, hasProfile, router]);
 
   return (
     <>
-      <section className="bg-secondary min-h-screen">
+      <section className="bg-[#F7B86C]/20 min-h-screen">
         <div className="p-4">
           <Link href="/" passHref legacyBehavior>
-            <div className="cursor-pointer items-center inline-flex text-primaryDark font-medium">
+            <div className="cursor-pointer items-center inline-flex text-[#683201] font-medium">
               <ChevronLeftIcon />
               return to event site
             </div>
@@ -133,16 +136,16 @@ export default function AuthPage() {
             >
               {!passwordResetDialog ? (
                 <>
-                  <h1 className="md:text-3xl text-2xl text-center text-primaryDark mt-4 poppins-bold">
+                  <h1 className="md:text-3xl text-2xl text-center text-[#683201] mt-4 poppins-bold">
                     {signInOption ? 'Login' : 'Create an account'}
                   </h1>
-                  <div className="text-center text-complementary/60 mt-4 mb-12 poppins-semibold">
-                    {signInOption ? ' New to HackUTD?' : 'Already have an account?'}{' '}
+                  <div className="text-center text-[#5C2E12]/60 mt-4 mb-12 poppins-semibold">
+                    {signInOption ? ' New to NTHS Hack 2026?' : 'Already have an account?'}{' '}
                     <span
                       onClick={() =>
                         signInOption ? setSignInOption(false) : setSignInOption(true)
                       }
-                      className="text-primaryDark cursor-pointer underline"
+                      className="text-[#5C2E12] cursor-pointer underline"
                     >
                       {signInOption ? 'Register here!' : 'Sign in'}
                     </span>
@@ -161,17 +164,17 @@ export default function AuthPage() {
                       />
 
                       <div className="inline-flex md:flex justify-between md:flex-row flex-col-reverse poppins-semibold text-sm">
-                        <div className="text-primaryDark">
+                        <div className="text-[#5C2E12]">
                           {/* TODO: should this feature be implemented or does it already exist? */}
                           <input
-                            className="mr-2 r text-primaryDark focus:ring-0 border border-primaryDark text-sm"
+                            className="mr-2 r text-[#5C2E12] focus:ring-0 border border-[#5C2E12] text-sm"
                             type="checkbox"
                             onClick={() => setRememberMe(!rememberMe)}
                           />
-                          Remember be
+                          Remember me
                         </div>
                         <div
-                          className="hover:underline cursor-pointer text-left text-primaryDark"
+                          className="hover:underline cursor-pointer text-left text-[#5C2E12]"
                           onClick={() => {
                             setPasswordResetDialog(true);
                             setErrorMsg('');
@@ -185,7 +188,7 @@ export default function AuthPage() {
                       <div className="flex justify-center mt-6 mb-4">
                         <button
                           type="button"
-                          className="rounded-lg text-base w-full text-white bg-primaryDark hover:brightness-90 px-4 py-2"
+                          className="rounded-lg text-base w-full text-white bg-[#5C2E12] hover:brightness-90 px-4 py-2"
                           onClick={() => {
                             handleSubmit();
                           }}
@@ -209,7 +212,7 @@ export default function AuthPage() {
                       <p>or continue with</p>
                     </div>
                     <button
-                      className="mt-2 px-4 py-2 w-full rounded-lg border border-complementary/20 text-complementary bg-white my-4 text-base font-bold text-center flex items-center justify-center"
+                      className="mt-2 px-4 py-2 w-full rounded-lg border border-[#5C2E12]/20 text-[#5C2E12] bg-white my-4 text-base font-bold text-center flex items-center justify-center"
                       onClick={() => signInWithGoogle()}
                     >
                       <Image src={GoogleIcon} alt="GoogleIcon" width={25} height={25} />
@@ -221,22 +224,22 @@ export default function AuthPage() {
                 <React.Fragment>
                   <div className="text-left">
                     <ArrowBackIcon
-                      className="cursor-pointer text-primaryDark"
+                      className="cursor-pointer text-[#5C2E12]"
                       onClick={() => {
                         setPasswordResetDialog(false);
                         setErrorMsg('');
                       }}
                     />
                   </div>
-                  <h1 className="md:text-3xl text-2xl font-black text-center text-primaryDark mt-4">
+                  <h1 className="md:text-3xl text-2xl font-black text-center text-[#5C2E12] mt-4">
                     Reset Password
                   </h1>
-                  <div className="text-center text-complementary/60 mt-4 mb-12">
+                  <div className="text-center text-[#5C2E12]/60 mt-4 mb-12">
                     Enter your email address and we&apos;ll send you a link to reset your password.
                   </div>
 
                   <input
-                    className="w-full rounded-md border border-complementary/20 p-2 mb-4"
+                    className="w-full rounded-md border border-[#5C2E12]/20 p-2 mb-4 focus:outline-none focus:ring-0 focus:border-[#5C2E12]"
                     value={currentEmail}
                     onChange={(e) => setCurrentEmail(e.target.value)}
                     type="text"
@@ -247,7 +250,7 @@ export default function AuthPage() {
                   <div className="flex justify-center mt-6 mb-4">
                     <button
                       type="button"
-                      className="rounded-full text-base w-full text-white bg-primaryDark hover:brightness-90 px-4 py-2"
+                      className="rounded-full text-base w-full text-white bg-[#5C2E12] hover:brightness-90 px-4 py-2"
                       onClick={() => {
                         sendResetEmail();
                         setErrorMsg('');
diff --git a/pages/index.tsx b/pages/index.tsx
index f32a645d..27164b51 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -2,7 +2,7 @@ import Head from 'next/head';
 import { GetServerSideProps } from 'next';
 import { useEffect, useState } from 'react';
 import { RequestHelper } from '../lib/request-helper';
-import HomeNotif from '../components/homeComponents/HomeNotif';
+// import HomeNotif from '../components/homeComponents/HomeNotif';
 import HomeVideoStats from '../components/homeComponents/HomeVideoStats';
 import HomeAbout from '../components/homeComponents/HomeAbout';
 import HackCountdown from '../components/homeComponents/HackCountdown';
@@ -12,6 +12,7 @@ import HomeTeam from '../components/homeComponents/HomeTeam';
 import HomeSponsors from '../components/homeComponents/HomeSponsors';
 import HomeFooter from '../components/homeComponents/HomeFooter';
 import HomeHero2 from '../components/homeComponents/HomeHero2';
+import SignSection from '../components/homeComponents/SignSection';
 import HomeSchedule from '../components/homeComponents/HomeSchedule';
 import HomeFaq from '../components/homeComponents/HomeFaq';
 import HomePrizes from '../components/homeComponents/HomePrizes';
@@ -29,7 +30,6 @@ export default function Home(props: {
   fetchedMembers: TeamMember[];
   sponsorCard: Sponsor[];
   scheduleCard: ScheduleEvent[];
-  dateCard: Dates;
   prizeData: Array<{ rank: number; prizeName: string }>;
 }) {
   const [loading, setLoading] = useState(true);
@@ -49,22 +49,39 @@ export default function Home(props: {
   return (
     <>
       <Head>
-        <title>HackPortal</title> {/* !change */}
+        <title>NTHS26</title> {/* !change */}
         <meta name="description" content="A default HackPortal instance" /> {/* !change */}
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <HomeNotif />
+      {/* <HomeNotif /> */}
       <HomeHero2 />
-      <HomeVideoStats />
-      <HackCountdown />
-      <HomeAbout />
-      <HomeSchedule scheduleCard={props.scheduleCard} dateCard={props.dateCard} />
-      <HomeSpeakers keynoteSpeakers={props.keynoteSpeakers} />
-      <HomeChallenges challenges={props.challenges} />
-      <HomePrizes prizes={props.prizeData} />
-      <HomeTeam members={props.fetchedMembers} />
-      <HomeFaq answeredQuestion={props.answeredQuestion} />
-      <HomeSponsors sponsorCard={props.sponsorCard} />
+      <SignSection
+        src="/assets/sign1.png"
+        alt="About NTHS Hack sign"
+        inset={{ top: '10%', right: '20%', bottom: '14%', left: '10%' }}
+      >
+        <HomeAbout />
+      </SignSection>
+      <SignSection
+        src="/assets/sign2.png"
+        alt="Stats sign"
+        inset={{ top: '40%', right: '10%', bottom: '12%', left: '35%' }}
+      >
+        <HomeVideoStats />
+      </SignSection>
+      <SignSection src="/assets/sign3.png" alt="Countdown sign">
+        <HackCountdown />
+      </SignSection>
+      {/* Unified gradient background wrapper */}
+      <div className="bg-unified-gradient">
+        <HomeSchedule scheduleCard={props.scheduleCard} />
+        {/*<HomeSpeakers keynoteSpeakers={props.keynoteSpeakers} />*/}
+        <HomeChallenges challenges={props.challenges} />
+        {/*<HomePrizes prizes={props.prizeData} />*/}
+        {/*<HomeTeam members={props.fetchedMembers} />*/}
+        <HomeFaq answeredQuestion={props.answeredQuestion} />
+        <HomeSponsors sponsorCard={props.sponsorCard} />
+      </div>
       <HomeFooter />
     </>
   );
@@ -100,10 +117,6 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     `${protocol}://${context.req.headers.host}/api/schedule`,
     {},
   );
-  const { data: dateData } = await RequestHelper.get<ScheduleEvent[]>(
-    `${protocol}://${context.req.headers.host}/api/dates`,
-    {},
-  );
   return {
     props: {
       keynoteSpeakers: keynoteData,
@@ -112,7 +125,6 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       fetchedMembers: memberData,
       sponsorCard: sponsorData,
       scheduleCard: scheduleData,
-      dateCard: dateData,
       prizeData: prizeData,
     },
   };
diff --git a/pages/profile.tsx b/pages/profile.tsx
index d9ccd265..37a61e95 100644
--- a/pages/profile.tsx
+++ b/pages/profile.tsx
@@ -75,21 +75,21 @@ export default function ProfilePage() {
       <div className="flex flex-col md:flex-row 2xl:gap-x-14 gap-x-12 2xl:justify-center">
         {/* QR Code */}
         <div className="">
-          <div className="bg-secondary rounded-lg p-8 h-min w-min mx-auto">
+          <div className="bg-[#F7B86C]/20 rounded-lg p-8 h-min w-min mx-auto">
             {/* Dark represents dots, Light represents the background */}
             <QRCode
               data={'hack:' + user.id}
               loading={false}
               width={200}
               height={200}
-              darkColor="#05149C"
+              darkColor="#000000f6"
               lightColor="#0000"
             />
-            <div className="text-center text-[#170F49] text-md font-semibold">
+            <div className="text-center text-[#5C2E12] text-md font-semibold">
               {profile.user.group ? profile.user.group : 'Group TBD'}
             </div>
           </div>
-          <div className="border-y-[1.2px] border-primaryDark/20 py-4 md:my-8 my-6">
+          <div className="border-y-[1.2px] border-[#5C2E12]/20 py-4 md:my-8 my-6">
             <div className="font-fredoka font-semibold text-lg">Application Status</div>
             <h1
               className={`font-fredoka text-xl font-semibold ${
@@ -97,7 +97,7 @@ export default function ProfilePage() {
                   ? 'text-[#5DC55B]'
                   : profile.user.status === 'Rejected'
                   ? 'text-[#DE3163]'
-                  : 'text-[#5C67C9]'
+                  : 'text-[#5C2E12]'
               }`}
             >
               {profile.user.status ? profile.user.status : 'Pending'}
@@ -105,7 +105,7 @@ export default function ProfilePage() {
           </div>
 
           <div className="flex gap-x-4">
-            <div className="flex items-center justify-center w-10 h-10 rounded-full bg-[#9CA6FF]">
+            {/* <div className="flex items-center justify-center w-10 h-10 rounded-full bg-[#9CA6FF]">
               <a href={profile.linkedin} target="_blank" rel="noreferrer">
                 <LinkedInIcon style={{ fontSize: 29, color: 'white' }} />
               </a>
@@ -119,10 +119,10 @@ export default function ProfilePage() {
               <a href={profile.website} target="_blank" rel="noreferrer">
                 <LanguageIcon style={{ fontSize: 29, color: 'white' }} />
               </a>
-            </div>
+            </div> */}
 
             <div className="my-2">
-              {!uploading ? (
+              {/* {!uploading ? (
                 <>
                   <input
                     id="resume"
@@ -142,55 +142,55 @@ export default function ProfilePage() {
                 </>
               ) : (
                 <LoadIcon width={16} height={16} />
-              )}
+              )} */}
             </div>
           </div>
         </div>
 
         {/* Info */}
         <div className="w-full">
-          <h1 className="font-fredoka font-semibold text-5xl md:mt-0 mt-10 text-[#170F49]">{`${profile.user.firstName} ${profile.user.lastName}`}</h1>
+          <h1 className="font-fredoka font-semibold text-5xl md:mt-0 mt-10 text-[#683201]">{`${profile.user.firstName} ${profile.user.lastName}`}</h1>
 
           <div className="md:flex items-center md:gap-x-10 mt-4">
             <div className="md:w-1/2">
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
-                University
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
+                School
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
-                {profile.university}
+                {profile.school}
               </h1>
 
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
-                Major
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
+                School District
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
-                {profile.major}
+                {profile.district}
               </h1>
 
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
-                Level of Study
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
+                Grade
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
-                {profile.studyLevel}
+                {profile.grade}
               </h1>
             </div>
 
             <div className="md:w-1/2">
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
                 Role
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
                 {profile.user.permissions[0]}
               </h1>
 
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
                 Number of Hackathons Attended
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
                 {profile.hackathonExperience}
               </h1>
 
-              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#170F49]">
+              <div className="font-fredoka font-semibold md:text-2xl text-lg mt-6 mb-1 text-[#683201]">
                 Preferred Email
               </div>
               <h1 className="px-3 py-1 text-lg border border-3 border-[#C4C4C4] rounded-2xl text-[#4C4950]">
diff --git a/pages/register.tsx b/pages/register.tsx
index 51497d17..6b6d2492 100644
--- a/pages/register.tsx
+++ b/pages/register.tsx
@@ -36,20 +36,46 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
       hackathonExperienceQuestions,
       eventInfoQuestions,
       sponsorInfoQuestions,
+      mediaReleaseQuestions,
+      liabilityWaiverQuestions,
+      codeOfConductQuestions,
+      minorsFormQuestions,
+      parentalConsentQuestions,
     },
   } = hackPortalConfig;
 
   const { user, hasProfile, updateProfile } = useAuthContext();
   const [resumeFile, setResumeFile] = useState<File | null>(null);
   // update this to false for testing
-  const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(true);
   const [formValid, setFormValid] = useState(true);
   const [registrationSection, setRegistrationSection] = useState(0);
-  const checkRedirect = async () => {
-    if (!allowedRegistrations) return;
-    if (hasProfile) router.push('/profile');
-    else setLoading(false);
-  };
+
+  useEffect(() => {
+    // wait for auth to resolve
+    if (user === undefined) return;
+
+    // not signed in → must authenticate first
+    if (user === null) {
+      router.replace('/auth');
+      return;
+    }
+
+    // already registered → profile
+    if (hasProfile) {
+      router.replace('/profile');
+      return;
+    }
+
+    // signed in & no profile → allow form
+    setLoading(false);
+  }, [user, hasProfile, router]);
+
+  // const checkRedirect = async () => {
+  //   if (!allowedRegistrations) return;
+  //   if (hasProfile) router.push('/profile');
+  //   else setLoading(false);
+  // };
 
   useEffect(() => {
     //setting user specific initial values
@@ -58,13 +84,13 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
     formInitialValues['firstName'] = user?.firstName?.split(' ')[0] || '';
     formInitialValues['lastName'] = user?.lastName || '';
     formInitialValues['permissions'] = user?.permissions || ['hacker'];
-  }, []);
-
-  // disbale this for testing
-  useEffect(() => {
-    checkRedirect();
   }, [user]);
 
+  // // disbale this for testing
+  // useEffect(() => {
+  //   checkRedirect();
+  // }, [user]);
+
   const handleSubmit = async (registrationData) => {
     let resumeUrl: string = '';
     try {
@@ -128,10 +154,10 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
     );
   }
 
-  // disable this for testing
-  if (!user) {
-    router.push('/');
-  }
+  // // disable this for testing
+  // if (!user) {
+  //   router.push('/');
+  // }
 
   if (loading) {
     return <LoadIcon width={200} height={200} />;
@@ -187,15 +213,15 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
   };
 
   return (
-    <div className="flex flex-col flex-grow bg-secondary">
+    <div className="flex flex-col flex-grow bg-[#F7B86C]/20">
       <Head>
         <title>Hacker Registration</title>
-        <meta name="description" content="Register for [HACKATHON NAME]" />
+        <meta name="description" content="Register for NTHS 2026" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <section className="pl-4 relative mb-4">
         <Link href="/" passHref>
-          <ChevronLeftIcon className="absolute top-4 z-10" fontSize={'large'} color={'primary'} />
+          <ChevronLeftIcon className="absolute top-4 z-10 text-[#683201]" fontSize={'large'} />
         </Link>
       </section>
 
@@ -221,6 +247,9 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
             for (let obj of sponsorInfoQuestions) {
               errors = setErrors(obj, values, errors);
             }
+            for (let obj of minorsFormQuestions) {
+              errors = setErrors(obj, values, errors);
+            }
 
             //additional custom error validation
             if (
@@ -230,6 +259,9 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
               //regex matches characters before @, characters after @, and 2 or more characters after . (domain)
               errors.preferredEmail = 'Invalid email address';
             }
+            if (values.phone && !/^\d{3}-\d{3}-\d{4}$/.test(values.phone)) {
+              errors.phone = 'Phone number must be in XXX-XXX-XXXX format';
+            }
             if ((values.age && values.age < 1) || values.age > 100) {
               errors.age = 'Not a valid age';
             }
@@ -244,16 +276,16 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
           }}
           onSubmit={async (values, { setSubmitting }) => {
             await new Promise((r) => setTimeout(r, 500));
-            let finalValues: any = values;
+            let finalValues: any = { ...values };
             //add user object
             const userValues: any = {
-              id: values.id,
-              firstName: values.firstName,
-              lastName: values.lastName,
-              preferredEmail: values.preferredEmail,
-              permissions: values.permissions,
+              id: user?.id,
+              firstName: user?.firstName?.split(' ')[0] || values.firstName,
+              lastName: user?.lastName || values.lastName,
+              preferredEmail: user?.preferredEmail || values.preferredEmail,
+              permissions: user?.permissions || values.permissions,
             };
-            finalValues['user'] = userValues;
+            finalValues.user = userValues;
             //delete unnecessary values
             delete finalValues.firstName;
             delete finalValues.lastName;
@@ -261,7 +293,8 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
             delete finalValues.preferredEmail;
 
             //submitting
-            handleSubmit(values);
+            console.log('SUBMIT USER ID:', finalValues.user?.id); // debugging
+            await handleSubmit(finalValues);
             setSubmitting(false);
             // alert(JSON.stringify(values, null, 2)); //Displays form results on submit for testing purposes
           }}
@@ -278,7 +311,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
               {registrationSection == 0 && (
                 <section className="bg-white lg:w-3/5 md:w-3/4 w-full min-h-[35rem] mx-auto rounded-2xl md:py-4 py-6 px-8 mb-8 text-[#4C4950]">
                   <header>
-                    <h1 className="text-primaryDark lg:text-4xl sm:text-3xl text-2xl font-bold text-center lg:mt-0 mt-4 mb-4 poppins-bold">
+                    <h1 className="text-[#683201] lg:text-4xl sm:text-3xl text-2xl font-bold text-center lg:mt-0 mt-4 mb-4 poppins-bold">
                       Hacker Registration
                     </h1>
                     <div style={{ color: '#A6A4A8' }} className="poppins-regular text-center mb-6">
@@ -334,9 +367,177 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
                   </div>
                 </section>
               )}
+              {registrationSection === 3 && (
+                <section className="bg-white lg:w-3/5 md:w-3/4 w-full mx-auto rounded-2xl py-10 px-8 mb-8">
+                  <h2 className="text-2xl font-semibold mb-4">Media Release</h2>
+
+                  <p className="text-sm text-gray-600 mb-6">
+                    Event Date: March 28, 2026
+                    <br />
+                    Location: The University of Texas at Dallas
+                  </p>
+                  <p className="text-md mb-2">
+                    I, the undersigned, hereby grant NTHS Hackathon and its organizers the right to
+                    take photographs, video recordings, and/or audio recordings of me/my child
+                    during the event. I understand that these media materials may be used in
+                    promotional materials, websites, social media, and other marketing efforts.
+                    <br />I waive any rights to inspect or approve the media in which my/my child’s
+                    likeness appears. I understand that no compensation will be provided for the use
+                    of these materials.
+                  </p>
+                  <p className="text-md mb-2">
+                    Participant Information & Consent (To be signed by parent/guardian if under 18):
+                    I, the parent/guardian of the minor participant named above, authorize the use
+                    of my child’s image and recordings for promotional purposes as outlined in this
+                    release.
+                  </p>
+
+                  {mediaReleaseQuestions.map((obj, idx) => (
+                    <DisplayQuestion key={idx} obj={obj} values={values} onChange={handleChange} />
+                  ))}
+                </section>
+              )}
+              {registrationSection === 4 && (
+                <section className="bg-white lg:w-3/5 md:w-3/4 w-full mx-auto rounded-2xl py-10 px-8 mb-8">
+                  <h2 className="text-2xl font-semibold mb-4">Liability Waiver & Release</h2>
+
+                  <p className="text-sm text-gray-600 mb-6">
+                    Event Date: March 28, 2026
+                    <br />
+                    Location: The University of Texas at Dallas
+                  </p>
+                  <p className="text-md mb-2">
+                    I, the undersigned, acknowledge that participation in NTHS Hackathon is
+                    voluntary and involves activities that may have inherent risks. I agree to
+                    release, indemnify, and hold harmless NTHS Hackathon organizers, The University
+                    of Texas at Dallas, event sponsors, and affiliated personnel from any claims,
+                    injuries, damages, or liabilities that may arise during my/my child’s
+                    participation in the event.
+                    <br />I understand that organizers will take reasonable safety precautions, but
+                    I assume full responsibility for any personal injury or property damage
+                    resulting from my/my child’s participation.
+                  </p>
+                  <p className="text-md mb-2">
+                    Participant Information & Consent (To be signed by parent/guardian if under 18):
+                    I, the parent/guardian of the minor participant named above, understand and
+                    accept the terms of this waiver and grant permission for my child to
+                    participate.
+                  </p>
+
+                  {liabilityWaiverQuestions.map((obj, idx) => (
+                    <DisplayQuestion key={idx} obj={obj} values={values} onChange={handleChange} />
+                  ))}
+                </section>
+              )}
+              {registrationSection === 5 && (
+                <section className="bg-white lg:w-3/5 md:w-3/4 w-full mx-auto rounded-2xl py-10 px-8 mb-8">
+                  <h2 className="text-2xl font-semibold mb-4">Code of Conduct</h2>
+
+                  <p className="text-sm text-gray-600 mb-6">
+                    Event Date: March 28, 2026
+                    <br />
+                    Location: The University of Texas at Dallas
+                  </p>
+                  <p className="text-md mb-2">
+                    NTHS Hackathon is committed to fostering a safe, inclusive, and respectful
+                    environment for all participants. By attending, you agree to follow these
+                    guidelines:
+                    <br />
+                    1. Respect – Treat fellow participants, mentors, and organizers with kindness
+                    and professionalism. Harassment, discrimination, or inappropriate behavior will
+                    not be tolerated.
+                    <br />
+                    2. Integrity – No plagiarism, cheating, or sabotage of others’ work.
+                    <br />
+                    3. Safety – Follow all event safety guidelines and UTD’s campus policies.
+                    <br />
+                    4. Teamwork – Collaboration is encouraged, but all submissions must be the
+                    team’s own work.
+                    <br />
+                    5. Consequences – Violations of this Code of Conduct may result in
+                    disqualification, removal from the event, and/or notification of school
+                    officials.
+                    <br />
+                  </p>
+                  <p className="text-md mb-2">
+                    Participant Agreement & Parental Consent (For Participants Under 18): I, the
+                    parent/guardian of the minor participant named above, have reviewed and agree to
+                    this Code of Conduct.
+                  </p>
+
+                  {codeOfConductQuestions.map((obj, idx) => (
+                    <DisplayQuestion key={idx} obj={obj} values={values} onChange={handleChange} />
+                  ))}
+                </section>
+              )}
+              {registrationSection === 6 && (
+                <section className="bg-white lg:w-3/5 md:w-3/4 w-full mx-auto rounded-2xl py-10 px-8 mb-8">
+                  <h2 className="text-2xl font-semibold mb-4">Minor Participant Form</h2>
 
+                  <p className="text-sm text-gray-600 mb-6">
+                    Event Date: March 28, 2026
+                    <br />
+                    Location: The University of Texas at Dallas
+                  </p>
+                  <p className="text-md mb-2">
+                    I, the parent/guardian of [Participant&apos;s Name], give my permission for my
+                    child to attend and participate in NTHS Hackathon. I understand that this event
+                    is hosted at The University of Texas at Dallas and will include supervised
+                    activities related to coding, design, and technology.
+                  </p>
+                  <p className="text-md mb-2">
+                    I acknowledge that the nature of the Activity or Trip may expose Participant to
+                    hazards or risks that may result in Participant&apos;s illness, personal injury,
+                    or death and I understand and appreciate the nature of such hazards and risks.
+                  </p>
+                  <div className="mb-6 rounded-lg border border-[#683201]/20 bg-[#F7B86C]/10 p-4">
+                    <p className="text-sm mb-3">
+                      Open the official Minor Participant Form PDF while completing this section.
+                    </p>
+                    <a
+                      href="/assets/minorsForm.pdf"
+                      target="_blank"
+                      rel="noreferrer"
+                      className="inline-flex items-center rounded-md bg-[#683201] px-4 py-2 text-white hover:brightness-90"
+                    >
+                      Open Minor Participant Form (PDF)
+                    </a>
+                  </div>
+
+                  {minorsFormQuestions.map((obj, idx) => (
+                    <DisplayQuestion key={idx} obj={obj} values={values} onChange={handleChange} />
+                  ))}
+                </section>
+              )}
+              {registrationSection === 7 && (
+                <section className="bg-white lg:w-3/5 md:w-3/4 w-full mx-auto rounded-2xl py-10 px-8 mb-8">
+                  <h2 className="text-2xl font-semibold mb-4">Parental Consent Form</h2>
+
+                  <p className="text-sm text-gray-600 mb-6">
+                    Event Date: March 28, 2026
+                    <br />
+                    Location: The University of Texas at Dallas
+                  </p>
+                  <p className="text-md mb-2">
+                    I, the parent/guardian of [Participant’s Name], give my permission for my child
+                    to attend and participate in NTHS Hackathon. I understand that this event is
+                    hosted at The University of Texas at Dallas and will include supervised
+                    activities related to coding, design, and technology.
+                    <br />I acknowledge that my child will be responsible for their own
+                    transportation to and from the event (unless otherwise stated) and agree to the
+                    event’s liability waiver and code of conduct policies.
+                  </p>
+                  <p className="text-md mb-2">
+                    Emergency Contact Information & Consent Acknowledgment:
+                  </p>
+
+                  {parentalConsentQuestions.map((obj, idx) => (
+                    <DisplayQuestion key={idx} obj={obj} values={values} onChange={handleChange} />
+                  ))}
+                </section>
+              )}
               {/* Event Questions */}
-              {registrationSection == 3 && (
+              {registrationSection == 8 && (
                 <section className="bg-white lg:w-3/5 md:w-3/4 w-full min-h-[35rem] mx-auto rounded-2xl md:py-10 py-6 px-8 mb-8 text-[#4C4950]">
                   <h2 className="sm:text-2xl text-xl font-semibold sm:mb-3 mb-1">Event Info</h2>
                   <div className="flex flex-col">
@@ -364,11 +565,24 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
                       );
                     })}
                   </div>
+                  {/* Submit */}
+                  <div className="text-white absolute mt-4">
+                    <button
+                      type="submit"
+                      className="mr-auto cursor-pointer px-4 py-2 rounded-lg bg-[#683201] hover:brightness-90"
+                      onClick={() => setFormValid(!(!isValid || !dirty))}
+                    >
+                      Submit
+                    </button>
+                    {!isValid && !formValid && (
+                      <div className="text-red-600">Error: The form has invalid fields</div>
+                    )}
+                  </div>
                 </section>
               )}
 
               {/* Sponsor Questions */}
-              {registrationSection == 4 && (
+              {false && registrationSection == 4 && (
                 <section className="bg-white lg:w-3/5 md:w-3/4 w-full min-h-[35rem] mx-auto rounded-2xl md:py-10 py-6 px-8 mb-8 text-[#4C4950] relative">
                   <h2 className="sm:text-2xl text-xl font-semibold sm:mb-3 mb-1">Sponsor Info</h2>
                   <div className="flex flex-col">
@@ -398,19 +612,6 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
                       Accepted file types: .pdf, .doc, .docx, .png, .jpeg, .txt, .tex, .rtf
                     </p>
                   </div>
-                  {/* Submit */}
-                  <div className="text-white absolute right-4">
-                    <button
-                      type="submit"
-                      className="mr-auto cursor-pointer px-4 py-2 rounded-lg bg-primaryDark hover:brightness-90"
-                      onClick={() => setFormValid(!(!isValid || !dirty))}
-                    >
-                      Submit
-                    </button>
-                    {!isValid && !formValid && (
-                      <div className="text-red-600">Error: The form has invalid fields</div>
-                    )}
-                  </div>
                 </section>
               )}
             </Form>
@@ -426,7 +627,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
           className={`lg:block ${
             registrationSection == 0
               ? 'justify-end'
-              : registrationSection >= 4
+              : registrationSection >= 3
               ? 'justify-start'
               : 'justify-between'
           } lg:pb-4 pb-8 lg:px-4 sm:px-8 px-6 text-primaryDark font-semibold text-primaryDark font-semibold text-md`}
@@ -441,7 +642,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
             >
               <div
                 style={{ width: 'fit-content' }}
-                className="cursor-pointer select-none bg-primaryDark text-white rounded-md p-3"
+                className="cursor-pointer select-none bg-[#683201] text-white rounded-md p-3"
               >
                 <ChevronLeftIcon />
                 prev page
@@ -450,7 +651,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
           )}
 
           <div className="flex justify-center items-center" style={{ gridArea: '1 / 2 / 2 / 3' }}>
-            {Array.from({ length: 5 }).map((_, i) => (
+            {Array.from({ length: 9 }).map((_, i) => (
               <div
                 key={i}
                 style={{ backgroundColor: registrationSection == i ? '#4C4950' : '#9F9EA7' }}
@@ -459,7 +660,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
             ))}
           </div>
 
-          {registrationSection < 4 && (
+          {registrationSection < 8 && (
             <div
               className="flex justify-end "
               style={{ gridArea: '1 / 3 / 2 / 4' }}
@@ -467,7 +668,7 @@ export default function Register({ allowedRegistrations }: RegisterPageProps) {
                 setRegistrationSection(registrationSection + 1);
               }}
             >
-              <div className="cursor-pointer select-none bg-primaryDark text-white rounded-md p-3">
+              <div className="cursor-pointer select-none bg-[#683201] text-white rounded-md p-3">
                 next page
                 <ChevronRightIcon />
               </div>
diff --git a/pages/schedule/index.tsx b/pages/schedule/index.tsx
index 9429619b..0bd5985c 100644
--- a/pages/schedule/index.tsx
+++ b/pages/schedule/index.tsx
@@ -4,7 +4,6 @@ import LocationOnIcon from '@mui/icons-material/LocationOn';
 
 /* Calendar */
 export default function Calendar() {
-  const [dateCard, setDateCard] = useState([]);
   const [scheduleCard, setScheduleCard] = useState([]);
   const [filter, setFilter] = useState('All');
 
@@ -16,11 +15,6 @@ export default function Calendar() {
           `${window.location.protocol}//${window.location.host}/api/schedule`,
         ).then((res) => res.json());
         setScheduleCard(scheduleData);
-
-        const dateData = await fetch(
-          `${window.location.protocol}//${window.location.host}/api/dates`,
-        ).then((res) => res.json());
-        setDateCard(dateData);
       } catch (error) {
         console.error(error);
       }
@@ -29,7 +23,7 @@ export default function Calendar() {
     fetchData();
   }, []);
 
-  if (dateCard.length === 0 || scheduleCard.length === 0) {
+  if (scheduleCard.length === 0) {
     return <div>Fetching Data</div>;
   }
 
@@ -49,40 +43,6 @@ export default function Calendar() {
     'Workshop-Filter': 'border-[#5200FF] bg-[#5200FF] text-white',
   };
 
-  /* Dates Values */
-  const dateValues = {
-    year: dateCard[0].year,
-    day1: dateCard[0].day1,
-    day1Month: dateCard[0].day1Month,
-    day2: dateCard[0].day2,
-    day2Month: dateCard[0].day2Month,
-    endTime: dateCard[0].endTime,
-    startTime: dateCard[0].startTime,
-  };
-
-  /* Set event dates and times */
-  const day1StartDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day1Month'],
-    dateValues['day1'],
-    dateValues['startTime'],
-    0,
-  );
-  const day2StartDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day2Month'],
-    dateValues['day2'],
-    dateValues['startTime'],
-    0,
-  );
-  const eventEndDateAndTime = new Date(
-    dateValues['year'],
-    dateValues['day1Month'],
-    dateValues['day2'] + 1,
-    dateValues['endTime'],
-    0,
-  );
-
   /* Filter Functionality */
 
   const changeFilter = (newFilter: string) => {
@@ -96,13 +56,29 @@ export default function Calendar() {
   /* Event Component */
   const Event = ({ data, index, arrayLength }) => {
     const startDate = new Date(data.startDate);
+    const endDate = new Date(data.endDate);
     const formattedTime = startDate
       .toLocaleString([], { hour: 'numeric', minute: 'numeric' })
       .replace(' ', '')
       .replace('AM', 'am')
       .replace('PM', 'pm');
-
-    const showEvent = filter === 'All' || filter === data.type;
+    const formattedEndTime = endDate
+      .toLocaleString([], { hour: 'numeric', minute: 'numeric' })
+      .replace(' ', '')
+      .replace('AM', 'am')
+      .replace('PM', 'pm');
+    const eventTypes = Array.isArray(data.type)
+      ? data.type.filter(Boolean)
+      : typeof data.type === 'string' && data.type.includes(',')
+      ? data.type
+          .split(',')
+          .map((value) => value.trim())
+          .filter(Boolean)
+      : data.type
+      ? [data.type]
+      : ['All'];
+
+    const showEvent = filter === 'All' || eventTypes.includes(filter);
     const showFilteredEvents = filter !== 'All';
 
     const isLastEvent = index === arrayLength - 1;
@@ -125,16 +101,23 @@ export default function Calendar() {
                           `}
           >
             <div className="flex justify-between pb-1">
-              <div className="text-md font-bold font-dmSans">{formattedTime}</div>
+              <div className="text-md font-bold font-dmSans">
+                {formattedTime} - {formattedEndTime}
+              </div>
               <div className="text-md font-bold font-dmSans">{data.title}</div>
             </div>
             <div className="flex justify-between">
-              <div
-                className={`bg-white text-xs rounded-xl py-1 px-2 border-2 font-dmSans ${
-                  eventColors[data.type]
-                }`}
-              >
-                {data.type}
+              <div className="flex items-center gap-2 flex-wrap">
+                {eventTypes.map((eventType) => (
+                  <div
+                    key={`${data.title}-${eventType}`}
+                    className={`bg-white text-xs rounded-xl py-1 px-2 border-2 font-dmSans ${
+                      eventColors[eventType] || eventColors.All
+                    }`}
+                  >
+                    {eventType}
+                  </div>
+                ))}
               </div>
               <div className="text-gray-600 flex items-center font-dmSans">
                 <LocationOnIcon style={{ fontSize: 'large', marginRight: '2px' }} />
@@ -147,23 +130,9 @@ export default function Calendar() {
     );
   };
 
-  /* Filter Daily Events */
-  const getDailyEvents = (startTime, endTime) => {
-    return scheduleCard
-      .sort((a, b) => {
-        return +new Date(a.startDate) - +new Date(b.startDate);
-      })
-      .filter((event) => {
-        const eventDate = new Date(event.startDate);
-        return eventDate >= startTime && eventDate <= endTime;
-      })
-      .map((event, index, array) => (
-        <Event data={event} key={event.title + index} index={index} arrayLength={array.length} />
-      ));
-  };
-
-  const day1Events = getDailyEvents(day1StartDateAndTime, day2StartDateAndTime);
-  const day2Events = getDailyEvents(day2StartDateAndTime, eventEndDateAndTime);
+  const sortedEvents = [...scheduleCard].sort((a, b) => {
+    return +new Date(a.startDate) - +new Date(b.startDate);
+  });
 
   return (
     <div className="bg-[#F2F3FF]">
@@ -230,20 +199,17 @@ export default function Calendar() {
       </div>
 
       {/* Calendar */}
-      <div className="md:flex p-1 overflow-y-auto overflow-x-hidden mx-auto lg:w-[80%] w-full h-full">
-        <div className="w-full lg:w-1/2 px-4 md:px-0">
-          <div className="text-3xl font-black py-6 text-[#05149C] font-fredoka">
-            Day 1: Saturday
-          </div>
-          <div className="bg-white mb-8 mx-2 p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20">
-            {day1Events}
-          </div>
-        </div>
-
-        <div className="w-full lg:w-1/2 md:ml-6 px-4 md:px-0">
-          <div className="text-3xl font-black py-6 text-[#05149C] font-fredoka">Day 2: Sunday</div>
-          <div className="bg-white mb-8 mx-2 p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20">
-            {day2Events}
+      <div className="flex justify-center px-4">
+        <div className="w-full max-w-4xl">
+          <div className="bg-white mb-8 p-2 border-2 rounded-2xl border-[#05149C] border-opacity-20 max-w-3xl mx-auto">
+            {sortedEvents.map((event, index, array) => (
+              <Event
+                data={event}
+                key={event.title + index}
+                index={index}
+                arrayLength={array.length}
+              />
+            ))}
           </div>
         </div>
       </div>
diff --git a/public/assets/10.png b/public/assets/10.png
new file mode 100644
index 00000000..a06d75bc
Binary files /dev/null and b/public/assets/10.png differ
diff --git a/public/assets/11.png b/public/assets/11.png
new file mode 100644
index 00000000..f83f30c8
Binary files /dev/null and b/public/assets/11.png differ
diff --git a/public/assets/13.png b/public/assets/13.png
new file mode 100644
index 00000000..3f583330
Binary files /dev/null and b/public/assets/13.png differ
diff --git a/public/assets/14.png b/public/assets/14.png
new file mode 100644
index 00000000..44710c74
Binary files /dev/null and b/public/assets/14.png differ
diff --git a/public/assets/8.png b/public/assets/8.png
new file mode 100644
index 00000000..d2c1e0a6
Binary files /dev/null and b/public/assets/8.png differ
diff --git a/public/assets/9.png b/public/assets/9.png
new file mode 100644
index 00000000..10586879
Binary files /dev/null and b/public/assets/9.png differ
diff --git a/public/assets/ArmadilloONLY.PNG.png b/public/assets/ArmadilloONLY.PNG.png
new file mode 100644
index 00000000..6cd08e1b
Binary files /dev/null and b/public/assets/ArmadilloONLY.PNG.png differ
diff --git a/public/assets/BuffaloONLY.PNG.png b/public/assets/BuffaloONLY.PNG.png
new file mode 100644
index 00000000..0f52a8e6
Binary files /dev/null and b/public/assets/BuffaloONLY.PNG.png differ
diff --git a/public/assets/BuffaloONLY.png b/public/assets/BuffaloONLY.png
new file mode 100644
index 00000000..e4e310c6
Binary files /dev/null and b/public/assets/BuffaloONLY.png differ
diff --git a/public/assets/HorseONLY.PNG.png b/public/assets/HorseONLY.PNG.png
new file mode 100644
index 00000000..e8d7d511
Binary files /dev/null and b/public/assets/HorseONLY.PNG.png differ
diff --git a/public/assets/LassoCow1ONLY.png b/public/assets/LassoCow1ONLY.png
new file mode 100644
index 00000000..777aeaf6
Binary files /dev/null and b/public/assets/LassoCow1ONLY.png differ
diff --git a/public/assets/NTHS Hackathon Website-2.png b/public/assets/NTHS Hackathon Website-2.png
new file mode 100644
index 00000000..507209cc
Binary files /dev/null and b/public/assets/NTHS Hackathon Website-2.png differ
diff --git a/public/assets/NTHS Hackathon Website-3.png b/public/assets/NTHS Hackathon Website-3.png
new file mode 100644
index 00000000..b3577801
Binary files /dev/null and b/public/assets/NTHS Hackathon Website-3.png differ
diff --git a/public/assets/NTHS Hackathon Website.png b/public/assets/NTHS Hackathon Website.png
new file mode 100644
index 00000000..7e9f6958
Binary files /dev/null and b/public/assets/NTHS Hackathon Website.png differ
diff --git a/public/assets/WesternAnimalMarch.PNG b/public/assets/WesternAnimalMarch.PNG
new file mode 100644
index 00000000..a3d2bf42
Binary files /dev/null and b/public/assets/WesternAnimalMarch.PNG differ
diff --git a/public/assets/bg-1.png b/public/assets/bg-1.png
new file mode 100644
index 00000000..61d3032f
Binary files /dev/null and b/public/assets/bg-1.png differ
diff --git a/public/assets/bg-2.png b/public/assets/bg-2.png
new file mode 100644
index 00000000..9a6605aa
Binary files /dev/null and b/public/assets/bg-2.png differ
diff --git a/public/assets/bg-3.png b/public/assets/bg-3.png
new file mode 100644
index 00000000..cdf53dae
Binary files /dev/null and b/public/assets/bg-3.png differ
diff --git a/public/assets/bg-5.png b/public/assets/bg-5.png
new file mode 100644
index 00000000..287d92b0
Binary files /dev/null and b/public/assets/bg-5.png differ
diff --git a/public/assets/bg-6.png b/public/assets/bg-6.png
new file mode 100644
index 00000000..c2df5105
Binary files /dev/null and b/public/assets/bg-6.png differ
diff --git a/public/assets/bg-7.png b/public/assets/bg-7.png
new file mode 100644
index 00000000..8ae5d415
Binary files /dev/null and b/public/assets/bg-7.png differ
diff --git a/public/assets/bg-8.png b/public/assets/bg-8.png
new file mode 100644
index 00000000..ba07a6bc
Binary files /dev/null and b/public/assets/bg-8.png differ
diff --git a/public/assets/bg-9.png b/public/assets/bg-9.png
new file mode 100644
index 00000000..3a4b6d53
Binary files /dev/null and b/public/assets/bg-9.png differ
diff --git a/public/assets/bg.png b/public/assets/bg.png
new file mode 100644
index 00000000..f933e81b
Binary files /dev/null and b/public/assets/bg.png differ
diff --git a/public/assets/foreground.png b/public/assets/foreground.png
new file mode 100644
index 00000000..581fa2b9
Binary files /dev/null and b/public/assets/foreground.png differ
diff --git a/public/assets/full-bg.png b/public/assets/full-bg.png
new file mode 100644
index 00000000..b00f1278
Binary files /dev/null and b/public/assets/full-bg.png differ
diff --git a/public/assets/infosys.png b/public/assets/infosys.png
new file mode 100644
index 00000000..01e12ee9
Binary files /dev/null and b/public/assets/infosys.png differ
diff --git a/public/assets/mcf.png b/public/assets/mcf.png
new file mode 100644
index 00000000..5bb79c19
Binary files /dev/null and b/public/assets/mcf.png differ
diff --git a/public/assets/minorsForm.pdf b/public/assets/minorsForm.pdf
new file mode 100644
index 00000000..4e7df8a4
Binary files /dev/null and b/public/assets/minorsForm.pdf differ
diff --git a/public/assets/path.png b/public/assets/path.png
new file mode 100644
index 00000000..b51b3020
Binary files /dev/null and b/public/assets/path.png differ
diff --git a/public/assets/sign1.png b/public/assets/sign1.png
new file mode 100644
index 00000000..2ef882e2
Binary files /dev/null and b/public/assets/sign1.png differ
diff --git a/public/assets/sign2.png b/public/assets/sign2.png
new file mode 100644
index 00000000..9bf455b8
Binary files /dev/null and b/public/assets/sign2.png differ
diff --git a/public/assets/sign3.png b/public/assets/sign3.png
new file mode 100644
index 00000000..f018d040
Binary files /dev/null and b/public/assets/sign3.png differ
diff --git a/public/assets/sky.png b/public/assets/sky.png
new file mode 100644
index 00000000..e1ab37b7
Binary files /dev/null and b/public/assets/sky.png differ
diff --git a/public/districts.json b/public/districts.json
new file mode 100644
index 00000000..6a162efe
--- /dev/null
+++ b/public/districts.json
@@ -0,0 +1,3 @@
+ [
+    { "district" : "Plano District"}
+ ]
diff --git a/public/favicon.ico b/public/favicon.ico
old mode 100755
new mode 100644
index c6d38dd4..777aeaf6
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/styles/globals.css b/styles/globals.css
index c492a396..26d3d3ae 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -6,6 +6,8 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300...700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
 
 @tailwind base;
 @tailwind components;
@@ -16,6 +18,8 @@ body {
   padding: 0;
   margin: 0;
   font-family: sans-serif;
+  overflow-x: hidden;
+
 }
 
 @font-face {
@@ -57,11 +61,21 @@ a.link {
   font-family: 'wavehaus';
 }
 
+/* Alfa Slab One font for navbar */
+.alfa-slab-font {
+  font-family: 'Alfa Slab One', cursive;
+}
+
 /* Fredoka font class for specific elements */
 .fredoka-font {
   font-family: 'Fredoka', sans-serif;
 }
 
+/* Rye font for titles */
+.rye-font {
+  font-family: 'Rye', cursive;
+}
+
 .profile-view {
   display: grid;
   grid-template-areas:
@@ -196,7 +210,7 @@ a.link {
   display: block;
   font-size: 1rem !important;
   font-weight: 600;
-  color: #7b81ff;
+  color: #8b5a2b;
 }
 
 .swiper-pagination-bullet,
@@ -210,3 +224,427 @@ a.link {
   transition: opacity 0.5s ease-in;
   transition-delay: 3s;
 }
+
+.section-bg {
+  background-repeat: repeat-x; 
+  background-position: center; 
+  background-size: cover;
+}
+
+/* Responsive background sizing for different screen sizes */
+@media (max-width: 767px) {
+  .section-bg {
+    background-size: auto 100%;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1023px) {
+  /* iPad/Tablet */
+  .section-bg {
+    background-size: 150% auto;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1366px) {
+  /* Laptop/Desktop (smaller) */
+  .section-bg {
+    background-size: 120% auto;
+  }
+}
+
+@media (min-width: 1367px) {
+  /* Large Desktop */
+  .section-bg {
+    background-size: cover;
+  }
+}
+
+/* Hero background */
+/*
+.bg-sky {
+  background-image: url('/assets/sky.png');
+  background-repeat: no-repeat;
+  background-position: top center;
+  background-size: cover;
+}
+*/
+
+@keyframes skyDrift {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(-30px);
+  }
+}
+
+@keyframes float {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.parallax-sky {
+  position: absolute;
+  bottom: -170px;
+  left: 0;
+  width: 110%;
+  height: 100%;
+  background-image: url('/assets/sky.png');
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-size: 100% auto;
+  z-index: 1;
+  animation: skyDrift 25s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
+  will-change: transform;
+}
+
+@media (min-width: 1600) {
+  .parallax-sky {
+    bottom: 550px;
+  }
+}
+/* Laptop/Desktop */
+@media (min-width: 1024px) and (max-width: 1599px) {
+  .parallax-sky {
+    bottom: 150px;
+  }
+}
+
+
+/* Adjust sky for smaller viewport heights - placed last to override width-based queries */
+
+@media (max-height: 1100px) {
+  .parallax-sky {
+    height: 95% !important;
+    bottom: 550px !important;
+    background-size: 140% auto !important;
+  }
+  
+  
+}
+@media (max-height: 1000px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 500px !important;
+    background-size: 120% auto !important;
+  }
+
+   
+}
+@media (max-height: 900px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 300px !important;
+    background-size: 110% auto !important;
+  }
+
+}
+@media (max-height: 800px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 300px !important;
+    background-size: 110% auto !important;
+  }
+
+
+  
+}
+@media (max-height: 700px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 300px !important;
+    background-size: 100% auto !important;
+  }
+
+   
+}
+
+@media (max-height: 600px) {
+  .parallax-sky {
+    height: 85% !important;
+    bottom: 300px !important;
+    background-size: 100% auto !important;
+  }
+
+   
+}
+
+@media (max-height: 500px) {
+  .parallax-sky {
+    height: 80% !important;
+    bottom: 350px !important;
+    background-size: 100% auto !important;
+  }
+
+    
+}
+
+/* Adjust for 1080p width screens with reduced heights */
+@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 900px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 400px !important;
+    background-size: 120% auto !important;
+  }
+ 
+}
+
+@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 800px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 360px !important;
+    background-size: 120% auto !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 700px) {
+  .parallax-sky {
+    height: 90% !important;
+    bottom: 250px !important;
+    background-size: 100% auto !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 600px) {
+  .parallax-sky {
+    height: 85% !important;
+    bottom: 300px !important;
+    background-size: 100% auto !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 500px) {
+  .parallax-sky {
+    height: 80% !important;
+    bottom: 490px !important;
+    background-size: 100% auto !important;
+  }
+}
+
+/* Unified gradient background wrapping schedule to sponsors */
+.bg-unified-gradient {
+  background: linear-gradient(
+    to bottom,
+    #2B0800 0%,
+    #2B0800 10%,
+    #702D11 30%,
+    #A74A1B 50%,
+    #CA6F30 70%,
+    #FDD7B1 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+.bg-7 {
+  /* Top of continuous diagonal gradient */
+  background-image: linear-gradient(
+    135deg,
+    #2d1508 0%,
+    #5c3a1e 50%,
+    #8c3f1f 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+.bg-8 {
+  /* Middle of continuous diagonal gradient */
+  background-image: linear-gradient(
+    135deg,
+    #8b5a2b 0%,
+    #2d1508 50%,
+    #8c3f1f 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+.bg-9 {
+  /* Bottom of continuous diagonal gradient */
+  background-image: linear-gradient(
+    135deg,
+    #d4a574 0%,
+    #b57d48 50%,
+    #f5e6d3 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+.header-sponsors {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%) translateY(-210px); /* Center horizontally and move upwards */
+
+  font-family: "Alfa Slab One", cursive;
+  font-weight: 400;
+  font-size: clamp(28px, 4vw, 68px);
+
+  letter-spacing: 2px;
+  text-align: center;
+
+  color: #ffffff;
+  text-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
+
+  margin: 0;
+  z-index: 4;
+}
+
+
+/* Keep backgrounds stable on reduced viewport heights without cutting off content */
+@media (min-width: 1024px) and (max-height: 500px) {
+  /* Keep backgrounds from shifting - but allow sections to scroll naturally */
+  .bg-2,
+  .bg-3,
+  .bg-4,
+  .bg-5,
+  .bg-6,
+  .bg-unified-gradient {
+    background-size: cover !important;
+    background-position: center !important;
+  }
+}
+
+/* Large screens - keep contain to avoid zooming */
+/*
+@media (min-width: 1920px) {
+  .bg-3 {
+    background-size: contain;
+    background-position: center center;
+  }
+}
+*/ 
+
+/* Force Alfa Slab One for all text inside schedule section */
+.schedule-alfa * {
+  font-family: 'Alfa Slab One', cursive !important;
+  -webkit-font-smoothing: antialiased;
+  color: #5C2E12 !important; /* default brown text color */
+}
+
+/* Override for white text headings */
+.white-text {
+  color: white !important;
+}
+
+
+/* Stats heading to match the reference image (Alfa Slab One) */
+.stats-title {
+  font-family: 'Alfa Slab One', cursive;
+  color: #FF9A2E; /* bright orange */
+  font-weight: 900;
+  letter-spacing: 0.02em;
+  -webkit-text-stroke: 1.5px #7a3a00; /* thin dark outline */
+  text-shadow: 0 2px 0 #8c3d00, 0 6px 12px rgba(0,0,0,0.35); /* softened drop shadow */
+  position: relative;
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  transform: translateZ(0);
+}
+@media (min-width: 768px) {
+  .stats-title {
+    -webkit-text-stroke: 1px #7a3a00;
+  }
+}
+@media (min-width: 1024px) {
+  .stats-title {
+    -webkit-text-stroke: 1px #7a3a00;
+  }
+}
+/* subtle top bevel highlight to mimic embossed look */
+.stats-title::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  box-shadow: inset 0 4px 0 rgba(255,255,255,0.06);
+}
+.stats-subtitle {
+  font-family: 'Alfa Slab One', cursive;
+  color: #8c3d00;
+  -webkit-text-stroke: 0.8px #6a2f00;
+  text-shadow: 0 2px 0 rgba(0,0,0,0.28);
+}
+
+/* Sponsor card hover effect - dim others when hovering */
+.sponsor-grid:has(.sponsor-card:hover) .sponsor-card:not(:hover) {
+  opacity: 0.5;
+  filter: brightness(0.7);
+}
+
+.sponsor-card {
+  transition: all 0.3s ease;
+}
+
+
+@media (min-height: 840px) {
+  .stats-container {
+    padding-top: 45px !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .parallax-sky {
+    position: absolute;
+    top: 0 !important;
+    bottom: auto !important;
+    height: 100vh !important;
+    width: 100%;
+    background-size: cover !important;
+    background-position: center top !important;
+    transform: none !important;
+    animation: none !important;
+    z-index: 0;
+  }
+}
+
+@media (max-width: 767px) {
+  .homeHeroMobileFix {
+    position: relative;
+    min-height: 100vh !important;
+    overflow: hidden;
+  }
+
+  .homeHeroMobileFix h1,
+  .homeHeroMobileFix p {
+    position: relative;
+    z-index: 2;
+  }
+}
+
+
+@media (max-width: 767px) {
+  .home-about h1 {
+    font-size: clamp(12px, 4vw, 18px);
+  }
+  .home-about p {
+    font-size: clamp(7px, 2.6vw, 8px); 
+    line-height: 1.2; 
+  }
+}
+
+@media (max-width: 767px) {
+  .stats-title {
+    font-size: clamp(10px, 4vw, 16px) !important;
+    -webkit-text-stroke: 0.4px #7a3a00 !important;
+  }
+
+  .home-stats-wrapper {
+    transform: translateY(-21px);
+    font-size: clamp(10px, 5vw, 16px) !important; 
+    -webkit-text-stroke: 0.4px #7a3a00 !important;
+  }
+
+  .home-stats-wrapper .space-y-3 > * + * {
+    margin-top: 4px !important; /* smaller space between stats */
+  }
+
+}
\ No newline at end of file