diff --git a/apps/www/components/LaunchWeek/8/LWArchive.tsx b/apps/www/components/LaunchWeek/8/LWArchive.tsx
index a21d4491333..aad42232934 100644
--- a/apps/www/components/LaunchWeek/8/LWArchive.tsx
+++ b/apps/www/components/LaunchWeek/8/LWArchive.tsx
@@ -15,11 +15,11 @@ const LWArchive = () => {
       </div>
       <div className="lg:basis-2/3 relative grid grid-cols-1 xl:grid-cols-2 gap-4">
         <Link href="/launch-week/6">
-          <a className="relative h-[160px] w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111618] hover:border-brand-800 overflow-hidden">
+          <a className="relative h-[160px] group w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111618] hover:border-brand-800 overflow-hidden">
             <span className="relative z-10 stroke-text inline-block text-transparent bg-clip-text bg-gradient-to-b from-scale-1200 to-scale-1000 text-7xl drop-shadow-lg">
               6
             </span>
-            <div className="absolute inset-0 opacity-75">
+            <div className="absolute inset-0 grayscale group-hover:grayscale-0">
               <Image
                 src="/images/launchweek/archive/lw6.jpg"
                 alt="Launch Week 6"
@@ -30,11 +30,11 @@ const LWArchive = () => {
           </a>
         </Link>
         <Link href="/launch-week/7">
-          <a className="relative h-[160px] w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111718] hover:border-brand-1200 overflow-hidden">
+          <a className="relative h-[160px] group w-full rounded-md md:rounded-lg transition-transform bg-[#030A0C] flex items-center justify-center border border-[#111718] hover:border-brand-1200 overflow-hidden">
             <span className="relative z-10 stroke-text inline-block text-transparent bg-clip-text bg-gradient-to-b from-scale-1200 to-scale-1000 text-7xl drop-shadow-lg">
               7
             </span>
-            <div className="absolute inset-0">
+            <div className="absolute inset-0 grayscale group-hover:grayscale-0">
               <Image
                 src="/images/launchweek/archive/lw7.jpg"
                 alt="Launch Week 7"
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index 80b6201b4da..2db9d1e58ea 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -14,18 +14,17 @@ import SectionContainer from '~/components/Layouts/SectionContainer'
 import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/8/LaunchWeekLogoHeader'
 import { Meetup } from '~/components/LaunchWeek/8/LW8Meetups'
 import LW8CalloutsSection from '~/components/LaunchWeek/8/LW8CalloutsSection'
-import LWAnnouncement from '~/components/LaunchWeek/8/Releases/LWAnnouncement'
 
 import { useTheme } from 'common/Providers'
 
 import 'swiper/swiper.min.css'
-import LWArchive from '../../components/LaunchWeek/8/LWArchive'
 
 const AnimatedParticles = dynamic(
   () => import('~/components/LaunchWeek/8/AnimatedParticles/ParticlesCanvas')
 )
 const LW8Releases = dynamic(() => import('~/components/LaunchWeek/8/Releases'))
 const LW8Meetups = dynamic(() => import('~/components/LaunchWeek/8/LW8Meetups'))
+const LWArchive = dynamic(() => import('~/components/LaunchWeek/8/LWArchive'))
 const LaunchWeekPrizeSection = dynamic(
   () => import('~/components/LaunchWeek/8/LaunchWeekPrizeSection')
 )