From ebe7b4834aef9b99e3166d6fdff256efc933ccef Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Tue, 12 Sep 2023 18:09:32 +0200
Subject: [PATCH] remove lw8 gradient from hp hero

---
 apps/www/components/Hero/Hero.tsx | 33 ++++---------------------------
 1 file changed, 4 insertions(+), 29 deletions(-)

diff --git a/apps/www/components/Hero/Hero.tsx b/apps/www/components/Hero/Hero.tsx
index b9541ab3222..f67ade341c9 100644
--- a/apps/www/components/Hero/Hero.tsx
+++ b/apps/www/components/Hero/Hero.tsx
@@ -8,7 +8,7 @@ import SectionContainer from '~/components/Layouts/SectionContainer'
 import HeroFrameworks from './HeroFrameworks'
 import styles from './hero.module.css'
 import Image from 'next/image'
-import AnnouncementBadge from '../Announcement/Badge'
+// import AnnouncementBadge from '../Announcement/Badge'
 
 const Hero = () => {
   const router = useRouter()
@@ -19,7 +19,7 @@ const Hero = () => {
 
   return (
     <div className="relative -mt-[65px]">
-      <SectionContainer className="pt-8 md:pt-16 lg:pt-24 overflow-hidden">
+      <SectionContainer className="pt-8 md:pt-16 overflow-hidden">
         <div className="relative">
           <div className="mx-auto">
             <div className="mx-auto max-w-2xl lg:col-span-6 lg:flex lg:items-center justify-center text-center">
@@ -30,9 +30,9 @@ const Hero = () => {
                 ].join(' ')}
               >
                 <div className="flex flex-col items-center">
-                  <div className="z-40 w-full flex justify-center mb-8 lg:mb-8">
+                  {/* <div className="z-40 w-full flex justify-center mb-8 lg:mb-8">
                     <AnnouncementBadge />
-                  </div>
+                  </div> */}
                   <h1 className="text-scale-1200 text-4xl sm:text-5xl sm:leading-none lg:text-7xl">
                     <span className="block text-[#F4FFFA00] bg-clip-text bg-gradient-to-b from-scale-1200 to-scale-1200 dark:to-scale-1100">
                       Build in a weekend
@@ -80,32 +80,7 @@ const Hero = () => {
             </div>
           </div>
         </div>
-        <div className="absolute -top-2 md:top-0 -left-10 -right-10 md:left-0 md:right-0 h-[500px] lg:h-[550px] z-0 flex items-center justify-center">
-          <span className="absolute inset-0">
-            <Image
-              src="/images/launchweek/8/stars.svg"
-              alt="stars background"
-              layout="fill"
-              objectFit="cover"
-              className="opacity-70"
-              draggable={false}
-            />
-          </span>
-        </div>
       </SectionContainer>
-      <div className="absolute w-full max-w-[1600px] mx-auto h-[500px] lg:h-[750px] inset-0 z-0 flex items-center justify-center">
-        <Image
-          src="/images/launchweek/8/LW8-gradient.png"
-          alt="Launch Week 8 purple background gradient"
-          className="not-sr-only"
-          layout="fill"
-          objectFit="cover"
-          objectPosition="top"
-          priority
-          draggable={false}
-        />
-      </div>
-      <div className="absolute top-0 left-0 right-0 h-screen bg-gradient-to-b from-[#020405] to-transparent -z-10" />
     </div>
   )
 }