Spring 2025 landing

app/(pre-dashboard)/(landing)/page.tsx

@@ -1,6 +1,6 @@
 import { ArrowRightIcon } from '@heroicons/react/24/outline';
 import Link from 'next/link';
-import { fuzzy } from '@/app/ui/fonts';
+import { brush } from '@/app/ui/fonts';
 import Image from 'next/image';
 import Hero from './sections/Hero/Hero';
 import Schedule from './sections/Schedule';
@@ -16,16 +16,13 @@ import React from 'react';
 import { redirect } from 'next/navigation';
 
 export default async function Page() {
-  redirect('/offseason');
   return (
     <main
-      className={`relative flex h-fit flex-col ${fuzzy.className} text-blue-200`}
+      className={`relative flex h-fit flex-col ${brush.className} text-s2025black-100 bg-gradient-to-b from-tan_2-100 to-off_white-100`}
     >
       <div className="overflow-x-hidden overflow-y-hidden">
         <Hero />
-        <h1 className={`text-center bg-blue-500 ${fuzzy.className}`} style={{ fontSize: '96px' }}>
-          ABOUT
-        </h1>
+
 
         <About />
         {/**
@@ -38,16 +35,16 @@ export default async function Page() {
             <Schedule />
           </Suspense>
         </GenericSection>
-        <GenericSection title="Sponsors">{<Sponsors /> }</GenericSection>
+        {/* <GenericSection title="Sponsors">{<Sponsors />}</GenericSection> */}
         <GenericSection title="FAQ" color="from-blue-500">
           <FAQ />
         </GenericSection>
         {/* <GenericSection title="Team">
           <Team />
         </GenericSection> */}
-        <div className="bg-gradient-to-b from-blue-500 to-blue-500">
+        <div className="">
           <Image
-            src="/landing/machine.png"
+            src="/landing/S2025/bottomofpage.png"
             alt="bottom image"
             object-fit="cover"
             style={{

app/(pre-dashboard)/(landing)/sections/About.tsx

@@ -2,9 +2,7 @@
 import Image from 'next/image';
 import clsx from 'clsx';
 import { useWindowSize } from '@/app/lib/useWindowSize';
-import GenericSection from './GenericSection';
-import SectionTitle from './SectionTitle';
-import { longCang, fuzzy } from '@/app/ui/fonts';
+import { longCang, brush } from '@/app/ui/fonts';
 
 const animalQuality = 100;
 
@@ -38,13 +36,13 @@ function AboutInfo({
         )}
       >
         <h1
-          className={clsx('text-3xl md:text-5xl', fuzzy.className)}
+          className={clsx('text-3xl md:text-5xl', brush.className)}
           style={{ color: titleColor }}
         >
           {title}
 
         </h1>
-        <div className={clsx('text-2xl', fuzzy.className)}>
+        <div className={clsx('text-2xl', brush.className)}>
           {children}
         </div>
 
@@ -64,7 +62,7 @@ function AboutInfo({
           src={imageSrc}
           width="400"
           height="400"
-          className="w-[600px] lg:w-[800px]"
+          className="w-[600px] lg:w-[700px]"
           alt={alt}
           quality={animalQuality}
         />
@@ -104,22 +102,33 @@ function AboutInfo({
 export default function About() {
   return (
     <>
+      <div className='flex  justify-center items-center p-4'>
+        <Image
+          src={"/landing/S2025/aboutbanner.png"}
+          width="300"
+          height="300"
+          className="w-[400px]  z-30"
+          alt={'about'}
+          quality={50}
+        />
+      </div>
+
       <div
         className="from-dark_blue_figma relative flex  h-fit w-full
-        flex-col flex-wrap 
+        flex-col flex-wrap
          pb-20 text-base
-        md:flex-row md:px-4 md:text-lg xl:text-xl 2xl:text-2xl bg-blue-500"
+        md:flex-row md:px-4 md:text-lg xl:text-xl 2xl:text-2xl"
 
         id="About"
       >
         <div>
 
 
         </div>
-        <AboutInfo title="WHAT" imageSrc="/landing/catPawn.png" alt="Python" reverse titleColor='#C3557D'>
-          <div className="pt-6">
+        <AboutInfo title="WHAT" imageSrc="/landing/S2025/lumpia.png" alt="Python" reverse titleColor='s2025black'>
+          <div className="pt-6 border-t-8 border-cyan-100">
             <p className="inline">HackRU is a</p>
-            <p className="inline text-blue-100"> 24-hour hackathon </p>
+            <p className="inline "> 24-hour hackathon </p>
             <p className="inline">at Rutgers University. We welcome</p>
             <p className="inline"> hundreds of students </p>
             <p className="inline">to join us in building</p>
@@ -130,14 +139,14 @@ export default function About() {
             <p className="inline"> help foster an atmosphere of</p>
             <p className="inline"> learning</p>
             <p className="inline"> through</p>
-            <p className="inline text-blue-100"> tech-talks</p>
+            <p className="inline "> tech-talks</p>
             <p className="inline"> and</p>
-            <p className="inline text-blue-100">
+            <p className="inline ">
               {' '}
               one-on-one guidance.
             </p>
             <p className='inline '> We encourage</p>
-            <p className="inline text-blue-100"> all students,</p>
+            <p className="inline "> all students,</p>
             <p className="inline">
               {' '}
               no matter their experience level or educational background, to
@@ -153,67 +162,68 @@ export default function About() {
 
         <AboutInfo
           title="TRACKS"
-          imageSrc="/landing/catQueenKing.png"
+          imageSrc="/landing/S2025/sushiAsset 1.png"
           alt="Python"
-          titleColor="#EC9655"
+          titleColor="s2025black"
         >
-          <div className="pt-6">
-            <p className="inline  text-pink-100">Social Good:</p>
+          <div className="pt-6 border-t-8 border-cyan-100">
+            <p className="inline ">Social Good:</p>
             <p className="inline pb-4 pt-4">
               {' '}
               Hacks that betters the community.
             </p>
 
             <div className="pt-6">
-              <p className="inline  text-pink-100">NeuroTech presented by NTICe:</p>
+              <p className="inline ">NeuroTech presented by NTICe:</p>
               <p className="inline pb-4">
                 {' '}
                 Hacks that advance technology for treating brain dysfunction.
               </p>
             </div>
 
             <div className="pt-6">
-              <p className="inline   text-pink-100">Education:</p>
+              <p className="inline   ">Education:</p>
               <p className="inline pb-4">
                 {' '}
                 Hacks that focus on building an educated community.
               </p>
             </div>
 
             <div className="pt-6">
-              <p className="inline   text-pink-100">Maverick:</p>
+              <p className="inline   ">Maverick:</p>
               <p className="inline pb-4"> Any other hack! The opportunities are limitless.</p>
             </div>
 
             <div className="pt-6">
               <p className="inline">And more</p>
-              <p className="inline  text-blue-100"> sponsor prizes!</p>
+              <p className="inline  "> sponsor prizes!</p>
             </div>
           </div>
         </AboutInfo>
 
         <AboutInfo
           title="JOIN US"
-          imageSrc="/landing/catKnight.png"
+          imageSrc="/landing/S2025/ratatoullie.png"
           alt="Python"
           reverse
-          titleColor="#1ED4FE"
+          titleColor="s2025black"
+
         >
-          <div className="pb-6 pt-6">
-            <p className="inline  text-pink-100">Apply</p>
+          <div className="pb-6 pt-6 border-t-8 border-cyan-100">
+            <p className="inline  ">Apply</p>
             <p className="inline"> to attend our </p>
-            <p className="inline   text-pink-100">Fall 2024 HackRU!</p>
+            <p className="inline   ">Fall 2024 HackRU!</p>
             <p className="inline"> The event will be on</p>
-            <p className="inline   text-pink-100"> October 26th-27th</p>
+            <p className="inline   "> October 26th-27th</p>
             <p className="inline"> at the</p>
-            <p className="inline   text-pink-100"> College Ave Student Center.</p>
+            <p className="inline   "> College Ave Student Center.</p>
           </div>
 
           <div className="pb-6">
             <p className="inline">Want to help? Sign up to</p>
-            <p className="inline   text-pink-100"> volunteer</p>
+            <p className="inline   "> volunteer</p>
             <p className="inline"> and/or</p>
-            <p className="inline  text-pink-100"> mentor!</p>
+            <p className="inline  "> mentor!</p>
             <p className="inline">
               {' '}
               To know when organizer applications open subscribe to our
@@ -224,7 +234,7 @@ export default function About() {
             <p className="inline">Want to receive updates? </p>
             <a
               href="https://hackru.us3.list-manage.com/subscribe?u=457c42db47ebf530a0fc733fb&id=fb01885829"
-              className="inline   text-pink-100 underline"
+              className="inline  underline"
               target="_blank"
             >
               Subscribe here!

app/(pre-dashboard)/(landing)/sections/FAQ/Accordion.tsx

@@ -53,7 +53,7 @@ export default function Accordion(props: propType) {
         </svg>
       </button>
       <div
-        className={`pb-3 grid overflow-hidden text-sm text-orange-100 transition-all duration-300 ease-in-out ${
+        className={`pb-3  grid overflow-hidden text-sm text-s2025black-100 transition-all duration-300 ease-in-out ${
           props.active
             ? 'grid-rows-[1fr] opacity-100'
             : 'grid-rows-[0fr] opacity-0'

app/(pre-dashboard)/(landing)/sections/FAQ/FAQ.tsx

@@ -17,7 +17,7 @@ function QuestionContainer() {
           setActiveAccordion={setActiveAccordion}
           index={i}
           answer={Object.values(hackRUFAQ)[i]}
-          textcolor={['text-[#1ED4FE]', 'text-[#C3557D]', 'text-[#EC9655]'][i%3]}
+          textcolor={'text-s2025black-100'}
         />
       ))}
     </div>

app/(pre-dashboard)/(landing)/sections/GenericSection.tsx

@@ -1,5 +1,6 @@
 import SectionTitle from './SectionTitle';
 import { ReactNode } from 'react';
+import Image from 'next/image';
 
 type GenericSectionProps = {
   children: ReactNode;
@@ -8,16 +9,55 @@ type GenericSectionProps = {
 };
 
 export default function GenericSection(props: GenericSectionProps) {
-  const defaultColor = 'bg-blue-500';
+  const defaultColor = 'yellow-100';
   const bgColorNew = props.color ? `${props.color}` : defaultColor;
   return (
     <div
       id={props.title}
-      className={'flex w-full flex-col items-center bg-blue-500 sections'}
+      className={'flex w-full flex-col items-center  sections'}
     >
-      <SectionTitle title={props.title} />
+      {/* <SectionTitle title={props.title} /> */}
+      {props.title == "Sponsors" ?       
+      <div className='flex  justify-center items-center p-4'>
+        <Image
+          src={"/landing/S2025/sponsorsflag.png"}
+          width="300"
+          height="300"
+          className="w-[400px]  z-30"
+          alt={'about'}
+          quality={50}
+        />
+      </div>
+      :
+      <div>
+        {props.title == "Schedule" ?       
+          <div className='flex  justify-center items-center p-4'>
+            <Image
+              src={"/landing/S2025/schedulebanner.png"}
+              width="300"
+              height="300"
+              className="w-[400px]  z-30"
+              alt={'about'}
+              quality={50}
+            />
+          </div>
+          :
+          <div className='flex  justify-center items-center p-4'>
+            <Image
+              src={"/landing/S2025/faqflag.png"}
+              width="300"
+              height="300"
+              className="w-[400px]  z-30"
+              alt={'about'}
+              quality={50}
+            />
+          </div>
+        }
+      </div>
+      }
+
       <div className="w-full h-fit sections relative">
-        <div className="absolute bg-blue-500 top-0 w-full h-full " />
+        <div className="absolute  top-0 w-full h-full " />
         {props.children}
       </div>
       <div className={`h-[15vh] w-full ${bgColorNew}`}></div>