Revert "New Website: Home Page, Hero Section, and Footer Improvements"

This reverts commit b02381e.

new-dti-website/components/footer.tsx

@@ -51,9 +51,7 @@ const Footer: React.FC<FooterProps> = ({ theme }) => (
       theme === 'dark' ? 'bg-black text-neutral-50' : 'bg-[#F5F5F5] text-[#0C0404]'
     } w-full h-[146px] md:px-10 lg:px-[60px] flex justify-between items-center md:flex-row flex-col`}
   >
-    <div
-      className={`sm:w-[336px] sm:text-center md:text-lg md:w-[310px] md:text-left lg:w-full text-sm font-medium flex items-center ${theme === 'dark' ? 'text-gray-300' : 'text-black'}`}
-    >
+    <div className="sm:w-[336px] sm:text-center md:text-lg md:w-[310px] md:text-left lg:w-full text-sm font-medium flex items-center ">
       © {new Date().getFullYear()} Cornell Digital Tech & Innovation Project Team
     </div>
     <div className="flex gap-5 md:h-fit h-screen">

new-dti-website/components/slideshow.tsx

@@ -19,10 +19,10 @@ const imageNames = [
 const ImageHeader: React.FC<{ imageName: string }> = ({ imageName }) => (
   <div className="md:p-4 xs:p-2 flex items-center rounded-[20px] gap-2">
     <img src="/images/folder_icon.png" alt="Folder" className="xs:h-3 md:h-6" />
-    <span className={`font-medium xs:text-[8px] md:text-[16px] ${ibm_plex_mono.className}`}>
+    <span className={`font-medium xs:text-[10px] md:text-[22px] ${ibm_plex_mono.className}`}>
       cornell-dti
     </span>
-    <span className={`ml-auto font-medium md:text-[16px] xs:text-[8px] ${ibm_plex_mono.className}`}>
+    <span className={`ml-auto font-medium md:text-[14px] xs:text-[7px] ${ibm_plex_mono.className}`}>
       {imageName}
     </span>
   </div>

new-dti-website/components/team/TeamHero.tsx

@@ -157,10 +157,11 @@ const TeamHero = () => {
             </h1>
           </div>
           <div className="flex flex-col justify-center gap-6">
-            <h2 className="font-bold md:text-[40px] xs:text-2xl text-heroPrimary">
-              Working together
+            <h2 className="font-bold md:text-[40px] xs:text-2xl">
+              <span className="text-[#877B7B]">Working</span>{' '}
+              <span className="italic">together</span>
             </h2>
-            <p className="md:text-lg xs:text-sm text-heroSecondary">
+            <p className="md:text-lg xs:text-sm">
               We are Cornell DTI. But individually, we are a{' '}
               <span className="font-bold">talented, diverse group of students</span> from different
               colleges and countries striving to make a difference in the Cornell community and

new-dti-website/src/app/apply/page.tsx

@@ -28,11 +28,11 @@ const ApplyHero = () => (
       <div className="flex flex-col gap-6">
         <h2
           className="font-bold md:text-[40px] xs:text-[24px] md:leading-[48px] 
-          xs:leading-[29px] text-heroPrimary"
+          xs:leading-[29px] text-[#877B7B]"
         >
-          Down to innovate?
+          Down to <span className="text-[#E4E4E4] italic">innovate?</span>
         </h2>
-        <p className="md:text-lg xs:text-sm text-heroSecondary">
+        <p className="md:text-lg xs:text-sm">
           <span className="font-bold">We strive for inclusivity</span>, and encourage passionate
           applicants to apply regardless of experience. We'd love to work with someone like you.
         </p>

new-dti-website/src/app/course/page.tsx

@@ -81,13 +81,15 @@ export default function Courses() {
               </div>
 
               <div className="flex flex-col justify-center gap-6 ">
-                <h2 className="font-bold md:text-[40px] xs:text-2xl text-heroPrimary">
-                  Teaching the community
+                <h2 className="font-bold md:text-[40px] xs:text-2xl">
+                  <span className="text-[#877B7B]">Teaching the</span>{' '}
+                  <span className="italic">community</span>
                 </h2>
-                <p className="md:text-lg xs:text-sm text-heroSecondary">
+                <p className="md:text-lg xs:text-sm">
                   A project team is meant, above all, to be a learning experience. Given our mission
                   of <span className="font-black">community impact</span>, we want to help everyone{' '}
-                  <span className="font-black">learn and grow</span> through our training course in{' '}
+                  <span className="font-black">learn and grow</span>
+                  through our training course in{' '}
                   <span className="font-black">product development.</span>
                 </p>
               </div>

new-dti-website/src/app/initiatives/page.tsx

@@ -24,11 +24,11 @@ const InitiativeHero = () => (
       <div className="flex flex-col gap-6">
         <h2
           className="font-bold md:text-[40px] xs:text-[24px] md:leading-[48px] 
-          xs:leading-[29px] text-heroPrimary"
+          xs:leading-[29px] text-[#877B7B]"
         >
-          Invigorating growth
+          Invigorating <span className="text-[#E4E4E4] italic">growth</span>
         </h2>
-        <p className="md:text-lg xs:text-sm text-heroSecondary">
+        <p className="md:text-lg xs:text-sm">
           What sets us apart from other project teams is our desire to{' '}
           <span className="font-bold">share our discoveries</span> with other students and members
           of the greater Ithaca community.

new-dti-website/src/app/page.tsx

@@ -96,7 +96,7 @@ const Home: React.FC = () => {
         <div className="flex flex-row grow h-full justify-evenly lg:gap-24 items-center lg:px-24 md:px-10 xs:px-4 mt-5">
           <div className="flex flex-col md:gap-8 xs:gap-4 xs:w-full lg:w-5/12">
             <h2 className="text-white md:text-[40px] xs:text-[28px] z-10 font-medium">
-              Building the Future of Tech @ Cornell
+              Cornell Digital Tech & Innovation Project Team
             </h2>
             <div className="flex justify-center">
               {width < LAPTOP_BREAKPOINT && <Slideshow selectedImage={selectedIcon} />}

new-dti-website/src/app/products/page.tsx

@@ -29,11 +29,13 @@ export default function Page() {
           </div>
           <div className="flex flex-col justify-center w-fit gap-y-6 z-10">
             <div className="flex flex-row">
-              <div className="RealImpact text-[24px] leading-[29.05px] font-bold md:text-[40px] md:leading-[48.41px] text-heroPrimary">
-                Real impact
+              <div className="RealImpact text-[24px] leading-[29.05px] font-bold md:text-[40px] md:leading-[48.41px]">
+                <span className="text-neutral-400">Real</span>
+                <span className="text-white font-medium"> </span>
+                <span className="text-neutral-200 italic">impact</span>
               </div>
             </div>
-            <p className="text-heroSecondary xs:max-w-none md:text-lg md:leading-[21.78px] text-[14px] leading-[16.94px] md:max-w-md max-w-[314px] z-10">
+            <p className="text-[#FFFFFF] xs:max-w-none md:text-lg md:leading-[21.78px] text-[14px] leading-[16.94px]  md:max-w-md max-w-[314px] z-10">
               Each of our projects address an unfulfilled need that exists in our community using
               <span className="font-semibold">
                 {' '}

new-dti-website/src/app/sponsor/page.tsx

@@ -35,10 +35,11 @@ const SponsorHero = () => {
           </h1>
         </div>
         <div className="flex flex-col justify-center gap-6">
-          <h2 className="font-bold md:text-[40px] xs:text-2xl text-heroPrimary">
-            Let's collaborate
+          <h2 className="font-bold md:text-[40px] xs:text-2xl">
+            <span className="text-[#877B7B] leading-[50px]">Let's</span>{' '}
+            <span className="italic leading-[50px]">collaborate</span>
           </h2>
-          <p className="md:text-lg xs:text-sm text-heroSecondary">
+          <p className="md:text-lg xs:text-sm">
             The generous contributions of our supporters and sponsors allow our team to continue
             building products and hosting initiatives to{' '}
             <span className="font-bold">help the Cornell and Ithaca communities.</span>

new-dti-website/tailwind.config.ts

@@ -62,9 +62,7 @@ module.exports = {
         card: {
           DEFAULT: 'hsl(var(--card))',
           foreground: 'hsl(var(--card-foreground))'
-        },
-        heroPrimary: 'rgba(255, 255, 255)',
-        heroSecondary: 'rgba(255, 255, 255, 0.7)'
+        }
       },
       borderRadius: {
         lg: 'var(--radius)',