lw13 end :( (supabase#30984)

* lw13 end

* .

* wording

Author: fsansalvadore

apps/www/components/Hero/Hero.tsx

@@ -25,9 +25,9 @@ const Hero = () => {
                 <div className="flex flex-col items-center">
                   <div className="z-40 w-full flex justify-center -mt-4 lg:-mt-12 mb-8">
                     <AnnouncementBadge
-                      url="/launch-week#day-5"
-                      badge="LW13: Day 5"
-                      announcement="database.build v2"
+                      url="/launch-week"
+                      badge="Launch Week 13"
+                      announcement="Learn more"
                     />
                   </div>
                   <h1 className="text-foreground text-4xl sm:text-5xl sm:leading-none lg:text-7xl">

apps/www/components/LaunchWeek/13/Releases/LWStickyNav.tsx

@@ -80,15 +80,7 @@ const LWXStickyNav: FC = () => {
                   iconRight={<ChevronDown />}
                   className="md:hidden w-[200px] min-w-[150px] flex justify-between items-center py-2 pointer-events-auto"
                 >
-                  <span className="flex gap-1 items-center">
-                    {activeNavItem}
-                    {activeNavItem === 'Fri' && (
-                      <span
-                        title="Live"
-                        className="w-1 h-1 ml-1 animate-pulse rounded-full bg-brand mb-2 block"
-                      />
-                    )}
-                  </span>
+                  <span className="flex gap-1 items-center">{activeNavItem}</span>
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent side="bottom" align="start" className="pointer-events-auto">
@@ -112,11 +104,11 @@ const LWXStickyNav: FC = () => {
             </DropdownMenu>
             <ul className="w-full lw-sticky-nav flex items-center gap-2 md:gap-4 text-foreground-lighter">
               {days.map((day: WeekDayProps) => (
-                <li key={day.id}>
+                <li key={day.id} className="hidden md:block">
                   <Link
                     href={`#${day.id}`}
                     className={cn(
-                      'hidden p-1 transition-colors text-foreground-muted hover:text-foreground md:flex items-center pointer-events-auto',
+                      'p-1 transition-colors text-foreground-muted hover:text-foreground md:flex items-center pointer-events-auto',
                       (day.isToday || day.shipped) && 'text-foreground-light'
                     )}
                   >
@@ -130,10 +122,10 @@ const LWXStickyNav: FC = () => {
                   </Link>
                 </li>
               ))}
-              <li>
+              <li className="hidden md:block">
                 <Link
                   href="#build-stage"
-                  className="hidden md:block p-1 transition-colors hover:text-foreground pointer-events-auto lw-sticky-nav"
+                  className="p-1 transition-colors hover:text-foreground pointer-events-auto lw-sticky-nav"
                 >
                   Build <span className="hidden sm:inline">Stage</span>
                 </Link>
@@ -146,9 +138,7 @@ const LWXStickyNav: FC = () => {
                     className="p-1 transition-colors hover:text-foreground pointer-events-auto flex gap-1"
                   >
                     Hackathon{' '}
-                    <span>
-                      <ArrowUpRight className="w-4 h-5 text-foreground-muted" />
-                    </span>
+                    <ArrowUpRight className="w-4 h-5 text-foreground-muted hidden sm:inline-block" />
                   </Link>
                 </li>
                 <li>
@@ -158,9 +148,7 @@ const LWXStickyNav: FC = () => {
                     className="p-1 transition-colors hover:text-foreground pointer-events-auto flex gap-1"
                   >
                     Meetups{' '}
-                    <span>
-                      <ArrowUpRight className="w-4 h-5 text-foreground-muted" />
-                    </span>
+                    <ArrowUpRight className="w-4 h-5 text-foreground-muted hidden sm:inline-block" />
                   </Link>
                 </li>
                 <li className="hidden sm:block">

apps/www/components/LaunchWeek/13/Releases/data/lw13_build_stage.tsx

@@ -29,6 +29,7 @@ export const days: AdventDay[] = [
     description: 'A better Postgres storage engine replacing Heap storage',
     id: 'orioledb',
     is_shipped: true,
+    className: 'xl:col-span-2',
     links: [
       {
         url: '/blog/orioledb-launch',
@@ -118,5 +119,6 @@ export const days: AdventDay[] = [
       },
     ],
     icon: <Flag />,
+    className: 'sm:col-span-2 xl:col-span-3',
   },
 ]

apps/www/components/LaunchWeek/13/Releases/data/lw13_data.tsx

@@ -225,7 +225,7 @@ const days: (isDark?: boolean) => WeekDayProps[] = (isDark = true) => [
     d: 5,
     dd: 'Fri',
     shipped: true,
-    isToday: true,
+    isToday: false,
     hasCountdown: false,
     blog: '/blog/database-build-v2',
     date: '6 December',

packages/ui-patterns/PromoToast/PromoToast.tsx

@@ -39,15 +39,18 @@ const PromoToast = () => {
   return (
     <div
       className={cn(
-        'opacity-0 translate-y-3 transition-all grid gap-4 fixed z-50 bottom-4 right-4 sm:bottom-8 sm:right-8 w-[calc(100vw-2rem)] sm:w-[320px] bg-alternative hover:bg-alternative border border-default rounded p-6 shadow-lg overflow-hidden',
+        'opacity-0 translate-y-3 transition-all grid gap-2 fixed z-50 bottom-4 right-4 sm:bottom-8 sm:right-8 w-[calc(100vw-2rem)] sm:w-[320px] bg-alternative hover:bg-alternative border border-default rounded p-6 shadow-lg overflow-hidden',
         visible && 'opacity-100 translate-y-0'
       )}
     >
       <div className="relative z-10 text-foreground-lighter leading-3 flex flex-col font-mono uppercase tracking-wide w-full text-xs">
-        {announcement.text}
+        <div className="text-foreground uppercase tracking-wider text-lg -mb-1">Launch Week 13</div>
+        <p className="text-foreground-lighter uppercase tracking-wider text-xl md:text-lg leading-snug">
+          2—6 Dec
+        </p>
       </div>
-      <div className="relative z-10 text-foreground flex flex-col text-xl w-full -mt-1">
-        Supabase Queues: Durable Message Queues with Guaranteed Delivery
+      <div className="relative z-10 text-foreground-lighter flex flex-col text-sm uppercase font-mono tracking-widest w-full -mt-1">
+        A week of new features
       </div>
 
       <div className="relative z-10 flex items-center space-x-2 mt-2">

packages/ui/src/layout/banners/LW13CountdownBanner/LW13CountdownBanner.tsx

@@ -36,9 +36,7 @@ export function LW13CountdownBanner() {
           )}
         >
           <p className="flex gap-1.5 items-center">{announcement.text}</p>
-          <div className="hidden sm:block text-foreground-lighter">
-            database.build v2: Bring-Your-Own-LLM
-          </div>
+          <div className="hidden sm:block text-foreground-lighter">A week of new features</div>
           <Button size="tiny" type="default" className="px-2 !leading-none text-xs" asChild>
             <Link href={announcement.link}>{announcement.cta}</Link>
           </Button>

packages/ui/src/layout/banners/data/Announcement.json

@@ -1,7 +1,7 @@
 {
   "show": true,
-  "text": "Launch Week 13: Day 5",
+  "text": "Launch Week 13",
   "launchDate": "2024-12-02T07:00:00.000-08:00",
-  "link": "/launch-week#day-5",
+  "link": "/launch-week",
   "cta": "Learn more"
 }