Added fixed smoke

Author: kevinmonisit

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

@@ -59,7 +59,7 @@ export default function Hero() {
       >
         <div
           className="relative flex w-full flex-col items-center justify-center
-           sm:flex sm:h-[100vh] sm:flex-row-reverse max-w-[1100px]"
+           sm:flex sm:h-[100vh] md:flex-row-reverse max-w-[1100px]"
           id="Home"
         >
           <div className='relative flex w-full justify-center'>
@@ -78,7 +78,7 @@ export default function Hero() {
                     alt="smoke"
                     width="2000"
                     height="2000"
-                    className="absolute -top-0 -left-32  sm:scale-[1.8] sm:-top-48 sm:-left-72 md:scale-[1.8]"
+                    className="absolute top-5 -left-32 scale-[1.8] sm:scale-[2.8] sm:-top-14 sm:-left-72 md:scale-[3] md:-top-20"
                   />
                 </div>
               </div>
@@ -135,7 +135,7 @@ export default function Hero() {
                       height={400}
                       className="absolute top-0"
                     />
-                    <p className="relative text-white text-lg pt-2 md:pt-4 md:text-2xl lg:text-4xl">SIGN UP</p>
+                    <p className="relative text-white text-lg pt-2 md:pt-4 sm:text-4xl md:text-2xl lg:text-4xl">SIGN UP</p>
                   </div>
                 </button>
                 <button
@@ -162,7 +162,7 @@ export default function Hero() {
                     height={400}
                     className="absolute top-0 "
                   />
-                  <p className="relative text-white text-lg pt-2 md:pt-4 md:text-2xl lg:text-4xl">
+                  <p className="relative text-white text-lg pt-2 md:pt-4 sm:text-4xl md:text-2xl lg:text-4xl">
                     {!isLogged ? 'LOG IN' : 'DASHBOARD'}
                   </p>
                 </button>

app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx

@@ -142,7 +142,7 @@ function Navbar() {
       </a>
       <CollapsedMenu />
       <div
-        className="text-mediumBlue absolute right-20 top-0 z-40 hidden
+        className="text-dark_red-100 absolute right-20 top-0 z-40 hidden
         w-full justify-end pr-2 pt-4 text-sm font-light sm:pr-4 sm:pt-6 sm:text-base md:pr-6 md:pt-8 md:text-lg lg:flex lg:pr-8 lg:pt-10 lg:text-xl"
       >
         {isHomePage && (
@@ -157,7 +157,7 @@ function Navbar() {
             {sections.map((section) => (
               <button
                 style={{
-                  color: '#536F91',
+                  color: '#6D1E00',
                   textTransform: 'lowercase',
                 }}
                 className="glow-center ms-4 text-lg font-medium uppercase transition-shadow hover:drop-shadow-blueGlow sm:mr-3 sm:text-xl md:mr-4 md:text-2xl lg:mr-5 lg:text-3xl"
@@ -169,7 +169,7 @@ function Navbar() {
             ))}
             <button
               style={{
-                color: '#536F91',
+                color: '#6D1E00',
                 textTransform: 'lowercase',
               }}
               className="glow-center ms-4 text-lg font-medium uppercase transition-shadow hover:drop-shadow-blueGlow sm:mr-3 sm:text-xl md:mr-4 md:text-2xl lg:mr-5 lg:text-3xl"
@@ -181,7 +181,7 @@ function Navbar() {
             <Link href="https://linktr.ee/thehackru">
               <button
                 style={{
-                  color: '#536F91',
+                  color: '#6D1E00',
                   textTransform: 'lowercase',
                 }}
                 className="glow-center ms-4 text-lg font-medium uppercase transition-shadow hover:drop-shadow-blueGlow sm:mr-3 sm:text-xl md:mr-4 md:text-2xl lg:mr-5 lg:text-3xl"

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

@@ -113,14 +113,14 @@ export default function Schedule() {
         </div>
       </div>
 
-      <Image
+      {/* <Image
         src={"/landing/S2025/foodplaceholder.png"}
         width="300"
         height="300"
         className="w-[300px] lg:w-[400px] absolute right-0 -bottom-[200px] lg:-bottom-[300px] z-30"
         alt={'cool'}
         quality={50}
-      />
+      /> */}
 
       <Transition appear show={mapOpen} as={Fragment}>
         <Dialog

app/(pre-dashboard)/layout.tsx

@@ -7,9 +7,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     <>
       <main className="relative h-fit w-fit ">
         <Navbar />
-        <Suspense>
+        {/* <Suspense>
           <Cursor />
-        </Suspense>
+        </Suspense> */}
         {children}
         <Suspense></Suspense>
       </main>