lw8: more current day call to action

apps/www/components/LaunchWeek/8/LaunchWeekLogoHeader.tsx

@@ -1,5 +1,3 @@
-import Link from 'next/link'
-
 export function LaunchWeekLogoHeader() {
   return (
     <div className="flex flex-col gap-1 md:gap-2 items-center justify-end">
@@ -9,18 +7,6 @@ export function LaunchWeekLogoHeader() {
           <span className="block">August 7th–11th, 2023</span>
           <span>9:00 AM PT</span>
         </p>
-        <div className="text-[#9296AA] px-4">
-          Join us in a week of announcing new features. <br className="hidden md:block" />
-          Connect with GitHub to generate your unique ticket and contribute to the constellation.
-          <span className="inline sm:block">
-            {' '}
-            You might also win{' '}
-            <Link href="#lw8-prizes">
-              <a className="underline transition-opacity hover:text-scale-1200">swag</a>
-            </Link>
-            .
-          </span>
-        </div>
       </div>
     </div>
   )

apps/www/components/LaunchWeek/8/Releases/components/index.tsx

@@ -173,7 +173,7 @@ export const AccordionHeader = ({
   >
     <div
       className={[
-        'flex flex-1',
+        'flex flex-1 sm:flex-none',
         shippable && shipped ? 'items-stretch' : 'flex-row items-center',
       ].join(' ')}
     >
@@ -195,6 +195,24 @@ export const AccordionHeader = ({
             </span>
           </Badge>
         )}
+        {shippable && shipped && youtube_id && (
+          <div
+            className={[
+              'hover:cursor-pointer hover:!opacity-100',
+              day === 2 ? 'animate-pulse' : '',
+            ].join(' ')}
+          >
+            <ExpandableVideo
+              videoId={youtube_id}
+              trigger={
+                <VideoPreviewTrigger
+                  title={`Watch: Day ${day}`}
+                  thumbnail={videoThumbnail ?? '/images/launchweek/8/lw8-yt-thumb.jpg'}
+                />
+              }
+            />
+          </div>
+        )}
       </div>
       {shippable && !shipped && (
         <span className="text-sm font-normal text-[#A0A0A0] mt-1 sm:mt-0 flex items-center gap-1 md:gap-4">
@@ -219,24 +237,6 @@ export const AccordionHeader = ({
         </span>
       )}
     </div>
-    {shippable && shipped && youtube_id && (
-      <div
-        className={[
-          'hover:cursor-pointer hover:!opacity-100',
-          day === 2 ? 'animate-pulse' : '',
-        ].join(' ')}
-      >
-        <ExpandableVideo
-          videoId={youtube_id}
-          trigger={
-            <VideoPreviewTrigger
-              title={`Watch: Day ${day}`}
-              thumbnail={videoThumbnail ?? '/images/launchweek/8/lw8-yt-thumb.jpg'}
-            />
-          }
-        />
-      </div>
-    )}
   </div>
 )
 
@@ -248,7 +248,6 @@ export const VideoPreviewTrigger = ({
   thumbnail: string
 }) => (
   <div className="flex items-center h-full gap-3 text-xs group/vid text-scale-1100 hover:text-scale-1200 transition-colors">
-    {title && <span>{title}</span>}
     <div className="relative h-10 !aspect-video flex items-center justify-center rounded overflow-hidden border border-scale-1000 opacity-80 group-hover/vid:opacity-100 transition-colors">
       <div className="absolute z-10 w-2.5 h-2.5 text-white opacity-100">
         <svg viewBox="0 0 81 91" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -266,6 +265,7 @@ export const VideoPreviewTrigger = ({
         // className="blur-sm"
       />
     </div>
+    {title && <span>{title}</span>}
   </div>
 )
 

apps/www/pages/launch-week/index.tsx

@@ -140,13 +140,11 @@ export default function TicketHome({ users, meetups }: Props) {
             <div className="relative">
               <div className="relative z-10">
                 <SectionContainer className="relative flex flex-col justify-around items-center min-h-[500px] !py-4 md:!py-8 lg:!pb-0 gap-2 md:gap-4 !px-0 !mx-auto">
-                  <div className="absolute bottom-0 z-10 w-full justify-center flex items-end">
+                  <div className="absolute bottom-0 z-10 w-full flex flex-col items-center justify-end gap-4">
                     <LaunchWeekLogoHeader />
+                    <LWAnnouncement isLaunchWeekPage />
                   </div>
                   <div className="absolute inset-0 z-0 flex items-center justify-center">
-                    <div className="absolute z-40 w-full flex justify-center -translate-y-8 px-6">
-                      <LWAnnouncement isLaunchWeekPage />
-                    </div>
                     <AnimatedParticles />
                     <Image
                       src="/images/launchweek/8/stars.svg"