From fb9a66ba494d1986f06a013b26ee30bf3b78d671 Mon Sep 17 00:00:00 2001
From: Bhaskar Metiya <bhaskarmetiya@gmail.com>
Date: Mon, 10 Jun 2024 04:40:47 +0530
Subject: [PATCH] Update landing text opacity + Move hamburger to right

---
 src/components/Discord/Discord.jsx   | 2 +-
 src/components/Faq/Faq.jsx           | 2 +-
 src/components/HamburgerMenu.jsx     | 2 +-
 src/components/Sponsors/Sponsors.jsx | 2 +-
 src/pages/LandingPage.jsx            | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Discord/Discord.jsx b/src/components/Discord/Discord.jsx
index 7ede570..ba1483d 100644
--- a/src/components/Discord/Discord.jsx
+++ b/src/components/Discord/Discord.jsx
@@ -7,7 +7,7 @@ import discordSCImage from '../../assets/images/discord/discord_sc.png'; // Impo
 function Discord() {
     return (
         <>
-            <div className="background-container">
+            <div className="background-container text-center">
                 <div className="over"></div>
                 <div className="overlay"></div>
                 <div className="overlay2"></div>
diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx
index 5e720a1..da7a44e 100644
--- a/src/components/Faq/Faq.jsx
+++ b/src/components/Faq/Faq.jsx
@@ -77,7 +77,7 @@ const Faq = () => {
                       <span className="text-left">{faq.question}</span>
                     </h1>
                     <div
-                      className={`overflow-hidden transition-all duration-500 ease-in-out ${openIndex === index ? 'max-h-[1000px]' : 'max-h-0'}`}
+                      className={`overflow-hidden transition-all duration-300 ease-in-out ${openIndex === index ? 'max-h-[1000px]' : 'max-h-0'}`}
                     >
                       <div className="text-[#D6D6D6] text-left text-xl sm:text-2xl pl-8 sm:pl-10 2xl:pl-12 mt-2">
                         {faq.answer}
diff --git a/src/components/HamburgerMenu.jsx b/src/components/HamburgerMenu.jsx
index 734d835..71548da 100644
--- a/src/components/HamburgerMenu.jsx
+++ b/src/components/HamburgerMenu.jsx
@@ -85,7 +85,7 @@ export default function SwipeableTemporaryDrawer() {
   );
 
   return (
-    <div className='relative min-[540px]:hidden w-[80px] h-[60px] ml-[72%]' >
+    <div className='relative min-[540px]:hidden w-[80px] h-[60px] ml-[76%]' >
       {/* Conditionally render hamburger menu icon */}
       {/* <Button className='w-[20%] pr-0 pt-0' onClick={toggleDrawer(!state.top)} style={{ zIndex: state.top ? 9999 : 1 }}>
       <img className="min-[450px]:hidden min-[320px]:w-[30%] min-[320px]:pr-[0] min-[320px]:h-[18%] min-[320px]:mt-[40%] min-[320px]:mr-[30%]" src="./images/Vector.svg" ></img>
diff --git a/src/components/Sponsors/Sponsors.jsx b/src/components/Sponsors/Sponsors.jsx
index efc0d25..d21fcf3 100644
--- a/src/components/Sponsors/Sponsors.jsx
+++ b/src/components/Sponsors/Sponsors.jsx
@@ -21,7 +21,7 @@ const Sponsors = () => {
         <section className="relative bg-[url('/src/assets/images/discord/stars.svg')]" id='sponsors'>
 
             <div className="max-w-[1280px] md:mx-8 lg:mx-12 xl:mx-auto">
-                <h1 className='mx-5 xl:mx-0 py-6 md:text-left text-2xl md:text-4xl xl:text-5xl text-[#9E9E9E]'>$ tar -xvfz <span className='text-white'>SPONSORS</span>.tar.gz</h1>
+                <h1 className='mx-5 xl:mx-0 py-6 md:text-left text-2xl md:text-4xl xl:text-5xl text-[#9E9E9E]'>$ tar -xvzf <span className='text-white'>SPONSORS</span>.tar.gz</h1>
 
                 <div className='mb-4 flex flex-col gap-1 sm:gap-1'>
                     {/* <h1 className="font-vt323 font-medium text-[12vw] leading-[12vw] sm:leading-[4rem] md:leading-[5rem] md:text-[9vw] lg:text-[7vw] xl:text-[6vw] xl:leading-[6rem] 3xl:leading-[8rem]" style={{ background: 'linear-gradient(to right, blue,blue,#dd50b3,#dd50b3)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent' }}>SPONSORS</h1> */}
diff --git a/src/pages/LandingPage.jsx b/src/pages/LandingPage.jsx
index fdf56f6..f85170b 100644
--- a/src/pages/LandingPage.jsx
+++ b/src/pages/LandingPage.jsx
@@ -82,7 +82,7 @@ function LandingPage() {
                     Apply with Devfolio
                   </button></a>
                 </div>
-                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[25px] font-vt323 min-[320px]:text-[18px] md:text-2xl m-3 bg-gradient-to-b from-gradient_purple_fade-0 via-gradient_purple_fade-50 to-gradient_purple_fade-100  text-transparent bg-clip-text">
+                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[25px] font-vt323 min-[320px]:text-[18px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
                   Unleash your creativity and join Status Code 1, an official
                   MLH Member Event and the ultimate 36-hour hackathon
                   extravaganza! Compete across diverse categories, showcasing
@@ -91,7 +91,7 @@ function LandingPage() {
                   challenge yourself,
                 </p>
 
-                <button className="">
+                <button className="animate-bounce">
                   <a onClick={scrollToTimer}> <img src={ScrollButton} alt="Down" width="80%" /></a>
                 </button>
               </div>