From 18c060ffdc1a7858e1383417e74e1dfa182d96c7 Mon Sep 17 00:00:00 2001
From: Alex <ava2007mara@gmail.com>
Date: Mon, 4 Aug 2025 19:09:45 -0700
Subject: [PATCH] replaced landing page with post DOE changes

---
 .../_components/hero/heroInfo.scss            | 35 +++++++++++++++++++
 .../_components/hero/heroInfo.tsx             | 25 +++++++++----
 app/(pages)/(index-page)/page.tsx             |  6 ++--
 app/(pages)/_components/Navbar/Navbar.tsx     | 12 +++----
 app/(pages)/layout.tsx                        |  2 +-
 package-lock.json                             |  8 ++---
 package.json                                  |  2 +-
 7 files changed, 68 insertions(+), 22 deletions(-)
 create mode 100644 app/(pages)/(index-page)/_components/hero/heroInfo.scss

diff --git a/app/(pages)/(index-page)/_components/hero/heroInfo.scss b/app/(pages)/(index-page)/_components/hero/heroInfo.scss
new file mode 100644
index 0000000..9b00ea9
--- /dev/null
+++ b/app/(pages)/(index-page)/_components/hero/heroInfo.scss
@@ -0,0 +1,35 @@
+@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap');
+
+.emailInput {
+    flex-grow: 1;
+    font-family: 'Urbanist', sans-serif;
+    font-size: 20px;
+    font-weight: 400;
+    background: rgb(255, 255, 255);
+    border-width: 3px;
+    border-style: solid;
+    border-color: rgb(231, 230, 255);
+    border-image: initial;
+    border-radius: 20px;
+    width:300px;
+    padding: 10px 23px;
+}
+
+.buttonArrow {
+    display: grid;
+    justify-content: center;
+    width: 50px;
+    background: rgb(231, 230, 255);
+    border-width: initial;
+    border-style: none;
+    border-color: initial;
+    border-image: initial;
+    border-radius: 15px;
+    place-items: center;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    padding-right: 25px;
+    padding-left: 25px;
+}
+
+
diff --git a/app/(pages)/(index-page)/_components/hero/heroInfo.tsx b/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
index 4f1b784..83e49e0 100644
--- a/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
+++ b/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
@@ -3,6 +3,9 @@ import Image from 'next/image';
 import Link from 'next/link';
 import HeartButton from '../HeartButton/heartButton';
 import WordCycle from './wordCycle';
+//import './heroInfo.scss';
+
+
 
 export default function HeroInfo() {
   return (
@@ -18,11 +21,18 @@ export default function HeroInfo() {
           social good
         </h1>
         <p className="mt-[31px] font-metropolis text-[16px] font-normal tracking-[0.48px] text-white break-625:text-[20px]">
-          Apply to direct <strong>HackDavis 2026</strong>
+          Stay tuned for <strong>HackDavis 2026</strong>
         </p>
       </div>
 
       <div className="flex flex-row items-start gap-[12px] break-625:flex-col break-625:items-end break-625:gap-[28px] sm:flex-row sm:items-center">
+        <input placeholder="Enter email to stay updated" className="grow text-[20px] font-normal bg-[#ffffff] border-[3px] border-solid border-[#e7e6ff] rounded-[20px] w-[300px] py-[10px]  px-[23px]"/>
+        <button className="grid justify-center w-[50px] bg-[#e7e6ff] border-none rounded-[15px] place-items-center pt-[15px] pb-[15px] pr-[25px] pl-[25px]">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M24 12.0028C23.9832 12.4317 23.8066 12.9277 23.5126 13.2404L13.9126 23.4414C13.2619 24.0261 12.0146 24.2674 11.2876 23.5914C10.5714 22.9257 10.5927 21.6346 11.3062 20.9661L18.0563 13.8033H1.80004C0.805841 13.8033 1.90735e-06 12.9974 1.90735e-06 12.0032C1.90735e-06 11.009 0.805841 10.2032 1.80004 10.2032H18.0563L11.3062 3.0403C10.6919 2.42505 10.5784 1.08835 11.2876 0.415071C11.9965 -0.258208 13.2888 -0.0429747 13.9126 0.565239L23.5126 10.7657C23.841 11.1147 24.0013 11.5243 24 12.0032V12.0028Z" fill="#292960"></path></svg>
+        </button>
+      </div>
+
+      {/*<div className="flex flex-row items-start gap-[12px] break-625:flex-col break-625:items-end break-625:gap-[28px] sm:flex-row sm:items-center">
         <Link
           href="https://hackdavis.typeform.com/to/N6DEZIVH"
           target="_blank"
@@ -31,7 +41,7 @@ export default function HeroInfo() {
           Director Application
         </Link>
         <div className="flex h-[40px] w-[138px] flex-shrink-0 items-center rounded-[100px] bg-white/15 text-center font-metropolis text-[18px] font-bold tracking-[0.4px] text-white break-625:h-[50px] break-625:w-[170px] break-625:py-0 break-625:text-[20px]">
-          {/* <div className="flex h-[40px] w-[40px] flex-shrink-0 items-center justify-center rounded-[50px] bg-highlight-yellow shadow-[0px_5px_75px_0px_rgba(0,0,0,0.25)] break-625:h-[50px] break-625:w-[50px]">
+           <div className="flex h-[40px] w-[40px] flex-shrink-0 items-center justify-center rounded-[50px] bg-highlight-yellow shadow-[0px_5px_75px_0px_rgba(0,0,0,0.25)] break-625:h-[50px] break-625:w-[50px]">
             <Image
               src="/Hero/heart.svg"
               alt="Heart icon"
@@ -40,7 +50,7 @@ export default function HeroInfo() {
               className="h-[15px] w-[17px] object-contain break-625:h-[24px] break-625:w-[24px]"
             />
           </div>
-          <span className="flex-1 pl-[9px] pr-[15px] text-center">Sponsor</span> */}
+          <span className="flex-1 pl-[9px] pr-[15px] text-center">Sponsor</span> 
           <HeartButton text="Sponsor" href="mailto:team@hackdavis.io" />
         </div>
       </div>
@@ -56,22 +66,23 @@ export default function HeroInfo() {
             // includeComma={true}
             includeComma={false}
           />
-          {/* <FormLink
+          <FormLink
             text="Mentor"
             href="https://form.typeform.com/to/uNuWRicb"
             // includeComma={true}
             includeComma={false}
-          /> */}
+          />
           <span className="font-metropolis text-[18px] font-normal tracking-[0.48px] md:text-[20px]">
             we have!
           </span>
-          {/* <FormLink
+          <FormLink
             text="Volunteer"
             href="https://form.typeform.com/to/sTYMFPMW"
             includeComma={false}
-          /> */}
+          /> 
         </div>
       </div>
+      */}
     </div>
   );
 }
diff --git a/app/(pages)/(index-page)/page.tsx b/app/(pages)/(index-page)/page.tsx
index df3ab35..3ae67c1 100644
--- a/app/(pages)/(index-page)/page.tsx
+++ b/app/(pages)/(index-page)/page.tsx
@@ -16,9 +16,9 @@ export default function Home() {
     <div className={styles.container}>
       <div id="home">
         <HeroSection />
-        <SandCastle />
+        {/*<SandCastle />*/}
       </div>
-
+      {/*
       <div id="underwater">
         <BigWave />
         <Underwater />
@@ -32,7 +32,7 @@ export default function Home() {
         <Sponsors />
         <Crowdfund />
         <BigVinyl />
-      </div>
+      </div>*/}
     </div>
   );
 }
diff --git a/app/(pages)/_components/Navbar/Navbar.tsx b/app/(pages)/_components/Navbar/Navbar.tsx
index 1f53ce6..3b2835c 100644
--- a/app/(pages)/_components/Navbar/Navbar.tsx
+++ b/app/(pages)/_components/Navbar/Navbar.tsx
@@ -33,7 +33,7 @@ const links = [
     page: '/',
     path: '/?section=home', // remove section if scroll issue fixed
   },
-  {
+  /*{
     ids: ['donate'],
     body: 'DONATE',
     page: '/',
@@ -56,7 +56,7 @@ const links = [
     body: 'SPONSORS',
     page: '/',
     path: '/?section=sponsors',
-  },
+  },*/
   {
     ids: ['about'],
     body: 'ABOUT',
@@ -80,7 +80,7 @@ const sections = [
     activeColor: '#FFC53D',
     background: 'rgba(136, 136, 136, 0.50)',
   },
-  {
+  /*{
     id: 'donate',
     page: '/',
     baseColor: '#FFFFFF',
@@ -93,7 +93,7 @@ const sections = [
     baseColor: '#FFFFFF',
     activeColor: '#AFD157',
     background: 'rgba(136, 136, 136, 0.50)',
-  },
+  },*/
   // {
   //   id: 'faq',
   //   page: '/',
@@ -101,13 +101,13 @@ const sections = [
   //   activeColor: '#AFD157',
   //   background: 'rgba(136, 136, 136, 0.50)',
   // },
-  {
+  /*{
     id: 'sponsors',
     page: '/',
     baseColor: '#FFFFFF',
     activeColor: '#FFFFFF',
     background: 'rgba(136, 136, 136, 0.50)',
-  },
+  },*/
   {
     id: 'about',
     page: '/about-us',
diff --git a/app/(pages)/layout.tsx b/app/(pages)/layout.tsx
index 21c53e6..f99657e 100644
--- a/app/(pages)/layout.tsx
+++ b/app/(pages)/layout.tsx
@@ -22,7 +22,7 @@ export default function RootLayout({
           <Navbar />
         </Suspense>
         {children}
-        <Footer />
+        {/*<Footer />*/}
       </body>
     </html>
   );
diff --git a/package-lock.json b/package-lock.json
index 8d7a371..81f027d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,7 @@
         "react-icons": "^5.3.0",
         "react-scroll-parallax": "^3.4.5",
         "react-transition-group": "^4.4.5",
-        "sass": "^1.81.0",
+        "sass": "^1.89.2",
         "sharp": "^0.33.5",
         "styled-components": "^6.1.15"
       },
@@ -6243,9 +6243,9 @@
       }
     },
     "node_modules/sass": {
-      "version": "1.81.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
-      "integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
+      "version": "1.89.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz",
+      "integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==",
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
diff --git a/package.json b/package.json
index c8fddb4..0ebd802 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "react-icons": "^5.3.0",
     "react-scroll-parallax": "^3.4.5",
     "react-transition-group": "^4.4.5",
-    "sass": "^1.81.0",
+    "sass": "^1.89.2",
     "sharp": "^0.33.5",
     "styled-components": "^6.1.15"
   },