diff --git a/apps/www/components/Footer/index.tsx b/apps/www/components/Footer/index.tsx
index bcc49c7bcc9..0323b165b0a 100644
--- a/apps/www/components/Footer/index.tsx
+++ b/apps/www/components/Footer/index.tsx
@@ -7,9 +7,12 @@ import { Badge } from 'ui'
 import Image from 'next/image'
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'
 import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-wordmark--light.png'
+import { useRouter } from 'next/router'
 
 const Footer = () => {
   const { isDarkMode } = useTheme()
+  const { pathname } = useRouter()
+  const isLaunchWeekPage = pathname.includes('launch-week')
 
   return (
     <footer
@@ -25,7 +28,13 @@ const Footer = () => {
             <Link href="#" as="/">
               <a className="w-40">
                 <Image
-                  src={isDarkMode ? supabaseLogoWordmarkDark : supabaseLogoWordmarkLight}
+                  src={
+                    isLaunchWeekPage
+                      ? supabaseLogoWordmarkDark
+                      : isDarkMode
+                      ? supabaseLogoWordmarkDark
+                      : supabaseLogoWordmarkLight
+                  }
                   width={160}
                   height={30}
                   alt="Supabase"
diff --git a/apps/www/components/LaunchWeek/LW7BgGraphic.tsx b/apps/www/components/LaunchWeek/LW7BgGraphic.tsx
new file mode 100644
index 00000000000..f5b29f01eb6
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LW7BgGraphic.tsx
@@ -0,0 +1,45 @@
+import { motion, useScroll, useTransform } from 'framer-motion'
+import Image from 'next/image'
+import { useMobileViewport } from '../../hooks/useMobileViewport'
+import styles from './lw7-bg-graphic.module.css'
+
+export default function LW7BgGraphic() {
+  const { scrollYProgress } = useScroll()
+  const isMobile = useMobileViewport(768)
+
+  const graphicsY = useTransform(
+    scrollYProgress,
+    // Map scrollYProgress from these values:
+    [0, 0.5],
+    // Into these values:
+    [0, isMobile ? 70 : 200]
+  )
+
+  return (
+    <div
+      className={[
+        "relative h-[300px] md:h-[700px] overflow-hidden before:content[' '] before:absolute before:bottom-0 before:h-[200px] md:before:h-[600px] before:z-20 before:w-full before:bg-gradient-to-t before:from-[#1C1C1C] before:via-[#1C1C1C40] before:to-transparent",
+        styles['gradient-overlay'],
+      ].join(' ')}
+    >
+      <motion.div
+        className="absolute bottom-0 w-full h-full"
+        style={{
+          y: graphicsY,
+          willChange: 'transform',
+        }}
+      >
+        <Image
+          src="/images/launchweek/seven/lw-7-bg-blur.png"
+          loading="eager"
+          layout="fill"
+          objectFit="cover"
+          objectPosition="top"
+          quality={100}
+          unoptimized
+          priority
+        />
+      </motion.div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LabelBadge.tsx b/apps/www/components/LaunchWeek/LabelBadge.tsx
new file mode 100644
index 00000000000..43960ce0a53
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LabelBadge.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+
+interface Props {
+  text: string
+  gradientText?: boolean
+}
+
+export default function LabelBadge({ text, gradientText = false }: Props) {
+  return (
+    <span className="bg-[#32313F] rounded px-1 py-[2px] text-xs">
+      <span className={!gradientText ? 'text-[#D87BF5]' : 'gradient-text-purple-500'}>{text}</span>
+    </span>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader.tsx b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader.tsx
new file mode 100644
index 00000000000..99880d97369
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader.tsx
@@ -0,0 +1,33 @@
+import classNames from 'classnames'
+import Image from 'next/image'
+import { motion } from 'framer-motion'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+
+export function LaunchWeekLogoHeader() {
+  const isMobile = useMobileViewport(640)
+
+  return (
+    <div className="flex flex-col gap-1 md:gap-2 items-center my-4 lg:pt-8 justify-start">
+      <motion.div
+        className={classNames('flex flex-col justify-center gap-3')}
+        initial={{ y: -10, opacity: 0 }}
+        animate={{ y: 0, opacity: 1 }}
+        transition={{ duration: 0.4, ease: [0.24, 0.25, 0.05, 1], delay: 0.2 }}
+      >
+        <h1 className="flex gap-4 justify-center font-normal uppercase text-[28px] sm:text-[32px] items-center">
+          <span className="tracking-[4px] text-white">Launch week</span>
+          <span className="flex justify-center">
+            <Image
+              src="/images/launchweek/seven/lw7-seven.svg"
+              width={isMobile ? 36 : 40}
+              height={isMobile ? 36 : 40}
+            />
+          </span>
+        </h1>
+        <p className="text-white radial-gradient-text-scale-600 text-md sm:text-lg text-center">
+          April 10th – 14th at 7AM PT | 10AM ET
+        </p>
+      </motion.div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeCard.tsx b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeCard.tsx
new file mode 100644
index 00000000000..057e74db4c5
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeCard.tsx
@@ -0,0 +1,68 @@
+import Image from 'next/image'
+import React from 'react'
+import { motion } from 'framer-motion'
+
+type animateFromType = 'left' | 'right' | 'up' | 'down' | 'opacityOnly'
+
+export default function LaunchWeekPrizeCard({
+  imageUrl = '',
+  imageWrapperClassName,
+  content,
+  className,
+  animateFrom,
+  imgObjectPosition = 'center',
+}: {
+  imageUrl: string
+  imageWrapperClassName?: string
+  content: any
+  className?: string
+  animateFrom?: animateFromType
+  imgObjectPosition?: string
+}) {
+  const finalState = { x: 0, y: 0, opacity: 1 }
+
+  function getAnimationFrom(animationDirection: animateFromType) {
+    switch (animationDirection) {
+      case 'left':
+        return { x: -20, opacity: 0 }
+      case 'up':
+        return { y: -20, opacity: 0 }
+      case 'right':
+        return { x: 20, opacity: 0 }
+      case 'down':
+        return { y: 20, opacity: 0 }
+      case 'opacityOnly':
+        return { opacity: 0 }
+    }
+  }
+
+  return (
+    <motion.div
+      className={[
+        'relative p-[1px] bg-gradient-to-b from-[#484848] to-[#1C1C1C] rounded-lg overflow-hidden shadow-lg',
+        className && className,
+      ].join(' ')}
+      initial={animateFrom ? getAnimationFrom(animateFrom) : finalState}
+      whileInView={finalState}
+      viewport={{ once: true, margin: '-50px' }}
+      transition={{ type: 'spring', bounce: 0, delay: 0.5 }}
+    >
+      <div className="relative h-full flex flex-col bg-[#1C1C1C] rounded-lg overflow-hidden">
+        <div
+          className={[
+            "relative w-full flex-grow before:content[' '] before:absolute before:inset-0 before:z-10 before:bg-gradient-to-t before:from-[#1C1C1C]",
+            imageWrapperClassName && imageWrapperClassName,
+          ].join(' ')}
+        >
+          <Image
+            src={imageUrl}
+            layout="fill"
+            objectFit="cover"
+            objectPosition={imgObjectPosition}
+          />
+        </div>
+        <div className="p-4">{content && content}</div>
+      </div>
+    </motion.div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection.tsx b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection.tsx
new file mode 100644
index 00000000000..e3b42212e69
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection.tsx
@@ -0,0 +1,122 @@
+import React from 'react'
+import LabelBadge from '../LabelBadge'
+import LaunchWeekPrizeCard from './LaunchWeekPrizeCard'
+import { motion } from 'framer-motion'
+
+export default function LaunchWeekPrizeSection({ className }: { className?: string }) {
+  const finalAnimationState = { y: 0, opacity: 1 }
+
+  return (
+    <div id="lw-7-prizes" className={[className].join(' ')}>
+      <div className="">
+        <div className="text-center relative z-10 text-white">
+          <motion.div
+            className="max-w-[38rem] mx-auto px-4 flex flex-col items-center gap-4"
+            initial={{ y: -20, opacity: 0 }}
+            whileInView={finalAnimationState}
+            viewport={{ once: true, margin: '-150px' }}
+            transition={{ type: 'spring', bounce: 0, delay: 0.2 }}
+          >
+            <div className="w-[40px] h-[40px] rounded-sm bg-[#32313F] flex items-center justify-center">
+              <svg
+                width="21"
+                height="22"
+                viewBox="0 0 21 22"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M8.313 14.7478L7.5 17.5938L6.687 14.7478C6.47687 14.0126 6.0829 13.3431 5.54226 12.8025C5.00162 12.2619 4.33214 11.8679 3.597 11.6578L0.75 10.8438L3.596 10.0308C4.33114 9.82062 5.00062 9.42665 5.54126 8.88601C6.0819 8.34537 6.47587 7.67589 6.686 6.94075L7.5 4.09375L8.313 6.93975C8.52313 7.67489 8.9171 8.34437 9.45774 8.88501C9.99838 9.42565 10.6679 9.81962 11.403 10.0297L14.25 10.8438L11.404 11.6567C10.6689 11.8669 9.99938 12.2609 9.45874 12.8015C8.9181 13.3421 8.52413 14.0116 8.314 14.7467L8.313 14.7478ZM16.759 7.55875L16.5 8.59375L16.241 7.55875C16.0927 6.96534 15.786 6.42337 15.3536 5.99078C14.9212 5.55819 14.3794 5.25124 13.786 5.10275L12.75 4.84375L13.786 4.58475C14.3794 4.43626 14.9212 4.12931 15.3536 3.69672C15.786 3.26413 16.0927 2.72216 16.241 2.12875L16.5 1.09375L16.759 2.12875C16.9073 2.72229 17.2142 3.26434 17.6468 3.69694C18.0794 4.12954 18.6215 4.43642 19.215 4.58475L20.25 4.84375L19.215 5.10275C18.6215 5.25108 18.0794 5.55796 17.6468 5.99056C17.2142 6.42316 16.9073 6.96522 16.759 7.55875ZM15.394 19.4107L15 20.5938L14.606 19.4107C14.4955 19.0794 14.3094 18.7783 14.0625 18.5313C13.8155 18.2843 13.5144 18.0982 13.183 17.9877L12 17.5938L13.183 17.1998C13.5144 17.0893 13.8155 16.9032 14.0625 16.6562C14.3094 16.4092 14.4955 16.1081 14.606 15.7768L15 14.5938L15.394 15.7768C15.5045 16.1081 15.6906 16.4092 15.9375 16.6562C16.1845 16.9032 16.4856 17.0893 16.817 17.1998L18 17.5938L16.817 17.9877C16.4856 18.0982 16.1845 18.2843 15.9375 18.5313C15.6906 18.7783 15.5045 19.0794 15.394 19.4107Z"
+                  stroke="url(#paint0_linear_1704_106833)"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <defs>
+                  <linearGradient
+                    id="paint0_linear_1704_106833"
+                    x1="10.5"
+                    y1="1.09375"
+                    x2="10.5"
+                    y2="20.5938"
+                    gradientUnits="userSpaceOnUse"
+                  >
+                    <stop stopColor="#7915FD" />
+                    <stop offset="1" stopColor="#C667F7" />
+                  </linearGradient>
+                </defs>
+              </svg>
+            </div>
+            <h2 className="text-4xl">
+              Get your <span className="gradient-text-pink-500">winning ticket</span>
+            </h2>
+            <p className="radial-gradient-text-scale-500">
+              Join us on April 16th for Launch Week 7's final day
+              <br className="hidden md:inline-block" /> and find out if you are one of the lucky
+              winners. Get sharing!
+            </p>
+          </motion.div>
+        </div>
+        <div className="px-4 pt-24">
+          <div className="grid grid-cols-1 md:grid-cols-2 col-span-2 lg:grid-cols-5 gap-4 max-w-7xl mx-auto text-white">
+            <LaunchWeekPrizeCard
+              imageUrl="/images/launchweek/seven/keyboard.jpg"
+              imageWrapperClassName="h-[40vw] lg:max-h-[360px]"
+              className="col-span-2 lg:col-span-3"
+              animateFrom="left"
+              content={
+                <>
+                  <h3 className="gradient-text-purple-500 font-mono uppercase font-medium">
+                    Main award
+                  </h3>
+                  <h4 className="flex items-center gap-3 text-[19px] mt-4">
+                    Mechanical Keyboard <LabelBadge text="3 keyboards" />
+                  </h4>
+                  <p className="text-[#707070] mt-1">
+                    Increase your chances of winning limited edition 62-Key ISO Custom Mechanical
+                    Keyboard by sharing your ticket on Twitter and LinkedIn.
+                  </p>
+                </>
+              }
+            />
+
+            <div className="col-span-2 grid gap-4">
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <LaunchWeekPrizeCard
+                  imageUrl="/images/launchweek/seven/tshirt.jpg"
+                  imageWrapperClassName="h-[40vw] md:h-[30vw] lg:h-auto"
+                  imgObjectPosition="right"
+                  content={
+                    <h3 className="text-sm flex items-center gap-4">
+                      Supabase T-shirt <LabelBadge text="25 shirts" />
+                    </h3>
+                  }
+                  animateFrom="up"
+                />
+                <LaunchWeekPrizeCard
+                  imageUrl="/images/launchweek/seven/socks.jpg"
+                  imageWrapperClassName="h-[40vw] md:h-[30vw] lg:h-auto"
+                  content={
+                    <h3 className="text-sm flex items-center gap-4">
+                      Supabase Socks <LabelBadge text="15 pairs" />
+                    </h3>
+                  }
+                  animateFrom="right"
+                />
+              </div>
+              <LaunchWeekPrizeCard
+                imageUrl="/images/launchweek/seven/stickers.jpg"
+                imageWrapperClassName="h-[40vw] lg:h-auto"
+                animateFrom="down"
+                content={
+                  <h3 className="text-sm flex items-center gap-4">
+                    Launch Week 7 Limited Edition Sticker Pack <LabelBadge text="25 packs" />
+                  </h3>
+                }
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/TicketBrick.tsx b/apps/www/components/LaunchWeek/LaunchSection/TicketBrick.tsx
new file mode 100644
index 00000000000..50e0438868d
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/TicketBrick.tsx
@@ -0,0 +1,62 @@
+import React, { useState } from 'react'
+import TicketHeader from '../Ticket/TicketHeader'
+import TicketNumber from '../Ticket/TicketNumber'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import Image from 'next/image'
+
+interface Props {
+  user: UserData
+}
+
+export function TicketBrick({ user }: Props) {
+  const [isLoading, setLoading] = useState(true)
+
+  const golden = user.sharedOnLinkedIn && user.sharedOnTwitter
+
+  // reg_bg_57.png
+  const baseImagePath = `https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7/tickets_bg/`
+
+  const randomNumber = Math.floor(Math.random() * 200) + 1
+  const goldRandomNumber = Math.floor(Math.random() * 56) + 1
+
+  return (
+    <>
+      <div
+        key={user.name}
+        className="relative w-[450px] h-[230px] border border-red-100 rounded-2xl overflow-hidden"
+      >
+        <Image
+          src={
+            golden
+              ? `${baseImagePath}/reg_bg_${randomNumber}.png`
+              : `${baseImagePath}/gold/gold_bg_${goldRandomNumber}.png`
+          }
+          layout="fill"
+          objectFit="cover"
+          className={[
+            'duration-700 ease-in-out',
+            isLoading ? 'grayscale blur-2xl scale-110' : 'grayscale-0 blur-0 scale-100',
+          ].join(' ')}
+          onLoadingComplete={() => setLoading(false)}
+        />
+        <div className="z-20 relative">
+          <TicketHeader size="small" />
+          <div className="rounded-full grid gap-4 mx-auto justify-center mt-8">
+            <img
+              src={`https://github.com/${user.username}.png`}
+              alt={user.username}
+              className="w-20 h-20 rounded-full mx-auto"
+            />
+            <div className="text-center">
+              <h3 className="gradient-text-scale-100 text-xl">
+                {user.name ? user.name : user.username}
+              </h3>
+              {user.name && <p className="gradient-text-scale-100 text-sm">@{user.username}</p>}
+            </div>
+          </div>
+          <TicketNumber number={user.ticketNumber} size="small" />
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWall.tsx b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWall.tsx
new file mode 100644
index 00000000000..f8e130a0d4c
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWall.tsx
@@ -0,0 +1,48 @@
+import Link from 'next/link'
+import React from 'react'
+import { Button } from 'ui'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import { TicketBrickWallRow } from './TicketBrickWallRow'
+import { TicketBrickWallSlider } from './TicketBrickWallSlider'
+
+type user = UserData
+
+interface Props {
+  users: user[]
+}
+
+export default function TicketBrickWall({ users }: Props) {
+  const isMobile = useMobileViewport(768)
+  return (
+    <div className="relative pt-28 pb-20 md:pt-40">
+      <div className="mx-auto bg-[#1C1C1C]">
+        <div className="max-w-[38rem] mb-8 mx-auto">
+          <h2 className="radial-gradient-text-scale-500 text-center">
+            Explore the unique tickets generated by our community
+          </h2>
+        </div>
+        <div
+          className="grid py-4 relative
+            before:content-[' '] before:absolute before:inset-0 before:right-auto before:w-1/4 before:bg-gradient-to-r before:from-[#1C1C1C] before:to-[#1C1C1C00] before:z-10 before:pointer-events-none
+            after:content-[' '] after:absolute after:inset-0 after:left-auto after:w-1/4 after:bg-gradient-to-l after:from-[#1C1C1C] after:to-[#1C1C1C00] after:z-10 after:pointer-events-none
+          "
+        >
+          <TicketBrickWallSlider users={users.slice(0, isMobile ? 5 : 7)} />
+          <TicketBrickWallSlider
+            users={users.slice(isMobile ? 5 : 7, isMobile ? 11 : 14)}
+            reverse
+          />
+          {isMobile && <TicketBrickWallSlider users={users.slice(11, 17)} speed={16000} />}
+        </div>
+        <div className="w-full mt-2 lg:mt-4 mx-auto flex justify-center">
+          <Link href="/launch-week/tickets">
+            <Button as="a" type="outline" size="medium">
+              View all tickets
+            </Button>
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallRow.tsx b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallRow.tsx
new file mode 100644
index 00000000000..89b98734f9d
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallRow.tsx
@@ -0,0 +1,54 @@
+import { useRef } from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
+import { motion, useScroll, useTransform } from 'framer-motion'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+
+interface Props {
+  users: UserData[]
+  reverse?: boolean
+  xOffset?: number
+}
+
+export function TicketBrickWallRow({ users, reverse, xOffset = 250 }: Props) {
+  const ref = useRef(null)
+  const isMobile = useMobileViewport(768)
+  const { scrollYProgress } = useScroll({
+    target: ref,
+    offset: ['start end', 'end start'],
+  })
+  const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+  const BUCKET_FOLDER_VERSION = 'v3'
+  const getOgUrl = (username: string, isGold: boolean) =>
+    `${STORAGE_URL}/tickets/gallery/${
+      isGold ? 'golden' : 'regular'
+    }/${BUCKET_FOLDER_VERSION}/${username}.png`
+  const x = useTransform(scrollYProgress, [0, 1], reverse ? [-xOffset, 0] : [0, -xOffset])
+
+  return (
+    <div ref={ref} className="relative h-[125px] md:h-[250px] w-full m-0 overflow-hidden py-2.5">
+      <div className="absolute flex h-fit w-fit">
+        <motion.div className="flex gap-2.5 md:gap-5 will-change-transform" style={{ x }}>
+          {users.map((user, i) => (
+            <Link href={`/launch-week/tickets/${user.username}`} key={user.username}>
+              <a className="relative w-[230px] md:w-[450px] rounded-lg md:rounded-2xl overflow-hidden transform scale-100 md:hover:scale-[101%] transition-transform">
+                <div className="relative inset-0 w-full pt-[50%] transform scale-[120%]">
+                  <Image
+                    src={getOgUrl(user.username!, !!user.golden)}
+                    alt={user.username}
+                    layout="fill"
+                    objectFit="cover"
+                    objectPosition={isMobile ? 'top 50% right 2px' : 'top 50% right 5px'}
+                    placeholder="blur"
+                    blurDataURL="/images/blur.png"
+                  />
+                </div>
+              </a>
+            </Link>
+          ))}
+        </motion.div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx
new file mode 100644
index 00000000000..7565f658aea
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx
@@ -0,0 +1,92 @@
+import { useEffect, useRef, useState } from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import { useWindowSize } from 'react-use'
+
+import { Swiper, SwiperSlide } from 'swiper/react'
+import SwiperCore, { Autoplay } from 'swiper'
+import 'swiper/swiper.min.css'
+
+SwiperCore.use([Autoplay])
+
+interface Props {
+  users: UserData[]
+  reverse?: boolean
+  speed?: number
+}
+
+export function TicketBrickWallSlider({ users, reverse, speed = 10000 }: Props) {
+  const ref = useRef(null)
+  const [swiperInstace, setSwiperInstance] = useState<SwiperCore | any | null>(null)
+  const { width } = useWindowSize()
+  const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+  const BUCKET_FOLDER_VERSION = 'v3'
+  const getOgUrl = (username: string, isGold: boolean) =>
+    `${STORAGE_URL}/tickets/gallery/${
+      isGold ? 'golden' : 'regular'
+    }/${BUCKET_FOLDER_VERSION}/${username}.png`
+
+  useEffect(() => {
+    // trigger autplay if viewport resize
+    if (swiperInstace) swiperInstace?.autoplay?.run()
+  }, [width])
+
+  return (
+    <div ref={ref} className="relative h-auto w-full m-0 overflow-hidden mb-2.5">
+      <div className="flex ticket-brick-swiper">
+        <Swiper
+          onSwiper={(swiper) => setSwiperInstance(swiper)}
+          centeredSlides={true}
+          spaceBetween={10}
+          slidesPerView={5}
+          speed={speed}
+          loop={true}
+          watchOverflow
+          threshold={2}
+          updateOnWindowResize
+          allowTouchMove={false}
+          autoplay={{
+            delay: 0,
+            disableOnInteraction: true,
+            reverseDirection: reverse,
+          }}
+          breakpoints={{
+            320: {
+              slidesPerView: 2.5,
+            },
+            720: {
+              slidesPerView: 3.5,
+            },
+            1440: {
+              slidesPerView: 5,
+            },
+          }}
+        >
+          {users.map((user, i) => (
+            <SwiperSlide key={user.username}>
+              <Link href={`/launch-week/tickets/${user.username}`} key={user.username}>
+                <a className="relative !w-[230px] md:w-[450px] !h-[200px] rounded-md md:rounded-lg transition-transform">
+                  <div className="relative w-full pt-[50%] transform rounded-md md:rounded-lg overflow-hidden bg-gradient-to-b from-[#ffffff60] to-[#ffffff10]">
+                    <div className="absolute inset-[1px] w-full h-full rounded-md md:rounded-lg overflow-hidden p-[1px]">
+                      <Image
+                        src={getOgUrl(user.username!, !!user.golden)}
+                        alt={user.username}
+                        layout="fill"
+                        objectFit="cover"
+                        objectPosition="center"
+                        placeholder="blur"
+                        blurDataURL="/images/blur.png"
+                        className="absolute inset-[1px] rounded-md md:rounded-lg"
+                      />
+                    </div>
+                  </div>
+                </a>
+              </Link>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/brick-wall.module.css b/apps/www/components/LaunchWeek/LaunchSection/brick-wall.module.css
new file mode 100644
index 00000000000..c81740ed399
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/brick-wall.module.css
@@ -0,0 +1,6 @@
+/* mask overlay on left & right */
+.brick-wall-mask--left,
+.brick-wall-mask--right {
+  background: linear-gradient(358.88deg, #1c1c1c 24.57%, #1c1c1c00 87.73%),
+    linear-gradient(358.88deg, #1c1c1c 24.57%, #1c1c1c00 87.73%);
+}
diff --git a/apps/www/components/LaunchWeek/LaunchSection/ticket-brick-wall-slider.module.css b/apps/www/components/LaunchWeek/LaunchSection/ticket-brick-wall-slider.module.css
new file mode 100644
index 00000000000..164e683b3a2
--- /dev/null
+++ b/apps/www/components/LaunchWeek/LaunchSection/ticket-brick-wall-slider.module.css
@@ -0,0 +1,3 @@
+.swiper-wrapper .swiper-slide {
+  width: 300px !important;
+}
diff --git a/apps/www/components/LaunchWeek/ReferralIndicator.tsx b/apps/www/components/LaunchWeek/ReferralIndicator.tsx
new file mode 100644
index 00000000000..fd3a7f4c3fd
--- /dev/null
+++ b/apps/www/components/LaunchWeek/ReferralIndicator.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import useWinningChances from './Ticket/hooks/useWinningChances'
+
+export default function ReferralIndicator() {
+  const winningChances = useWinningChances()
+
+  return (
+    <div className="bg-[#EAEAEA75] rounded-full mt-4 flex w-full">
+      <div
+        className={[
+          'bg-gradient-to-l from-[#A141E4] w-1/3 to-[#6300F569] flex items-center rounded-full pl-4 pr-6 py-1.5 text-xs shadow-[inset_0_0_2px_#ffffff50,0_0_1px_#00000050]',
+          winningChances === 2 && 'w-2/3',
+          winningChances === 3 && '!w-full bg-gradient-to-l from-[#E4B641] to-[#F5BF0069]',
+        ].join(' ')}
+      >
+        <span style={{ textShadow: '0 0 4px #00000050' }}>{winningChances}x chance</span>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ActualTicket.tsx b/apps/www/components/LaunchWeek/Ticket/ActualTicket.tsx
new file mode 100644
index 00000000000..d4e34a72419
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/ActualTicket.tsx
@@ -0,0 +1,189 @@
+import cn from 'classnames'
+import { useRef, useState } from 'react'
+import styles from './ticket.module.css'
+import styleUtils from './utils.module.css'
+import TicketVisual from './TicketVisual'
+import TicketActions from './TicketActions'
+import TicketCopy from './ticket-copy'
+
+import { UserData } from './hooks/use-conf-data'
+import ReferralIndicator from '../ReferralIndicator'
+import useWinningChances from './hooks/useWinningChances'
+import { SITE_URL } from '~/lib/constants'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+
+type TicketGenerationState = 'default' | 'loading'
+
+type Props = {
+  username: UserData['username']
+  ticketNumber: UserData['ticketNumber']
+  name: UserData['name']
+  golden: UserData['golden']
+  bgImageId: UserData['bg_image_id']
+  referrals: number
+  sharePage?: boolean
+}
+
+export default function Ticket({
+  username,
+  name,
+  ticketNumber,
+  sharePage,
+  golden,
+  bgImageId,
+  referrals,
+}: Props) {
+  const isMobile = useMobileViewport(1023)
+  const [ticketGenerationState, setTicketGenerationState] =
+    useState<TicketGenerationState>('default')
+  const divRef = useRef<HTMLDivElement>(null)
+  const winningChances = useWinningChances()
+
+  return (
+    <div
+      className={[
+        `relative w-full max-w-[700px] lg:max-w-[1100px] flex flex-col items-center lg:grid lg:grid-cols-12 gap-4 lg:gap-8 lg:p-2 rounded-3xl backdrop-blur lg:items-stretch h-auto"`,
+        !isMobile && styles['ticket-hero'],
+      ].join(' ')}
+      id="wayfinding--ticket-visual-wrapper-container"
+    >
+      <div
+        className={cn(styles['ticket-visual-wrapper'], 'flex-1 col-span-8')}
+        id="wayfinding--ticket-visual-wrapper"
+      >
+        <div
+          className={cn(
+            styles['ticket-visual'],
+            styleUtils.appear,
+            styleUtils['appear-fourth'],
+            'relative flex flex-col items-center gap-2 w-full h-fit rounded-xl'
+          )}
+          id="wayfinding--ticket-visual-outer-container"
+        >
+          <TicketVisual
+            username={username ?? undefined}
+            name={name ?? undefined}
+            ticketNumber={ticketNumber ?? 0}
+            ticketGenerationState={ticketGenerationState}
+            setTicketGenerationState={setTicketGenerationState}
+            golden={golden}
+            bgImageId={bgImageId}
+          />
+          {username && (
+            <div className="w-full">
+              <TicketCopy username={username} />
+            </div>
+          )}
+        </div>
+      </div>
+      <div
+        ref={divRef}
+        className={[
+          'flex flex-col !w-full h-full justify-center col-span-full p-2 pt-4 lg:p-0 lg:col-span-4 mt-1 lg:m-0 lg:pr-8 max-h-[400px] rounded-3xl backdrop-blur lg:backdrop-blur-none',
+          isMobile && styles['ticket-hero'],
+        ].join(' ')}
+      >
+        <div className="text-scale-1200 flex flex-col w-full items-center text-white text-center lg:text-left lg:items-start gap-2 lg:gap-3 mb-3 lg:mb-6">
+          <h1
+            className={cn(
+              styleUtils.appear,
+              styleUtils['appear-first'],
+              'text-xl text-white lg:text-3xl '
+            )}
+          >
+            {!sharePage ? (
+              <>
+                {name ? (
+                  <>
+                    {winningChances === 1 && (
+                      <span className="text-2xl tracking-[0.02rem] leading-7 block">
+                        You're <span className="gradient-text-purple-800">in the draw!</span> <br />
+                        Now make it gold.
+                      </span>
+                    )}
+                    {winningChances === 2 && (
+                      <span className="text-2xl tracking-[0.02rem] leading-7 block">
+                        You've <span className="gradient-text-purple-800">doubled</span> your{' '}
+                        <br className="hidden lg:inline" />
+                        chance!
+                        <br className="inline lg:hidden" /> Almost{' '}
+                        <span className={styles['gold-text']}>gold</span>.
+                      </span>
+                    )}
+                    {winningChances === 3 && (
+                      <span className="text-2xl tracking-[0.02rem] leading-7 block">
+                        You're <span className={styles['gold-text']}>gold</span>!<br />
+                        You've maxed your <br className="hidden lg:inline" /> chances of winning!
+                      </span>
+                    )}
+                  </>
+                ) : (
+                  <span className="text-2xl leading-7 block">
+                    Generate your ticket. <br />
+                    Win the <span className="gradient-text-purple-800">SupaKeyboard</span>.
+                  </span>
+                )}
+              </>
+            ) : (
+              <span className="tracking-[-0.02px] leading-7 block">
+                {name ? name : username}'s <br className="hidden lg:inline" />
+                unique ticket
+              </span>
+            )}
+          </h1>
+
+          <div className="text-base text-white leading-5 max-w-[520px]">
+            {!sharePage ? (
+              <>
+                {golden ? (
+                  <p>
+                    You got a Golden ticket. This means you're in, and you also won a Supabase
+                    sticker pack!
+                  </p>
+                ) : username ? (
+                  <p>
+                    Why stop there? Increase your chances of winning by sharing your unique ticket.
+                    Get sharing!
+                  </p>
+                ) : (
+                  <p>
+                    We have some fantastic swag up for grabs, including 3 limited-edition mechanical
+                    keyboards that you won't want to miss.
+                  </p>
+                )}
+              </>
+            ) : (
+              <>
+                <p>
+                  Get yours and win some fantastic swag, including a limited-edition mechanical
+                  keyboard that you won't want to miss.
+                </p>
+
+                <div className="mt-4 lg:mt-8 rounded-full bg-[#E6E8EB] py-1 px-3 -mb-3 border border-[#bbbbbb] text-xs transition-all ease-out hover:bg-[#dfe1e3]">
+                  <a
+                    href={`${SITE_URL}/${username ? '?referral=' + username : ''}`}
+                    className={`flex items-center justify-center gap-2 text-[#2e2e2e]`}
+                  >
+                    Get your ticket
+                  </a>
+                </div>
+              </>
+            )}
+          </div>
+
+          {!sharePage && username && <ReferralIndicator />}
+        </div>
+        <div>
+          {username && (
+            <TicketActions
+              username={username}
+              golden={golden}
+              ticketGenerationState={ticketGenerationState}
+              setTicketGenerationState={setTicketGenerationState}
+            />
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
new file mode 100644
index 00000000000..ee351e58f04
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
@@ -0,0 +1,122 @@
+import { useEffect, useRef, useState } from 'react'
+import { SITE_URL, TWEET_TEXT, TWEET_TEXT_GOLDEN } from '~/lib/constants'
+import { IconCheckCircle } from 'ui'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import { useParams } from '~/hooks/useParams'
+import TicketForm from './TicketForm'
+
+type TicketGenerationState = 'default' | 'loading'
+
+type Props = {
+  username: string
+  golden?: boolean
+  ticketGenerationState?: TicketGenerationState
+  setTicketGenerationState: (ticketGenerationState: TicketGenerationState) => void
+}
+
+export default function TicketActions({
+  username,
+  golden = false,
+  ticketGenerationState,
+  setTicketGenerationState,
+}: Props) {
+  const [imgReady, setImgReady] = useState(false)
+  const [loading, setLoading] = useState(false)
+  const downloadLink = useRef<HTMLAnchorElement>()
+  const permalink = (medium: string) =>
+    encodeURIComponent(`${SITE_URL}/tickets/${username}?lw=7${golden ? `&golden=true` : ''}`)
+  const text = encodeURIComponent(golden ? TWEET_TEXT_GOLDEN : TWEET_TEXT)
+  const { userData } = useConfData()
+  const tweetUrl = `https://twitter.com/intent/tweet?url=${permalink(
+    'twitter'
+  )}&via=supabase&text=${text}`
+  const linkedInUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${permalink('linkedin')}`
+  const downloadUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+    username
+  )}`
+  const params = useParams()
+  const sharePage = params.username
+
+  useEffect(() => {
+    setImgReady(false)
+
+    const img = new Image()
+
+    img.src = downloadUrl
+    img.onload = () => {
+      setImgReady(true)
+      setLoading(false)
+      if (downloadLink.current) {
+        downloadLink.current.click()
+        downloadLink.current = undefined
+      }
+    }
+  }, [downloadUrl])
+
+  return (
+    <div className="grid gap-1 grid-cols-1 sm:grid-cols-3 lg:grid-cols-1">
+      {!sharePage ? (
+        <>
+          <div className="rounded-full bg-[#E6E8EB] text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1">
+            <div className="flex items-center justify-center gap-2">
+              <div className="text-scale-900">
+                <IconCheckCircle size={10} strokeWidth={1} />
+              </div>
+              Connect with Github
+            </div>
+          </div>
+          <div
+            className={`rounded-full ${
+              userData.sharedOnTwitter ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
+            }  text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
+          >
+            <a
+              href={tweetUrl}
+              rel="noopener noreferrer prefetch"
+              target="_blank"
+              className={`flex items-center justify-center gap-2 ${
+                userData.sharedOnTwitter ? 'text-scale-500' : 'text-white hover:text-scale-500'
+              }`}
+            >
+              {userData.sharedOnTwitter && (
+                <div className="text-scale-900">
+                  <IconCheckCircle size={10} strokeWidth={1} />
+                </div>
+              )}
+              Share on Twitter
+            </a>
+          </div>
+          <div
+            className={`rounded-full ${
+              userData.sharedOnLinkedIn ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
+            }  text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
+          >
+            <a
+              href={linkedInUrl}
+              rel="noopener noreferrer prefetch"
+              target="_blank"
+              className={`flex items-center justify-center gap-2 ${
+                userData.sharedOnLinkedIn ? 'text-scale-500' : 'text-white hover:text-scale-500'
+              }`}
+            >
+              {userData.sharedOnLinkedIn && (
+                <div className="text-scale-900">
+                  <IconCheckCircle size={10} strokeWidth={1} />
+                </div>
+              )}
+              Share on Linkedin
+            </a>
+          </div>
+        </>
+      ) : (
+        !username && (
+          <TicketForm
+            defaultUsername={username ?? undefined}
+            ticketGenerationState={ticketGenerationState}
+            setTicketGenerationState={setTicketGenerationState}
+          />
+        )
+      )}
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx b/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx
index f658037f136..3eeb644ca6a 100644
--- a/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/TicketContainer.tsx
@@ -1,7 +1,6 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { PageState, ConfDataContext, UserData } from './hooks/use-conf-data'
-import Ticket from './ticket'
-import ConfContainer from './conf-container'
+import Ticket from './ActualTicket'
 import Form from './form'
 import { SupabaseClient, Session } from '@supabase/supabase-js'
 
@@ -23,6 +22,10 @@ export default function Conf({
   const [userData, setUserData] = useState<UserData>(defaultUserData)
   const [pageState, setPageState] = useState<PageState>(defaultPageState)
 
+  useEffect(() => {
+    localStorage.setItem('isGolden', !!userData?.golden ? 'true' : 'false')
+  }, [userData])
+
   return (
     <ConfDataContext.Provider
       value={{
@@ -42,6 +45,8 @@ export default function Conf({
           ticketNumber={userData.ticketNumber}
           sharePage={sharePage}
           golden={userData.golden}
+          bgImageId={userData.bg_image_id}
+          referrals={userData.referrals ?? 0}
         />
       )}
     </ConfDataContext.Provider>
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketForm.tsx b/apps/www/components/LaunchWeek/Ticket/TicketForm.tsx
new file mode 100644
index 00000000000..468d50e5e02
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketForm.tsx
@@ -0,0 +1,174 @@
+import { useState, useRef, useEffect } from 'react'
+import { useRouter } from 'next/router'
+// import { scrollTo } from '@lib/smooth-scroll';
+import cn from 'classnames'
+// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
+// import CheckIcon from '~/components/LaunchWeek/Ticket/icons/icon-check'
+import { SITE_ORIGIN } from '~/lib/constants'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import LoadingDots from './loading-dots'
+import formStyles from './form.module.css'
+import ticketFormStyles from './ticket-form.module.css'
+import { Button, IconCheck, IconCheckCircle, IconLoader } from 'ui'
+
+type FormState = 'default' | 'loading' | 'error'
+type TicketGenerationState = 'default' | 'loading'
+
+type Props = {
+  defaultUsername?: string
+  ticketGenerationState?: TicketGenerationState
+  setTicketGenerationState: any
+}
+
+export default function TicketForm({ defaultUsername = '', setTicketGenerationState }: Props) {
+  const [username, setUsername] = useState(defaultUsername)
+  const [formState, setFormState] = useState<FormState>('default')
+  const [errorMsg] = useState('')
+  const { supabase, session, setUserData, setPageState, userData } = useConfData()
+  const [realtimeChannel, setRealtimeChannel] = useState<ReturnType<
+    (typeof supabase)['channel']
+  > | null>(null)
+  const formRef = useRef<HTMLFormElement>(null)
+  const router = useRouter()
+
+  useEffect(() => {
+    if (session?.user && !userData.id) {
+      document.body.classList.add('ticket-generated')
+      const username = session.user.user_metadata.user_name
+      setUsername(username)
+      const name = session.user.user_metadata.full_name
+      const email = session.user.email
+      supabase
+        .from('lw7_tickets')
+        .insert({ email, name, username, referred_by: router.query?.referral ?? null })
+        .eq('email', email)
+        .select()
+        .single()
+        .then(async ({ error }) => {
+          // If error because of duplicate email, ignore and proceed, otherwise sign out.
+          if (error && error?.code !== '23505') return supabase.auth.signOut()
+          const { data } = await supabase
+            .from('lw7_tickets_golden')
+            .select('*')
+            .eq('username', username)
+            .single()
+          setUserData(data)
+          setFormState('default')
+
+          // Prefetch GitHub avatar
+          new Image().src = `https://github.com/${username}.png`
+
+          // Prefetch the twitter share URL to eagerly generate the page
+          fetch(`/launch-week/tickets/${username}`).catch((_) => {})
+          // Prefetch ticket og image.
+          fetch(
+            `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+              username ?? ''
+            )}`
+          ).catch((_) => {})
+
+          setPageState('ticket')
+
+          // Listen to realtime changes
+          const channel =
+            realtimeChannel ??
+            supabase
+              .channel('changes')
+              .on(
+                'postgres_changes',
+                {
+                  event: 'UPDATE',
+                  schema: 'public',
+                  table: 'lw7_tickets',
+                  filter: `username=eq.${username}`,
+                },
+                (payload) => {
+                  setUserData({
+                    ...payload.new,
+                    golden: !!payload.new.sharedOnTwitter && !!payload.new.sharedOnLinkedIn,
+                  })
+                }
+              )
+              .subscribe()
+          setRealtimeChannel(channel)
+        })
+    }
+    return () => {
+      // Cleanup realtime subscription on unmount
+      realtimeChannel?.unsubscribe()
+    }
+  }, [session])
+
+  return formState === 'error' ? (
+    <div className="h-full">
+      <div className={cn(formStyles['form-row'], ticketFormStyles['form-row'])}>
+        <div className={cn(formStyles['input-label'], formStyles.error)}>
+          <div className={cn(formStyles.input, formStyles['input-text'])}>{errorMsg}</div>
+          <button
+            type="button"
+            className={cn(formStyles.submit, formStyles.error)}
+            onClick={() => {
+              setFormState('default')
+              setTicketGenerationState('default')
+            }}
+          >
+            Try Again
+          </button>
+        </div>
+      </div>
+    </div>
+  ) : (
+    <form
+      ref={formRef}
+      onSubmit={async (e) => {
+        e.preventDefault()
+
+        if (formState !== 'default') {
+          setTicketGenerationState('default')
+          setFormState('default')
+          return
+        }
+
+        setFormState('loading')
+        setTicketGenerationState('loading')
+
+        await supabase.auth.signInWithOAuth({
+          provider: 'github',
+          options: {
+            redirectTo: `${SITE_ORIGIN}/launch-week/${
+              userData.username ? '?referral=' + userData.username : ''
+            }`,
+          },
+        })
+      }}
+      className="flex flex-col items-center xl:block relative z-20"
+      id="wayfinding--connect-with-github-form"
+    >
+      <div className="flex flex-col gap-3">
+        <div>
+          <Button
+            type="secondary"
+            htmlType="submit"
+            disabled={formState === 'loading' || Boolean(session)}
+          >
+            <span className={`${username && 'text-scale-900'}`}>
+              {session ? (
+                <>
+                  <IconCheckCircle />
+                  Connect with Github
+                </>
+              ) : (
+                <span className="flex items-center gap-2">
+                  {formState === 'loading' && <IconLoader size={14} className="animate-spin" />}
+                  Connect with Github
+                </span>
+              )}
+            </span>
+            {session ? <span className={ticketFormStyles.checkIcon}></span> : null}
+          </Button>
+        </div>
+        {/* {!session && <p className={'text-xs text-scale-900'}>Only public info will be used.</p>} */}
+      </div>
+    </form>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketHeader.tsx b/apps/www/components/LaunchWeek/Ticket/TicketHeader.tsx
new file mode 100644
index 00000000000..da3d1e79401
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketHeader.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { DATE } from '~/lib/constants'
+
+interface Props {
+  size?: 'default' | 'small'
+}
+export default function TicketHeader({ size }: Props) {
+  return (
+    <div className="flex w-full justify-center pt-4 md:pt-6" id="wayfinding--ticket-header">
+      <div className="flex flex-col md:flex-row gap-1 justify-center items-center md:gap-5">
+        <img
+          className={size === 'small' ? 'w-[165px]' : 'w-[220px] md:w-[230px]'}
+          src={`/images/launchweek/ticket-header-logo.png`}
+        />
+        <span className="text-white text-xs md:text-sm">{DATE}</span>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketNumber.tsx b/apps/www/components/LaunchWeek/Ticket/TicketNumber.tsx
new file mode 100644
index 00000000000..f06b8d6fd1c
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketNumber.tsx
@@ -0,0 +1,95 @@
+type Props = {
+  number: number | undefined
+  size?: 'default' | 'small'
+}
+
+export default function TicketNumber({ number, size }: Props) {
+  const numDigits = `${number}`.length
+  const prefix = `00000000`.slice(numDigits)
+  const ticketNumberText = `№ ${prefix}${number}`
+
+  return (
+    <>
+      <div
+        className="z-10 absolute md:flex inset-0 top-auto md:left-auto md:right-0 md:top-0 md:w-[110px] md:h-100% dark:text-white"
+        id="wayfinding--ticket-number-outer"
+      >
+        <div
+          className={[
+            'flex flex-col md:flex-row items-center justify-center w-full text-center',
+            size === 'small' ? 'text-[20px]' : 'text-[32px] md:text-[42px] ',
+          ].join(' ')}
+          id="wayfinding--ticket-number-inner"
+        >
+          {/* Mobile line */}
+          <div className="block md:hidden">
+            <svg
+              width="234"
+              height="2"
+              viewBox="0 0 234 2"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0.0390625 1L233.294 0.99999"
+                stroke="url(#paint0_linear_1701_100991)"
+                strokeWidth="0.71381"
+                strokeDasharray="1.43 1.43"
+              />
+              <defs>
+                <linearGradient
+                  id="paint0_linear_1701_100991"
+                  x1="0.0390625"
+                  y1="0.5"
+                  x2="233.294"
+                  y2="0.49999"
+                  gradientUnits="userSpaceOnUse"
+                >
+                  <stop stopColor="white" stopOpacity="0" />
+                  <stop offset="0.53125" stopColor="white" />
+                  <stop offset="1" stopColor="white" stopOpacity="0" />
+                </linearGradient>
+              </defs>
+            </svg>
+          </div>
+          {/* Vertical line: desktop */}
+          <div
+            className="h-full hidden md:flex items-center absolute left-0"
+            id="wayfinding--ticket-stitch"
+          >
+            <svg
+              width="2"
+              height={size === 'small' ? '210' : '328'}
+              viewBox="0 0 2 328"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0.601562 0.988281V327.763"
+                stroke="url(#paint0_linear_1736_81388)"
+                strokeDasharray="2 2"
+              />
+              <defs>
+                <linearGradient
+                  id="paint0_linear_1736_81388"
+                  x1="1.10156"
+                  y1="0.988281"
+                  x2="1.10156"
+                  y2="327.763"
+                  gradientUnits="userSpaceOnUse"
+                >
+                  <stop stopColor="white" stopOpacity="0" />
+                  <stop offset="0.53125" stopColor="white" />
+                  <stop offset="1" stopColor="white" stopOpacity="0" />
+                </linearGradient>
+              </defs>
+            </svg>
+          </div>
+          <div className="md:absolute px-2 py-8 md:w-[max-content] leading-[1] md:transform md:rotate-90 md:origin-center bg-gradient-to-r from-[#F8F9FA] via-[#F8F9FA] to-[#F8F9FA50] bg-clip-text text-[#F8F9FA50] text-center">
+            {ticketNumberText}
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketProfile.tsx b/apps/www/components/LaunchWeek/Ticket/TicketProfile.tsx
new file mode 100644
index 00000000000..965171407f5
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketProfile.tsx
@@ -0,0 +1,86 @@
+// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
+import cn from 'classnames'
+import TicketForm from './TicketForm'
+// import IconAvatar from '~/components/LaunchWeek/Ticket/icons/icon-avatar'
+import styles from './ticket-profile.module.css'
+import Image from 'next/image'
+
+type TicketGenerationState = 'default' | 'loading'
+type Props = {
+  name?: string
+  username?: string
+  size?: number
+  ticketGenerationState?: TicketGenerationState
+  setTicketGenerationState?: (ticketGenerationState: TicketGenerationState) => void
+  golden?: boolean
+}
+
+// The middle part of the ticket
+// avatar / Yourn Name / Username
+export default function TicketProfile({
+  name,
+  username,
+  size = 1,
+  ticketGenerationState,
+  setTicketGenerationState,
+  golden = false,
+}: Props) {
+  return (
+    <div className="grid gap-4 items-center justify-center px-2" id="wayfinding--ticket-middle">
+      {username && (
+        <span
+          className={cn('rounded-full inline-block mx-auto', styles.wrapper, styles.rounded, {
+            [styles.show]: ticketGenerationState === 'loading',
+          })}
+        >
+          {username ? (
+            <Image
+              src={`https://github.com/${username}.png`}
+              alt={username}
+              layout="fill"
+              objectFit="contain"
+              priority
+              className={styles.image}
+            />
+          ) : (
+            <>
+              {/* <span
+            className={cn(
+              styles.image,
+              golden ? styles['empty-icon--golden'] : styles['empty-icon']
+              )}
+              >
+             { <IconAvatar />}
+          </span> */}
+            </>
+          )}
+        </span>
+      )}
+      <div>
+        {username ? (
+          <p
+            className={`${cn(
+              styles.name,
+              { [styles['name-blank']]: !username },
+              { [styles['name-golden']]: golden }
+            )} dark:text-white text-center`}
+          >
+            <div
+              className={`${cn(styles.skeleton, styles.wrapper, {
+                [styles.show]: ticketGenerationState === 'loading',
+              })} text-3xl sm:text-4xl bg-gradient-to-r from-[#F8F9FA] via-[#F8F9FA] to-[#F8F9FA60] bg-clip-text text-transparent text-center`}
+            >
+              {name || username || 'Your Name'}
+              <p>{name && <p className="gradient-text-scale-100 text-sm">@{username}</p>}</p>
+            </div>
+          </p>
+        ) : (
+          <TicketForm
+            defaultUsername={username ?? undefined}
+            setTicketGenerationState={setTicketGenerationState}
+          />
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx b/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx
new file mode 100644
index 00000000000..be31e8c231c
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx
@@ -0,0 +1,130 @@
+import styles from './ticket-visual.module.css'
+import TicketProfile from './TicketProfile'
+import TicketNumber from './TicketNumber'
+import Tilt from 'vanilla-tilt'
+import useConfData from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import TicketHeader from './TicketHeader'
+import { useEffect, useRef, useState } from 'react'
+import Image from 'next/image'
+
+type TicketGenerationState = 'default' | 'loading'
+type Props = {
+  size?: number
+  name?: string
+  ticketNumber?: number
+  bgImageId?: number
+  username?: string
+  ticketGenerationState?: TicketGenerationState
+  setTicketGenerationState?: any
+  golden?: boolean
+}
+
+export default function TicketVisual({
+  size = 1,
+  name,
+  username,
+  bgImageId,
+  ticketNumber,
+  ticketGenerationState = 'default',
+  setTicketGenerationState,
+  golden = false,
+}: Props) {
+  const { session } = useConfData()
+  const [imageIsLoading, setImageIsLoading] = useState(true)
+  const ticketRef = useRef<HTMLDivElement>(null)
+  const storageBaseFilepath = `https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7/tickets_bg`
+
+  const ticketBg = {
+    regular: {
+      image: `${storageBaseFilepath}/blurred/regular/jpg/reg_bg_${bgImageId}.jpg`,
+      overlay: `/images/launchweek/seven/ticket-overlay-reg.png`,
+    },
+    gold: {
+      image: `${storageBaseFilepath}/blurred/golden/jpg/gold_bg_${bgImageId}.jpg`,
+      overlay: `/images/launchweek/seven/ticket-overlay-gold.png`,
+    },
+  }
+
+  useEffect(() => {
+    if (ticketRef.current && !window.matchMedia('(pointer: coarse)').matches) {
+      Tilt.init(ticketRef.current, {
+        glare: !golden,
+        max: 4,
+        gyroscope: true,
+        'max-glare': 0.3,
+        'full-page-listening': true,
+      })
+    }
+  }, [ticketRef])
+
+  return (
+    <div
+      className="flex relative flex-col w-[300px] md:w-full md:max-w-none h-auto"
+      style={{
+        transform: 'translate3d(0, 0, 100px)',
+        transformStyle: 'preserve-3d',
+      }}
+    >
+      <div
+        ref={ticketRef}
+        className={[
+          styles.visual,
+          golden ? styles['visual--gold'] : '',
+          session ? styles['visual--logged-in'] : '',
+          !golden && 'overflow-hidden',
+          'flex relative flex-col justify-between w-full pt-[150%] md:pt-[50%] bg-gradient-to-b from-[#ffffff80] to-[#ffffff20] before:rounded-2xl h-0 box-border',
+        ].join(' ')}
+        style={{
+          ['--size' as string]: size,
+        }}
+        id="wayfinding--ticket-visual-inner-container"
+      >
+        <div className="absolute inset-0 h-[calc(100%-100px)] z-10 flex flex-col items-center justify-between w-full md:h-full flex-1 md:pl-[6%] md:pr-[15%] overflow-hidden">
+          {username && <TicketHeader />}
+          <div
+            className="flex-1 w-full h-full md:h-auto flex py-6 md:py-4 flex-col justify-center"
+            id="wayfinding--TicketProfile-container"
+          >
+            <TicketProfile
+              name={name}
+              username={username}
+              size={size}
+              ticketGenerationState={ticketGenerationState}
+              setTicketGenerationState={setTicketGenerationState}
+              golden={golden}
+            />
+          </div>
+        </div>
+        <TicketNumber number={ticketNumber} />
+        <div
+          id="wayfinding--ticket-dynamic-bg-image"
+          className="absolute inset-[1px] z-0 rounded-2xl overflow-hidden"
+        >
+          {username && (
+            <Image
+              src={golden ? ticketBg.gold.overlay : ticketBg.regular.overlay}
+              layout="fill"
+              objectFit="cover"
+              placeholder="blur"
+              blurDataURL="/images/blur.png"
+              className="absolute inset-[1px] z-[1]"
+            />
+          )}
+          <Image
+            src={golden ? ticketBg.gold.image : ticketBg.regular.image}
+            layout="fill"
+            objectFit="cover"
+            placeholder="blur"
+            blurDataURL="/images/blur.png"
+            priority
+            className={[
+              'duration-700 ease-in-out transform transition-all',
+              imageIsLoading ? 'grayscale blur-xl scale-110' : 'scale-100 grayscale-0 blur-0',
+            ].join(' ')}
+            onLoadingComplete={() => setImageIsLoading(false)}
+          />
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketsGrid.tsx b/apps/www/components/LaunchWeek/Ticket/TicketsGrid.tsx
new file mode 100644
index 00000000000..4377b09b8c8
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/TicketsGrid.tsx
@@ -0,0 +1,90 @@
+import { motion } from 'framer-motion'
+import Image from 'next/image'
+import Link from 'next/link'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+import { UserData } from './hooks/use-conf-data'
+
+interface Props {
+  loadedUsers: UserData[]
+  isLoading: boolean
+  pageCount: number
+  offset: number
+}
+
+export default function TicketsGrid({ loadedUsers, isLoading, pageCount, offset }: Props) {
+  const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+  const BUCKET_FOLDER_VERSION = 'v3'
+  const getOgUrl = (username: string, isGold: boolean) =>
+    `${STORAGE_URL}/tickets/gallery/${
+      isGold ? 'golden' : 'regular'
+    }/${BUCKET_FOLDER_VERSION}/${username}.png`
+  const isMobile = useMobileViewport(768)
+  const isTablet = useMobileViewport(1024)
+
+  return (
+    <div
+      className={[
+        'grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 mx-[-10vw] gap-3 py-12 relative',
+      ].join(' ')}
+    >
+      {loadedUsers?.map((user, i) => {
+        const rowTickets = isMobile ? 2 : isTablet ? 3 : 5
+        const divider = Math.floor(i / rowTickets)
+        const isOddRow = divider % 2 === 0
+        // Delay should be no more than pageCount for new loaded users
+        const recalculatedDelay = i >= pageCount * 2 ? (i - pageCount * (offset - 1)) / 15 : i / 15
+
+        return (
+          <Link href={`/launch-week/tickets/${user.username}`} key={`${user.username}-000${i}`}>
+            <motion.a
+              className="relative w-full p-[1px] rounded-lg sm:rounded-xl overflow-hidden hover:cursor-pointer bg-gradient-to-b from-[#ffffff60] to-[#ffffff10]"
+              initial={{ opacity: 0, y: 20, x: isOddRow ? 30 : -30 }}
+              animate={{
+                opacity: !isTablet && (i === 0 || i === 4) ? 0 : 1,
+                y: 0,
+                x: isOddRow ? 30 : -30,
+                transition: {
+                  duration: 0.4,
+                  ease: [0.24, 0.25, 0.05, 1],
+                  delay: recalculatedDelay,
+                },
+              }}
+            >
+              <div className="relative inset-0 w-full pt-[50%] bg-[#2f2e2e] overflow-hidden rounded-lg sm:rounded-xl">
+                <Image
+                  src={getOgUrl(user.username!, !!user.golden)}
+                  alt={user.username}
+                  layout="fill"
+                  objectFit="cover"
+                  objectPosition="center"
+                  placeholder="blur"
+                  blurDataURL="/images/blur.png"
+                />
+              </div>
+            </motion.a>
+          </Link>
+        )
+      })}
+      {isLoading &&
+        Array.from({ length: pageCount }, (_, i) => (
+          <motion.div
+            className="relative rounded-lg sm:rounded-xl overflow-hidden h-0 w-full pt-[50%]"
+            initial={{ opacity: 0, y: 20 }}
+            animate={{
+              opacity: 1,
+              y: 0,
+              transition: {
+                duration: 0.4,
+                ease: [0.24, 0.25, 0.05, 1],
+                delay: i / 15,
+              },
+            }}
+          >
+            <div className="absolute inset-0 rounded-lg sm:rounded-xl bg-gradient-to-b from-[#ffffff60] to-[#ffffff10] p-[1px] overflow-hidden">
+              <div className="absolute inset-[1px] rounded-lg sm:rounded-xl bg-gradient-to-b from-[#3d3c3c] to-[#2f2e2e]" />
+            </div>
+          </motion.div>
+        ))}
+    </div>
+  )
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/form.tsx b/apps/www/components/LaunchWeek/Ticket/form.tsx
index 59dbcb902ac..2ac809410a9 100644
--- a/apps/www/components/LaunchWeek/Ticket/form.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/form.tsx
@@ -37,45 +37,7 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
   const router = useRouter()
   const isCaptchaEnabled = false
 
-  useEffect(() => {
-    if (session?.user) {
-      document.body.classList.add('ticket-generated')
-      const username = session.user.user_metadata.user_name
-      const name = session.user.user_metadata.full_name
-      const email = session.user.email
-      supabase
-        .from('lw6_tickets')
-        .upsert({ email, name, username }, { onConflict: 'email', ignoreDuplicates: false })
-        .eq('email', email)
-        .select()
-        .single()
-        .then(async ({ error }) => {
-          if (error) return supabase.auth.signOut()
-          const { data } = await supabase
-            .from('lw6_tickets_golden')
-            .select('*')
-            .eq('username', username)
-            .single()
-          setUserData(data)
-          setFormState('default')
-
-          // Prefetch GitHub avatar
-          new Image().src = `https://github.com/${username}.png`
-
-          // Prefetch the twitter share URL to eagerly generate the page
-          fetch(`/launch-week/tickets/${username}`).catch((_) => {})
-          // Prefetch ticket og image.
-          fetch(
-            `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
-              username ?? ''
-            )}`
-          ).catch((_) => {})
-
-          setPageState('ticket')
-        })
-    }
-  }, [session])
-
+  // NOTE: this is not in use anymore as we're only allowing GitHub signups since LW7!
   async function register(email: string, token?: string): Promise<ConfUser> {
     const { error } = await supabase!.from('lw6_tickets').insert({ email })
     if (error) {
diff --git a/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts b/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts
index 4855f4f9a56..fc8d1df8fbb 100644
--- a/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts
+++ b/apps/www/components/LaunchWeek/Ticket/hooks/use-conf-data.ts
@@ -9,6 +9,10 @@ export type UserData = {
   username?: string
   name?: string
   golden?: boolean
+  referrals?: number
+  bg_image_id?: number
+  sharedOnTwitter?: string
+  sharedOnLinkedIn?: string
 }
 
 type ConfDataContextType = {
diff --git a/apps/www/components/LaunchWeek/Ticket/hooks/useWinningChances.ts b/apps/www/components/LaunchWeek/Ticket/hooks/useWinningChances.ts
new file mode 100644
index 00000000000..b843fd0f5fe
--- /dev/null
+++ b/apps/www/components/LaunchWeek/Ticket/hooks/useWinningChances.ts
@@ -0,0 +1,25 @@
+import { UserData } from './use-conf-data'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+
+function calculateWinChances(userData: UserData): number {
+  // Just signing up gives you 1
+  // Then signing up with LinkedIn and Twitter get you one more each for a total of 3
+  // When the chance === 3, you have a golden ticket
+  let numChances = 1
+
+  if (userData.sharedOnLinkedIn) {
+    numChances++
+  }
+  if (userData.sharedOnTwitter) {
+    numChances++
+  }
+
+  return numChances
+}
+
+export default function useWinningChances() {
+  const { userData } = useConfData()
+
+  const chances = calculateWinChances(userData)
+  return chances
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
deleted file mode 100644
index fd7c62842a4..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-import { SITE_URL, TWEET_TEXT, TWEET_TEXT_GOLDEN } from '~/lib/constants'
-import { IconDownload, IconLinkedin, IconTwitter } from 'ui'
-import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
-import LoadingDots from './loading-dots'
-
-type Props = {
-  username: string
-  golden?: boolean
-}
-
-export default function TicketActions({ username, golden = false }: Props) {
-  const [imgReady, setImgReady] = useState(false)
-  const [loading, setLoading] = useState(false)
-  const downloadLink = useRef<HTMLAnchorElement>()
-  const permalink = encodeURIComponent(`${SITE_URL}/tickets/${username}?v=6`)
-  const text = encodeURIComponent(golden ? TWEET_TEXT_GOLDEN : TWEET_TEXT)
-  const { userData } = useConfData()
-  const tweetUrl = `https://twitter.com/intent/tweet?url=${permalink}&via=supabase&text=${text}`
-  const linkedInUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${permalink}`
-  const downloadUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
-    userData.username ?? ''
-  )}`
-
-  useEffect(() => {
-    setImgReady(false)
-
-    const img = new Image()
-
-    img.src = downloadUrl
-    img.onload = () => {
-      setImgReady(true)
-      setLoading(false)
-      if (downloadLink.current) {
-        downloadLink.current.click()
-        downloadLink.current = undefined
-      }
-    }
-  }, [downloadUrl])
-
-  const ActionStyle = ({ children }: any) => {
-    return (
-      <div className="rounded-full bg-white dark:bg-scale-400 dark:hover:bg-scale-500 py-1 px-3 border border-scale-500 dark:text-white text-sm mb-1 transition-all ease-out hover:bg-scale-500">
-        {children}
-      </div>
-    )
-  }
-
-  return (
-    <>
-      <ActionStyle>
-        <a
-          href={tweetUrl}
-          rel="noopener noreferrer"
-          target="_blank"
-          className="flex items-center gap-2"
-        >
-          <div className="text-scale-900">
-            <IconTwitter size={12} strokeWidth={1.5} />
-          </div>
-          Tweet it
-        </a>
-      </ActionStyle>
-      <ActionStyle>
-        <a
-          href={linkedInUrl}
-          rel="noopener noreferrer"
-          target="_blank"
-          className="flex items-center gap-2"
-        >
-          <div className="text-scale-900">
-            <IconLinkedin size={12} strokeWidth={1.5} />
-          </div>
-          Share on Linkedin
-        </a>
-      </ActionStyle>
-      <ActionStyle>
-        <a
-          href={loading ? undefined : downloadUrl}
-          onClick={(e) => {
-            if (imgReady) return
-
-            e.preventDefault()
-            downloadLink.current = e.currentTarget
-            // Wait for the image download to finish
-            setLoading(true)
-          }}
-          download="ticket.png"
-          className="flex items-center gap-2"
-        >
-          <div className="text-scale-900">
-            <IconDownload size={12} strokeWidth={1.5} />
-          </div>
-          Download
-          {loading ? <LoadingDots size={4} /> : <>{/* <IconDownload width={24} /> Download */}</>}
-        </a>
-      </ActionStyle>
-    </>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx
index 997ada1729f..1ad02316422 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-copy.tsx
@@ -2,8 +2,6 @@ import { useEffect, useState, useRef } from 'react'
 import cn from 'classnames'
 import { SITE_URL } from '~/lib/constants'
 import styleUtils from './utils.module.css'
-// import IconCopy from '~/components/LaunchWeek/Ticket/icons/icon-copy'
-import styles from './ticket-copy.module.css'
 import { IconCopy, IconCheck } from 'ui'
 
 type Props = {
@@ -24,24 +22,11 @@ export default function TicketCopy({ username }: Props) {
     }
   }, [])
 
-  const copiedText = <span className="text-xs text-scale-1200">Copied!</span>
-
-  // background: none;
-  // outline: none;
-  // border: none;
-  // z-index: 2;
-  // border-radius: var(--space-2x);
-  // width: 40px;
-  // display: flex;
-  // align-items: center;
-  // justify-content: center;
-  // margin-right: -10px;
-
   const copyButton = (
     <button
       type="button"
       name="Copy"
-      className="text-scale-900 hover:text-scale-1200 w-21 flex items-center cursor-pointer"
+      className="bg-[#E6E8EB] text-[#2e2e2e] text-xs w-21 flex items-center cursor-pointer py-1 px-2 rounded-full"
       ref={buttonRef}
       onClick={() => {
         navigator.clipboard.writeText(url).then(() => {
@@ -52,13 +37,17 @@ export default function TicketCopy({ username }: Props) {
         })
       }}
     >
-      {copied ? (
-        <div className="text-brand-900">
-          <IconCheck size={14} />
-        </div>
-      ) : (
-        <IconCopy size={14} />
-      )}
+      <div className="flex items-center gap-1 ">
+        {copied ? (
+          <>
+            <IconCheck size={14} /> Copied!
+          </>
+        ) : (
+          <>
+            <IconCopy size={14} /> Copy your unique URL{' '}
+          </>
+        )}
+      </div>
     </button>
   )
 
@@ -67,14 +56,14 @@ export default function TicketCopy({ username }: Props) {
       className={cn(
         styleUtils.appear,
         styleUtils['appear-third'],
-        'bg-scaleA-200 h-8 rounded border border-scale-400 w-full'
+        'bg-scaleA-200 h-8 rounded-full border border-[#E3E3E370] w-full overflow-hidden'
       )}
+      id="wayfinding--ticket-copy"
     >
-      <div className="px-3 h-full flex items-center gap-3 w-full truncate relative pr-20">
-        <div className="text-scale-900 text-sm hidden lg:flex">Your ticket URL:</div>
+      <div className="px-3 h-full flex items-center gap-3 w-full truncate relative pr-20 bg-[#D9D9D94D]">
         <div className="flex items-center truncate">
           <p
-            className={['text-xs font-mono text-scale-1200 truncate'].join(' ')}
+            className={['text-xs font-mono text-[#ededed] truncate'].join(' ')}
             ref={scrollRef}
             onScroll={() => {
               if (!scrolling) {
@@ -95,10 +84,7 @@ export default function TicketCopy({ username }: Props) {
             {url}
           </p>
         </div>
-        <div className="absolute right-3 with-auto height-auto flex items-center">
-          {copied && copiedText}
-          {copyButton}
-        </div>
+        <div className="absolute right-1 with-auto height-auto flex items-center">{copyButton}</div>
       </div>
     </div>
   )
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
deleted file mode 100644
index 8ded0d8cdf1..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket-form.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { useState, useRef } from 'react'
-// import { scrollTo } from '@lib/smooth-scroll';
-import cn from 'classnames'
-// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
-// import CheckIcon from '~/components/LaunchWeek/Ticket/icons/icon-check'
-import { SITE_ORIGIN } from '~/lib/constants'
-import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
-import LoadingDots from './loading-dots'
-import formStyles from './form.module.css'
-import ticketFormStyles from './ticket-form.module.css'
-
-type FormState = 'default' | 'loading' | 'error'
-type TicketGenerationState = 'default' | 'loading'
-
-type Props = {
-  defaultUsername?: string
-  setTicketGenerationState: React.Dispatch<React.SetStateAction<TicketGenerationState>>
-}
-
-export default function Form({ defaultUsername = '', setTicketGenerationState }: Props) {
-  const [username] = useState(defaultUsername)
-  const [formState, setFormState] = useState<FormState>('default')
-  const [errorMsg] = useState('')
-  const { supabase } = useConfData()
-  const formRef = useRef<HTMLFormElement>(null)
-
-  return formState === 'error' ? (
-    <div>
-      <div className={cn(formStyles['form-row'], ticketFormStyles['form-row'])}>
-        <div className={cn(formStyles['input-label'], formStyles.error)}>
-          <div className={cn(formStyles.input, formStyles['input-text'])}>{errorMsg}</div>
-          <button
-            type="button"
-            className={cn(formStyles.submit, formStyles.error)}
-            onClick={() => {
-              setFormState('default')
-              setTicketGenerationState('default')
-            }}
-          >
-            Try Again
-          </button>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <form
-      ref={formRef}
-      onSubmit={async (e) => {
-        e.preventDefault()
-
-        if (formState !== 'default') {
-          setTicketGenerationState('default')
-          setFormState('default')
-          return
-        }
-
-        setFormState('loading')
-        setTicketGenerationState('loading')
-
-        await supabase.auth.signInWithOAuth({
-          provider: 'github',
-          options: { redirectTo: `${SITE_ORIGIN}/launch-week/tickets` },
-        })
-      }}
-      className="flex flex-col items-center xl:block"
-    >
-      <div className="flex flex-col gap-3">
-        <div>
-          <button
-            type="submit"
-            className="rounded-full bg-scale-400 py-1 px-3 border border-scale-500 dark:text-white text-sm mb-1 transition-all ease-out hover:bg-scale-500"
-            disabled={formState === 'loading' || Boolean(username)}
-          >
-            <span className={`${username && 'text-scale-900'}`}>
-              {username ? 'Done!' : 'Connect with GitHub'}
-            </span>
-            {username ? <span className={ticketFormStyles.checkIcon}></span> : null}
-          </button>
-        </div>
-        {!username && <p className={'text-xs text-scale-900'}>Only public info will be used.</p>}
-      </div>
-    </form>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx
index 43fe8a2f68f..b9ba7f91e87 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-image.tsx
@@ -1,6 +1,6 @@
 import { useRouter } from 'next/router'
 import Head from 'next/head'
-import TicketVisual from './ticket-visual'
+import TicketVisual from './TicketVisual'
 import styles from './ticket-image.module.css'
 
 export default function TicketImage() {
@@ -16,7 +16,7 @@ export default function TicketImage() {
               rel="stylesheet"
             />
           </Head>
-          <TicketVisual
+          {/* <TicketVisual
             size={1700 / 650}
             username={query.username ? query.username.toString() : undefined}
             ticketNumber={parseInt(query.ticketNumber.toString(), 10)}
@@ -28,7 +28,7 @@ export default function TicketImage() {
                 : undefined
             }
             golden={query.golden ? true : false}
-          />
+          /> */}
         </div>
       </div>
     )
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-info-footer.tsx
similarity index 80%
rename from apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
rename to apps/www/components/LaunchWeek/Ticket/ticket-info-footer.tsx
index 8437aa6eddd..7dd3b821630 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info-footer.tsx
@@ -5,12 +5,12 @@ import { DATE, SITE_URL } from '~/lib/constants'
 const siteUrl = new URL(SITE_URL)
 const siteUrlForTicket = `${siteUrl.host}${siteUrl.pathname}`.replace(/\/$/, '')
 
-export default function TicketInfo({
+export default function TicketInfoFooter({
   logoTextSecondaryColor = 'var(--accents-5)',
   golden = false,
 }) {
   return (
-    <div className={styles.info}>
+    <div className=" flex gap-0" id="wayfinding--TicketInfo-footer">
       <div
         className={`${cn(styles.date, { [styles['date-golden']]: golden })} text-sm mr-4 ${
           golden && '!text-white'
@@ -23,7 +23,7 @@ export default function TicketInfo({
           golden && '!text-white'
         }`}
       >
-        <div>supabase.com/launch-week</div>
+        {/* <div>supabase.com/launch-week</div> */}
       </div>
     </div>
   )
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
index 9611ea8d805..ff1dc0539a2 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
@@ -1,8 +1,4 @@
 .info {
-  display: flex;
-  gap: 0px;
-  margin-bottom: 64px;
-  padding: 32px;
 }
 
 @media (min-width: 768px) {
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx
index f55de57df16..2e7663bef28 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-mono-mobile.tsx
@@ -12,7 +12,7 @@ export default function TicketMonoMobile({ golden = false }: { golden?: boolean
     <svg
       width="100%"
       height="100%"
-      viewBox="0 0 330 560"
+      viewBox="0 0 330 100"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx
index c4e5eb46b0f..e867cd8835d 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-mono.tsx
@@ -6,10 +6,11 @@ export default function TicketMono({ golden = false }: { golden?: boolean }) {
   return (
     <svg
       width="100%"
-      height="100%"
-      viewBox="0 0 650 330"
+      height="auto"
+      viewBox="0 0 650 100"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="none"
     >
       <path
         fillRule="evenodd"
@@ -17,7 +18,6 @@ export default function TicketMono({ golden = false }: { golden?: boolean }) {
         d="M21 5C12.1634 5 5 12.1634 5 21V133.388C20.2981 135.789 32 149.028 32 165C32 180.972 20.2981 194.211 5 196.612V309C5 317.837 12.1634 325 21 325H629C637.837 325 645 317.837 645 309V196.612C629.702 194.211 618 180.972 618 165C618 149.028 629.702 135.789 645 133.388V21C645 12.1634 637.837 5 629 5H21Z"
         // fill="black"
       />
-      <path d="M512 5V326" stroke={perforationColor} strokeDasharray="4 4" />
     </svg>
   )
 }
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx
deleted file mode 100644
index 473a8749b03..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket-number.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-type Props = {
-  number: number
-}
-
-export default function TicketNumber({ number }: Props) {
-  const numDigits = `${number}`.length
-  const prefix = `00000000`.slice(numDigits)
-  return (
-    <>
-      № {prefix}
-      {number}
-    </>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css
index b4e44f9f345..ac08447a22a 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-profile.module.css
@@ -1,30 +1,14 @@
-.profile {
-  display: flex;
-  align-items: center;
-}
-
 .image {
-  width: 60px;
-  height: 60px;
+  width: 50px;
+  height: 50px;
   border-radius: 50%;
   border: 1px solid #999;
 }
 
 @media (min-width: 768px) {
   .image {
-    width: calc(80px * var(--size));
-    height: calc(80px * var(--size));
-  }
-}
-
-.text {
-  flex: 1;
-  margin-left: 10px;
-}
-
-@media (min-width: 768px) {
-  .text {
-    margin-left: calc(15px * var(--size));
+    width: calc(100px * var(--size));
+    height: calc(100px * var(--size));
   }
 }
 
@@ -34,7 +18,6 @@
   line-height: 1.15;
   letter-spacing: -0.02em;
   margin: 0;
-  max-width: 300px;
 }
 
 .name-golden {
@@ -102,12 +85,12 @@
     background-position: -200% 0;
   }
 }
-
+/*
 .skeleton {
   display: flex;
   align-items: center;
-  border-radius: 5px;
-}
+  border-radius: 25px;
+} */
 
 .skeleton.loaded {
   width: unset !important;
@@ -152,16 +135,15 @@
 
 .rounded,
 .rounded.wrapper::before {
-  width: 62px;
-  height: 62px;
+  width: calc(80px * var(--size));
+  height: calc(80px * var(--size));
   border-radius: 50% !important;
 }
 
 @media (min-width: 768px) {
   .rounded,
   .rounded.wrapper::before {
-    width: calc(82px * var(--size));
-    height: calc(82px * var(--size));
-    border-radius: 50% !important;
+    width: calc(110px * var(--size));
+    height: calc(110px * var(--size));
   }
 }
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
deleted file mode 100644
index 6a920bde73d..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
-import cn from 'classnames'
-// import IconAvatar from '~/components/LaunchWeek/Ticket/icons/icon-avatar'
-import styles from './ticket-profile.module.css'
-
-type TicketGenerationState = 'default' | 'loading'
-type Props = {
-  name?: string
-  username?: string
-  size?: number
-  ticketGenerationState: TicketGenerationState
-  golden?: boolean
-}
-
-export default function TicketProfile({
-  name,
-  username,
-  size = 1,
-  ticketGenerationState,
-  golden = false,
-}: Props) {
-  return (
-    <div className={styles.profile}>
-      <span
-        className={cn(styles.skeleton, styles.wrapper, styles.inline, styles.rounded, {
-          [styles.show]: ticketGenerationState === 'loading',
-        })}
-      >
-        {username ? (
-          <img src={`https://github.com/${username}.png`} alt={username} className={styles.image} />
-        ) : (
-          <span
-            className={cn(
-              styles.image,
-              golden ? styles['empty-icon--golden'] : styles['empty-icon']
-            )}
-          >
-            {/* <IconAvatar /> */}
-          </span>
-        )}
-      </span>
-      <div className={styles.text}>
-        <p
-          className={`${cn(
-            styles.name,
-            { [styles['name-blank']]: !username },
-            { [styles['name-golden']]: golden }
-          )} dark:text-white`}
-        >
-          <span
-            className={`${cn(styles.skeleton, styles.wrapper, {
-              [styles.show]: ticketGenerationState === 'loading',
-            })} text-4xl bg-gradient-to-r ${
-              golden ? 'to-[#ffe8af]' : 'to-slate-900'
-            } from-white via-white bg-clip-text text-transparent`}
-          >
-            {name || username || 'Your Name'}
-          </span>
-        </p>
-        <p className={cn(styles.username, { [styles['username-golden']]: golden })}>
-          <span
-            className={cn(styles.skeleton, styles.wrapper, {
-              [styles.show]: ticketGenerationState === 'loading',
-            })}
-          >
-            <span className={`${golden ? 'text-white' : 'text-scale-1100'}`}>
-              {/* <GithubIcon
-                color={golden ? 'var(--gold-primary)' : 'var(--secondary-color)'}
-                size={20 * size}
-              /> */}
-              {username ? `@${username}` : <>username</>}
-            </span>
-
-            <img
-              alt="Supabase disconnected badge"
-              src={`/images/launchweek/supabadge-${
-                golden ? 'gold' : username ? 'connected' : 'disconnected'
-              }.svg`}
-              className="ml-2"
-            />
-          </span>
-        </p>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css
index 83e5f1d92ac..9056698878f 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css
@@ -1,90 +1,62 @@
 .visual {
-  position: relative;
   transform: translateZ(0);
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  /* background-color: black; */
-  border: 2px solid rgba(0, 0, 0, 0.1);
+  background-image: linear-gradient(154.77deg, #cb88ff 29.4%, #cb88ff 120.47%);
+  box-shadow: 0px 1px 27px #9e44ef10, 0 0 0 1px rgba(121, 89, 134, 0.237),
+    inset 0 0px 0 -2px rgba(0, 0, 0, 0.55);
+  /* border: 1px solid rgba(0, 0, 0, 0.05); */
   border-radius: 16px;
 
-  background-color: rgba(0, 0, 0, 1);
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
 
-  /* background: linear-gradient(#fff000, var(--gold-secondary)); */
-  border: 1px solid #1c5f52;
-  animation: blank-svg-shadow 2s ease-in-out infinite alternate;
+  /* border: 1px solid #1c1c1c; */
+  /* animation: 2s ease-in-out infinite alternate; */
 
-  background-image: url('/images/launchweek/regular-ticket-background.png');
   background-repeat: no-repeat;
   background-size: contain;
 }
 
 .visual--gold {
-  /* border: 10px solid;
-  border-image-slice: 1;
-  border-width: 2px;
-  border-radius: 16px; */
-  background-color: linear-gradient(#fff000, #dea513);
-  background-color: #dea513;
+  background: radial-gradient(#fcdf9d, #dbb333);
+}
+
+.visual--gold::before {
+  content: ' ';
+  position: absolute;
+  inset: 0;
+  filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 6px #d99f0c) drop-shadow(0 0 9px #dbb333);
+  background: radial-gradient(#fcdf9d, #dbb333);
   border: 1px solid rgba(255, 255, 0, 0.629);
-  animation: svg-shadow 2s ease-in-out infinite alternate;
-  background-image: url('/images/launchweek/gold-ticket-background.png');
-  /* filter: drop-shadow(2.45223px 8.5828px 73.5669px #FFBD14);  */
-  /* border-image-source: linear-gradient(to left, var(--gold-secondary), var(--gold-accent)); */
+  animation: opacity-pulse 2s ease-in-out infinite alternate;
 }
 
-@media (max-width: 768px) {
-  .visual {
-    background-size: cover;
-
-    background-image: url('/images/launchweek/2x-regular-ticket-background.jpg');
+@keyframes opacity-pulse {
+  from {
+    opacity: 0.5;
   }
 
-  .visual--gold {
-    background-image: url('/images/launchweek/2x-gold-ticket-background.jpg');
+  to {
+    opacity: 1;
   }
 }
 
-/* .svg-shadow {
-} */
-
 @keyframes svg-shadow {
   from {
     filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #d99f0c) drop-shadow(0 0 6px #d99f0c);
   }
 
   to {
-    filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #d99f0c) drop-shadow(0 0 9px #d99f0c);
+    filter: drop-shadow(0 0 10px #fff) drop-shadow(0 0 6px #d99f0c) drop-shadow(0 0 9px #d99f0c);
   }
 }
 
 @keyframes blank-svg-shadow {
   from {
-    filter: drop-shadow(0 0 2px #1c5f52) drop-shadow(0 0 4px #1c5f52) drop-shadow(0 0 6px #1c5f52);
+    filter: drop-shadow(0 0 2px #bada55) drop-shadow(0 0 2px #bada55) drop-shadow(0 0 2px #bada55);
   }
 
   to {
-    filter: drop-shadow(0 0 3px #1c5f52) drop-shadow(0 0 6px #1c5f52) drop-shadow(0 0 9px #1c5f52);
-  }
-}
-
-.horizontal-ticket {
-  display: none;
-}
-
-.vertical-ticket {
-  display: flex;
-}
-
-@media (min-width: 768px) {
-  .horizontal-ticket {
-    display: flex;
-  }
-
-  .vertical-ticket {
-    display: none;
+    filter: drop-shadow(0 0 3px #bada55) drop-shadow(0 0 2px #bada55) drop-shadow(0 0 2px #bada55);
   }
 }
 
@@ -94,22 +66,18 @@
   top: 0;
   width: 100%;
   height: 100%;
-  /* padding: 46px 29px;/ */
 }
 
 .logo img {
-  /* margin-top: 64px; */
   margin-top: calc(64px * var(--size));
   margin-left: calc(32px * var(--size));
   margin-left: calc(32px * var(--size));
-  /* width: 272px; */
   width: calc(272px * var(--size));
 }
 
 @media (min-width: 768px) {
   .logo img {
     margin-top: calc(32px * var(--size));
-    /* width: 280px; */
     width: calc(280px * var(--size));
     margin-left: calc(160px * var(--size));
   }
@@ -140,48 +108,10 @@
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  /* padding: calc(46px * var(--size)) calc(29px * var(--size)); */
 }
 
 @media (min-width: 768px) {
   .info {
     bottom: 0;
-    /* padding: 0 calc(160px * var(--size)) calc(44px * var(--size))
-      calc(63px * var(--size)); */
-  }
-}
-
-.ticket-number-wrapper {
-  position: absolute;
-  bottom: 40px;
-  right: 0;
-}
-
-@media (min-width: 768px) {
-  .ticket-number-wrapper {
-    bottom: 0;
-  }
-}
-
-.ticket-number {
-  font-size: calc(40px * var(--size));
-  line-height: 1;
-  width: calc(330px * var(--size));
-  text-align: center;
-  background-clip: text;
-}
-
-.ticket-number-golden {
-  color: var(--gold-primary);
-}
-
-@media (min-width: 768px) {
-  .ticket-number {
-    transform: rotate(90deg) translateY(calc(100px * var(--size)));
-    transform-origin: bottom right;
-  }
-
-  .ticket-number-golden {
-    color: var(--gold-accent);
   }
 }
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
deleted file mode 100644
index 55278d18b5a..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import styles from './ticket-visual.module.css'
-import TicketProfile from './ticket-profile'
-import TicketNumber from './ticket-number'
-import TicketMono from './ticket-mono'
-import TicketInfo from './ticket-info'
-import TicketMonoMobile from './ticket-mono-mobile'
-import cn from 'classnames'
-import { useRouter } from 'next/router'
-
-type TicketGenerationState = 'default' | 'loading'
-type Props = {
-  size?: number
-  name?: string
-  ticketNumber?: number
-  username?: string
-  ticketGenerationState?: TicketGenerationState
-  golden?: boolean
-}
-
-export default function TicketVisual({
-  size = 1,
-  name,
-  username,
-  ticketNumber,
-  ticketGenerationState = 'default',
-  golden = false,
-}: Props) {
-  // golden = true
-
-  const router = useRouter()
-  const basePath = router.basePath
-
-  return (
-    <>
-      <div
-        className={[styles.visual, golden ? styles['visual--gold'] : ''].join(' ')}
-        // className={`rounded-2xl shadow-xl shadow-brand-500`}
-        style={{
-          ['--size' as string]: size,
-        }}
-      >
-        <div className={styles['horizontal-ticket']}>
-          {/* {username ? <TicketColored golden={golden} /> : <TicketMono golden={golden} />} */}
-
-          <TicketMono golden={golden} />
-        </div>
-        <div className={styles['vertical-ticket']}>
-          {/* {username ? (
-            <TicketColoredMobile golden={golden} />
-          ) : (
-            <TicketMonoMobile golden={golden} />
-          )} */}
-          <TicketMonoMobile golden={golden} />
-        </div>
-        <div className={styles.logo}>
-          <img src={`/images/launchweek/ticket-logo-${golden ? 'light' : 'dark'}.svg`} />
-        </div>
-        <div className={styles.profile}>
-          <TicketProfile
-            name={name}
-            username={username}
-            size={size}
-            ticketGenerationState={ticketGenerationState}
-            golden={golden}
-          />
-        </div>
-        <div className={styles.info}>
-          <TicketInfo
-            golden={golden}
-            logoTextSecondaryColor={
-              ticketNumber ? (golden ? '#F2C94C' : 'var(--brand)') : undefined
-            }
-          />
-        </div>
-        {ticketNumber && (
-          <div className={`${styles['ticket-number-wrapper']} dark:text-white`}>
-            <div
-              className={`${cn(styles['ticket-number'], {
-                [styles['ticket-number-golden']]: golden,
-              })} bg-gradient-to-r  from-white via-white ${
-                golden ? 'to-[#ffe8af]' : 'to-slate-900'
-              }`}
-            >
-              <TicketNumber number={ticketNumber} />
-            </div>
-          </div>
-        )}
-      </div>
-    </>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.module.css b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
index aebe6c9c713..aa126cb7070 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
@@ -1,3 +1,16 @@
+.ticket-hero {
+  background: #c58cd2;
+  background: linear-gradient(
+    137.46deg,
+    rgba(255, 255, 255, 0.1) 6.19%,
+    rgba(255, 255, 255, 0.08) 103.29%
+  );
+  z-index: 10;
+  box-shadow: 0 1px 1px rgba(131, 6, 184, 0.08), 0 2px 2px rgba(128, 6, 184, 0.08),
+    inset 0 0.5px 0px 0.5px rgba(255, 255, 255, 0.14), inset 0 -3px 0 -2px rgba(255, 255, 255, 0.08),
+    0px 4px 20px rgba(118, 7, 170, 0.15);
+}
+
 .hero {
   line-height: 1.15;
   letter-spacing: -0.05em;
@@ -9,10 +22,6 @@
 @media (min-width: 768px) {
   .hero {
     line-height: 1;
-    /* font-weight: 800; */
-    /* max-width: 800px; */
-    /* margin-left: auto;
-    margin-right: auto; */
   }
 }
 
@@ -58,26 +67,6 @@
   margin-bottom: auto;
 }
 
-.ticket-visual {
-  position: relative;
-  border-radius: calc(16px * var(--size));
-  /* overflow: hidden; */
-  width: 330px;
-  margin: 0 auto;
-}
-
-/* .ticket-visual:before,
-.ticket-visual:after { */
-/* content: '';
-  display: block;
-  width: 72px;
-  height: 58px; */
-/* background-color: #1C1C1C; */
-/* position: absolute;
-  z-index: 100;
-  border-radius: 50%; */
-/* } */
-
 .ticket-visual:before {
   left: 50%;
   top: -7.5%;
@@ -91,10 +80,6 @@
 }
 
 @media (min-width: 768px) {
-  .ticket-visual {
-    width: 650px;
-  }
-
   .ticket-visual:before {
     top: 50%;
     left: -7%;
@@ -147,6 +132,16 @@
 }
 
 .ticket-visual-wrapper {
-  border-radius: calc(16px * var(--size));
   width: 100%;
 }
+
+.gold-text {
+  color: #f4cf72;
+  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.1);
+}
+
+@media (min-width: 768px) {
+  .gold-text {
+    color: #e4b641;
+  }
+}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.tsx b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
deleted file mode 100644
index 4cc479bd591..00000000000
--- a/apps/www/components/LaunchWeek/Ticket/ticket.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import cn from 'classnames'
-import Tilt from 'vanilla-tilt'
-import { useRef, useEffect, useState } from 'react'
-// import { TicketGenerationState } from '@lib/constants'
-// import {isMobileOrTablet} from '~/lib/helpers'
-// import { scrollTo } from '@lib/smooth-scroll'
-import styles from './ticket.module.css'
-import styleUtils from './utils.module.css'
-import TicketForm from './ticket-form'
-import TicketVisual from './ticket-visual'
-import TicketActions from './ticket-actions'
-import TicketCopy from './ticket-copy'
-import { DATE, SITE_NAME } from '~/lib/constants'
-import Form from './form'
-import { UserData } from './hooks/use-conf-data'
-
-type TicketGenerationState = 'default' | 'loading'
-type Props = {
-  username: UserData['username']
-  ticketNumber: UserData['ticketNumber']
-  name: UserData['name']
-  golden: UserData['golden']
-  sharePage?: boolean
-}
-
-export default function Ticket({ username, name, ticketNumber, sharePage, golden }: Props) {
-  const ticketRef = useRef<HTMLDivElement>(null)
-  const [ticketGenerationState, setTicketGenerationState] =
-    useState<TicketGenerationState>('default')
-  const divRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    if (ticketRef.current && !window.matchMedia('(pointer: coarse)').matches) {
-      Tilt.init(ticketRef.current, {
-        glare: true,
-        max: 5,
-        'max-glare': 0.16,
-        'full-page-listening': true,
-      })
-    }
-  }, [ticketRef])
-
-  // useEffect(() => {
-  //   if (!sharePage && divRef && divRef.current && isMobileOrTablet()) {
-  //     scrollTo(divRef.current, -30)
-  //   }
-  // }, [divRef, sharePage])
-  // golden = true
-
-  return (
-    <div className="grid grid-cols-1 xl:grid-cols-2 gap-8 xl:gap-8 2xl:gap-16">
-      <div ref={divRef} className="flex flex-col gap-6">
-        <div
-          className={`
-          text-scale-1200
-          flex flex-col
-          items-center
-          text-center xl:text-left
-          xl:items-start
-          gap-3
-          `}
-        >
-          <h1 className={cn(styleUtils.appear, styleUtils['appear-first'], 'text-xl xl:text-3xl')}>
-            {sharePage ? (
-              name ? (
-                <p className="text-3xl dark:text-scale-1200 tracking-[0.02rem]">{name}'s ticket</p>
-              ) : (
-                <p className="text-3xl dark:text-scale-1200 tracking-[0.02rem]">{SITE_NAME}</p>
-              )
-            ) : golden ? (
-              <p className="text-xl dark:text-scale-1200 tracking-[0.02rem]">Congratulations!</p>
-            ) : (
-              <p className="text-xl dark:text-scale-1200 tracking-[0.02rem]">You have a ticket!</p>
-            )}
-          </h1>
-          <h2 className="text-base dark:text-scale-1000 max-w-[520px]">
-            {sharePage ? (
-              <p>
-                Join {name ?? 'us'} on {DATE}.
-              </p>
-            ) : golden ? (
-              <>
-                You got a Golden ticket. This means you’re in, and you also won a Supabase goodie
-                bag. Tweet it to redeem your swag pack!
-              </>
-            ) : username ? (
-              <>Here is your unique ticket image for bragging on socials!</>
-            ) : (
-              <>
-                This means you're in. Generate a unique ticket image with your GitHub profile, cause
-                a few of the lucky attendees will get a limited edition Supabase goodie bag. Make
-                sure you don't skip your chance.
-              </>
-            )}
-          </h2>
-        </div>
-        <div className={cn(styleUtils.appear, styleUtils['appear-third'])}>
-          {!sharePage ? (
-            <>
-              <TicketForm
-                defaultUsername={username ?? undefined}
-                setTicketGenerationState={setTicketGenerationState}
-              />
-            </>
-          ) : (
-            <Form sharePage align="Left" />
-          )}
-        </div>
-      </div>
-      <div className={styles['ticket-visual-wrapper']}>
-        <div
-          ref={ticketRef}
-          className={cn(styles['ticket-visual'], styleUtils.appear, styleUtils['appear-fourth'])}
-        >
-          <TicketVisual
-            username={username ?? undefined}
-            name={name ?? undefined}
-            ticketNumber={ticketNumber ?? undefined}
-            ticketGenerationState={ticketGenerationState}
-            golden={golden}
-          />
-        </div>
-        {!sharePage && (
-          <>
-            {username ? (
-              <div className="flex flex-col gap-6 py-16">
-                <div className={`flex flex-col xl:flex-row gap-3 items-center justify-center`}>
-                  <TicketActions username={username} golden={golden} />
-                </div>
-                <div>
-                  <TicketCopy username={username} />
-                </div>
-              </div>
-            ) : (
-              <div className={styles['ticket-actions-placeholder']} />
-            )}
-          </>
-        )}
-      </div>
-    </div>
-  )
-}
diff --git a/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css b/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css
new file mode 100644
index 00000000000..04776532987
--- /dev/null
+++ b/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css
@@ -0,0 +1,5 @@
+.gradient-overlay::before {
+  background: linear-gradient(0deg, #1c1c1c 0%, #1c1c1c20 60%, transparent 100%),
+    linear-gradient(0deg, #1c1c1c 0%, #1c1c1c80 20%, #1c1c1c60 40%, #1c1c1c05 75%, transparent 100%),
+    linear-gradient(0deg, #1c1c1c 0%, #1c1c1c80 15%, #1c1c1c50 40%, #1c1c1c05 65%, transparent 100%);
+}
diff --git a/apps/www/components/LaunchWeek/lw7_days.json b/apps/www/components/LaunchWeek/lw7_days.json
new file mode 100644
index 00000000000..e961beefa62
--- /dev/null
+++ b/apps/www/components/LaunchWeek/lw7_days.json
@@ -0,0 +1,114 @@
+[
+  {
+    "title": "Docs Updated",
+    "shipped": true,
+    "date": "12 Dec 2022",
+    "description": "Supabase Docs",
+    "d": 1,
+    "dd": "Monday",
+    "youtube_id": "OpPOaJI_Z28",
+    "blogpost": "https://supabase.com/blog/new-supabase-docs-built-with-nextjs",
+    "docs": "https://supabase.com/docs",
+    "steps": [
+      {
+        "title": "Supabase Docs",
+        "blog": "/blog/new-supabase-docs-built-with-nextjs",
+        "docs": "/docs",
+        "isNew": true,
+        "description": ""
+      }
+    ]
+  },
+  {
+    "title": "Image Processing: Resize V2 + CDN",
+    "shipped": true,
+    "date": "13 Dec 2022",
+    "description": "Image Transformations",
+    "d": 2,
+    "dd": "Tuesday",
+    "youtube_id": "iqZlPtl_b-I",
+    "blogpost": "https://supabase.com/blog",
+    "docs": "https://supabase.com/docs",
+    "steps": [
+      {
+        "title": "Image Transformations",
+        "blog": "/blog/storage-image-resizing-smart-cdn",
+        "docs": "/docs/guides/storage/image-transformations",
+        "isNew": true,
+        "description": ""
+      },
+      {
+        "title": "Smart CDN",
+        "description": "Faster asset delivery, now even faster.",
+        "blog": "/blog/storage-image-resizing-smart-cdn",
+        "docs": "/docs/guides/storage/cdn",
+        "isNew": true
+      }
+    ]
+  },
+  {
+    "title": "Multi-factor Authentication",
+    "shipped": true,
+    "date": "14 Dec 2022",
+    "description": "Multi-factor Authentication",
+    "d": 3,
+    "dd": "Wednesday",
+    "youtube_id": "CGZr5tybW18",
+    "blogpost": "https://supabase.com/blog",
+    "docs": "https://supabase.com/docs",
+    "steps": [
+      {
+        "title": "Multi-factor Authentication",
+        "blog": "/blog/mfa-auth-via-rls",
+        "docs": "/docs/guides/auth/auth-mfa",
+        "isNew": false,
+        "description": ""
+      }
+    ]
+  },
+  {
+    "title": "Supabase Wrappers - FDW Framework",
+    "shipped": true,
+    "date": "15 Dec 2022",
+    "description": "Supabase Wrappers",
+    "d": 4,
+    "dd": "Thursday",
+    "youtube_id": "QA2qC5F-4OU",
+    "blogpost": "/blog/postgres-foreign-data-wrappers-rust",
+    "docs": "https://supabase.com/docs",
+    "steps": [
+      {
+        "title": "Supabase Wrappers",
+        "blog": "/blog/postgres-foreign-data-wrappers-rust",
+        "docs": "https://supabase.github.io/wrappers/",
+        "isNew": true,
+        "description": "Connect Postgres to external systems with Postgres Foreign Data Wrappers"
+      }
+    ]
+  },
+  {
+    "title": "Supabase Vault Release",
+    "shipped": true,
+    "date": "16 Dec 2022",
+    "description": "Vault Release",
+    "d": 5,
+    "dd": "Friday",
+    "youtube_id": "6bGQotxisoY",
+    "blogpost": "https://supabase.com/blog",
+    "docs": "https://supabase.com/docs",
+    "steps": [
+      {
+        "title": "Vault Release",
+        "blog": "/blog/vault-now-in-beta",
+        "isNew": true,
+        "description": ""
+      },
+      {
+        "title": "Transparent Column Encryption",
+        "description": "Faster asset delivery, now even faster.",
+        "blog": "/blog/transparent-column-encryption-with-postgres",
+        "isNew": true
+      }
+    ]
+  }
+]
diff --git a/apps/www/components/Nav/Developers.tsx b/apps/www/components/Nav/Developers.tsx
index 9840c0a060d..94edb6956dc 100644
--- a/apps/www/components/Nav/Developers.tsx
+++ b/apps/www/components/Nav/Developers.tsx
@@ -68,7 +68,7 @@ const Developers = () => {
                   <a className="dark:hover:bg-dark-700 flex items-center rounded-lg border p-3 transition duration-150 ease-in-out hover:bg-gray-100">
                     <div className="relative hidden h-20 w-32 flex-shrink-0 overflow-auto rounded-md sm:block">
                       <Image
-                        src={`${basePath}/${caseStudy.imgUrl}`}
+                        src={`${basePath}${caseStudy.imgUrl}`}
                         alt="caseStudyThumb"
                         layout="fill"
                         objectFit="cover"
diff --git a/apps/www/components/Nav/index.tsx b/apps/www/components/Nav/index.tsx
index 98782862c93..b7e73ed227d 100644
--- a/apps/www/components/Nav/index.tsx
+++ b/apps/www/components/Nav/index.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
 import Link from 'next/link'
+import { useRouter } from 'next/router'
 
 import { Button, Badge, IconStar, IconChevronDown } from 'ui'
 import FlyOut from '~/components/UI/FlyOut'
@@ -19,11 +20,14 @@ import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-w
 
 const Nav = () => {
   const { isDarkMode } = useTheme()
+  const { pathname } = useRouter()
   const [open, setOpen] = useState(false)
-
   const [openProduct, setOpenProduct] = useState(false)
   const [openDevelopers, setOpenDevelopers] = useState(false)
 
+  const isLaunchWeekPage = pathname.includes('launch-week')
+  const showLaunchWeekNavMode = isLaunchWeekPage && !open && !openProduct && !openDevelopers
+
   React.useEffect(() => {
     if (open) {
       // Prevent scrolling on mount
@@ -101,6 +105,7 @@ const Nav = () => {
 
   type HamburgerButtonProps = {
     toggleFlyOut: Function
+    showLaunchWeekNavMode?: boolean
   }
 
   const HamburgerButton = (props: HamburgerButtonProps) => (
@@ -109,7 +114,10 @@ const Nav = () => {
       onClick={() => props.toggleFlyOut()}
     >
       <button
-        className="text-scale-900 focus:ring-brand-900 dark:bg-scale-200 dark:hover:bg-scale-300 inline-flex items-center justify-center rounded-md bg-gray-50 p-2 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset"
+        className={[
+          'text-scale-900 focus:ring-brand-900 dark:bg-scale-200 dark:hover:bg-scale-300 inline-flex items-center justify-center rounded-md bg-gray-50 p-2 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset',
+          showLaunchWeekNavMode && '!bg-transparent border border-[#be9eea]',
+        ].join(' ')}
         aria-expanded="false"
       >
         <span className="sr-only">Open main menu</span>
@@ -119,7 +127,7 @@ const Nav = () => {
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
-          stroke="currentColor"
+          stroke={showLaunchWeekNavMode ? '#be9eea' : 'currentColor'}
           aria-hidden="true"
         >
           <path
@@ -151,7 +159,7 @@ const Nav = () => {
 
   const FlyOutNavButton = (props: any) => (
     <div
-      className={
+      className={[
         `
         text-scale-1200 hover:text-brand-900
         inline-flex cursor-pointer items-center
@@ -159,9 +167,10 @@ const Nav = () => {
         border-transparent
         px-1
         text-sm font-medium
-        transition-colors
-                ` + props.active
-      }
+        transition-colors`,
+        showLaunchWeekNavMode && '!text-white',
+        props.active,
+      ].join(' ')}
       onClick={props.onClick}
     >
       <>
@@ -172,7 +181,11 @@ const Nav = () => {
             (props.active && ' rotate-180 transform transition-all duration-100')
           }
         >
-          <IconChevronDown size={14} strokeWidth={2} />
+          <IconChevronDown
+            size={14}
+            strokeWidth={2}
+            className={showLaunchWeekNavMode ? 'text-white' : ''}
+          />
         </div>
       </>
     </div>
@@ -181,19 +194,39 @@ const Nav = () => {
   return (
     <>
       {/* <Announcement /> */}
-      <div className="sticky top-0 z-50">
-        <div className="bg-scale-200 absolute top-0 h-full w-full opacity-80"></div>
-        <nav className="border-scale-400 border-b backdrop-blur-sm">
+      <div className="sticky top-0 z-50 transform" style={{ transform: 'translate3d(0,0,999px)' }}>
+        <div
+          className={[
+            'absolute inset-0 h-full w-full opacity-80 bg-scale-200',
+            !showLaunchWeekNavMode && '!opacity-100 transition-opacity',
+            showLaunchWeekNavMode && '!bg-transparent transition-all',
+          ].join(' ')}
+        />
+        <nav
+          className={[
+            `border-scale-400 border-b backdrop-blur-sm transition-opacity`,
+            showLaunchWeekNavMode && '!opacity-100 border-[#e0d2f430]',
+          ].join(' ')}
+        >
           {/* <div className="lg:container mx-auto relative flex justify-between h-16 lg:px-10 xl:px-0"> */}
           <div className="relative mx-auto flex h-16 justify-between lg:container lg:px-16 xl:px-20">
-            <HamburgerButton toggleFlyOut={() => setOpen(true)} />
+            <HamburgerButton
+              toggleFlyOut={() => setOpen(true)}
+              showLaunchWeekNavMode={showLaunchWeekNavMode}
+            />
             <div className="flex flex-1 items-center justify-center sm:items-stretch lg:justify-between">
               <div className="flex items-center">
                 <div className="flex flex-shrink-0 items-center">
                   <Link href="/" as="/">
                     <a className="block h-6 w-auto">
                       <Image
-                        src={isDarkMode ? supabaseLogoWordmarkDark : supabaseLogoWordmarkLight}
+                        src={
+                          isLaunchWeekPage
+                            ? supabaseLogoWordmarkDark
+                            : isDarkMode
+                            ? supabaseLogoWordmarkDark
+                            : supabaseLogoWordmarkLight
+                        }
                         width={124}
                         height={24}
                         alt="Supabase Logo"
@@ -214,22 +247,24 @@ const Nav = () => {
                   />
                   <Link href="/pricing">
                     <a
-                      className={`
-                        text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
+                      className={[
+                        `text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
                         border-b-2 border-transparent p-5 px-1
-                        text-sm font-medium
-                      `}
+                        text-sm font-medium`,
+                        showLaunchWeekNavMode && '!text-white',
+                      ].join(' ')}
                     >
                       Pricing
                     </a>
                   </Link>
                   <Link href="/blog">
                     <a
-                      className={`
-                        text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
+                      className={[
+                        `text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
                         border-b-2 border-transparent p-5 px-1
-                        text-sm font-medium
-                      `}
+                        text-sm font-medium`,
+                        showLaunchWeekNavMode && '!text-white',
+                      ].join(' ')}
                     >
                       Blog
                     </a>
@@ -247,23 +282,30 @@ const Nav = () => {
                   icon={
                     <div className="text-brand-800 flex h-4  w-4 items-center justify-center">
                       <div
-                        className="text-scale-900 flex h-3 w-3 items-center justify-center
+                        className={[
+                          `text-scale-900 flex h-3 w-3 items-center justify-center
 
-                      transition-all
-                      group-hover:h-4
-                      group-hover:w-4
-                      group-hover:text-yellow-900
-                      group-focus:h-4
-                      group-focus:w-4
+                          transition-all
+                          group-hover:h-4
+                          group-hover:w-4
+                          group-hover:text-yellow-900
+                          group-focus:h-4
+                          group-focus:w-4
 
-                      group-focus:text-yellow-900"
+                          group-focus:text-yellow-900`,
+                          showLaunchWeekNavMode && '!text-white',
+                        ].join(' ')}
                       >
                         <IconStar strokeWidth={2} />
                       </div>
                     </div>
                   }
                 >
-                  Star us on GitHub
+                  <span
+                  // className={isLaunchWeekPage ? '!text-white' : ''}
+                  >
+                    Star us on GitHub
+                  </span>
                 </Button>
 
                 <Link href="https://app.supabase.com/">
@@ -294,7 +336,12 @@ const Nav = () => {
             leaveFrom="opacity-100 translate-y-0"
             leaveTo="opacity-0 translate-y-1"
           >
-            <div className="dark:bg-scale-300 fixed -inset-y-0 z-50 h-screen w-screen transform overflow-y-scroll bg-white p-4 md:p-8">
+            <div
+              className={[
+                'dark:bg-scale-300 fixed -inset-y-0 z-50 h-screen w-screen transform overflow-y-scroll bg-white p-4 md:p-8',
+                open && '!bg-scale-300',
+              ].join(' ')}
+            >
               <div className="absolute right-4 top-4 items-center justify-between">
                 <div className="-mr-2">
                   <button
diff --git a/apps/www/data/Announcements.json b/apps/www/data/Announcements.json
index be53ae3db0d..01befc323b9 100644
--- a/apps/www/data/Announcements.json
+++ b/apps/www/data/Announcements.json
@@ -1,15 +1,15 @@
 [
   {
     "type": "Announcement",
-    "title": "Supabase Launch Week 6",
+    "title": "Supabase Launch Week 7",
     "description": "One new feature (or more) every day during a week.",
-    "imgUrl": "/images/launchweek/launch-week-6.jpg",
-    "logoUrl": "/images/launchweek/launch-week-6.jpg",
+    "imgUrl": "/images/launchweek/seven/launch-week-7.jpg",
+    "logoUrl": "/images/launchweek/seven/launch-week-7.jpg",
     "organization": "Supabase",
     "url": "/launch-week",
     "postMeta": {
       "name": "Paul Copplestone",
-      "publishDate": "Dec 12, 2022",
+      "publishDate": "Apr 03, 2023",
       "readLength": 5
     },
     "ctaText": "Learn more"
diff --git a/apps/www/hooks/useMobileViewport.tsx b/apps/www/hooks/useMobileViewport.tsx
new file mode 100644
index 00000000000..8252052cc11
--- /dev/null
+++ b/apps/www/hooks/useMobileViewport.tsx
@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react'
+import { useWindowSize } from 'react-use'
+
+export function useMobileViewport(breakpoint = 768) {
+  const [isMobile, setIsMobile] = useState(false)
+  const { width } = useWindowSize()
+
+  useEffect(() => {
+    if (width <= breakpoint) {
+      setIsMobile(true)
+    } else {
+      setIsMobile(false)
+    }
+  }, [width])
+
+  return isMobile
+}
diff --git a/apps/www/hooks/useParams.ts b/apps/www/hooks/useParams.ts
new file mode 100644
index 00000000000..cac30143bd9
--- /dev/null
+++ b/apps/www/hooks/useParams.ts
@@ -0,0 +1,22 @@
+import { useRouter } from 'next/router'
+import { useMemo } from 'react'
+
+export function useParams(): {
+  [k: string]: string | undefined
+} {
+  const { query } = useRouter()
+
+  return useMemo(
+    () =>
+      Object.fromEntries(
+        Object.entries(query).map(([key, value]) => {
+          if (Array.isArray(value)) {
+            return [key, value[0]]
+          } else {
+            return [key, value]
+          }
+        })
+      ),
+    [query]
+  )
+}
diff --git a/apps/www/lib/constants.ts b/apps/www/lib/constants.ts
index e1ddd15bdd8..e3c815b5dca 100644
--- a/apps/www/lib/constants.ts
+++ b/apps/www/lib/constants.ts
@@ -12,7 +12,8 @@ export const SITE_URL =
 export const SITE_ORIGIN = new URL(SITE_URL).origin
 export const TWITTER_USER_NAME = 'supabase'
 export const COOKIE = 'supa-launch-week-ticke-user-id'
-export const DATE = 'December 12th, 2022'
-export const TWEET_TEXT = 'Got my ticket for #SupaLaunchWeek 6!'
-export const TWEET_TEXT_GOLDEN = `Woop! I got a Golden Ticket for #SupaLaunchWeek 6! SupaSwag on its way!`
+export const DATE = 'April 10th 2023'
+export const TWEET_TEXT =
+  "It's almost #SupaLaunchWeek 7! Generate your unique ticket here 👇 you can win a mechanical keyboard 🤩"
+export const TWEET_TEXT_GOLDEN = `I turned my #SupaLaunchWeek 7 ticket Gold! 🤩\n\n`
 export const SITE_NAME = 'Supabase'
diff --git a/apps/www/lib/redirects.js b/apps/www/lib/redirects.js
index fa1f28415f4..b909bb753a6 100644
--- a/apps/www/lib/redirects.js
+++ b/apps/www/lib/redirects.js
@@ -1531,7 +1531,7 @@ module.exports = [
     source: '/docs/guides/auth/passwordless-login/phone-sms-otp-messagebird',
     destination: '/docs/guides/auth/phone-login/messagebird',
   },
-  { permanent: true, source: '/docs/guides/auth', destination: '/docs/guides/auth/overview' },
+  { permanent: true, source: '/docs/guides/auth/overview', destination: '/docs/guides/auth' },
   {
     permanent: true,
     source: '/docs/guides/auth/auth-messagebird',
diff --git a/apps/www/package.json b/apps/www/package.json
index ee23fc16021..cc04235795a 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -26,6 +26,7 @@
     "config": "*",
     "date-fns": "2.10.0",
     "dayjs": "^1.11.4",
+    "framer-motion": "^6.5.1",
     "globby": "^12.0.2",
     "gray-matter": "^4.0.2",
     "markdown-toc": "^1.2.0",
@@ -46,6 +47,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "react-tooltip": "^4.2.17",
     "react-transition-group": "^4.4.1",
+    "react-use": "^17.4.0",
     "recharts": "^2.1.15",
     "rehype-slug": "^5.0.1",
     "remark": "^13.0.0",
diff --git a/apps/www/pages/launch-week/6/index.tsx b/apps/www/pages/launch-week/6/index.tsx
new file mode 100644
index 00000000000..2c14b90cd98
--- /dev/null
+++ b/apps/www/pages/launch-week/6/index.tsx
@@ -0,0 +1,1243 @@
+// @ts-nocheck
+
+import { NextSeo } from 'next-seo'
+import Image from 'next/image'
+
+import _days from '~/components/LaunchWeek/lw6_days.json'
+import DefaultLayout from '~/components/Layouts/Default'
+import SectionContainer from '~/components/Layouts/SectionContainer'
+
+import { createClient, SupabaseClient } from '@supabase/supabase-js'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import { useTheme } from 'ui'
+import classNames from 'classnames'
+import { SITE_ORIGIN } from '~/lib/constants'
+import { Accordion, Badge, IconExternalLink } from 'ui'
+import { WeekDayProps } from './types6'
+
+import styleUtils from './styles/utils6.module.css'
+import styles from './styles/launchWeek6.module.css'
+
+const days = _days as WeekDayProps[]
+const constellation = [
+  [60, 8],
+  [13, 20],
+  [42, 24],
+  [68, 27],
+  [23, 42],
+  [52, 52],
+  [0, 55],
+  [33, 65],
+  [66, 70],
+  [55, 82],
+]
+
+export default function launchweek() {
+  const { isDarkMode } = useTheme()
+  const title = 'Launch Week 6'
+  const description = 'Supabase Launch Week 6 | 12-18 Dec 2022'
+  const liveDay = null
+
+  const [supabase, setSupabase] = useState<SupabaseClient | null>(null)
+
+  const [creators, setCreators] = useState<any>([])
+  const [activeCreator, setActiveCreator] = useState<any>(null)
+  const { query } = useRouter()
+  const ticketNumber = query.ticketNumber?.toString()
+
+  useEffect(() => {
+    if (!supabase) {
+      setSupabase(
+        createClient(
+          process.env.NEXT_PUBLIC_SUPABASE_URL!,
+          process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+        )
+      )
+    }
+  }, [])
+
+  useEffect(() => {
+    if (supabase) {
+      getCreators()
+    }
+  }, [supabase])
+
+  useEffect(() => {
+    document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
+  }, [isDarkMode])
+
+  async function getCreators() {
+    try {
+      // setLoading(true)
+      let supa = await supabase.from('lw6_creators').select()
+
+      let { data, error, status } = supa
+
+      if (error && status !== 406) {
+        throw error
+      }
+
+      if (data) {
+        setCreators(data)
+      }
+    } catch (error) {
+      // alert('Error loading user data!')
+      console.log(error)
+    } finally {
+      // setLoading(false)
+    }
+  }
+
+  const AccordionHeader = ({ date, day, title, shipped }: any) => {
+    return (
+      <div className="flex flex-1 flex-col sm:flex-row">
+        <div className="flex gap-4 min-w-[380px] items-center">
+          <Badge
+            className={`!bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] !border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:!border-[#DFFFF1] h-fit relative ${
+              shipped
+                ? 'after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]'
+                : ''
+            }`}
+          >
+            {shipped ? 'Shipped' : 'Coming Soon'}
+          </Badge>
+
+          <span className="text-scale-900 text-sm">
+            {day} ・ {date}
+          </span>
+        </div>
+        <span className="text-scale-1200 mt-3 sm:mt-0">{title}</span>
+      </div>
+    )
+  }
+
+  const SectionButtons = ({ blog, docs, video }) => {
+    return (
+      <div className="flex gap-2 z-10">
+        <a href={blog} target="_blank" rel="noopener">
+          <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+            Blog post
+            <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+              <img src="/images/launchweek/icons-blogpost.svg" className="w-4 h-4"></img>
+            </div>
+          </div>
+        </a>
+        {docs && (
+          <a href={docs} target="_blank" rel="noopener">
+            <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+              Docs
+              <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                <img src="/images/launchweek/icons-docs.svg" className="w-4 h-4"></img>
+              </div>
+            </div>
+          </a>
+        )}
+        {video && (
+          <a href={video} target="_blank" rel="noopener">
+            <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+              Video
+              <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                <img src="/images/launchweek/video-icon.svg" className="w-4 h-4"></img>
+              </div>
+            </div>
+          </a>
+        )}
+      </div>
+    )
+  }
+  const [day1, day2, day3, day4, day5] = days
+
+  return (
+    <>
+      <NextSeo
+        title={title}
+        openGraph={{
+          title: title,
+          description: description,
+          url: `https://supabase.com/launch-week`,
+          images: [
+            {
+              url: `${SITE_ORIGIN}/images/launchweek/launch-week-6.jpg`,
+            },
+          ],
+        }}
+      />
+      <DefaultLayout>
+        <SectionContainer className="flex flex-col !pb-1 items-center lg:pt-32 gap-24">
+          <div
+            className={classNames(
+              styleUtils.appear,
+              styleUtils['appear-first'],
+              'flex flex-col justify-center gap-3'
+            )}
+          >
+            <div className="flex justify-center">
+              <img
+                src="/images/launchweek/launchweek-logo--light.svg"
+                className="flex w-40 dark:hidden lg:w-80"
+              />
+              <img
+                src="/images/launchweek/launchweek-logo--dark.svg"
+                className="hidden w-40 dark:flex lg:w-80"
+              />
+            </div>
+            <p className="text-scale-1100 text-sm text-center">Dec 12 – 16 at 6 AM PT | 9 AM ET</p>
+          </div>
+        </SectionContainer>
+        <div
+          className={classNames(
+            styleUtils.appear,
+            styleUtils['appear-third'],
+            'gradient-container'
+          )}
+        >
+          <div
+            className={classNames(styleUtils.appear, styleUtils['appear-fourth'], 'gradient-mask')}
+          ></div>
+          <div className="gradient-mask--masked bottom-of-the-circle"></div>
+
+          <div
+            className={classNames(
+              // styleUtils.appear,
+              // styleUtils['appear-second'],
+              'flair-mask-a the-stroke-of-the-circle'
+            )}
+          ></div>
+          <div
+            className={classNames(
+              // styleUtils.appear,
+              // styleUtils['appear-second'],
+              'flair-mask-b inside-the-circle'
+            )}
+          ></div>
+        </div>
+
+        <SectionContainer className="!py-0 ">
+          <div className="border rounded-2xl border-slate-400 text-sm px-5 py-4 flex flex-col sm:flex-row justify-between items-center">
+            <div className="relative flex items-center mb-4 sm:mb-0">
+              <div className="flex min-w-[150px]">
+                <img
+                  src={`/images/launchweek/antcopplecall.png`}
+                  className="brightness-125"
+                  width={120}
+                  height={80}
+                ></img>
+              </div>
+              <div className="flex flex-col lg:flex-row ml-8 sm:ml-10">
+                <span className="text-black dark:text-white mr-2">Who we hire at Supabase</span>
+                <span className="text-slate-900">Fireside chat with founders</span>
+              </div>
+            </div>
+            <div className="flex gap-2 z-10">
+              <a href={'https://youtu.be/-BG9XptyCKI'} target="_blank" rel="noopener">
+                <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[130px]">
+                  Watch video
+                  <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                    <img src="/images/launchweek/video-icon.svg" className="w-3 h-3"></img>
+                  </div>
+                </div>
+              </a>
+              <a href={'/blog/who-we-hire'} target="_blank" rel="noopener">
+                <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[142px]">
+                  Read blogpost
+                  <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                    <img src="/images/launchweek/icons-blogpost.svg" className="w-3 h-3"></img>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </SectionContainer>
+        <SectionContainer className="!pt-4 ">
+          <div className="border rounded-2xl border-slate-400 text-sm px-5 py-4 flex flex-col sm:flex-row justify-between items-center">
+            <div className="relative flex items-center mb-4 sm:mb-0">
+              <div className="flex min-w-[150px]">
+                <img
+                  src={`/images/launchweek/${isDarkMode ? 'outro.svg' : 'outro-light.svg'}`}
+                  width={110}
+                  height={80}
+                ></img>
+              </div>
+              <div className="flex flex-col lg:flex-row ml-8 sm:ml-10">
+                <span className="text-black dark:text-white mr-2">Wrap Up</span>
+                <span className="text-slate-900">Everything we shipped</span>
+              </div>
+            </div>
+            <div className="flex gap-2 z-10">
+              <a href={'/blog/launch-week-6-wrap-up'} target="_blank" rel="noopener">
+                <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[142px]">
+                  Read blogpost
+                  <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                    <img src="/images/launchweek/icons-blogpost.svg" className="w-3 h-3"></img>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </SectionContainer>
+        <SectionContainer className="!pt-0">
+          <Accordion
+            type="default"
+            openBehaviour="multiple"
+            size="large"
+            className="text-scale-900 dark:text-white"
+            justified={false}
+            bordered={false}
+            chevronAlign="right"
+            defaultValue={[
+              day1.d.toString(),
+              day2.d.toString(),
+              day3.d.toString(),
+              day4.d?.toString(),
+              day5.d?.toString(),
+            ]}
+          >
+            <div className="border-b pb-3">
+              <Accordion.Item
+                header={
+                  <AccordionHeader
+                    date={day1.date}
+                    day={day1.dd}
+                    title={day1.title}
+                    shipped={day1.shipped}
+                  />
+                }
+                disabled={!day1.shipped}
+                className="h-[79px]"
+                id={day1.d.toString()}
+              >
+                {day1.steps.length > 0 && (
+                  <div className="h-[400px] flex flex-col lg:flex-row group/day1 relative overflow-hidden">
+                    <div
+                      className="absolute group-hover/day1:scale-105 opacity-60 group-hover/day1:opacity-100 w-full h-full -z-10 transition-all duration-500"
+                      style={{
+                        background: `radial-gradient(650px 150px at 50% 100%, ${
+                          isDarkMode ? '#103633' : '#b8e8e7'
+                        }, transparent)`,
+                      }}
+                    ></div>
+                    <div
+                      className={`flex flex-col flex-1 items-center gap-5 lg:items-start lg:justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_bottom] lg:after:bg-[right_15%_top_100px] xl:after:bg-[right_15%_top_60px] after:bg-[length:300px_180px] after:lg:bg-[length:450px_300px] after:xl:bg-[length:528px_367px] after:dark:bg-[url('/images/launchweek/docs-update-bg.png')] after:bg-[url('/images/launchweek/docs-update-bg-light.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10 !px-3 sm:!px-14`}
+                    >
+                      <div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
+                        <span>{day1.description}</span>
+                        <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:border-[#DFFFF1]">
+                          Redesigned
+                        </Badge>
+                      </div>
+                      <SectionButtons
+                        docs={day1.steps[0].docs}
+                        blog={day1.steps[0].blog}
+                        video={'https://www.youtube.com/watch?v=Q1Amk6iDlF8&ab_channel=Supabase'}
+                      />
+                    </div>
+                  </div>
+                )}
+              </Accordion.Item>
+            </div>
+            <div className="border-b pb-3">
+              <Accordion.Item
+                header={
+                  <AccordionHeader
+                    date={day2.date}
+                    day={day2.dd}
+                    title={day2.title}
+                    shipped={day2.shipped}
+                  />
+                }
+                disabled={!day2.shipped}
+                className="h-[79px]"
+                id={day2.d.toString()}
+              >
+                {day2.steps.length > 0 && (
+                  <div className="h-[800px] lg:h-[400px] flex flex-col gap-5 lg:flex-row">
+                    <div
+                      className={`relative overflow-hidden group/2 flex-1 flex flex-col items-center gap-5 lg:items-start justify-between basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 xs:text-2xl text-xl text-center bg-no-repeat bg-[url('/images/launchweek/image-processing-bg-light-alt.png')] xs:bg-[url('/images/launchweek/image-processing-bg-light.png')] dark:bg-[url('/images/launchweek/image-processing-bg-alt.png')] xs:dark:bg-[url('/images/launchweek/image-processing-bg.png')] bg-[right_30px_top_35px] lg:bg-[top_25px_right_25px] bg-contain`}
+                    >
+                      <div
+                        className="top-0 absolute group-hover/2:scale-105 opacity-60 group-hover/2:opacity-100 w-full h-full -z-10 transition-all duration-500"
+                        style={{
+                          background: `radial-gradient(90% 130px at 80% 0px, ${
+                            isDarkMode ? '#103633' : '#b8e8e7'
+                          }, transparent)`,
+                        }}
+                      ></div>
+                      <div className="flex items-center justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
+                        <div>{day2.steps[0].title}</div>
+                        <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                          New
+                        </Badge>
+                      </div>
+                      <SectionButtons docs={day2.steps[0].docs} blog={day2.steps[0].blog} />
+                    </div>
+                    <div
+                      className={`relative overflow-hidden group/3 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl bg-[url('/images/launchweek/cdn-caching-bg-light.png')] dark:bg-[url('/images/launchweek/cdn-caching-bg.png')] bg-[top_170px_center] lg:bg-[center_bottom] bg-contain`}
+                    >
+                      <div
+                        className="top-0 absolute group-hover/3:scale-105 opacity-60 group-hover/3:opacity-100 w-full h-full -z-10 transition-all duration-500"
+                        style={{
+                          background: `radial-gradient(90% 130px at 50% 0px, ${
+                            isDarkMode ? '#103633' : '#b8e8e7'
+                          }, transparent)`,
+                        }}
+                      ></div>
+                      <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                        <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                          New
+                        </Badge>
+                        <span className="text-black dark:text-white">{day2.steps[1].title}</span>
+                        <p className="text-sm text-slate-900">{day2.steps[1].description}</p>
+                      </div>
+                      <SectionButtons docs={day2.steps[1].docs} blog={day2.steps[1].blog} />
+                    </div>
+                  </div>
+                )}
+              </Accordion.Item>
+            </div>
+            <div className="border-b pb-3">
+              <Accordion.Item
+                header={
+                  <AccordionHeader
+                    date={day3.date}
+                    day={day3.dd}
+                    title={day3.title}
+                    shipped={day3.shipped}
+                  />
+                }
+                disabled={!day3.shipped}
+                className="h-[79px]"
+                id={day3.d.toString()}
+              >
+                {day3.steps.length > 0 && (
+                  <div className="h-[400px] flex gap-5 group">
+                    <div
+                      className={`flex flex-col text-center items-center lg:items-start justify-between flex-1 border rounded-xl h-full bg-no-repeat p-14 text-2xl relative`}
+                    >
+                      <div className="absolute top-0 right-0 w-full h-full -z-20 ">
+                        <Image
+                          src={
+                            isDarkMode
+                              ? '/images/launchweek/mfa-dark.png'
+                              : '/images/launchweek/mfa-light.png'
+                          }
+                          layout="fill"
+                          objectFit="cover"
+                          quality={100}
+                          priority
+                        />
+                      </div>
+                      <div className="absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover:opacity-100 duration-500 transition-all">
+                        <Image
+                          src={
+                            isDarkMode
+                              ? '/images/launchweek/mfa-dark-hover.png'
+                              : '/images/launchweek/mfa-light-hover.png'
+                          }
+                          layout="fill"
+                          objectFit="cover"
+                          quality={100}
+                        />
+                      </div>
+
+                      <div className="flex items-center justify-between flex-col-reverse lg:flex-row lg:justify-start text-black dark:text-white">
+                        <span>{day3.steps[0].title}</span>
+                        <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                          Updated
+                        </Badge>
+                      </div>
+                      <SectionButtons docs={day3.steps[0].docs} blog={day3.steps[0].blog} />
+                    </div>
+                  </div>
+                )}
+              </Accordion.Item>
+            </div>
+            <div className="border-b pb-3">
+              <Accordion.Item
+                header={
+                  <AccordionHeader
+                    date={day4.date}
+                    day={day4.dd}
+                    title={day4.title}
+                    shipped={day4.shipped}
+                  />
+                }
+                disabled={!day4.shipped}
+                className="h-[79px]"
+                id={day4.d.toString()}
+              >
+                {day4.steps.length > 0 && (
+                  <div className="h-[400px]  flex flex-col gap-5 lg:flex-row group/day4 relative overflow-hidden">
+                    <div
+                      className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
+                    >
+                      <div
+                        className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
+                      >
+                        <Image
+                          src={
+                            isDarkMode
+                              ? '/images/launchweek/wrappers-visual.svg'
+                              : '/images/launchweek/wrappers-visual-light.svg'
+                          }
+                          layout="fill"
+                          objectFit="cover"
+                          quality={100}
+                          priority
+                          className="left-16"
+                        />
+                      </div>
+                      <div
+                        className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day4:opacity-100 duration-500 transition-all ${styles.wrappers}`}
+                      >
+                        <Image
+                          src={
+                            isDarkMode
+                              ? '/images/launchweek/wrappers-visual-hover.svg'
+                              : '/images/launchweek/wrappers-visual-hover-light.svg'
+                          }
+                          layout="fill"
+                          objectFit="cover"
+                          quality={100}
+                          className="test"
+                        />
+                      </div>
+                      <div className="flex items-center flex-col-reverse lg:flex-row text-black dark:text-white">
+                        <span>{day4.steps[0].title}</span>
+                        <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                          New
+                        </Badge>
+                      </div>
+                      <SectionButtons
+                        docs={day4.steps[0].docs}
+                        blog={day4.steps[0].blog}
+                        video={`https://www.youtube.com/watch?v=${day4.youtube_id}&ab_channel=Supabase`}
+                      />
+                    </div>
+                  </div>
+                )}
+              </Accordion.Item>
+            </div>
+            <div className="border-b pb-3" id="currentDay">
+              <Accordion.Item
+                header={
+                  <AccordionHeader
+                    date={day5.date}
+                    day={day5.dd}
+                    title={day5.title}
+                    shipped={day5.shipped}
+                  />
+                }
+                disabled={!day5.shipped}
+                className="h-[79px]"
+                id={day5.d.toString()}
+              >
+                {day5.steps.length > 0 && (
+                  <>
+                    <div className="h-[800px] lg:h-[400px]  flex flex-col gap-5 lg:flex-row">
+                      <div
+                        className={`relative group/day5step1 flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/vault-visual.svg'
+                                : '/images/launchweek/vault-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step1:opacity-100 duration-500 transition-all ${styles.wrappers}`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/vault-visual-hover.svg'
+                                : '/images/launchweek/vault-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex items-center flex-col-reverse lg:flex-row">
+                          <span className="text-black dark:text-white">{day5.steps[0].title}</span>
+                          <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            New
+                          </Badge>
+                        </div>
+                        <SectionButtons docs={day5.steps[0].docs} blog={day5.steps[0].blog} />
+                      </div>
+                      <div
+                        className={`relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/TCE-visual.svg'
+                                : '/images/launchweek/TCE-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/TCE-visual-hover.svg'
+                                : '/images/launchweek/TCE-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            New
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            {day5.steps[1].title}
+                          </span>
+                        </div>
+                        <SectionButtons docs={day5.steps[1].docs} blog={day5.steps[1].blog} />
+                      </div>
+                    </div>
+                    <h3 className="text-black dark:text-white text-lg mb-4 mt-4">Community</h3>
+                    <div className="h-[400px] flex flex-col gap-5 lg:flex-row group/community relative overflow-hidden">
+                      <div
+                        className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
+                      >
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.community_wrappers}`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/community-visual.svg'
+                                : '/images/launchweek/community-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/community:opacity-100 duration-500 transition-all ${styles.community_wrappers}`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/community-visual-hover.svg'
+                                : '/images/launchweek/community-visual-light-hover.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex items-center flex-col-reverse lg:flex-row">
+                          <span className="text-black dark:text-white">Community Day</span>
+                        </div>
+                        <div className="flex flex-col md:flex-row gap-4 md:gap-2 z-10 ">
+                          <div className="flex gap-4 md:gap-2">
+                            <a
+                              href={'/blog/launch-week-6-community-day'}
+                              target="_blank"
+                              rel="noopener"
+                            >
+                              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+                                Blog post
+                                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                                  <img
+                                    src="/images/launchweek/icons-blogpost.svg"
+                                    className="w-4 h-4"
+                                  ></img>
+                                </div>
+                              </div>
+                            </a>
+                            <a
+                              href={'https://www.youtube.com/watch?v=hw9Q-NjASbU'}
+                              target="_blank"
+                              rel="noopener"
+                            >
+                              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+                                Flutterflow
+                                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                                  <img
+                                    src="/images/launchweek/video-icon.svg"
+                                    className="w-4 h-4"
+                                  ></img>
+                                </div>
+                              </div>
+                            </a>
+                          </div>
+                          <div className="flex gap-4 md:gap-2">
+                            <a
+                              href={'https://www.youtube.com/watch?v=mw0DLwItue4'}
+                              target="_blank"
+                              rel="noopener"
+                            >
+                              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+                                OneSignal
+                                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                                  <img
+                                    src="/images/launchweek/video-icon.svg"
+                                    className="w-4 h-4"
+                                  ></img>
+                                </div>
+                              </div>
+                            </a>
+                            <a
+                              href={'https://www.youtube.com/watch?v=EdYQ9fF-hz4'}
+                              target="_blank"
+                              rel="noopener"
+                            >
+                              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
+                                NextAuth
+                                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
+                                  <img
+                                    src="/images/launchweek/video-icon.svg"
+                                    className="w-4 h-4"
+                                  ></img>
+                                </div>
+                              </div>
+                            </a>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <h3 className="text-black dark:text-white text-lg mb-4 mt-4">One more thing</h3>
+                    <div className="flex flex-col lg:grid grid-cols-3 grid-rows-2 gap-4">
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PgGraphql-visual.svg'
+                                : '/images/launchweek/PgGraphql-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PgGraphql-visual-hover.svg'
+                                : '/images/launchweek/PgGraphql-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            Updated
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            pg_graphql v1.0
+                          </span>
+                        </div>
+                        <SectionButtons
+                          docs="/docs/guides/api#graphql-api"
+                          blog="/blog/pg-graphql-v1"
+                        />
+                      </div>
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/custom-domains-visual.svg'
+                                : '/images/launchweek/custom-domains-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/custom-domains-visual-hover.svg'
+                                : '/images/launchweek/custom-domains-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            New
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            Custom Domains
+                          </span>
+                        </div>
+                        <SectionButtons
+                          docs="/docs/guides/platform/custom-domains"
+                          blog="/blog/custom-domain-names"
+                        />
+                      </div>
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PITR-visual.svg'
+                                : '/images/launchweek/PITR-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PITR-visual-hover.svg'
+                                : '/images/launchweek/PITR-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            New
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            Point-in-time recovery
+                          </span>
+                        </div>
+                        <SectionButtons
+                          docs="/docs/guides/platform/going-into-prod"
+                          blog="/blog/postgres-point-in-time-recovery"
+                        />
+                      </div>
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/pg_crdt-visual.svg'
+                                : '/images/launchweek/pg_crdt-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/pg_crdt-visual-hover.svg'
+                                : '/images/launchweek/pg_crdt-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            Experimental
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">pg_crdt</span>
+                        </div>
+                        <SectionButtons
+                          docs="https://github.com/supabase/pg_crdt"
+                          blog="/blog/postgres-crdt"
+                        />
+                      </div>
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/postgres-visual.svg'
+                                : '/images/launchweek/postgres-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/postgres-visual-hover.svg'
+                                : '/images/launchweek/postgres-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            Upgrade
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            Postgres 15
+                          </span>
+                        </div>
+                        <SectionButtons
+                          docs="https://www.postgresql.org/docs/15/release-15.html"
+                          blog="/blog/new-in-postgres-15"
+                        />
+                      </div>
+                      <div
+                        className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
+                      >
+                        <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PostgREST11-visual.svg'
+                                : '/images/launchweek/PostgREST11-visual-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            priority
+                            className="left-16"
+                          />
+                        </div>
+                        <div
+                          className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
+                        >
+                          <Image
+                            src={
+                              isDarkMode
+                                ? '/images/launchweek/PostgREST11-visual-hover.svg'
+                                : '/images/launchweek/PostgREST11-visual-hover-light.svg'
+                            }
+                            layout="fill"
+                            objectFit="cover"
+                            quality={100}
+                            className="test"
+                          />
+                        </div>
+                        <div className="flex flex-col items-center gap-2 min-w-[300px]">
+                          <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
+                            Upgrade
+                          </Badge>
+                          <span className="text-black dark:text-white text-center">
+                            PostgREST 11
+                          </span>
+                        </div>
+                        <SectionButtons
+                          docs="/docs/guides/resources/supabase-cli"
+                          blog="/blog/postgrest-11-prerelease"
+                        />
+                      </div>
+                    </div>
+                  </>
+                )}
+              </Accordion.Item>
+            </div>
+          </Accordion>
+        </SectionContainer>
+
+        <SectionContainer className="!py-20 sm:!pb-40 sm:!pt-10"></SectionContainer>
+
+        <SectionContainer className="!pt-0 sm:!pb-20 !pb-40"></SectionContainer>
+        <SectionContainer className="!pt-0 sm:!pb-20 !pb-40">
+          <div className="flex flex-col mb-16">
+            <Badge
+              className={`w-fit !bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] dark:from-white dark:to-[#DFFFF1] h-fit relative mb-4 after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]`}
+            >
+              Submissions Closed
+            </Badge>
+            <h2 className="text-3xl text-black dark:text-white mb-2">Launch Week Hackathon</h2>
+            <p className="text-slate-900 w-[80%] lg:w-[50%]">
+              The traditional parallel Hackathon is back! Build a new open source project with
+              Supabase and you can win $1500 in GitHub sponsorships and a coveted Supabase Darkmode
+              Keyboard! For more info check the{' '}
+              <a
+                href="https://supabase.com/blog/launch-week-6-hackathon"
+                target="_blank"
+                rel="nooper noreferrer"
+                className="text-brand-900"
+              >
+                blog post
+              </a>
+              .
+            </p>
+          </div>
+          <div className="flex flex-col lg:flex-row gap-10 lg:gap-0">
+            <div className="sm:grid grid-cols-2 grid-rows-2 gap-x-4 gap-y-7 sm:gap-y-10 basis-2/3 flex flex-col">
+              <div className="flex flex-col">
+                <h3 className="text-lg text-black dark:text-white mb-2">Prizes</h3>
+                <p className="text-slate-900 w-[90%] lg:w-[80%]">
+                  There are 5 categories to win, with prizes for winners and runner-ups of each
+                  category. Each team member gets a prize.
+                </p>
+              </div>
+              <div className="flex flex-col">
+                <h3 className="text-lg text-black dark:text-white mb-2">Judges</h3>
+                <p className="text-slate-900 w-[90%] lg:w-[80%]">
+                  The Supabase team will judge all the categories except the Best Edge Functions
+                  Project, which will be judged by our friends at Deno.
+                </p>
+              </div>
+              <div className="flex flex-col">
+                <div className="flex flex-col">
+                  <h3 className="text-lg text-black dark:text-white mb-2">Community</h3>
+                  <p className="text-slate-900 w-[90%] lg:w-[80%]">
+                    If you need help or advice when building, find other people to join your team,
+                    or if you just want to chill and watch people build, come and join us!
+                  </p>
+                  <div></div>
+                  <a
+                    href="https://discord.supabase.com/"
+                    rel="noopener noreferrer"
+                    className="text-brand-900 flex items-center"
+                    target="_blank"
+                  >
+                    Join our Discord <IconExternalLink size="small" className="inline-block ml-2" />
+                  </a>
+                </div>
+              </div>
+              <div className={'flex flex-col'}>
+                <h3 className="text-lg text-black dark:text-white mb-2">Submission</h3>
+                <p className="text-slate-900 w-[90%] lg:w-[80%]">
+                  Submit your project through{' '}
+                  <a
+                    className="text-brand-900"
+                    href="https://www.madewithsupabase.com/launch-week-6"
+                    target="_blank"
+                  >
+                    madewithsupabase.com
+                  </a>
+                  . All submissions must be open source and publically available. Submissions close
+                  Monday 19th Dec 00:01 AM PT.
+                </p>
+              </div>
+            </div>
+            <div
+              className={classNames(
+                isDarkMode ? styles.dark_community : styles.community,
+                'flex basis-1/3 flex-col px-5'
+              )}
+            >
+              <a
+                href="https://github.com/psteinroe/supabase-cache-helpers"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="self-end"
+              >
+                <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
+                  <img
+                    src="/images/launchweek/link.svg"
+                    className="absolute top-[16px] right-[10px] text-brand-900"
+                  ></img>
+                  <h3 className="text-black dark:text-white">Supabase Cache Helpers</h3>
+                  <p className="text-slate-1000 text-xs">Previous Best Overall Project Winner</p>
+                </div>
+              </a>
+              <a
+                href="https://github.com/pheralb/superui"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
+                  <img
+                    src="/images/launchweek/link.svg"
+                    className="absolute top-[16px] right-[10px] text-brand-900"
+                  ></img>
+                  <h3 className="text-black dark:text-white">Super UI</h3>
+                  <p className="text-slate-1000 text-xs">Previous Best Overall Project Runner Up</p>
+                </div>
+              </a>
+              <a
+                href="https://github.com/Myzel394/quid_faciam_hodie"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="self-end"
+              >
+                <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
+                  <img
+                    src="/images/launchweek/link.svg"
+                    className="absolute top-[16px] right-[10px] text-brand-900"
+                  ></img>
+                  <h3 className="text-black dark:text-white">Quid Faciam Hodie?</h3>
+                  <p className="text-slate-1000 text-xs">Winner Best Flutter Project</p>
+                </div>
+              </a>
+              <a href="https://github.com/laznic/hotdogs" target="_blank" rel="noopener noreferrer">
+                <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
+                  <img
+                    src="/images/launchweek/link.svg"
+                    className="absolute top-[16px] right-[10px] text-brand-900"
+                  ></img>
+                  <h3 className="text-black dark:text-white">That Hot Dog Game</h3>
+                  <p className="text-slate-1000 text-xs">Previous Winner: Most Fun/Interesting</p>
+                </div>
+              </a>
+              <a
+                href="https://github.com/vvidday/repo-watch"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="self-end"
+              >
+                <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
+                  <img
+                    src="/images/launchweek/link.svg"
+                    className="absolute top-[16px] right-[10px] text-brand-900"
+                  ></img>
+                  <h3 className="text-black dark:text-white">RepoWatch</h3>
+                  <p className="text-slate-1000 text-xs">Previous Winner Best Realtime Project</p>
+                </div>
+              </a>
+            </div>
+          </div>
+        </SectionContainer>
+        <SectionContainer
+          className={classNames(
+            'flex gap-6 min-h-[350px] !py-3 mb-11 flex-col-reverse md:flex-row mt-24',
+            styleUtils.appear,
+            styleUtils['appear-third']
+          )}
+        >
+          <div
+            className={`flex-1 bg-[url('/images/launchweek/orbit.svg')] bg-auto bg-no-repeat bg-bottom relative min-h-[360px]`} //grid grid-cols-5 grid-rows-5
+          >
+            {creators.map((creator: any, index: number) => {
+              return (
+                <div
+                  className={`justify-self-center absolute overflow-visible`}
+                  onMouseEnter={() => {
+                    setActiveCreator(index)
+                  }}
+                  style={{
+                    top: `${constellation[index][0]}%`,
+                    left: `${constellation[index][1]}%`,
+                  }}
+                >
+                  <div className="relative group">
+                    <div className="absolute -inset-0.5 bg-brand-1100 rounded-full opacity-75 group-hover:opacity-100 group-hover:blur-sm transition duration-500"></div>
+                    <a href={creator.link} target="_blank" rel="noopener">
+                      <img
+                        className="relative rounded-full w-12 h-12 border border-brand-900 hover:shadow-md"
+                        src={creator.profile_picture}
+                      />
+                    </a>
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+          <div className="flex-1">
+            <Badge
+              className={`!bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] !border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:!border-[#DFFFF1] h-fit relative mb-4 ${
+                true
+                  ? 'after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]'
+                  : ''
+              }`}
+            >
+              Shipped
+            </Badge>
+            <h2 className="text-3xl dark:text-white mb-2">The Supabase Content Storm</h2>
+            <p className="text-slate-900 md:max-w-[80%] mb-16">
+              We worked with more than 30 content creators from around the world to drop a mountain
+              of content simultaneously!
+              <a rel="noopener" target="_blank" href="/blog/the-supabase-content-storm">
+                <div className="text-brand-900 flex items-center mt-2">
+                  See all the content
+                  <IconExternalLink size="small" className="inline-block ml-1" />
+                </div>
+              </a>
+            </p>
+            {activeCreator !== null && (
+              <div className="lg:max-w-[50%] min-h-[120px]">
+                <h3 className="dark:text-white">
+                  {activeCreator !== null
+                    ? `${creators[activeCreator].first_name} ${creators[activeCreator].last_name}`
+                    : 'Title'}
+                </h3>
+                {activeCreator !== null && (
+                  <p className="text-slate-900 ">{creators[activeCreator].description}</p>
+                )}
+                <p className="text-brand-900 mt-1">
+                  <a rel="noopener" target="_blank" href={creators[activeCreator].link}>
+                    <span>
+                      {creators[activeCreator].link_title}
+                      <IconExternalLink size="small" className="inline-block ml-2" />
+                    </span>
+                  </a>
+                </p>
+              </div>
+            )}
+          </div>
+        </SectionContainer>
+      </DefaultLayout>
+    </>
+  )
+}
diff --git a/apps/www/pages/launch-week/launchWeek.module.css b/apps/www/pages/launch-week/6/styles/launchWeek6.module.css
similarity index 100%
rename from apps/www/pages/launch-week/launchWeek.module.css
rename to apps/www/pages/launch-week/6/styles/launchWeek6.module.css
diff --git a/apps/www/pages/launch-week/6/styles/utils6.module.css b/apps/www/pages/launch-week/6/styles/utils6.module.css
new file mode 100644
index 00000000000..c4aba2ab686
--- /dev/null
+++ b/apps/www/pages/launch-week/6/styles/utils6.module.css
@@ -0,0 +1,76 @@
+.appear {
+  opacity: 0;
+  animation: appear 0.8s cubic-bezier(0.1, 0, 0.175, 1) forwards;
+}
+
+.appear-first {
+  animation-delay: 0.4s;
+}
+
+.appear-second {
+  animation-delay: 0.8s;
+}
+
+.appear-third {
+  animation-delay: 1.2s;
+}
+
+.appear-fourth {
+  animation-delay: 1.6s;
+}
+
+.appear-fifth {
+  animation-delay: 2s;
+}
+
+.appear-sixth {
+  animation-delay: 2.4s;
+}
+
+@keyframes appear {
+  to {
+    opacity: 1;
+  }
+}
+
+@media (min-width: 1200px) {
+  .hide-on-desktop {
+    display: none;
+  }
+}
+
+.show-on-mobile {
+  display: block;
+}
+
+.hide-on-mobile {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .show-on-mobile {
+    display: none;
+  }
+
+  .hide-on-mobile {
+    display: block;
+  }
+}
+
+.hide-on-tablet {
+  display: block;
+}
+
+.show-on-tablet {
+  display: none;
+}
+
+@media (max-width: 1199px) and (min-width: 768px) {
+  .show-on-tablet {
+    display: block;
+  }
+
+  .hide-on-tablet {
+    display: none;
+  }
+}
diff --git a/apps/www/pages/launch-week/6/types6.d.ts b/apps/www/pages/launch-week/6/types6.d.ts
new file mode 100644
index 00000000000..fbea7cf9d0f
--- /dev/null
+++ b/apps/www/pages/launch-week/6/types6.d.ts
@@ -0,0 +1,43 @@
+export type Article = {
+  title: string
+  url: string
+  description?: string
+  products?: Product[]
+}
+
+export type Announcement = {
+  title: string
+  url: string
+  description?: string
+  type: 'soc2' | 'producthunt'
+}
+
+export type Product = {
+  title: string
+  url: string
+  description?: string
+}
+
+export type Step = {
+  title: string
+  url: string
+  docs: string
+  description?: string
+}
+
+export interface WeekDayProps {
+  shipped: boolean
+  title: string
+  description: string
+  date: string
+  imgUrl?: string
+  d?: number
+  dd?: 'Monday' | 'Tuesday' | 'Wednesday' | 'Thursday' | 'Friday'
+  articles?: Article[]
+  announcements?: Announcement[]
+  products?: Announcement[]
+  index: number
+  shippingHasStarted?: boolean
+  youtube_id?: string
+  steps: Step[]
+}
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index 08813f67931..1f246bc6090 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -1,1329 +1,157 @@
-// @ts-nocheck
 import { NextSeo } from 'next-seo'
-
-import _days from '~/components/LaunchWeek/lw6_days.json'
+import { GetServerSideProps } from 'next'
 import DefaultLayout from '~/components/Layouts/Default'
 import SectionContainer from '~/components/Layouts/SectionContainer'
-
-import { createClient, Session } from '@supabase/supabase-js'
-import { useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
 import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
-import { useTheme } from 'common/Providers'
-import classNames from 'classnames'
-import styleUtils from '~/components/LaunchWeek/Ticket/utils.module.css'
-import { SITE_ORIGIN } from '~/lib/constants'
-import { Accordion, Badge, IconExternalLink } from 'ui'
-import { WeekDayProps } from '~/components/LaunchWeek/types'
+import { SITE_ORIGIN, SITE_URL } from '~/lib/constants'
+import { useRouter } from 'next/router'
+import { createClient, Session, SupabaseClient } from '@supabase/supabase-js'
+import { useState, useEffect } from 'react'
+import { IconArrowDown } from 'ui'
+import LaunchWeekPrizeSection from '~/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection'
+import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader'
 
-import styles from './launchWeek.module.css'
-import Image from 'next/image'
-import Link from 'next/link'
+import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import TicketBrickWall from '~/components/LaunchWeek/LaunchSection/TicketBrickWall'
+import LW7BgGraphic from '../../components/LaunchWeek/LW7BgGraphic'
+import CTABanner from '../../components/CTABanner'
 
-const days = _days as WeekDayProps[]
-const constellation = [
-  [60, 8],
-  [13, 20],
-  [42, 24],
-  [68, 27],
-  [23, 42],
-  [52, 52],
-  [0, 55],
-  [33, 65],
-  [66, 70],
-  [55, 82],
-]
+interface Props {
+  users: UserData[]
+}
 
-export default function launchweek() {
-  const { isDarkMode } = useTheme()
-  const title = 'Launch Week 6'
-  const description = 'Supabase Launch Week 6 | 12-18 Dec 2022'
-  const liveDay = null
-
-  const [supabase] = useState(() =>
-    createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
-  )
+const supabaseAdmin = createClient(
+  process.env.NEXT_PUBLIC_SUPABASE_URL ?? 'http://localhost:54321',
+  process.env.SUPABASE_SERVICE_ROLE_SECRET ??
+    process.env.NEXT_PUBLIC_SUPABASE_SERVICE_ROLE_SECRET ??
+    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I'
+)
 
+export default function TicketHome({ users }: Props) {
+  const TITLE = 'Get your #SupaLaunchWeek Ticket'
+  const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
+  const OG_IMAGE = `${SITE_ORIGIN}/images/launchweek/seven/launch-week-7-teaser.jpg`
+  const [supabase, setSupabase] = useState<SupabaseClient | null>(null)
   const [session, setSession] = useState<Session | null>(null)
-  const [creators, setCreators] = useState<any>([])
-  const [activeCreator, setActiveCreator] = useState<any>(null)
   const { query } = useRouter()
   const ticketNumber = query.ticketNumber?.toString()
+  const bgImageId = query.bgImageId?.toString()
+  const [isGolden, setIsGolden] = useState(false)
+
   const defaultUserData = {
     id: query.id?.toString(),
     ticketNumber: ticketNumber ? parseInt(ticketNumber, 10) : undefined,
     name: query.name?.toString(),
     username: query.username?.toString(),
+    golden: !!query.golden,
+    bgImageId: bgImageId ? parseInt(bgImageId, 10) : undefined,
   }
 
   useEffect(() => {
-    supabase.auth.onAuthStateChange((event, session) => {
-      setSession(session)
-    })
-
-    getCreators()
+    if (!supabase) {
+      setSupabase(
+        createClient(
+          process.env.NEXT_PUBLIC_SUPABASE_URL!,
+          process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+        )
+      )
+    }
   }, [])
 
   useEffect(() => {
-    document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
-  }, [isDarkMode])
+    if (supabase) {
+      supabase.auth.getSession().then(({ data: { session } }) => setSession(session))
+      const {
+        data: { subscription },
+      } = supabase.auth.onAuthStateChange((event, session) => {
+        setSession(session)
+      })
 
-  async function getCreators() {
-    try {
-      // setLoading(true)
-      let supa = await supabase.from('lw6_creators').select()
-
-      let { data, error, status } = supa
-
-      if (error && status !== 406) {
-        throw error
-      }
-
-      if (data) {
-        setCreators(data)
-      }
-    } catch (error) {
-      // alert('Error loading user data!')
-      console.log(error)
-    } finally {
-      // setLoading(false)
+      return () => subscription.unsubscribe()
     }
-  }
+  }, [supabase])
 
-  const AccordionHeader = ({ date, day, title, shipped }: any) => {
-    return (
-      <div className="flex flex-1 flex-col sm:flex-row">
-        <div className="flex gap-4 min-w-[380px] items-center">
-          {liveDay === day ? (
-            <Badge className="bg-gradient-to-r from-[#0E3737C2] to-[#67947F] hover:to-[#39617D94] dark:hover:to-[#A6FFD899] text-whiteA-1200 dark:text-black font-normal !py-1 !px-4 dark:from-white dark:via-white dark:to-[#1a7a4c75] bg-slate-1200 border-[#DFFFF1]">
-              Currently Happening
-            </Badge>
-          ) : (
-            <Badge
-              className={`!bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] !border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:!border-[#DFFFF1] h-fit relative ${
-                shipped
-                  ? 'after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]'
-                  : ''
-              }`}
-            >
-              {shipped ? 'Shipped' : 'Coming Soon'}
-            </Badge>
-          )}
-
-          <span className="text-scale-900 text-sm">
-            {day} ・ {date}
-          </span>
-        </div>
-        <span className="text-scale-1200 mt-3 sm:mt-0">{title}</span>
-      </div>
-    )
-  }
-
-  const SectionButtons = ({ blog, docs, video }) => {
-    return (
-      <div className="flex gap-2 z-10">
-        <Link href={blog}>
-          <a target="_blank" rel="noopener">
-            <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-              Blog post
-              <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                <img
-                  src="/images/launchweek/icons-blogpost.svg"
-                  className="w-4 h-4"
-                  alt="blog post icon"
-                />
-              </div>
-            </div>
-          </a>
-        </Link>
-        {docs && (
-          <Link href={docs}>
-            <a target="_blank" rel="noopener">
-              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                Docs
-                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                  <img
-                    src="/images/launchweek/icons-docs.svg"
-                    className="w-4 h-4"
-                    alt="docs icon"
-                  />
-                </div>
-              </div>
-            </a>
-          </Link>
-        )}
-        {video && (
-          <Link href={video}>
-            <a target="_blank" rel="noopener">
-              <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                Video
-                <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                  <img
-                    src="/images/launchweek/video-icon.svg"
-                    className="w-4 h-4"
-                    alt="video icon"
-                  />
-                </div>
-              </div>
-            </a>
-          </Link>
-        )}
-      </div>
-    )
-  }
-  const [day1, day2, day3, day4, day5] = days
+  useEffect(() => {
+    document.body.className = 'dark bg-[#1C1C1C]'
+    if (typeof window !== 'undefined') {
+      setIsGolden(localStorage?.getItem('isGolden') === 'true' ?? false)
+    }
+  }, [])
 
   return (
     <>
       <NextSeo
-        title={title}
+        title={TITLE}
+        description={DESCRIPTION}
         openGraph={{
-          title: title,
-          description: description,
-          url: `https://supabase.com/launch-week`,
+          title: TITLE,
+          description: DESCRIPTION,
+          url: SITE_URL,
           images: [
             {
-              url: `${SITE_ORIGIN}/images/launchweek/launch-week-6.jpg`,
+              url: OG_IMAGE,
             },
           ],
         }}
       />
       <DefaultLayout>
-        <SectionContainer className="flex flex-col !pb-1 items-center lg:pt-32 gap-24">
-          <div
-            className={classNames(
-              styleUtils.appear,
-              styleUtils['appear-first'],
-              'flex flex-col justify-center gap-3'
-            )}
-          >
-            <div className="flex justify-center">
-              <img
-                src={`/images/launchweek/${
-                  isDarkMode ? 'launchweek-logo--dark.svg' : 'launchweek-logo--light.svg'
-                }`}
-                className="flex w-40 lg:w-80"
-                alt="Launch Week logo"
-              />
-            </div>
-            <p className="text-scale-1100 text-sm text-center">Dec 12 – 16 at 6 AM PT | 9 AM ET</p>
-          </div>
-        </SectionContainer>
-        <div
-          className={classNames(
-            styleUtils.appear,
-            styleUtils['appear-third'],
-            'gradient-container'
-          )}
-        >
-          <div
-            className={classNames(styleUtils.appear, styleUtils['appear-fourth'], 'gradient-mask')}
-          ></div>
-          <div className="gradient-mask--masked bottom-of-the-circle"></div>
+        <div className="bg-[#1C1C1C] -mt-20">
+          <div className="relative bg-lw7 pt-20">
+            <div className="relative z-10">
+              <SectionContainer className="flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !px-2 !mx-auto lg:h-[calc(80vh-65px)] min-h-[600px] lg:min-h-[650px]">
+                <LaunchWeekLogoHeader />
 
-          <div
-            className={classNames(
-              // styleUtils.appear,
-              // styleUtils['appear-second'],
-              'flair-mask-a the-stroke-of-the-circle'
-            )}
-          ></div>
-          <div
-            className={classNames(
-              // styleUtils.appear,
-              // styleUtils['appear-second'],
-              'flair-mask-b inside-the-circle'
-            )}
-          ></div>
-        </div>
-        {process.env.NEXT_PUBLIC_LW_STARTED && (
-          <>
-            <SectionContainer className="!py-0 ">
-              <div className="border rounded-2xl border-slate-400 text-sm px-5 py-4 flex flex-col sm:flex-row justify-between items-center">
-                <div className="relative flex items-center mb-4 sm:mb-0">
-                  <div className="flex min-w-[150px]">
-                    <img
-                      src={`/images/launchweek/antcopplecall.png`}
-                      className="brightness-125"
-                      alt="Ant & Copple"
-                      width={120}
-                      height={80}
-                    />
-                  </div>
-                  <div className="flex flex-col lg:flex-row ml-8 sm:ml-10">
-                    <span className="text-black dark:text-white mr-2">Who we hire at Supabase</span>
-                    <span className="text-slate-900">Fireside chat with founders</span>
-                  </div>
-                </div>
-                <div className="flex gap-2 z-10">
-                  <Link href="https://youtu.be/-BG9XptyCKI">
-                    <a target="_blank" rel="noopener">
-                      <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[130px]">
-                        Watch video
-                        <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                          <img
-                            src="/images/launchweek/video-icon.svg"
-                            className="w-3 h-3"
-                            alt="video icon"
-                          />
-                        </div>
-                      </div>
-                    </a>
-                  </Link>
-                  <Link href="/blog/who-we-hire">
-                    <a target="_blank" rel="noopener">
-                      <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[142px]">
-                        Read blogpost
-                        <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                          <img
-                            src="/images/launchweek/icons-blogpost.svg"
-                            className="w-3 h-3"
-                            alt="blog post icon"
-                          />
-                        </div>
-                      </div>
-                    </a>
-                  </Link>
-                </div>
-              </div>
-            </SectionContainer>
-            <SectionContainer className="!pt-4 ">
-              <div className="border rounded-2xl border-slate-400 text-sm px-5 py-4 flex flex-col sm:flex-row justify-between items-center">
-                <div className="relative flex items-center mb-4 sm:mb-0">
-                  <div className="flex min-w-[150px]">
-                    <img
-                      src={`/images/launchweek/${isDarkMode ? 'outro.svg' : 'outro-light.svg'}`}
-                      alt="Outro icon"
-                      width={110}
-                      height={80}
-                    />
-                  </div>
-                  <div className="flex flex-col lg:flex-row ml-8 sm:ml-10">
-                    <span className="text-black dark:text-white mr-2">Wrap Up</span>
-                    <span className="text-slate-900">Everything we shipped</span>
-                  </div>
-                </div>
-                <div className="flex gap-2 z-10">
-                  <Link href="/blog/launch-week-6-wrap-up">
-                    <a target="_blank" rel="noopener">
-                      <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2 min-w-[142px]">
-                        Read blogpost
-                        <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                          <img
-                            src="/images/launchweek/icons-blogpost.svg"
-                            className="w-3 h-3"
-                            alt="blog post icon"
-                          />
-                        </div>
-                      </div>
-                    </a>
-                  </Link>
-                </div>
-              </div>
-            </SectionContainer>
-            <SectionContainer className="!pt-0">
-              <Accordion
-                type="default"
-                openBehaviour="multiple"
-                size="large"
-                className="text-scale-900 dark:text-white"
-                justified={false}
-                bordered={false}
-                chevronAlign="right"
-                defaultValue={[
-                  day1.d.toString(),
-                  day2.d.toString(),
-                  day3.d.toString(),
-                  day4.d?.toString(),
-                  day5.d?.toString(),
-                ]}
-              >
-                <div className="border-b pb-3">
-                  <Accordion.Item
-                    header={
-                      <AccordionHeader
-                        date={day1.date}
-                        day={day1.dd}
-                        title={day1.title}
-                        shipped={day1.shipped}
-                      />
-                    }
-                    disabled={!day1.shipped}
-                    className="h-[79px]"
-                    id={day1.d.toString()}
-                  >
-                    {day1.steps.length > 0 && (
-                      <div className="h-[400px] flex flex-col lg:flex-row group/day1 relative overflow-hidden">
-                        <div
-                          className="absolute group-hover/day1:scale-105 opacity-60 group-hover/day1:opacity-100 w-full h-full -z-10 transition-all duration-500"
-                          style={{
-                            background: `radial-gradient(650px 150px at 50% 100%, ${
-                              isDarkMode ? '#103633' : '#b8e8e7'
-                            }, transparent)`,
-                          }}
-                        ></div>
-                        <div
-                          className={`flex flex-col flex-1 items-center gap-5 lg:items-start lg:justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_bottom] lg:after:bg-[right_15%_top_100px] xl:after:bg-[right_15%_top_60px] after:bg-[length:300px_180px] after:lg:bg-[length:450px_300px] after:xl:bg-[length:528px_367px] after:dark:bg-[url('/images/launchweek/docs-update-bg.png')] after:bg-[url('/images/launchweek/docs-update-bg-light.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10 !px-3 sm:!px-14`}
-                        >
-                          <div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
-                            <span>{day1.description}</span>
-                            <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:border-[#DFFFF1]">
-                              Redesigned
-                            </Badge>
-                          </div>
-                          <SectionButtons
-                            docs={day1.steps[0].docs}
-                            blog={day1.steps[0].blog}
-                            video={
-                              'https://www.youtube.com/watch?v=Q1Amk6iDlF8&ab_channel=Supabase'
-                            }
-                          />
-                        </div>
-                      </div>
-                    )}
-                  </Accordion.Item>
-                </div>
-                <div className="border-b pb-3">
-                  <Accordion.Item
-                    header={
-                      <AccordionHeader
-                        date={day2.date}
-                        day={day2.dd}
-                        title={day2.title}
-                        shipped={day2.shipped}
-                      />
-                    }
-                    disabled={!day2.shipped}
-                    className="h-[79px]"
-                    id={day2.d.toString()}
-                  >
-                    {day2.steps.length > 0 && (
-                      <div className="h-[800px] lg:h-[400px] flex flex-col gap-5 lg:flex-row">
-                        <div
-                          className={`relative overflow-hidden group/2 flex-1 flex flex-col items-center gap-5 lg:items-start justify-between basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 xs:text-2xl text-xl text-center bg-no-repeat bg-[url('/images/launchweek/image-processing-bg-light-alt.png')] xs:bg-[url('/images/launchweek/image-processing-bg-light.png')] dark:bg-[url('/images/launchweek/image-processing-bg-alt.png')] xs:dark:bg-[url('/images/launchweek/image-processing-bg.png')] bg-[right_30px_top_35px] lg:bg-[top_25px_right_25px] bg-contain`}
-                        >
-                          <div
-                            className="top-0 absolute group-hover/2:scale-105 opacity-60 group-hover/2:opacity-100 w-full h-full -z-10 transition-all duration-500"
-                            style={{
-                              background: `radial-gradient(90% 130px at 80% 0px, ${
-                                isDarkMode ? '#103633' : '#b8e8e7'
-                              }, transparent)`,
-                            }}
-                          ></div>
-                          <div className="flex items-center justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
-                            <div>{day2.steps[0].title}</div>
-                            <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                              New
-                            </Badge>
-                          </div>
-                          <SectionButtons docs={day2.steps[0].docs} blog={day2.steps[0].blog} />
-                        </div>
-                        <div
-                          className={`relative overflow-hidden group/3 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl bg-[url('/images/launchweek/cdn-caching-bg-light.png')] dark:bg-[url('/images/launchweek/cdn-caching-bg.png')] bg-[top_170px_center] lg:bg-[center_bottom] bg-contain`}
-                        >
-                          <div
-                            className="top-0 absolute group-hover/3:scale-105 opacity-60 group-hover/3:opacity-100 w-full h-full -z-10 transition-all duration-500"
-                            style={{
-                              background: `radial-gradient(90% 130px at 50% 0px, ${
-                                isDarkMode ? '#103633' : '#b8e8e7'
-                              }, transparent)`,
-                            }}
-                          ></div>
-                          <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                            <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                              New
-                            </Badge>
-                            <span className="text-black dark:text-white">
-                              {day2.steps[1].title}
-                            </span>
-                            <p className="text-sm text-slate-900">{day2.steps[1].description}</p>
-                          </div>
-                          <SectionButtons docs={day2.steps[1].docs} blog={day2.steps[1].blog} />
-                        </div>
-                      </div>
-                    )}
-                  </Accordion.Item>
-                </div>
-                <div className="border-b pb-3">
-                  <Accordion.Item
-                    header={
-                      <AccordionHeader
-                        date={day3.date}
-                        day={day3.dd}
-                        title={day3.title}
-                        shipped={day3.shipped}
-                      />
-                    }
-                    disabled={!day3.shipped}
-                    className="h-[79px]"
-                    id={day3.d.toString()}
-                  >
-                    {day3.steps.length > 0 && (
-                      <div className="h-[400px] flex gap-5 group">
-                        <div
-                          className={`flex flex-col text-center items-center lg:items-start justify-between flex-1 border rounded-xl h-full bg-no-repeat p-14 text-2xl relative`}
-                        >
-                          <div className="absolute top-0 right-0 w-full h-full -z-20 ">
-                            <Image
-                              src={
-                                isDarkMode
-                                  ? '/images/launchweek/mfa-dark.png'
-                                  : '/images/launchweek/mfa-light.png'
-                              }
-                              alt="MFA"
-                              layout="fill"
-                              objectFit="cover"
-                              quality={100}
-                              priority
-                            />
-                          </div>
-                          <div className="absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover:opacity-100 duration-500 transition-all">
-                            <Image
-                              src={
-                                isDarkMode
-                                  ? '/images/launchweek/mfa-dark-hover.png'
-                                  : '/images/launchweek/mfa-light-hover.png'
-                              }
-                              alt="MFA"
-                              layout="fill"
-                              objectFit="cover"
-                              quality={100}
-                            />
-                          </div>
-
-                          <div className="flex items-center justify-between flex-col-reverse lg:flex-row lg:justify-start text-black dark:text-white">
-                            <span>{day3.steps[0].title}</span>
-                            <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#598973] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                              Updated
-                            </Badge>
-                          </div>
-                          <SectionButtons docs={day3.steps[0].docs} blog={day3.steps[0].blog} />
-                        </div>
-                      </div>
-                    )}
-                  </Accordion.Item>
-                </div>
-                <div className="border-b pb-3">
-                  <Accordion.Item
-                    header={
-                      <AccordionHeader
-                        date={day4.date}
-                        day={day4.dd}
-                        title={day4.title}
-                        shipped={day4.shipped}
-                      />
-                    }
-                    disabled={!day4.shipped}
-                    className="h-[79px]"
-                    id={day4.d.toString()}
-                  >
-                    {day4.steps.length > 0 && (
-                      <div className="h-[400px]  flex flex-col gap-5 lg:flex-row group/day4 relative overflow-hidden">
-                        <div
-                          className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
-                        >
-                          <div
-                            className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
-                          >
-                            <Image
-                              src={
-                                isDarkMode
-                                  ? '/images/launchweek/wrappers-visual.svg'
-                                  : '/images/launchweek/wrappers-visual-light.svg'
-                              }
-                              alt="Wrappers"
-                              layout="fill"
-                              objectFit="cover"
-                              quality={100}
-                              priority
-                              className="left-16"
-                            />
-                          </div>
-                          <div
-                            className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day4:opacity-100 duration-500 transition-all ${styles.wrappers}`}
-                          >
-                            <Image
-                              src={
-                                isDarkMode
-                                  ? '/images/launchweek/wrappers-visual-hover.svg'
-                                  : '/images/launchweek/wrappers-visual-hover-light.svg'
-                              }
-                              alt="Wrappers"
-                              layout="fill"
-                              objectFit="cover"
-                              quality={100}
-                              className="test"
-                            />
-                          </div>
-                          <div className="flex items-center flex-col-reverse lg:flex-row text-black dark:text-white">
-                            <span>{day4.steps[0].title}</span>
-                            <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                              New
-                            </Badge>
-                          </div>
-                          <SectionButtons
-                            docs={day4.steps[0].docs}
-                            blog={day4.steps[0].blog}
-                            video={`https://www.youtube.com/watch?v=${day4.youtube_id}&ab_channel=Supabase`}
-                          />
-                        </div>
-                      </div>
-                    )}
-                  </Accordion.Item>
-                </div>
-                <div className="border-b pb-3" id="currentDay">
-                  <Accordion.Item
-                    header={
-                      <AccordionHeader
-                        date={day5.date}
-                        day={day5.dd}
-                        title={day5.title}
-                        shipped={day5.shipped}
-                      />
-                    }
-                    disabled={!day5.shipped}
-                    className="h-[79px]"
-                    id={day5.d.toString()}
-                  >
-                    {day5.steps.length > 0 && (
-                      <>
-                        <div className="h-[800px] lg:h-[400px]  flex flex-col gap-5 lg:flex-row">
-                          <div
-                            className={`relative group/day5step1 flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/vault-visual.svg'
-                                    : '/images/launchweek/vault-visual-light.svg'
-                                }
-                                alt="Vault"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step1:opacity-100 duration-500 transition-all ${styles.wrappers}`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/vault-visual-hover.svg'
-                                    : '/images/launchweek/vault-visual-hover-light.svg'
-                                }
-                                alt="Vault"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex items-center flex-col-reverse lg:flex-row">
-                              <span className="text-black dark:text-white">
-                                {day5.steps[0].title}
-                              </span>
-                              <Badge className="!bg-transparent h-fit lg:ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                New
-                              </Badge>
-                            </div>
-                            <SectionButtons docs={day5.steps[0].docs} blog={day5.steps[0].blog} />
-                          </div>
-                          <div
-                            className={`relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/TCE-visual.svg'
-                                    : '/images/launchweek/TCE-visual-light.svg'
-                                }
-                                alt="TCE"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/TCE-visual-hover.svg'
-                                    : '/images/launchweek/TCE-visual-hover-light.svg'
-                                }
-                                alt="TCE"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                New
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                {day5.steps[1].title}
-                              </span>
-                            </div>
-                            <SectionButtons docs={day5.steps[1].docs} blog={day5.steps[1].blog} />
-                          </div>
-                        </div>
-                        <h3 className="text-black dark:text-white text-lg mb-4 mt-4">Community</h3>
-                        <div className="h-[400px] flex flex-col gap-5 lg:flex-row group/community relative overflow-hidden">
-                          <div
-                            className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
-                          >
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.community_wrappers}`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/community-visual.svg'
-                                    : '/images/launchweek/community-visual-light.svg'
-                                }
-                                alt="Community"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/community:opacity-100 duration-500 transition-all ${styles.community_wrappers}`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/community-visual-hover.svg'
-                                    : '/images/launchweek/community-visual-light-hover.svg'
-                                }
-                                alt="Community"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex items-center flex-col-reverse lg:flex-row">
-                              <span className="text-black dark:text-white">Community Day</span>
-                            </div>
-                            <div className="flex flex-col md:flex-row gap-4 md:gap-2 z-10 ">
-                              <div className="flex gap-4 md:gap-2">
-                                <Link href="/blog/launch-week-6-community-day">
-                                  <a target="_blank" rel="noopener">
-                                    <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                                      Blog post
-                                      <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                                        <img
-                                          src="/images/launchweek/icons-blogpost.svg"
-                                          className="w-4 h-4"
-                                          alt="blog post icon"
-                                        />
-                                      </div>
-                                    </div>
-                                  </a>
-                                </Link>
-                                <Link href="https://www.youtube.com/watch?v=hw9Q-NjASbU">
-                                  <a target="_blank" rel="noopener">
-                                    <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                                      Flutterflow
-                                      <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                                        <img
-                                          src="/images/launchweek/video-icon.svg"
-                                          className="w-4 h-4"
-                                          alt="video icon"
-                                        />
-                                      </div>
-                                    </div>
-                                  </a>
-                                </Link>
-                              </div>
-                              <div className="flex gap-4 md:gap-2">
-                                <Link href="https://www.youtube.com/watch?v=mw0DLwItue4">
-                                  <a target="_blank" rel="noopener">
-                                    <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                                      OneSignal
-                                      <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                                        <img
-                                          src="/images/launchweek/video-icon.svg"
-                                          className="w-4 h-4"
-                                          alt="video icon"
-                                        />
-                                      </div>
-                                    </div>
-                                  </a>
-                                </Link>
-                                <Link href="https://www.youtube.com/watch?v=EdYQ9fF-hz4">
-                                  <a target="_blank" rel="noopener">
-                                    <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
-                                      NextAuth
-                                      <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-                                        <img
-                                          src="/images/launchweek/video-icon.svg"
-                                          className="w-4 h-4"
-                                          alt="video icon"
-                                        />
-                                      </div>
-                                    </div>
-                                  </a>
-                                </Link>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <h3 className="text-black dark:text-white text-lg mb-4 mt-4">
-                          One more thing
-                        </h3>
-                        <div className="flex flex-col lg:grid grid-cols-3 grid-rows-2 gap-4">
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PgGraphql-visual.svg'
-                                    : '/images/launchweek/PgGraphql-visual-light.svg'
-                                }
-                                alt="PgGraphql"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PgGraphql-visual-hover.svg'
-                                    : '/images/launchweek/PgGraphql-visual-hover-light.svg'
-                                }
-                                alt="PgGraphql"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                Updated
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                pg_graphql v1.0
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="/docs/guides/database/api#graphql-api"
-                              blog="/blog/pg-graphql-v1"
-                            />
-                          </div>
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/custom-domains-visual.svg'
-                                    : '/images/launchweek/custom-domains-visual-light.svg'
-                                }
-                                alt="Custom Domains"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/custom-domains-visual-hover.svg'
-                                    : '/images/launchweek/custom-domains-visual-hover-light.svg'
-                                }
-                                alt="Custom Domains"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                New
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                Custom Domains
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="/docs/guides/platform/custom-domains"
-                              blog="/blog/custom-domain-names"
-                            />
-                          </div>
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PITR-visual.svg'
-                                    : '/images/launchweek/PITR-visual-light.svg'
-                                }
-                                alt="PITR"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PITR-visual-hover.svg'
-                                    : '/images/launchweek/PITR-visual-hover-light.svg'
-                                }
-                                alt="PITR"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                New
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                Point-in-time recovery
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="/docs/guides/platform/going-into-prod"
-                              blog="/blog/postgres-point-in-time-recovery"
-                            />
-                          </div>
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/pg_crdt-visual.svg'
-                                    : '/images/launchweek/pg_crdt-visual-light.svg'
-                                }
-                                alt="pg_crdt"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/pg_crdt-visual-hover.svg'
-                                    : '/images/launchweek/pg_crdt-visual-hover-light.svg'
-                                }
-                                alt="pg_crdt"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                Experimental
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                pg_crdt
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="https://github.com/supabase/pg_crdt"
-                              blog="/blog/postgres-crdt"
-                            />
-                          </div>
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/postgres-visual.svg'
-                                    : '/images/launchweek/postgres-visual-light.svg'
-                                }
-                                alt="postgres"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/postgres-visual-hover.svg'
-                                    : '/images/launchweek/postgres-visual-hover-light.svg'
-                                }
-                                alt="postgres"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                Upgrade
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                Postgres 15
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="https://www.postgresql.org/docs/15/release-15.html"
-                              blog="/blog/new-in-postgres-15"
-                            />
-                          </div>
-                          <div
-                            className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
-                          >
-                            <div className={`absolute top-0 right-0 w-full h-full -z-20`}>
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PostgREST11-visual.svg'
-                                    : '/images/launchweek/PostgREST11-visual-light.svg'
-                                }
-                                alt="PostgREST11"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                priority
-                                className="left-16"
-                              />
-                            </div>
-                            <div
-                              className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
-                            >
-                              <Image
-                                src={
-                                  isDarkMode
-                                    ? '/images/launchweek/PostgREST11-visual-hover.svg'
-                                    : '/images/launchweek/PostgREST11-visual-hover-light.svg'
-                                }
-                                alt="PostgREST11"
-                                layout="fill"
-                                objectFit="cover"
-                                quality={100}
-                                className="test"
-                              />
-                            </div>
-                            <div className="flex flex-col items-center gap-2 min-w-[300px]">
-                              <Badge className="!bg-transparent h-fit text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#4d898c] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#DFFFF1]">
-                                Upgrade
-                              </Badge>
-                              <span className="text-black dark:text-white text-center">
-                                PostgREST 11
-                              </span>
-                            </div>
-                            <SectionButtons
-                              docs="/docs/guides/resources/supabase-cli"
-                              blog="/blog/postgrest-11-prerelease"
-                            />
-                          </div>
-                        </div>
-                      </>
-                    )}
-                  </Accordion.Item>
-                </div>
-              </Accordion>
-            </SectionContainer>
-          </>
-        )}
-        <SectionContainer className="!py-20 sm:!pb-40 sm:!pt-10"></SectionContainer>
-
-        <SectionContainer className="!pt-0 sm:!pb-20 !pb-40"></SectionContainer>
-        <SectionContainer className="!pt-0 sm:!pb-20 !pb-40">
-          <div className="flex flex-col mb-16">
-            <Badge
-              className={`w-fit !bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] dark:from-white dark:to-[#DFFFF1] h-fit relative mb-4 after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]`}
-            >
-              Submissions Closed
-            </Badge>
-            <h2 className="text-3xl text-black dark:text-white mb-2">Launch Week Hackathon</h2>
-            <p className="text-slate-900 w-[80%] lg:w-[50%]">
-              The traditional parallel Hackathon is back! Build a new open source project with
-              Supabase and you can win $1500 in GitHub sponsorships and a coveted Supabase Darkmode
-              Keyboard! For more info check the{' '}
-              <Link href="https://supabase.com/blog/launch-week-6-hackathon">
-                <a target="_blank" rel="nooper noreferrer" className="text-brand-900">
-                  blog post
-                </a>
-              </Link>
-              .
-            </p>
-          </div>
-          <div className="flex flex-col lg:flex-row gap-10 lg:gap-0">
-            <div className="sm:grid grid-cols-2 grid-rows-2 gap-x-4 gap-y-7 sm:gap-y-10 basis-2/3 flex flex-col">
-              <div className="flex flex-col">
-                <h3 className="text-lg text-black dark:text-white mb-2">Prizes</h3>
-                <p className="text-slate-900 w-[90%] lg:w-[80%]">
-                  There are 5 categories to win, with prizes for winners and runner-ups of each
-                  category. Each team member gets a prize.
-                </p>
-              </div>
-              <div className="flex flex-col">
-                <h3 className="text-lg text-black dark:text-white mb-2">Judges</h3>
-                <p className="text-slate-900 w-[90%] lg:w-[80%]">
-                  The Supabase team will judge all the categories except the Best Edge Functions
-                  Project, which will be judged by our friends at Deno.
-                </p>
-              </div>
-              <div className="flex flex-col">
-                <div className="flex flex-col">
-                  <h3 className="text-lg text-black dark:text-white mb-2">Community</h3>
-                  <p className="text-slate-900 w-[90%] lg:w-[80%]">
-                    If you need help or advice when building, find other people to join your team,
-                    or if you just want to chill and watch people build, come and join us!
-                  </p>
-                  <div></div>
-                  <Link href="https://discord.supabase.com/">
-                    <a
-                      rel="noopener noreferrer"
-                      className="text-brand-900 flex items-center"
-                      target="_blank"
-                    >
-                      Join our Discord{' '}
-                      <IconExternalLink size="small" className="inline-block ml-2" />
-                    </a>
-                  </Link>
-                </div>
-              </div>
-              <div className={'flex flex-col'}>
-                <h3 className="text-lg text-black dark:text-white mb-2">Submission</h3>
-                <p className="text-slate-900 w-[90%] lg:w-[80%]">
-                  Submit your project through{' '}
-                  <Link href="https://www.madewithsupabase.com/launch-week-6">
-                    <a className="text-brand-900" target="_blank">
-                      madewithsupabase.com
-                    </a>
-                  </Link>
-                  . All submissions must be open source and publically available. Submissions close
-                  Monday 19th Dec 00:01 AM PT.
-                </p>
-              </div>
-            </div>
-            <div
-              className={classNames(
-                isDarkMode ? styles.dark_community : styles.community,
-                'flex basis-1/3 flex-col px-5'
-              )}
-            >
-              <Link href="https://github.com/psteinroe/supabase-cache-helpers">
-                <a target="_blank" rel="noopener noreferrer" className="self-end">
-                  <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
-                    <img
-                      src="/images/launchweek/link.svg"
-                      className="absolute top-[16px] right-[10px] text-brand-900"
-                      alt="link icon"
-                    />
-                    <h3 className="text-black dark:text-white">Supabase Cache Helpers</h3>
-                    <p className="text-slate-1000 text-xs">Previous Best Overall Project Winner</p>
-                  </div>
-                </a>
-              </Link>
-              <Link href="https://github.com/pheralb/superui">
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
-                    <img
-                      src="/images/launchweek/link.svg"
-                      className="absolute top-[16px] right-[10px] text-brand-900"
-                      alt="link icon"
-                    />
-                    <h3 className="text-black dark:text-white">Super UI</h3>
-                    <p className="text-slate-1000 text-xs">
-                      Previous Best Overall Project Runner Up
-                    </p>
-                  </div>
-                </a>
-              </Link>
-              <Link href="https://github.com/Myzel394/quid_faciam_hodie">
-                <a target="_blank" rel="noopener noreferrer" className="self-end">
-                  <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
-                    <img
-                      src="/images/launchweek/link.svg"
-                      className="absolute top-[16px] right-[10px] text-brand-900"
-                      alt="link icon"
-                    />
-                    <h3 className="text-black dark:text-white">Quid Faciam Hodie?</h3>
-                    <p className="text-slate-1000 text-xs">Winner Best Flutter Project</p>
-                  </div>
-                </a>
-              </Link>
-              <Link href="https://github.com/laznic/hotdogs">
-                <a target="_blank" rel="noopener noreferrer">
-                  <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 mb-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
-                    <img
-                      src="/images/launchweek/link.svg"
-                      className="absolute top-[16px] right-[10px] text-brand-900"
-                      alt="link icon"
-                    />
-                    <h3 className="text-black dark:text-white">That Hot Dog Game</h3>
-                    <p className="text-slate-1000 text-xs">Previous Winner: Most Fun/Interesting</p>
-                  </div>
-                </a>
-              </Link>
-              <Link href="https://github.com/vvidday/repo-watch">
-                <a target="_blank" rel="noopener noreferrer" className="self-end">
-                  <div className="border border-slate-400 dark:border-[#2E2E2E] rounded-xl pl-5 pr-9 py-4 bg-white dark:bg-[#121212] w-fit relative max-w-[250px]">
-                    <img
-                      src="/images/launchweek/link.svg"
-                      className="absolute top-[16px] right-[10px] text-brand-900"
-                      alt="link icon"
-                    />
-                    <h3 className="text-black dark:text-white">RepoWatch</h3>
-                    <p className="text-slate-1000 text-xs">Previous Winner Best Realtime Project</p>
-                  </div>
-                </a>
-              </Link>
-            </div>
-          </div>
-        </SectionContainer>
-        <SectionContainer
-          className={classNames(
-            'flex gap-6 min-h-[350px] !py-3 mb-11 flex-col-reverse md:flex-row mt-24',
-            styleUtils.appear,
-            styleUtils['appear-third']
-          )}
-        >
-          <div
-            className={`flex-1 bg-[url('/images/launchweek/orbit.svg')] bg-auto bg-no-repeat bg-bottom relative min-h-[360px]`} //grid grid-cols-5 grid-rows-5
-          >
-            {creators.map((creator: any, index: number) => {
-              return (
-                <div
-                  className={`justify-self-center absolute overflow-visible`}
-                  onMouseEnter={() => {
-                    setActiveCreator(index)
-                  }}
-                  style={{
-                    top: `${constellation[index][0]}%`,
-                    left: `${constellation[index][1]}%`,
-                  }}
-                >
-                  <div className="relative group">
-                    <div className="absolute -inset-0.5 bg-brand-1100 rounded-full opacity-75 group-hover:opacity-100 group-hover:blur-sm transition duration-500"></div>
-                    <Link href={creator.link}>
-                      <a target="_blank" rel="noopener">
-                        <img
-                          className="relative rounded-full w-12 h-12 border border-brand-900 hover:shadow-md"
-                          src={creator.profile_picture}
-                          alt={`${creator.first_name} ${creator.last_name} avatar`}
-                        />
-                      </a>
-                    </Link>
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-          <div className="flex-1">
-            <Badge
-              className={`!bg-transparent !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] !border-[#4d898c] dark:from-white dark:to-[#DFFFF1] dark:!border-[#DFFFF1] h-fit relative mb-4 ${
-                true
-                  ? 'after:absolute after:rounded-full text-black after:bg-white after:w-full after:h-full after:top-0 after:right-0 after:bottom-0 after:left-0 after:bg-gradient-to-br after:from-[#dceef0] after:to-[#FFFFFF] dark:text-transparent dark:!border-[#163837] after:dark:from-[#14292c] after:dark:to-[#141516] after:border-[#c8d8d9] after:dark:border-[#1f3536] after:-z-10 border-[#DFFFF1]'
-                  : ''
-              }`}
-            >
-              Shipped
-            </Badge>
-            <h2 className="text-3xl dark:text-white mb-2">The Supabase Content Storm</h2>
-            <p className="text-slate-900 md:max-w-[80%] mb-16">
-              We worked with more than 30 content creators from around the world to drop a mountain
-              of content simultaneously!
-              <Link href="/blog/the-supabase-content-storm">
-                <a rel="noopener" target="_blank">
-                  <div className="text-brand-900 flex items-center mt-2">
-                    See all the content
-                    <IconExternalLink size="small" className="inline-block ml-1" />
-                  </div>
-                </a>
-              </Link>
-            </p>
-            {activeCreator !== null && (
-              <div className="lg:max-w-[50%] min-h-[120px]">
-                <h3 className="dark:text-white">
-                  {activeCreator !== null
-                    ? `${creators[activeCreator].first_name} ${creators[activeCreator].last_name}`
-                    : 'Title'}
-                </h3>
-                {activeCreator !== null && (
-                  <p className="text-slate-900 ">{creators[activeCreator].description}</p>
+                {supabase && (
+                  <TicketContainer
+                    supabase={supabase}
+                    session={session}
+                    defaultUserData={defaultUserData}
+                    defaultPageState="ticket"
+                  />
                 )}
-                <p className="text-brand-900 mt-1">
-                  <a rel="noopener" target="_blank" href={creators[activeCreator].link}>
-                    <span>
-                      {creators[activeCreator].link_title}
-                      <IconExternalLink size="small" className="inline-block ml-2" />
+
+                <div className="my-4">
+                  <a
+                    href="#lw-7-prizes"
+                    className="flex items-center text-white text-sm my-4 gap-4"
+                  >
+                    More about the prizes{' '}
+                    <span className="bounce-loop">
+                      <IconArrowDown w={10} h={12} />
                     </span>
                   </a>
-                </p>
-              </div>
-            )}
-          </div>
-        </SectionContainer>
-        <SectionContainer className="flex flex-col !pb-1 items-center lg:pt-32 gap-24 mb-40">
-          {process.env.NEXT_PUBLIC_LW_STARTED && (
-            <div className={classNames(styleUtils.appear, styleUtils['appear-second'])}>
-              <TicketContainer
-                supabase={supabase}
-                session={session}
-                defaultUserData={defaultUserData}
-                defaultPageState={query.ticketNumber ? 'ticket' : 'registration'}
-              />
+                </div>
+              </SectionContainer>
+              <LW7BgGraphic />
             </div>
-          )}
-        </SectionContainer>
+            <div
+              className={['bg-lw7-gradient absolute inset-0 z-0', isGolden && 'gold'].join(' ')}
+            />
+          </div>
+
+          <LaunchWeekPrizeSection className="-mt-20 md:-mt-60" />
+
+          {users && <TicketBrickWall users={users} />}
+        </div>
+        <CTABanner />
       </DefaultLayout>
     </>
   )
 }
+
+export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
+  // fetch users for the TicketBrickWall
+  const { data: users } = await supabaseAdmin!
+    .from('lw7_tickets_golden')
+    .select('*')
+    .order('createdAt', { ascending: false })
+    .limit(17)
+
+  // res.setHeader('Cache-Control', 'public, s-maxage=10, stale-while-revalidate=59')
+
+  return {
+    props: {
+      users,
+    },
+  }
+}
diff --git a/apps/www/pages/launch-week/launchWeek.css b/apps/www/pages/launch-week/launchWeek.css
new file mode 100644
index 00000000000..3c1420f6843
--- /dev/null
+++ b/apps/www/pages/launch-week/launchWeek.css
@@ -0,0 +1,66 @@
+.bg-lw7 {
+  /* background: radial-gradient(72.03% 66.03% at 50% 69.72%, #3fcf8e 0%, #9e44ef 100%); */
+  background: #9e44ef;
+}
+
+.bg-lw7-black-transition {
+  background: linear-gradient(0.39deg, #161616 53.84%, rgba(28, 28, 28, 0) 88.21%);
+}
+
+.bg-lw7-gradient {
+  /* background: radial-gradient(72.03% 66.03% at 50% 69.72%, #3fcf8e 0%, transparent 100%); */
+  background: radial-gradient(80% 65% at 50% 95%, #dbb8bf 0%, transparent 100%);
+}
+
+/* .bg-lw7-gradient.gold {
+  background: radial-gradient(80% 65% at 50% 95%, #ffd132 0%, transparent 100%);
+} */
+
+@media (min-width: 768px) {
+  .bg-lw7-gradient {
+    /* background: radial-gradient(72.03% 66.03% at 50% 69.72%, #3fcf8e 0%, transparent 100%); */
+    background: radial-gradient(72.03% 66.03% at 50% 69.72%, #dbb8bf 0%, transparent 100%);
+  }
+
+  /* .bg-lw7-gradient.gold {
+    background: radial-gradient(72.03% 70% at 50% 75%, #ffd132 0%, transparent 100%);
+  } */
+}
+
+.opacity-pulse {
+  animation: opacity-pulse 3.5s ease-in-out infinite alternate both;
+}
+
+.glass-tile-gradient {
+  position: absolute;
+
+  left: calc(50% - 146.58px / 2 - 181.35px);
+  top: calc(50% - 426.82px / 2 - 76.38px);
+
+  background: #579ca1;
+  filter: blur(85.7962px);
+  border-radius: 16.9281px;
+  transform: matrix(0.84, 0.55, -0.55, 0.83, 0, 0);
+}
+
+.bounce-loop {
+  animation: bounce 1s ease-in-out infinite alternate both;
+}
+
+@keyframes bounce {
+  0% {
+    transform: translate3D(0, -5px, 0);
+  }
+  100% {
+    transform: translate3D(0, 5px, 0);
+  }
+}
+
+@keyframes opacity-pulse {
+  0% {
+    opacity: 0.75;
+  }
+  100% {
+    opacity: 1;
+  }
+}
diff --git a/apps/www/pages/launch-week/ticket-image.tsx b/apps/www/pages/launch-week/ticket-image.tsx
deleted file mode 100644
index 9fa19e85f7f..00000000000
--- a/apps/www/pages/launch-week/ticket-image.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import TicketImage from '~/components/LaunchWeek/Ticket/ticket-image'
-
-export default function TicketOnlyPage() {
-  return <TicketImage />
-}
diff --git a/apps/www/pages/launch-week/tickets/[username].tsx b/apps/www/pages/launch-week/tickets/[username].tsx
index b39313e2c8e..0337142c404 100644
--- a/apps/www/pages/launch-week/tickets/[username].tsx
+++ b/apps/www/pages/launch-week/tickets/[username].tsx
@@ -7,107 +7,151 @@ import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
 import { SITE_URL, SAMPLE_TICKET_NUMBER } from '~/lib/constants'
 import { createClient } from '@supabase/supabase-js'
 import { useEffect, useState } from 'react'
-import { FastGlobOptionsWithoutCwd } from 'globby'
-import { useTheme } from 'common/Providers'
+import { IconArrowDown } from 'ui'
+import LaunchWeekPrizeSection from '~/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection'
+import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader'
+import TicketBrickWall from '~/components/LaunchWeek/LaunchSection/TicketBrickWall'
+import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import LW7BgGraphic from '../../../components/LaunchWeek/LW7BgGraphic'
+import CTABanner from '../../../components/CTABanner'
 
-type Props = {
-  username: string | null
-  name: string | null
-  ticketNumber: number | null
-  golden: boolean
+interface Props {
+  user: UserData
+  users: UserData[]
+  ogImageUrl: string
 }
 
 const supabaseAdmin = createClient(
   process.env.NEXT_PUBLIC_SUPABASE_URL ?? 'http://localhost:54321',
   process.env.SUPABASE_SERVICE_ROLE_SECRET ??
+    process.env.NEXT_PUBLIC_SUPABASE_SERVICE_ROLE_SECRET ??
     'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I'
 )
 
-export default function TicketShare({ username, ticketNumber, name, golden }: Props) {
-  const { isDarkMode } = useTheme()
+export default function UsernamePage({ user, users, ogImageUrl }: Props) {
+  const { username, ticketNumber, name, golden, referrals, bg_image_id } = user
+  const TITLE = `${
+    name ? name + '’s' : 'Get your'
+  } #SupaLaunchWeek Ticket | Share to win some fantastic swag`
+  const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
+  const OG_URL = `${SITE_URL}/tickets/${username}`
 
   const [supabase] = useState(() =>
     createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
   )
-  const description = 'Supabase Launch Week 6 | 12-16 Dec 2022'
 
   if (!ticketNumber) {
     return <Error statusCode={404} />
   }
 
-  const ogImageUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
-    username ?? ''
-  )}`
-
   useEffect(() => {
-    document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
-  }, [isDarkMode])
+    document.body.className = 'dark bg-[#1C1C1C]'
+  }, [])
 
   return (
     <>
       <NextSeo
-        title={`${name ? name + '’s' : 'Get your'} #SupaLaunchWeek Ticket`}
+        title={TITLE}
         openGraph={{
-          title: `${name ? name + '’s' : 'Get your'} #SupaLaunchWeek Ticket`,
-          description: description,
-          url: `${SITE_URL}/tickets/${username}`,
+          title: TITLE,
+          description: DESCRIPTION,
+          url: OG_URL,
           images: [
             {
               url: ogImageUrl,
+              width: 1200,
+              height: 630,
             },
           ],
         }}
       />
       <DefaultLayout>
-        <SectionContainer className="flex flex-col gap-8 pb-0 md:gap-16 lg:gap-16 items-center xl:items-start">
-          <img
-            src="/images/launchweek/launchweek-logo--light.svg"
-            className="md:40 w-40 dark:hidden lg:w-80"
-          />
-          <img
-            src="/images/launchweek/launchweek-logo--dark.svg"
-            className="md:40 hidden w-40 dark:block lg:w-80"
-          />
-          <TicketContainer
-            supabase={supabase}
-            session={null}
-            defaultUserData={{
-              username: username || undefined,
-              name: name || '',
-              ticketNumber,
-              golden,
-            }}
-            sharePage
-          />
-        </SectionContainer>
+        <div className="bg-[#1C1C1C] -mt-20">
+          <div className="relative bg-lw7 pt-20">
+            <div className="relative z-10">
+              <SectionContainer className="flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !px-2 !mx-auto xl:h-[calc(90vh-65px)] min-h-[600px] md:min-h-[auto] lg:min-h-[650px]">
+                <LaunchWeekLogoHeader />
+                <TicketContainer
+                  supabase={supabase}
+                  session={null}
+                  defaultUserData={{
+                    username: username || undefined,
+                    name: name || '',
+                    ticketNumber,
+                    golden,
+                    referrals,
+                    bg_image_id,
+                  }}
+                  sharePage
+                />
+                <div>
+                  <a href="#lw-7-prizes" className="flex items-center text-white text-sm gap-4">
+                    See the prizes{' '}
+                    <span className="bounce-loop">
+                      <IconArrowDown w={10} h={12} />
+                    </span>
+                  </a>
+                </div>
+              </SectionContainer>
+              <LW7BgGraphic />
+            </div>
+            <div className={['bg-lw7-gradient absolute inset-0 z-0', golden && 'gold'].join(' ')} />
+          </div>
+          <LaunchWeekPrizeSection className="-mt-20 md:-mt-60" />
+          <TicketBrickWall users={users} />
+        </div>
+        <CTABanner />
       </DefaultLayout>
     </>
   )
 }
 
-export const getStaticProps: GetStaticProps<Props> = async ({ params }) => {
+export const getStaticProps: GetStaticProps = async ({ params }) => {
   const username = params?.username?.toString() || null
   let name: string | null | undefined
   let ticketNumber: number | null | undefined
   let golden = false
+  let referrals = 0
+  let bg_image_id
+  let ogImageUrl
 
+  // fetch users for the TicketBrickWall
+  const { data: users } = await supabaseAdmin!.from('lw7_tickets_golden').select().limit(17)
+
+  // fetch a specific user
   if (username) {
     const { data: user } = await supabaseAdmin!
-      .from('lw6_tickets_golden')
-      .select('name, ticketNumber, golden')
+      .from('lw7_tickets_golden')
+      .select('name, ticketNumber, golden, referrals, bg_image_id')
       .eq('username', username)
       .single()
     name = user?.name
     ticketNumber = user?.ticketNumber
     golden = user?.golden ?? false
+    bg_image_id = user?.bg_image_id ?? 1
+    referrals = user?.referrals ?? 0
+    ogImageUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+      username ?? ''
+    )}${golden ? '&golden=true' : ''}`
+    // ogImageUrl = `https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7/tickets/${
+    //   golden ? 'golden' : 'regular'
+    // }/v3/${username ?? ''}.png`
   }
+
   return {
     props: {
-      username: ticketNumber ? username : null,
-      usernameFromParams: username || null,
-      name: ticketNumber ? name || username || null : null,
-      ticketNumber: ticketNumber || SAMPLE_TICKET_NUMBER,
-      golden,
+      user: {
+        username: ticketNumber ? username : null,
+        usernameFromParams: username || null,
+        name: ticketNumber ? name || username || null : null,
+        ticketNumber: ticketNumber || SAMPLE_TICKET_NUMBER,
+        golden,
+        referrals,
+        bg_image_id,
+      },
+      ogImageUrl,
+      users,
+      key: username,
     },
     revalidate: 5,
   }
diff --git a/apps/www/pages/launch-week/tickets/index.tsx b/apps/www/pages/launch-week/tickets/index.tsx
index b7476a0475c..594dd73a240 100644
--- a/apps/www/pages/launch-week/tickets/index.tsx
+++ b/apps/www/pages/launch-week/tickets/index.tsx
@@ -1,77 +1,189 @@
 import { NextSeo } from 'next-seo'
+import { GetServerSideProps } from 'next'
 import DefaultLayout from '~/components/Layouts/Default'
 import SectionContainer from '~/components/Layouts/SectionContainer'
-import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
-import { SITE_URL } from '~/lib/constants'
-import { useRouter } from 'next/router'
-import { createClient, Session } from '@supabase/supabase-js'
-import { useState, useEffect } from 'react'
-import { useTheme } from 'common/Providers'
+import { SITE_ORIGIN, SITE_URL } from '~/lib/constants'
+import { createClient } from '@supabase/supabase-js'
+import { useEffect, useRef, useState } from 'react'
+import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader'
+import { motion } from 'framer-motion'
+import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import LW7BgGraphic from '../../../components/LaunchWeek/LW7BgGraphic'
+import CTABanner from '../../../components/CTABanner'
+import { debounce } from 'lodash'
+import TicketsGrid from '../../../components/LaunchWeek/Ticket/TicketsGrid'
+import { Button } from 'ui'
+import Link from 'next/link'
 
-export default function TicketHome() {
-  const { isDarkMode } = useTheme()
+interface Props {
+  users: UserData[]
+}
 
-  const [supabase] = useState(() =>
-    createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
-  )
-  const [session, setSession] = useState<Session | null>(null)
-  const description = 'Supabase Launch Week 6 | 12-16 Dec 2022'
-  const { query } = useRouter()
-  const ticketNumber = query.ticketNumber?.toString()
-  const defaultUserData = {
-    id: query.id?.toString(),
-    ticketNumber: ticketNumber ? parseInt(ticketNumber, 10) : undefined,
-    name: query.name?.toString(),
-    username: query.username?.toString(),
+const supabaseAdmin = createClient(
+  process.env.NEXT_PUBLIC_SUPABASE_URL ?? 'http://localhost:54321',
+  process.env.SUPABASE_SERVICE_ROLE_SECRET ??
+    process.env.NEXT_PUBLIC_SUPABASE_SERVICE_ROLE_SECRET ??
+    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I'
+)
+
+const generateOgs = async (users: UserData[]) => {
+  users?.map(async (user) => {
+    const ogImageUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+      user.username ?? ''
+    )}${!!user.golden ? '&golden=true' : ''}`
+    return await fetch(ogImageUrl)
+  })
+}
+
+export default function TicketsPage({ users }: Props) {
+  const ref = useRef(null)
+  const PAGE_COUNT = 20
+  const TITLE = '#SupaLaunchWeek Tickets'
+  const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
+  const OG_IMAGE = `${SITE_ORIGIN}/images/launchweek/seven/launch-week-7-teaser.jpg`
+
+  const [isLoading, setIsLoading] = useState(false)
+  const [offset, setOffset] = useState(1)
+  const [isLast, setIsLast] = useState(false)
+  const [hasLoaded, setHasLoaded] = useState(false)
+  const [loadedUsers, setLoadedUsers] = useState<any[]>(users)
+
+  useEffect(() => {
+    loadMoreUsers(offset)
+  }, [hasLoaded])
+
+  const getPagination = (page: number = 1, size: number) => {
+    const limit = size ? +size : 3
+    const from = page ? page * limit : 0
+    const to = page ? from + size : size
+
+    return { from, to }
+  }
+
+  const loadUsers = async (offset = 0, pageCount: number) => {
+    const { from, to } = getPagination(offset, pageCount)
+
+    return await supabaseAdmin!
+      .from('lw7_tickets_golden')
+      .select('*')
+      .range(from, to - 1)
+      .order('createdAt', { ascending: false })
+  }
+
+  const loadMoreUsers = async (offset: number) => {
+    if (isLast) return
+    setIsLoading(true)
+    setOffset((prev) => prev + 1)
+    const { data: users } = await loadUsers(offset, PAGE_COUNT)
+    setLoadedUsers((prevUsers) => [...prevUsers, ...(users as any[])])
+    if ((users as any[]).length < PAGE_COUNT) setIsLast(true)
+    setIsLoading(false)
   }
 
   useEffect(() => {
-    supabase.auth.onAuthStateChange((event, session) => {
-      setSession(session)
-    })
+    document.body.className = 'dark bg-[#1C1C1C]'
   }, [])
 
+  const isBottomInView = () => {
+    if (ref.current && window) {
+      const rect = (ref.current as HTMLDivElement)?.getBoundingClientRect()
+      const isInView = rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)
+      setHasLoaded((prev) => !prev && isInView)
+    }
+  }
+
   useEffect(() => {
-    document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
-  }, [isDarkMode])
+    window.addEventListener(
+      'scroll',
+      debounce(() => !isLast && isBottomInView(), 200)
+    )
+
+    return () => {
+      window.removeEventListener('scroll', isBottomInView)
+    }
+  }, [])
 
   return (
     <>
       <NextSeo
-        title={`Get your #SupaLaunchWeek Ticket`}
+        title={TITLE}
         openGraph={{
-          title: `Get your #SupaLaunchWeek Ticket`,
-          description: description,
+          title: TITLE,
+          description: DESCRIPTION,
           url: `${SITE_URL}/tickets`,
           images: [
             {
-              url: `https://supabase.com/images/launchweek/og-image.jpg`, // TODO
+              url: OG_IMAGE,
             },
           ],
         }}
       />
       <DefaultLayout>
-        <SectionContainer className="flex flex-col gap-16">
-          <div className="flex flex-col gap-3 items-center justify-center xl:justify-start">
-            <img
-              src="/images/launchweek/launchweek-logo--light.svg"
-              className="flex w-40 dark:hidden lg:w-80"
-            />
-            <img
-              src="/images/launchweek/launchweek-logo--dark.svg"
-              className="hidden w-40 dark:flex lg:w-80"
-            />
-            <p className="text-scale-1100 text-sm">Dec 12 – 16 at 8 AM PT | 11 AM ET</p>
+        <div className="bg-[#1C1C1C] -mt-20">
+          <div className="relative bg-lw7 pt-20">
+            <div className="relative z-10">
+              <SectionContainer className="flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !px-2 !mx-auto h-auto">
+                <LaunchWeekLogoHeader />
+              </SectionContainer>
+              <LW7BgGraphic />
+            </div>
+            <div className="bg-lw7-gradient absolute inset-0 z-0" />
           </div>
-
-          <TicketContainer
-            supabase={supabase}
-            session={session}
-            defaultUserData={defaultUserData}
-            defaultPageState={query.ticketNumber ? 'ticket' : 'registration'}
-          />
-        </SectionContainer>
+          <SectionContainer className="z-10 -mt-60 md:-mt-[500px] max-w-none overflow-hidden">
+            <div className="text-center relative z-10 text-white mb-4 lg:mb-10">
+              <motion.div
+                className="max-w-[38rem] mx-auto px-4 flex flex-col items-center gap-4"
+                initial={{ y: -20, opacity: 0 }}
+                whileInView={{ y: 0, opacity: 1 }}
+                viewport={{ once: true, margin: '-150px' }}
+                transition={{ type: 'spring', bounce: 0, delay: 0.2 }}
+              >
+                <h2 className="text-4xl">
+                  Check out <span className="gradient-text-pink-500">all the tickets</span>
+                </h2>
+                <p className="radial-gradient-text-scale-500">
+                  Join us on April 16th for Launch Week 7's final day{' '}
+                  <br className="hidden md:inline-block" /> and find out if you are one of the lucky
+                  winners. Get sharing!
+                </p>
+                <div className="mt-1">
+                  <Link href="/launch-week">
+                    <Button as="a" type="outline" size="medium">
+                      Get your ticket now
+                    </Button>
+                  </Link>
+                </div>
+              </motion.div>
+            </div>
+            <div ref={ref}>
+              <TicketsGrid
+                loadedUsers={loadedUsers}
+                isLoading={isLoading}
+                pageCount={PAGE_COUNT}
+                offset={offset}
+              />
+            </div>
+          </SectionContainer>
+        </div>
+        <CTABanner />
       </DefaultLayout>
     </>
   )
 }
+
+export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
+  const { data: users } = await supabaseAdmin!
+    .from('lw7_tickets_golden')
+    .select('*')
+    .order('createdAt', { ascending: false })
+    .limit(20)
+
+  // Generate og images of not present
+  generateOgs(users as any[])
+
+  return {
+    props: {
+      users,
+    },
+  }
+}
diff --git a/apps/www/public/images/benchmark--mobile.svg b/apps/www/public/images/benchmark--mobile.svg
index 0e489eb30ed..8a716298799 100644
--- a/apps/www/public/images/benchmark--mobile.svg
+++ b/apps/www/public/images/benchmark--mobile.svg
@@ -12,15 +12,15 @@
 <path d="M148 48H261" stroke="#A4A4A4" stroke-linecap="round"/>
 <defs>
 <linearGradient id="paint0_linear" x1="328.5" y1="81" x2="328.5" y2="148" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear" x1="217.5" y1="123" x2="217.5" y2="148" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear" x1="376.5" y1="41" x2="376.5" y2="148" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/benchmark.svg b/apps/www/public/images/benchmark.svg
index cd35dd3690a..ab125336026 100644
--- a/apps/www/public/images/benchmark.svg
+++ b/apps/www/public/images/benchmark.svg
@@ -12,15 +12,15 @@
 <path d="M154 60H254" stroke="#A4A4A4" stroke-linecap="round"/>
 <defs>
 <linearGradient id="paint0_linear" x1="328.5" y1="171" x2="328.5" y2="304" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear" x1="217.5" y1="254" x2="217.5" y2="304" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear" x1="376.5" y1="92" x2="376.5" y2="304" gradientUnits="userSpaceOnUse">
-<stop stop-color="#747474"/>
+<stop stopColor="#747474"/>
 <stop offset="1" stop-color="#747474" stop-opacity="0"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/blog/showcase-logo/supabase-logo.svg b/apps/www/public/images/blog/showcase-logo/supabase-logo.svg
index 1315b0a5ccf..a148761c537 100644
--- a/apps/www/public/images/blog/showcase-logo/supabase-logo.svg
+++ b/apps/www/public/images/blog/showcase-logo/supabase-logo.svg
@@ -12,7 +12,7 @@
 <path d="M536.55 241.854C551.158 241.854 563 253.693 563 268.297C563 274.193 561.07 279.638 557.806 284.036L547.619 298.336L316.724 610.104C314.891 612.616 311.925 614.249 308.576 614.249C303.011 614.249 298.5 609.739 298.5 604.176L298.5 603.043L298.5 241.854L536.55 241.854Z" fill="url(#paint1_linear)" fill-opacity="0.2"/>
 <defs>
 <linearGradient id="paint0_linear" x1="298.5" y1="318.891" x2="495.646" y2="395.82" gradientUnits="userSpaceOnUse">
-<stop stop-color="#249361"/>
+<stop stopColor="#249361"/>
 <stop offset="1" stop-color="#3ECF8E"/>
 </linearGradient>
 <linearGradient id="paint1_linear" x1="212.852" y1="192.853" x2="311.265" y2="365.218" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/blur.png b/apps/www/public/images/blur.png
new file mode 100644
index 00000000000..cf9a4e727de
Binary files /dev/null and b/apps/www/public/images/blur.png differ
diff --git a/apps/www/public/images/launchweek/PITR-visual-hover-light.svg b/apps/www/public/images/launchweek/PITR-visual-hover-light.svg
index f556d075421..b1c339242dd 100644
--- a/apps/www/public/images/launchweek/PITR-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/PITR-visual-hover-light.svg
@@ -81,11 +81,11 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1208_54618"/>
 </filter>
 <radialGradient id="paint0_radial_1208_54618" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.088 218.979) rotate(90) scale(525.744 525.744)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1208_54618" x1="56.1093" y1="-410.907" x2="215.69" y2="125.046" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PITR-visual-hover.svg b/apps/www/public/images/launchweek/PITR-visual-hover.svg
index 150bab53ec9..61e33ad3a5a 100644
--- a/apps/www/public/images/launchweek/PITR-visual-hover.svg
+++ b/apps/www/public/images/launchweek/PITR-visual-hover.svg
@@ -81,7 +81,7 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1116_117255"/>
 </filter>
 <radialGradient id="paint0_radial_1116_117255" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.569 219.659) rotate(90) scale(525.744 525.744)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1116_117255" x1="56.5898" y1="-410.228" x2="216.171" y2="125.725" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/PITR-visual-light.svg b/apps/www/public/images/launchweek/PITR-visual-light.svg
index 57a2ae898d8..4c9747c6d5f 100644
--- a/apps/www/public/images/launchweek/PITR-visual-light.svg
+++ b/apps/www/public/images/launchweek/PITR-visual-light.svg
@@ -81,11 +81,11 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1208_57531"/>
 </filter>
 <radialGradient id="paint0_radial_1208_57531" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.088 218.979) rotate(90) scale(221.729 221.729)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1208_57531" x1="56.125" y1="-434.907" x2="215.706" y2="101.046" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PITR-visual.svg b/apps/www/public/images/launchweek/PITR-visual.svg
index 940aa100e38..444b7a88661 100644
--- a/apps/www/public/images/launchweek/PITR-visual.svg
+++ b/apps/www/public/images/launchweek/PITR-visual.svg
@@ -81,7 +81,7 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_946_86098"/>
 </filter>
 <radialGradient id="paint0_radial_946_86098" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.553 219.659) rotate(90) scale(234.129 234.129)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint1_linear_946_86098" x1="56.5898" y1="-434.228" x2="216.171" y2="101.725" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/PgGraphql-visual-hover-light.svg b/apps/www/public/images/launchweek/PgGraphql-visual-hover-light.svg
index 9623ead49c7..a1d5e9c1f43 100644
--- a/apps/www/public/images/launchweek/PgGraphql-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/PgGraphql-visual-hover-light.svg
@@ -8,24 +8,24 @@
 <path d="M122.676 64.8809L-16.6496 145.067" stroke="url(#paint5_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M129.043 284.104L28.6711 341.871" stroke="url(#paint6_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M433.977 108.389L333.605 166.156" stroke="url(#paint7_linear_1200_152285)" stroke-width="0.5"/>
-<path d="M175.59 257.037L129.046 283.825" stroke="url(#paint8_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M275.949 258.039L322.493 284.827" stroke="url(#paint9_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.77 227.965L323.495 171.145" stroke="url(#paint10_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M322.16 387.071L322.16 289.699" stroke="url(#paint11_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M419.449 387.072L419.449 114.623" stroke="url(#paint12_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M32.2813 387.072L32.2812 114.623" stroke="url(#paint13_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M225.492 171.777L225.492 114.623" stroke="url(#paint14_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M175.59 257.037L129.046 283.825" stroke="url(#paint8_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M275.949 258.039L322.493 284.827" stroke="url(#paint9_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.77 227.965L323.495 171.145" stroke="url(#paint10_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M322.16 387.071L322.16 289.699" stroke="url(#paint11_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M419.449 387.072L419.449 114.623" stroke="url(#paint12_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M32.2813 387.072L32.2812 114.623" stroke="url(#paint13_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M225.492 171.777L225.492 114.623" stroke="url(#paint14_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M-24.1289 196.043L121.074 280.14" stroke="url(#paint15_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M225.24 340.297L322.16 284.34V172.427L225.24 116.471L128.32 172.427M225.24 340.3L128.32 284.344V172.43" stroke="url(#paint16_linear_1200_152285)" stroke-width="0.5"/>
-<path d="M235.528 234.326L128.32 172.43" stroke="url(#paint17_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M225.254 340.043L225.254 286.912" stroke="url(#paint18_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M235.528 234.326L128.32 172.43" stroke="url(#paint17_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M225.254 340.043L225.254 286.912" stroke="url(#paint18_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M225.35 96.7637L339.338 162.575V294.198L225.35 360.01L111.361 294.198V162.575L225.35 96.7637Z" stroke="url(#paint19_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M225.347 81.2383L352.781 154.812V301.96L225.347 375.534L97.9133 301.96V154.812L225.347 81.2383Z" stroke="url(#paint20_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M225.348 171.775L274.373 200.08V256.69L225.348 284.994L176.323 256.69V200.08L225.348 171.775Z" fill="url(#paint21_linear_1200_152285)" stroke="url(#paint22_linear_1200_152285)" stroke-width="0.5"/>
 <path d="M225.344 172.469L273.768 256.341H176.921L225.344 172.469Z" fill="url(#paint23_linear_1200_152285)" stroke="url(#paint24_linear_1200_152285)" stroke-width="0.5"/>
-<path d="M274.057 256.149L322.148 228.383L274.057 200.617" stroke="url(#paint25_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M176.154 256.002L128.32 228.385L176.154 200.768" stroke="url(#paint26_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M128.312 385.235L128.312 287.91" stroke="url(#paint27_linear_1200_152285)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M274.057 256.149L322.148 228.383L274.057 200.617" stroke="url(#paint25_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M176.154 256.002L128.32 228.385L176.154 200.768" stroke="url(#paint26_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M128.312 385.235L128.312 287.91" stroke="url(#paint27_linear_1200_152285)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <circle cx="225.25" cy="284.301" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
 <circle cx="225.25" cy="171.774" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
 <circle cx="176.942" cy="256.639" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
@@ -47,150 +47,150 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_152285"/>
 </filter>
 <linearGradient id="paint0_linear_1200_152285" x1="27.73" y1="98.0813" x2="53.7297" y2="180.578" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_152285" x1="345.203" y1="163.909" x2="380.29" y2="275.239" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_152285" x1="345.203" y1="51.5364" x2="380.29" y2="162.866" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_152285" x1="346.246" y1="276.435" x2="381.332" y2="387.764" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_152285" x1="120.864" y1="197.483" x2="16.2264" y2="174.272" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_152285" x1="119.095" y1="86.8017" x2="14.4569" y2="63.5904" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_152285" x1="126.463" y1="299.896" x2="51.0806" y2="283.174" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_152285" x1="431.397" y1="124.181" x2="356.014" y2="107.459" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_152285" x1="174.394" y1="264.36" x2="139.438" y2="256.606" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_152285" x1="277.145" y1="265.362" x2="312.102" y2="257.608" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_152285" x1="227.307" y1="212.432" x2="301.453" y2="228.879" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_152285" x1="317.484" y1="286.323" x2="317.484" y2="307.959" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#3AA491"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_152285" x1="419.599" y1="88.0453" x2="422.162" y2="88.0625" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.47"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_152285" x1="32.4306" y1="88.0453" x2="32.4306" y2="384.993" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_152285" x1="225.642" y1="109.048" x2="228.202" y2="109.13" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_152285" x1="-2.44392" y1="187.839" x2="31.1857" y2="294.545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_152285" x1="157.269" y1="112.904" x2="166.088" y2="322.4" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_152285" x1="144.331" y1="166.392" x2="169.019" y2="244.972" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_152285" x1="225.403" y1="281.729" x2="227.964" y2="281.818" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1200_152285" x1="133.04" y1="92.5684" x2="142.027" y2="339.066" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1200_152285" x1="122.15" y1="76.5482" x2="132.197" y2="352.12" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_152285" x1="225.348" y1="171.775" x2="225.348" y2="284.994" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00D9A9" stop-opacity="0.12"/>
+<stop stopColor="#00D9A9" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1200_152285" x1="185.647" y1="160.731" x2="251.95" y2="282.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6AA99B" stop-opacity="0"/>
+<stop stopColor="#6AA99B" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1200_152285" x1="225.344" y1="172.469" x2="225.344" y2="284.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00D9A9" stop-opacity="0.12"/>
+<stop stopColor="#00D9A9" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1200_152285" x1="186.131" y1="161.56" x2="251.62" y2="281.909" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6AA99B" stop-opacity="0"/>
+<stop stopColor="#6AA99B" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1200_152285" x1="326.84" y1="208.91" x2="271.949" y2="234.778" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1200_152285" x1="123.654" y1="209.016" x2="178.251" y2="234.745" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1200_152285" x1="123.636" y1="284.535" x2="123.636" y2="313.495" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.588542" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint28_radial_1200_152285" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(221.746 218.866) rotate(180) scale(357.75 721.489)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint29_linear_1200_152285" x1="57.2148" y1="-411.228" x2="216.796" y2="124.725" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PgGraphql-visual-hover.svg b/apps/www/public/images/launchweek/PgGraphql-visual-hover.svg
index cce40efe137..613e434deaf 100644
--- a/apps/www/public/images/launchweek/PgGraphql-visual-hover.svg
+++ b/apps/www/public/images/launchweek/PgGraphql-visual-hover.svg
@@ -8,24 +8,24 @@
 <path d="M122.18 64.7832L-17.1457 144.969" stroke="url(#paint5_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M128.547 284.006L28.175 341.773" stroke="url(#paint6_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M433.48 108.291L333.109 166.058" stroke="url(#paint7_linear_1116_120701)" stroke-width="0.5"/>
-<path d="M175.094 256.939L128.55 283.727" stroke="url(#paint8_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M275.453 257.941L321.997 284.729" stroke="url(#paint9_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.273 227.867L322.999 171.047" stroke="url(#paint10_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M321.664 386.973L321.664 289.602" stroke="url(#paint11_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M418.953 386.974L418.953 114.525" stroke="url(#paint12_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M31.7852 386.974L31.7852 114.525" stroke="url(#paint13_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.996 171.679L224.996 114.525" stroke="url(#paint14_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M175.094 256.939L128.55 283.727" stroke="url(#paint8_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M275.453 257.941L321.997 284.729" stroke="url(#paint9_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.273 227.867L322.999 171.047" stroke="url(#paint10_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M321.664 386.973L321.664 289.602" stroke="url(#paint11_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M418.953 386.974L418.953 114.525" stroke="url(#paint12_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M31.7852 386.974L31.7852 114.525" stroke="url(#paint13_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.996 171.679L224.996 114.525" stroke="url(#paint14_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M-24.625 195.945L120.578 280.043" stroke="url(#paint15_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M224.744 340.199L321.664 284.243V172.33L224.744 116.373L127.824 172.33M224.744 340.203L127.824 284.246V172.332" stroke="url(#paint16_linear_1116_120701)" stroke-width="0.5"/>
-<path d="M235.032 234.229L127.824 172.332" stroke="url(#paint17_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.758 339.946L224.758 286.814" stroke="url(#paint18_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M235.032 234.229L127.824 172.332" stroke="url(#paint17_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.758 339.946L224.758 286.814" stroke="url(#paint18_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M224.853 96.666L338.842 162.478V294.1L224.853 359.912L110.865 294.1V162.478L224.853 96.666Z" stroke="url(#paint19_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M224.851 81.1406L352.285 154.715V301.863L224.851 375.437L97.4172 301.863V154.715L224.851 81.1406Z" stroke="url(#paint20_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M224.852 171.678L273.877 199.982V256.592L224.852 284.897L175.826 256.592V199.982L224.852 171.678Z" fill="url(#paint21_linear_1116_120701)" stroke="url(#paint22_linear_1116_120701)" stroke-width="0.5"/>
 <path d="M224.848 172.371L273.272 256.243H176.425L224.848 172.371Z" fill="url(#paint23_linear_1116_120701)" stroke="url(#paint24_linear_1116_120701)" stroke-width="0.5"/>
-<path d="M273.561 256.051L321.652 228.285L273.561 200.52" stroke="url(#paint25_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M175.658 255.904L127.824 228.287L175.658 200.67" stroke="url(#paint26_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M127.816 385.138L127.816 287.812" stroke="url(#paint27_linear_1116_120701)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M273.561 256.051L321.652 228.285L273.561 200.52" stroke="url(#paint25_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M175.658 255.904L127.824 228.287L175.658 200.67" stroke="url(#paint26_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M127.816 385.138L127.816 287.812" stroke="url(#paint27_linear_1116_120701)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <circle cx="224.754" cy="284.203" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
 <circle cx="224.754" cy="171.676" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
 <circle cx="176.446" cy="256.541" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
@@ -47,145 +47,145 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1116_120701"/>
 </filter>
 <linearGradient id="paint0_linear_1116_120701" x1="27.2339" y1="97.9836" x2="53.2336" y2="180.48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1116_120701" x1="344.707" y1="163.812" x2="379.793" y2="275.141" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1116_120701" x1="344.707" y1="51.4387" x2="379.793" y2="162.768" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1116_120701" x1="345.75" y1="276.337" x2="380.836" y2="387.666" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1116_120701" x1="120.368" y1="197.386" x2="15.7303" y2="174.174" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1116_120701" x1="118.599" y1="86.7041" x2="13.9608" y2="63.4927" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1116_120701" x1="125.967" y1="299.798" x2="50.5846" y2="283.076" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1116_120701" x1="430.901" y1="124.083" x2="355.518" y2="107.361" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1116_120701" x1="173.898" y1="264.262" x2="138.941" y2="256.508" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1116_120701" x1="276.649" y1="265.264" x2="311.605" y2="257.51" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1116_120701" x1="226.811" y1="212.334" x2="300.957" y2="228.782" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1116_120701" x1="316.988" y1="286.225" x2="316.988" y2="307.862" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#3AA491"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1116_120701" x1="419.102" y1="87.9476" x2="421.666" y2="87.9649" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.47"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1116_120701" x1="31.9345" y1="87.9476" x2="31.9345" y2="384.896" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1116_120701" x1="225.145" y1="108.95" x2="227.706" y2="109.032" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1116_120701" x1="-2.94001" y1="187.741" x2="30.6896" y2="294.447" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1116_120701" x1="156.773" y1="112.806" x2="165.592" y2="322.302" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1116_120701" x1="143.835" y1="166.294" x2="168.523" y2="244.875" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1116_120701" x1="224.907" y1="281.631" x2="227.467" y2="281.72" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1116_120701" x1="132.544" y1="70.986" x2="286.706" y2="354.288" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1116_120701" x1="121.654" y1="52.4316" x2="294" y2="369.15" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1116_120701" x1="224.852" y1="171.678" x2="224.852" y2="284.897" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1116_120701" x1="185.151" y1="160.633" x2="251.454" y2="282.478" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1116_120701" x1="224.848" y1="172.371" x2="224.848" y2="284.2" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1116_120701" x1="185.634" y1="161.462" x2="251.124" y2="281.811" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1116_120701" x1="326.344" y1="208.813" x2="271.453" y2="234.68" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1116_120701" x1="123.158" y1="208.919" x2="177.755" y2="234.648" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1116_120701" x1="123.14" y1="284.438" x2="123.14" y2="313.398" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.588542" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint28_radial_1116_120701" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(221.25 218.768) rotate(180) scale(357.75 721.489)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/PgGraphql-visual-light.svg b/apps/www/public/images/launchweek/PgGraphql-visual-light.svg
index 41380ed6f42..5f74d7bb177 100644
--- a/apps/www/public/images/launchweek/PgGraphql-visual-light.svg
+++ b/apps/www/public/images/launchweek/PgGraphql-visual-light.svg
@@ -8,23 +8,23 @@
 <path d="M122.535 64.9648L-16.7902 145.151" stroke="url(#paint5_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M128.902 284.188L28.5305 341.955" stroke="url(#paint6_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M433.836 108.473L333.464 166.24" stroke="url(#paint7_linear_1200_152564)" stroke-width="0.5"/>
-<path d="M175.449 257.121L128.905 283.909" stroke="url(#paint8_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M275.809 258.123L322.353 284.911" stroke="url(#paint9_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.629 228.049L323.355 171.229" stroke="url(#paint10_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M322.02 387.155L322.02 289.783" stroke="url(#paint11_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M419.309 387.156L419.309 114.707" stroke="url(#paint12_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M32.1406 387.156L32.1406 114.707" stroke="url(#paint13_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M225.352 171.861L225.352 114.707" stroke="url(#paint14_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M175.449 257.121L128.905 283.909" stroke="url(#paint8_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M275.809 258.123L322.353 284.911" stroke="url(#paint9_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.629 228.049L323.355 171.229" stroke="url(#paint10_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M322.02 387.155L322.02 289.783" stroke="url(#paint11_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M419.309 387.156L419.309 114.707" stroke="url(#paint12_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M32.1406 387.156L32.1406 114.707" stroke="url(#paint13_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M225.352 171.861L225.352 114.707" stroke="url(#paint14_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M-24.2695 196.127L120.934 280.224" stroke="url(#paint15_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M225.099 340.381L322.019 284.424V172.511L225.099 116.555L128.18 172.511M225.099 340.384L128.18 284.428V172.514" stroke="url(#paint16_linear_1200_152564)" stroke-width="0.5"/>
-<path d="M235.388 234.41L128.18 172.514" stroke="url(#paint17_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M235.388 234.41L128.18 172.514" stroke="url(#paint17_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M225.209 96.8477L339.198 162.659V294.282L225.209 360.094L111.22 294.282V162.659L225.209 96.8477Z" stroke="url(#paint18_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M225.207 81.3223L352.641 154.896V302.044L225.207 375.618L97.7727 302.044V154.896L225.207 81.3223Z" stroke="url(#paint19_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M225.207 171.859L274.232 200.164V256.774L225.207 285.078L176.182 256.774V200.164L225.207 171.859Z" fill="url(#paint20_linear_1200_152564)" stroke="url(#paint21_linear_1200_152564)" stroke-width="0.5"/>
 <path d="M225.204 172.553L273.627 256.425H176.78L225.204 172.553Z" fill="url(#paint22_linear_1200_152564)" stroke="url(#paint23_linear_1200_152564)" stroke-width="0.5"/>
-<path d="M273.916 256.233L322.008 228.467L273.916 200.701" stroke="url(#paint24_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M176.014 256.085L128.18 228.469L176.014 200.852" stroke="url(#paint25_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M128.172 385.319L128.172 287.994" stroke="url(#paint26_linear_1200_152564)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M273.916 256.233L322.008 228.467L273.916 200.701" stroke="url(#paint24_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M176.014 256.085L128.18 228.469L176.014 200.852" stroke="url(#paint25_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M128.172 385.319L128.172 287.994" stroke="url(#paint26_linear_1200_152564)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <circle cx="225.11" cy="284.385" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
 <circle cx="225.11" cy="171.858" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
 <circle cx="176.801" cy="256.723" r="4.61993" fill="#6AA99B" stroke="white" stroke-width="1.55778"/>
@@ -46,145 +46,145 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_152564"/>
 </filter>
 <linearGradient id="paint0_linear_1200_152564" x1="27.5893" y1="98.1653" x2="53.5891" y2="180.662" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_152564" x1="345.062" y1="163.993" x2="380.149" y2="275.323" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_152564" x1="345.062" y1="51.6204" x2="380.149" y2="162.95" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_152564" x1="346.105" y1="276.519" x2="381.192" y2="387.848" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_152564" x1="120.724" y1="197.567" x2="16.0858" y2="174.356" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_152564" x1="118.954" y1="86.8857" x2="14.3163" y2="63.6744" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_152564" x1="126.323" y1="299.98" x2="50.94" y2="283.258" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_152564" x1="431.256" y1="124.265" x2="355.874" y2="107.543" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_152564" x1="174.253" y1="264.444" x2="139.297" y2="256.69" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_152564" x1="277.005" y1="265.446" x2="311.961" y2="257.692" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_152564" x1="227.166" y1="212.516" x2="301.313" y2="228.963" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_152564" x1="317.343" y1="286.407" x2="317.343" y2="308.043" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6AA99B" stop-opacity="0"/>
+<stop stopColor="#6AA99B" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#3AA491"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_152564" x1="419.458" y1="88.1292" x2="422.021" y2="88.1465" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B" stop-opacity="0.47"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_152564" x1="32.29" y1="88.1292" x2="32.29" y2="385.077" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_152564" x1="225.501" y1="109.132" x2="228.062" y2="109.214" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_152564" x1="-2.58454" y1="187.923" x2="31.045" y2="294.629" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_152564" x1="157.128" y1="112.988" x2="165.948" y2="322.484" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_152564" x1="144.19" y1="166.476" x2="168.878" y2="245.056" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_152564" x1="132.9" y1="92.6524" x2="141.886" y2="339.15" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1200_152564" x1="122.009" y1="76.6322" x2="132.056" y2="352.204" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1200_152564" x1="225.207" y1="171.859" x2="225.207" y2="285.078" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00D9A9" stop-opacity="0.12"/>
+<stop stopColor="#00D9A9" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_152564" x1="185.506" y1="160.815" x2="251.809" y2="282.66" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1200_152564" x1="225.204" y1="172.553" x2="225.204" y2="284.382" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00D9A9" stop-opacity="0.12"/>
+<stop stopColor="#00D9A9" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1200_152564" x1="185.99" y1="161.644" x2="251.479" y2="281.993" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6AA99B" stop-opacity="0"/>
+<stop stopColor="#6AA99B" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1200_152564" x1="326.699" y1="208.994" x2="271.808" y2="234.862" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1200_152564" x1="123.513" y1="209.1" x2="178.11" y2="234.829" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#6AA99B"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1200_152564" x1="123.496" y1="284.619" x2="123.496" y2="313.579" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.588542" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint27_radial_1200_152564" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(203.05 218.866) rotate(-180) scale(146.703 1350.43)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint28_linear_1200_152564" x1="56.9453" y1="-435.13" x2="216.526" y2="100.823" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PgGraphql-visual.svg b/apps/www/public/images/launchweek/PgGraphql-visual.svg
index 19fde8c1d2a..0b85356fd7a 100644
--- a/apps/www/public/images/launchweek/PgGraphql-visual.svg
+++ b/apps/www/public/images/launchweek/PgGraphql-visual.svg
@@ -8,23 +8,23 @@
 <path d="M122.18 64.8672L-17.1457 145.053" stroke="url(#paint5_linear_946_92186)" stroke-width="0.5"/>
 <path d="M128.547 284.09L28.175 341.857" stroke="url(#paint6_linear_946_92186)" stroke-width="0.5"/>
 <path d="M433.48 108.375L333.109 166.142" stroke="url(#paint7_linear_946_92186)" stroke-width="0.5"/>
-<path d="M175.094 257.023L128.55 283.811" stroke="url(#paint8_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M275.453 258.025L321.997 284.813" stroke="url(#paint9_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.273 227.951L322.999 171.131" stroke="url(#paint10_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M321.664 387.057L321.664 289.686" stroke="url(#paint11_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M418.953 387.058L418.953 114.609" stroke="url(#paint12_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M31.7852 387.058L31.7852 114.609" stroke="url(#paint13_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M224.996 171.763L224.996 114.609" stroke="url(#paint14_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M175.094 257.023L128.55 283.811" stroke="url(#paint8_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M275.453 258.025L321.997 284.813" stroke="url(#paint9_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.273 227.951L322.999 171.131" stroke="url(#paint10_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M321.664 387.057L321.664 289.686" stroke="url(#paint11_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M418.953 387.058L418.953 114.609" stroke="url(#paint12_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M31.7852 387.058L31.7852 114.609" stroke="url(#paint13_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M224.996 171.763L224.996 114.609" stroke="url(#paint14_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M-24.625 196.029L120.578 280.127" stroke="url(#paint15_linear_946_92186)" stroke-width="0.5"/>
 <path d="M224.744 340.283L321.664 284.327V172.414L224.744 116.457L127.824 172.414M224.744 340.287L127.824 284.33V172.416" stroke="url(#paint16_linear_946_92186)" stroke-width="0.5"/>
-<path d="M235.032 234.312L127.824 172.416" stroke="url(#paint17_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M235.032 234.312L127.824 172.416" stroke="url(#paint17_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <path d="M224.853 96.75L338.842 162.561V294.184L224.853 359.996L110.865 294.184V162.561L224.853 96.75Z" stroke="url(#paint18_linear_946_92186)" stroke-width="0.5"/>
 <path d="M224.851 81.2246L352.285 154.799V301.947L224.851 375.521L97.4172 301.947V154.799L224.851 81.2246Z" stroke="url(#paint19_linear_946_92186)" stroke-width="0.5"/>
 <path d="M224.852 171.762L273.877 200.066V256.676L224.852 284.981L175.826 256.676V200.066L224.852 171.762Z" fill="url(#paint20_linear_946_92186)" stroke="url(#paint21_linear_946_92186)" stroke-width="0.5"/>
 <path d="M224.848 172.455L273.272 256.327H176.425L224.848 172.455Z" fill="url(#paint22_linear_946_92186)" stroke="url(#paint23_linear_946_92186)" stroke-width="0.5"/>
-<path d="M273.561 256.135L321.652 228.369L273.561 200.604" stroke="url(#paint24_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M175.658 255.988L127.824 228.371L175.658 200.754" stroke="url(#paint25_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
-<path d="M127.816 385.222L127.816 287.896" stroke="url(#paint26_linear_946_92186)" stroke-width="0.5" stroke-dasharray="0.1 2"/>
+<path d="M273.561 256.135L321.652 228.369L273.561 200.604" stroke="url(#paint24_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M175.658 255.988L127.824 228.371L175.658 200.754" stroke="url(#paint25_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
+<path d="M127.816 385.222L127.816 287.896" stroke="url(#paint26_linear_946_92186)" stroke-width="0.5" strokeDasharray="0.1 2"/>
 <circle cx="224.754" cy="284.287" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
 <circle cx="224.754" cy="171.76" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
 <circle cx="176.446" cy="256.625" r="4.61993" fill="#163D3C" stroke="#121212" stroke-width="1.55778"/>
@@ -46,140 +46,140 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_946_92186"/>
 </filter>
 <linearGradient id="paint0_linear_946_92186" x1="27.2339" y1="98.0676" x2="53.2336" y2="180.564" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_946_92186" x1="344.707" y1="163.896" x2="379.793" y2="275.225" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_946_92186" x1="344.707" y1="51.5227" x2="379.793" y2="162.852" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_946_92186" x1="345.75" y1="276.421" x2="380.836" y2="387.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_946_92186" x1="120.368" y1="197.47" x2="15.7303" y2="174.258" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_946_92186" x1="118.599" y1="86.788" x2="13.9608" y2="63.5767" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_946_92186" x1="125.967" y1="299.882" x2="50.5846" y2="283.16" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_946_92186" x1="430.901" y1="124.167" x2="355.518" y2="107.445" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_946_92186" x1="173.898" y1="264.346" x2="138.941" y2="256.592" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_946_92186" x1="276.649" y1="265.348" x2="311.605" y2="257.594" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_946_92186" x1="226.811" y1="212.418" x2="300.957" y2="228.866" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_946_92186" x1="316.988" y1="286.309" x2="316.988" y2="307.946" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#3AA491"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_946_92186" x1="419.102" y1="88.0316" x2="421.666" y2="88.0489" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.47"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_946_92186" x1="31.9345" y1="88.0316" x2="31.9345" y2="384.98" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_946_92186" x1="225.145" y1="109.034" x2="227.706" y2="109.116" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_946_92186" x1="-2.94001" y1="187.825" x2="30.6896" y2="294.531" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_946_92186" x1="156.773" y1="112.89" x2="165.592" y2="322.386" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.82"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_946_92186" x1="143.835" y1="166.378" x2="168.523" y2="244.959" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_946_92186" x1="132.544" y1="71.07" x2="286.706" y2="354.372" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_946_92186" x1="121.654" y1="52.5156" x2="294" y2="369.234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1" stop-opacity="0.33"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_946_92186" x1="224.852" y1="171.762" x2="224.852" y2="284.981" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_946_92186" x1="185.151" y1="160.717" x2="251.454" y2="282.562" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#00DED1"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_946_92186" x1="224.848" y1="172.455" x2="224.848" y2="284.284" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_946_92186" x1="185.634" y1="161.546" x2="251.124" y2="281.895" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_946_92186" x1="326.344" y1="208.897" x2="271.453" y2="234.764" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_946_92186" x1="123.158" y1="209.003" x2="177.755" y2="234.732" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.515625" stop-color="#16FFD5"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_946_92186" x1="123.14" y1="284.522" x2="123.14" y2="313.482" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.588542" stop-color="#375965"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint27_radial_946_92186" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(221.25 218.768) rotate(-180) scale(125.259 1153.03)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/PostgREST11-visual-hover-light.svg b/apps/www/public/images/launchweek/PostgREST11-visual-hover-light.svg
index b47c55bd292..d194dc6df07 100644
--- a/apps/www/public/images/launchweek/PostgREST11-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/PostgREST11-visual-hover-light.svg
@@ -55,70 +55,70 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_89039"/>
 </filter>
 <linearGradient id="paint0_linear_1200_89039" x1="264.669" y1="242.576" x2="418.255" y2="242.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_89039" x1="257.351" y1="219.463" x2="416.746" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_89039" x1="250.714" y1="196.348" x2="415.377" y2="196.348" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_89039" x1="264.669" y1="173.234" x2="418.255" y2="173.234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_89039" x1="246.041" y1="265.004" x2="414.414" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_89039" x1="195.267" y1="245.127" x2="35.8933" y2="245.127" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_89039" x1="195.293" y1="219.463" x2="35.8983" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_89039" x1="187.976" y1="198.898" x2="34.3897" y2="198.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_89039" x1="202.244" y1="175.785" x2="37.3322" y2="175.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_89039" x1="206.604" y1="265.004" x2="38.2306" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1200_89039" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(227.504 226.603) rotate(180) scale(105.285 57.1296)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint11_linear_1200_89039" x1="85.894" y1="-282.035" x2="228.996" y2="198.509" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_89039" x1="244.102" y1="178.225" x2="252.671" y2="299.046" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_89039" x1="160.598" y1="196.493" x2="205.933" y2="256.358" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint14_radial_1200_89039" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(222.674 216.528) rotate(90) scale(246.184 217.511)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint15_linear_1200_89039" x1="56.5742" y1="-403.036" x2="216.155" y2="132.917" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PostgREST11-visual-hover.svg b/apps/www/public/images/launchweek/PostgREST11-visual-hover.svg
index e3ee608cab1..44b4447e12c 100644
--- a/apps/www/public/images/launchweek/PostgREST11-visual-hover.svg
+++ b/apps/www/public/images/launchweek/PostgREST11-visual-hover.svg
@@ -56,47 +56,47 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1193_89359"/>
 </filter>
 <linearGradient id="paint0_linear_1193_89359" x1="264.669" y1="242.576" x2="418.255" y2="242.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1193_89359" x1="257.351" y1="219.463" x2="416.746" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1193_89359" x1="250.714" y1="196.348" x2="415.377" y2="196.348" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1193_89359" x1="264.669" y1="173.234" x2="418.255" y2="173.234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1193_89359" x1="246.041" y1="265.004" x2="414.414" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1193_89359" x1="195.267" y1="245.127" x2="35.8933" y2="245.127" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1193_89359" x1="195.293" y1="219.463" x2="35.8983" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1193_89359" x1="187.976" y1="198.898" x2="34.3897" y2="198.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1193_89359" x1="202.244" y1="175.785" x2="37.3322" y2="175.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1193_89359" x1="206.604" y1="265.004" x2="38.2306" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1193_89359" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(227.504 226.958) rotate(-180) scale(68.4772 37.157)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -106,16 +106,16 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1193_89359" x1="198.95" y1="250.213" x2="229.793" y2="248.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA" stop-opacity="0.78"/>
+<stop stopColor="#F4FFFA" stop-opacity="0.78"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1193_89359" x1="160.598" y1="196.493" x2="205.933" y2="256.358" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint14_radial_1193_89359" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(222.674 216.528) rotate(90) scale(228.97 202.301)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint15_linear_1193_89359" x1="56.5742" y1="-403.036" x2="216.155" y2="132.917" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/PostgREST11-visual-light.svg b/apps/www/public/images/launchweek/PostgREST11-visual-light.svg
index bb3e0a3ab6e..b4f142b54ee 100644
--- a/apps/www/public/images/launchweek/PostgREST11-visual-light.svg
+++ b/apps/www/public/images/launchweek/PostgREST11-visual-light.svg
@@ -47,65 +47,65 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_128306"/>
 </filter>
 <linearGradient id="paint0_linear_1200_128306" x1="265.665" y1="242.576" x2="419.251" y2="242.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_128306" x1="258.347" y1="219.463" x2="417.742" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_128306" x1="251.71" y1="196.348" x2="416.373" y2="196.348" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_128306" x1="265.665" y1="173.234" x2="419.251" y2="173.234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_128306" x1="247.037" y1="265.004" x2="415.41" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_128306" x1="196.263" y1="245.127" x2="36.8894" y2="245.127" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_128306" x1="196.289" y1="219.463" x2="36.8944" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_128306" x1="188.972" y1="198.898" x2="35.3858" y2="198.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_128306" x1="203.24" y1="175.785" x2="38.3283" y2="175.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_128306" x1="207.6" y1="265.004" x2="39.2267" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1200_128306" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(228.5 226.603) rotate(180) scale(105.285 57.1296)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint11_linear_1200_128306" x1="245.098" y1="178.225" x2="253.667" y2="299.046" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_128306" x1="161.594" y1="196.493" x2="221.947" y2="233.528" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint13_radial_1200_128306" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(223.67 216.528) rotate(90) scale(183.472 162.103)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint14_linear_1200_128306" x1="57.5703" y1="-451.036" x2="217.151" y2="84.9167" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/PostgREST11-visual.svg b/apps/www/public/images/launchweek/PostgREST11-visual.svg
index 09c7207853e..bff6c884af3 100644
--- a/apps/www/public/images/launchweek/PostgREST11-visual.svg
+++ b/apps/www/public/images/launchweek/PostgREST11-visual.svg
@@ -47,61 +47,61 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1179_137555"/>
 </filter>
 <linearGradient id="paint0_linear_1179_137555" x1="264.669" y1="242.576" x2="418.255" y2="242.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1179_137555" x1="257.351" y1="219.463" x2="416.746" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1179_137555" x1="250.714" y1="196.348" x2="415.377" y2="196.348" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1179_137555" x1="264.669" y1="173.234" x2="418.255" y2="173.234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1179_137555" x1="246.041" y1="265.004" x2="414.414" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1179_137555" x1="195.267" y1="245.127" x2="35.8933" y2="245.127" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1179_137555" x1="195.293" y1="219.463" x2="35.8983" y2="219.463" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1179_137555" x1="187.976" y1="198.898" x2="34.3897" y2="198.898" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1179_137555" x1="202.244" y1="175.785" x2="37.3322" y2="175.785" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1179_137555" x1="206.604" y1="265.004" x2="38.2306" y2="265.004" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="1" stop-color="#7AFFDF"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1179_137555" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(227.504 226.616) rotate(-180) scale(38.2987 20.7816)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint11_linear_1179_137555" x1="198.95" y1="250.213" x2="229.793" y2="248.933" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA" stop-opacity="0.78"/>
+<stop stopColor="#F4FFFA" stop-opacity="0.78"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1179_137555" x1="160.598" y1="196.493" x2="220.951" y2="233.528" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint13_radial_1179_137555" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(222.674 216.528) rotate(90) scale(183.472 162.103)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint14_linear_1179_137555" x1="56.5742" y1="-451.036" x2="216.155" y2="84.9167" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/TCE-visual-hover-light.svg b/apps/www/public/images/launchweek/TCE-visual-hover-light.svg
index 7e7bd5cbf4f..0059b38395e 100644
--- a/apps/www/public/images/launchweek/TCE-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/TCE-visual-hover-light.svg
@@ -13,57 +13,57 @@
 <rect x="-0.0273438" y="-1.09766" width="448.055" height="402.196" fill="url(#paint10_radial_1183_53735)"/>
 <defs>
 <linearGradient id="paint0_linear_1183_53735" x1="110.335" y1="163.041" x2="110.335" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1183_53735" x1="82.8958" y1="163.041" x2="82.8958" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_53735" x1="180.639" y1="163.041" x2="180.639" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1183_53735" x1="153.2" y1="163.041" x2="153.2" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1183_53735" x1="250.948" y1="163.041" x2="250.948" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_53735" x1="223.509" y1="163.041" x2="223.509" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1183_53735" x1="321.245" y1="163.041" x2="321.245" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1183_53735" x1="293.806" y1="163.041" x2="293.806" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_53735" x1="391.545" y1="163.041" x2="391.545" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1183_53735" x1="364.107" y1="163.041" x2="364.107" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1183_53735" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.116 218.979) rotate(90) scale(293.083 389.712)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/TCE-visual-hover.svg b/apps/www/public/images/launchweek/TCE-visual-hover.svg
index 0583b2f4226..a72a259b82c 100644
--- a/apps/www/public/images/launchweek/TCE-visual-hover.svg
+++ b/apps/www/public/images/launchweek/TCE-visual-hover.svg
@@ -13,7 +13,7 @@
 <rect x="-0.0273438" y="-1.09766" width="448.055" height="402.196" fill="url(#paint10_radial_1116_117232)"/>
 <defs>
 <linearGradient id="paint0_linear_1116_117232" x1="110.335" y1="163.041" x2="117.667" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -23,7 +23,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1116_117232" x1="180.639" y1="163.041" x2="187.972" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -33,7 +33,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1116_117232" x1="250.948" y1="163.041" x2="258.28" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -43,7 +43,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1116_117232" x1="321.245" y1="163.041" x2="328.577" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -53,7 +53,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1116_117232" x1="391.545" y1="163.041" x2="398.878" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -63,7 +63,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1116_117232" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.116 218.979) rotate(90) scale(293.083 389.712)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/TCE-visual-light.svg b/apps/www/public/images/launchweek/TCE-visual-light.svg
index 40296c1d916..c8730cb8927 100644
--- a/apps/www/public/images/launchweek/TCE-visual-light.svg
+++ b/apps/www/public/images/launchweek/TCE-visual-light.svg
@@ -13,57 +13,57 @@
 <rect x="-0.0273438" y="-1.09766" width="448.055" height="402.196" fill="url(#paint10_radial_1183_52987)"/>
 <defs>
 <linearGradient id="paint0_linear_1183_52987" x1="110.335" y1="163.041" x2="117.667" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1183_52987" x1="82.8958" y1="163.041" x2="82.8958" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_52987" x1="180.639" y1="163.041" x2="187.972" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1183_52987" x1="153.2" y1="163.041" x2="153.2" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1183_52987" x1="250.948" y1="163.041" x2="250.948" y2="273.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_52987" x1="223.509" y1="163.041" x2="223.509" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1183_52987" x1="321.245" y1="163.041" x2="328.577" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1183_52987" x1="293.806" y1="163.041" x2="293.806" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_52987" x1="391.545" y1="163.041" x2="398.878" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.58"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1183_52987" x1="364.107" y1="163.041" x2="364.107" y2="281.184" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint10_radial_1183_52987" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.116 218.979) rotate(90) scale(182.119 182.119)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/TCE-visual.svg b/apps/www/public/images/launchweek/TCE-visual.svg
index ff5da4d3110..813285a0236 100644
--- a/apps/www/public/images/launchweek/TCE-visual.svg
+++ b/apps/www/public/images/launchweek/TCE-visual.svg
@@ -13,7 +13,7 @@
 <rect x="-0.0273438" y="-1.09766" width="448.055" height="402.196" fill="url(#paint10_radial_946_100257)"/>
 <defs>
 <linearGradient id="paint0_linear_946_100257" x1="110.335" y1="163.041" x2="117.667" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -23,7 +23,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_946_100257" x1="180.639" y1="163.041" x2="187.972" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -33,7 +33,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_946_100257" x1="250.948" y1="163.041" x2="258.28" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -43,7 +43,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_946_100257" x1="321.245" y1="163.041" x2="328.577" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -53,7 +53,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_946_100257" x1="391.545" y1="163.041" x2="398.878" y2="272.642" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -63,7 +63,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint10_radial_946_100257" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.116 218.979) rotate(90) scale(182.119 182.119)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/community-visual-hover.svg b/apps/www/public/images/launchweek/community-visual-hover.svg
index c472fa99908..a3395136ee5 100644
--- a/apps/www/public/images/launchweek/community-visual-hover.svg
+++ b/apps/www/public/images/launchweek/community-visual-hover.svg
@@ -482,7 +482,7 @@
 <feGaussianBlur stdDeviation="33.0644" result="effect1_foregroundBlur_1183_85448"/>
 </filter>
 <radialGradient id="paint0_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(590.201 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -492,11 +492,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_85448" x1="630.361" y1="376.429" x2="534.063" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint3_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(703.193 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -506,11 +506,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_85448" x1="743.35" y1="376.429" x2="647.051" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint6_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1041.17 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -520,11 +520,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_85448" x1="1081.33" y1="376.429" x2="985.028" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint9_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1155.16 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -534,11 +534,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1183_85448" x1="1195.32" y1="376.429" x2="1099.02" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint12_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1381.15 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -548,11 +548,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1183_85448" x1="1421.31" y1="376.429" x2="1325.01" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint15_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(553.99 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -562,11 +562,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1183_85448" x1="594.143" y1="271.079" x2="497.844" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint18_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(666.986 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -576,11 +576,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1183_85448" x1="707.139" y1="271.079" x2="610.84" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint21_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(844.783 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -590,15 +590,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1183_85448" x1="819.566" y1="198.613" x2="864.628" y2="198.613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1183_85448" x1="884.932" y1="169.122" x2="788.633" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint25_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(892.971 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -608,11 +608,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1183_85448" x1="933.119" y1="271.079" x2="836.82" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint28_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1005.97 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -622,15 +622,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1183_85448" x1="992.128" y1="324.946" x2="1003.24" y2="324.946" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1183_85448" x1="1046.12" y1="271.079" x2="949.82" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint32_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1118.96 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -640,11 +640,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1183_85448" x1="1159.11" y1="271.079" x2="1062.81" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint35_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1231.95 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -654,15 +654,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1183_85448" x1="1216.94" y1="325.603" x2="1229.58" y2="325.603" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1183_85448" x1="1272.1" y1="271.079" x2="1175.8" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint39_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1344.94 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -672,11 +672,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1183_85448" x1="1385.1" y1="271.079" x2="1288.8" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint42_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(475.42 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -686,11 +686,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1183_85448" x1="515.572" y1="65.5853" x2="419.274" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint45_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(588.412 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -700,11 +700,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1183_85448" x1="628.565" y1="65.5853" x2="532.266" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint48_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(920.842 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -714,15 +714,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1183_85448" x1="897.302" y1="94.8848" x2="939.441" y2="94.8848" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1183_85448" x1="960.994" y1="65.5853" x2="864.695" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint52_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(957.271 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -732,11 +732,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1183_85448" x1="997.42" y1="167.728" x2="901.121" y2="252.438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint55_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1035.15 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -746,11 +746,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1183_85448" x1="1075.29" y1="65.5853" x2="978.992" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint58_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1153.37 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -760,15 +760,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1183_85448" x1="1138.78" y1="119.347" x2="1150.9" y2="119.347" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1183_85448" x1="1193.53" y1="65.5853" x2="1097.23" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint62_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1266.37 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -778,11 +778,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1183_85448" x1="1306.52" y1="65.5853" x2="1210.22" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint65_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(734.357 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -792,11 +792,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint67_linear_1183_85448" x1="774.51" y1="169.122" x2="678.211" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint68_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1381.4 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -806,11 +806,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint70_linear_1183_85448" x1="1421.55" y1="169.122" x2="1325.25" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint71_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1267.1 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -820,74 +820,74 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint73_linear_1183_85448" x1="1307.26" y1="169.122" x2="1210.96" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint74_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(478.482 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint75_linear_1183_85448" x1="518.647" y1="-40.9206" x2="422.348" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint76_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(591.486 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint77_linear_1183_85448" x1="631.643" y1="-40.9206" x2="535.344" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint78_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.478 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint79_linear_1183_85448" x1="744.631" y1="-40.9206" x2="648.332" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint80_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(930.463 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint81_linear_1183_85448" x1="970.615" y1="-40.9206" x2="874.317" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint82_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1043.46 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint83_linear_1183_85448" x1="1083.61" y1="-40.9206" x2="987.313" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint84_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1269.43 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint85_linear_1183_85448" x1="1309.59" y1="-40.9206" x2="1213.29" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint86_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.43 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint87_linear_1183_85448" x1="1422.58" y1="-40.9206" x2="1326.29" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint88_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1071.28 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -897,15 +897,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint90_linear_1183_85448" x1="1057.06" y1="221.139" x2="1068.68" y2="221.139" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint91_linear_1183_85448" x1="1111.43" y1="167.728" x2="1015.13" y2="252.438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint92_radial_1183_85448" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1034.68 216.223) rotate(-180) scale(771.966 771.675)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/community-visual-light-hover.svg b/apps/www/public/images/launchweek/community-visual-light-hover.svg
index c33063c26d2..020fd56d4bd 100644
--- a/apps/www/public/images/launchweek/community-visual-light-hover.svg
+++ b/apps/www/public/images/launchweek/community-visual-light-hover.svg
@@ -494,11 +494,11 @@
 <feGaussianBlur stdDeviation="33.0644" result="effect1_foregroundBlur_1183_95914"/>
 </filter>
 <linearGradient id="paint0_linear_1183_95914" x1="1358.92" y1="5.51382" x2="1076.29" y2="792.232" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint1_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(591.143 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -508,11 +508,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1183_95914" x1="631.303" y1="376.429" x2="535.004" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint4_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.135 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -522,15 +522,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1183_95914" x1="744.291" y1="376.429" x2="647.992" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1183_95914" x1="857.283" y1="376.429" x2="760.985" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint8_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1042.11 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -540,11 +540,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1183_95914" x1="1082.27" y1="376.429" x2="985.969" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint11_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1156.1 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -554,15 +554,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1183_95914" x1="1196.26" y1="376.429" x2="1099.96" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1183_95914" x1="1309.26" y1="376.429" x2="1212.96" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint15_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.1 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -572,15 +572,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1183_95914" x1="1422.25" y1="376.429" x2="1325.95" y2="461.14" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1183_95914" x1="482.092" y1="271.079" x2="385.793" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(554.932 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -590,11 +590,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1183_95914" x1="595.084" y1="271.079" x2="498.785" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(667.928 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -604,11 +604,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1183_95914" x1="708.08" y1="271.079" x2="611.781" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint25_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(845.725 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -618,15 +618,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1183_95914" x1="854.789" y1="198.613" x2="855.905" y2="237.983" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint28_linear_1183_95914" x1="885.873" y1="169.122" x2="789.574" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint29_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(893.912 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -636,11 +636,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1183_95914" x1="934.061" y1="271.079" x2="837.762" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint32_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1006.91 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -650,15 +650,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1183_95914" x1="1015.13" y1="298.439" x2="1016.71" y2="343.905" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint35_linear_1183_95914" x1="1047.06" y1="271.079" x2="950.762" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint36_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1119.9 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -668,11 +668,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1183_95914" x1="1160.05" y1="271.079" x2="1063.75" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint39_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1232.89 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -682,15 +682,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1183_95914" x1="1242.98" y1="297.697" x2="1244.52" y2="345.571" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint42_linear_1183_95914" x1="1273.04" y1="271.079" x2="1176.74" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint43_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1345.88 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -700,11 +700,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint45_linear_1183_95914" x1="1386.04" y1="271.079" x2="1289.74" y2="355.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint46_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(476.361 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -714,11 +714,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint48_linear_1183_95914" x1="516.514" y1="65.5853" x2="420.215" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint49_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(589.353 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -728,11 +728,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1183_95914" x1="629.506" y1="65.5853" x2="533.207" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint52_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(921.783 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -742,15 +742,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1183_95914" x1="930.302" y1="94.8848" x2="931.602" y2="135.99" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint55_linear_1183_95914" x1="961.936" y1="65.5853" x2="865.637" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint56_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(958.213 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -760,11 +760,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint58_linear_1183_95914" x1="998.361" y1="167.728" x2="902.063" y2="252.438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint59_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1036.09 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -774,11 +774,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1183_95914" x1="1076.23" y1="65.5853" x2="979.934" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint62_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1154.31 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -788,15 +788,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1183_95914" x1="1163.78" y1="93.3047" x2="1165.18" y2="137.983" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint65_linear_1183_95914" x1="1194.47" y1="65.5853" x2="1098.17" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint66_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1267.31 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -806,15 +806,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint68_linear_1183_95914" x1="1307.46" y1="65.5853" x2="1211.16" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint69_linear_1183_95914" x1="1420.45" y1="65.5853" x2="1324.15" y2="150.296" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint70_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(735.299 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -824,11 +824,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint72_linear_1183_95914" x1="775.451" y1="169.122" x2="679.153" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint73_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.34 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -838,11 +838,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint75_linear_1183_95914" x1="1422.49" y1="169.122" x2="1326.19" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint76_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1268.04 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -852,82 +852,82 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint78_linear_1183_95914" x1="1308.2" y1="169.122" x2="1211.9" y2="253.833" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint79_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(479.424 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint80_linear_1183_95914" x1="519.588" y1="-40.9206" x2="423.289" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint81_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(592.428 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint82_linear_1183_95914" x1="632.584" y1="-40.9206" x2="536.285" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint83_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(705.42 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint84_linear_1183_95914" x1="745.572" y1="-40.9206" x2="649.274" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint85_linear_1183_95914" x1="858.561" y1="-40.9206" x2="762.262" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint86_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(931.404 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint87_linear_1183_95914" x1="971.557" y1="-40.9206" x2="875.258" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint88_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1044.4 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint89_linear_1183_95914" x1="1084.55" y1="-40.9206" x2="988.254" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <linearGradient id="paint90_linear_1183_95914" x1="1197.54" y1="-40.9206" x2="1101.24" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint91_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1270.37 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint92_linear_1183_95914" x1="1310.53" y1="-40.9206" x2="1214.23" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint93_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1383.37 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint94_linear_1183_95914" x1="1423.53" y1="-40.9206" x2="1327.23" y2="43.79" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint95_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1072.22 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
@@ -937,15 +937,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint97_linear_1183_95914" x1="1081.08" y1="195.711" x2="1082.47" y2="239.335" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint98_linear_1183_95914" x1="1112.37" y1="167.728" x2="1016.07" y2="252.438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint99_radial_1183_95914" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1035.62 216.223) rotate(-180) scale(771.966 771.675)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/community-visual-light.svg b/apps/www/public/images/launchweek/community-visual-light.svg
index 95c3c8883a6..2cd8d4b224e 100644
--- a/apps/www/public/images/launchweek/community-visual-light.svg
+++ b/apps/www/public/images/launchweek/community-visual-light.svg
@@ -485,425 +485,425 @@
 <feGaussianBlur stdDeviation="33.0644" result="effect1_foregroundBlur_1183_96513"/>
 </filter>
 <radialGradient id="paint0_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(591.119 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1183_96513" x1="479.421" y1="40.7807" x2="587.551" y2="403.889" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_96513" x1="631.281" y1="376.429" x2="534.982" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint3_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.115 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint4_linear_1183_96513" x1="592.421" y1="40.7807" x2="700.551" y2="403.889" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_96513" x1="744.273" y1="376.429" x2="647.974" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint6_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1042.09 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint7_linear_1183_96513" x1="930.401" y1="40.7807" x2="1038.53" y2="403.889" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_96513" x1="1082.25" y1="376.429" x2="985.955" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint9_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1156.09 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint10_linear_1183_96513" x1="1044.4" y1="40.7807" x2="1152.53" y2="403.889" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1183_96513" x1="1196.25" y1="376.429" x2="1099.95" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint12_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.09 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint13_linear_1183_96513" x1="1270.39" y1="40.7807" x2="1378.52" y2="403.889" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1183_96513" x1="1422.25" y1="376.429" x2="1325.95" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint15_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(554.904 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint16_linear_1183_96513" x1="443.202" y1="-64.567" x2="551.332" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1183_96513" x1="595.059" y1="271.079" x2="498.76" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint18_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(667.904 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint19_linear_1183_96513" x1="556.202" y1="-64.567" x2="664.332" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1183_96513" x1="708.059" y1="271.079" x2="611.76" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint21_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(845.709 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint22_linear_1183_96513" x1="734.007" y1="-166.524" x2="842.137" y2="196.584" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1183_96513" x1="854.774" y1="198.613" x2="855.889" y2="237.983" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1183_96513" x1="885.859" y1="169.122" x2="789.56" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint25_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(893.893 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint26_linear_1183_96513" x1="782.186" y1="-64.567" x2="890.317" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1183_96513" x1="934.043" y1="271.079" x2="837.744" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint28_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1006.89 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint29_linear_1183_96513" x1="895.194" y1="-64.567" x2="1003.32" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1183_96513" x1="1015.11" y1="298.439" x2="1016.69" y2="343.905" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1183_96513" x1="1047.05" y1="271.079" x2="950.748" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint32_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1119.88 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint33_linear_1183_96513" x1="1008.19" y1="-64.567" x2="1116.32" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1183_96513" x1="1160.04" y1="271.079" x2="1063.74" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint35_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1232.88 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint36_linear_1183_96513" x1="1121.17" y1="-64.567" x2="1229.3" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1183_96513" x1="1242.97" y1="297.697" x2="1244.51" y2="345.571" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1183_96513" x1="1273.03" y1="271.079" x2="1176.73" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint39_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1345.88 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint40_linear_1183_96513" x1="1234.17" y1="-64.567" x2="1342.31" y2="298.541" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1183_96513" x1="1386.03" y1="271.079" x2="1289.73" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint42_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(476.334 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint43_linear_1183_96513" x1="516.488" y1="65.5853" x2="420.189" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint44_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(589.33 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint45_linear_1183_96513" x1="477.628" y1="-270.061" x2="585.758" y2="93.0469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint46_linear_1183_96513" x1="629.484" y1="65.5853" x2="533.185" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint47_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(921.768 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint48_linear_1183_96513" x1="810.069" y1="-270.061" x2="918.2" y2="93.0469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint49_linear_1183_96513" x1="930.286" y1="94.8848" x2="931.587" y2="135.99" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1183_96513" x1="961.922" y1="65.5853" x2="865.623" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint51_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(958.197 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint52_linear_1183_96513" x1="846.495" y1="-167.919" x2="954.625" y2="195.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint53_linear_1183_96513" x1="998.348" y1="167.728" x2="902.049" y2="252.44" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint54_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1036.07 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint55_linear_1183_96513" x1="924.37" y1="-270.061" x2="1032.5" y2="93.0469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint56_linear_1183_96513" x1="1076.22" y1="65.5853" x2="979.92" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint57_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1154.3 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint58_linear_1183_96513" x1="1042.6" y1="-270.061" x2="1150.73" y2="93.0469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint59_linear_1183_96513" x1="1163.77" y1="93.3047" x2="1165.17" y2="137.983" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1183_96513" x1="1194.46" y1="65.5853" x2="1098.16" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint61_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1267.3 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint62_linear_1183_96513" x1="1155.6" y1="-270.061" x2="1263.73" y2="93.0469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint63_linear_1183_96513" x1="1307.45" y1="65.5853" x2="1211.15" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint64_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(735.279 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint65_linear_1183_96513" x1="623.577" y1="-166.524" x2="731.707" y2="196.584" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint66_linear_1183_96513" x1="775.434" y1="169.122" x2="679.135" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint67_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.33 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint68_linear_1183_96513" x1="1270.63" y1="-166.524" x2="1378.76" y2="196.584" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint69_linear_1183_96513" x1="1422.48" y1="169.122" x2="1326.19" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint70_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1268.04 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint71_linear_1183_96513" x1="1156.33" y1="-166.524" x2="1264.47" y2="196.584" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint72_linear_1183_96513" x1="1308.2" y1="169.122" x2="1211.9" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint73_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(479.396 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint74_linear_1183_96513" x1="519.563" y1="-40.9206" x2="423.264" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint75_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(592.404 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint76_linear_1183_96513" x1="632.563" y1="-40.9206" x2="536.264" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint77_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(705.4 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint78_linear_1183_96513" x1="745.555" y1="-40.9206" x2="649.256" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint79_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(931.389 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint80_linear_1183_96513" x1="971.543" y1="-40.9206" x2="875.244" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint81_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1044.38 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint82_linear_1183_96513" x1="1084.54" y1="-40.9206" x2="988.24" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint83_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1270.37 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint84_linear_1183_96513" x1="1310.52" y1="-40.9206" x2="1214.22" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint85_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1383.37 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint86_linear_1183_96513" x1="1423.52" y1="-40.9206" x2="1327.22" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint87_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1072.21 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.5" stop-color="#F4F2F2" stop-opacity="0.07"/>
 <stop offset="1" stop-color="#F4F4F4" stop-opacity="0.43"/>
 </radialGradient>
 <linearGradient id="paint88_linear_1183_96513" x1="960.503" y1="-167.92" x2="1068.63" y2="195.188" gradientUnits="userSpaceOnUse">
-<stop stop-color="#92BFDF" stop-opacity="0.32"/>
+<stop stopColor="#92BFDF" stop-opacity="0.32"/>
 <stop offset="0.630208" stop-color="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint89_linear_1183_96513" x1="1081.07" y1="195.711" x2="1082.46" y2="239.335" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint90_linear_1183_96513" x1="1112.36" y1="167.728" x2="1016.06" y2="252.44" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="#D0D0D0"/>
 </linearGradient>
 <radialGradient id="paint91_radial_1183_96513" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1035.61 216.223) rotate(-180) scale(408.147 157.348)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/community-visual.svg b/apps/www/public/images/launchweek/community-visual.svg
index fc174ee412c..a8ea99fe79e 100644
--- a/apps/www/public/images/launchweek/community-visual.svg
+++ b/apps/www/public/images/launchweek/community-visual.svg
@@ -482,7 +482,7 @@
 <feGaussianBlur stdDeviation="33.0644" result="effect1_foregroundBlur_1179_70737"/>
 </filter>
 <radialGradient id="paint0_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(590.143 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -492,11 +492,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1179_70737" x1="630.305" y1="376.429" x2="534.006" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint3_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(703.139 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -506,11 +506,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1179_70737" x1="743.297" y1="376.429" x2="646.998" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint6_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1041.12 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -520,11 +520,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1179_70737" x1="1081.28" y1="376.429" x2="984.978" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint9_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1155.12 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -534,11 +534,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1179_70737" x1="1195.27" y1="376.429" x2="1098.97" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint12_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1381.11 419.345) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -548,11 +548,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1179_70737" x1="1421.27" y1="376.429" x2="1324.97" y2="461.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint15_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(553.928 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -562,11 +562,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1179_70737" x1="594.082" y1="271.079" x2="497.783" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint18_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(666.928 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -576,11 +576,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1179_70737" x1="707.082" y1="271.079" x2="610.783" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint21_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(844.732 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -590,15 +590,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1179_70737" x1="819.515" y1="198.613" x2="864.577" y2="198.613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1179_70737" x1="884.883" y1="169.122" x2="788.584" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint25_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(892.916 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -608,11 +608,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1179_70737" x1="933.066" y1="271.079" x2="836.767" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint28_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1005.92 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -622,15 +622,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1179_70737" x1="992.077" y1="324.946" x2="1003.19" y2="324.946" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1179_70737" x1="1046.07" y1="271.079" x2="949.771" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint32_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1118.91 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -640,11 +640,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1179_70737" x1="1159.06" y1="271.079" x2="1062.76" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint35_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1231.9 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -654,15 +654,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1179_70737" x1="1216.9" y1="325.603" x2="1229.54" y2="325.603" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1179_70737" x1="1272.05" y1="271.079" x2="1175.76" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint39_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1344.9 313.995) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -672,11 +672,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1179_70737" x1="1385.05" y1="271.079" x2="1288.76" y2="355.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint42_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(475.357 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -686,11 +686,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1179_70737" x1="515.512" y1="65.5853" x2="419.213" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint45_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(588.353 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -700,11 +700,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1179_70737" x1="628.508" y1="65.5853" x2="532.209" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint48_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(920.791 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -714,15 +714,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1179_70737" x1="897.251" y1="94.8848" x2="939.39" y2="94.8848" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1179_70737" x1="960.945" y1="65.5853" x2="864.646" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint52_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(957.221 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -732,11 +732,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1179_70737" x1="997.371" y1="167.728" x2="901.072" y2="252.44" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint55_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1035.1 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -746,11 +746,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1179_70737" x1="1075.24" y1="65.5853" x2="978.943" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint58_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1153.33 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -760,15 +760,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1179_70737" x1="1138.73" y1="119.347" x2="1150.85" y2="119.347" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1179_70737" x1="1193.48" y1="65.5853" x2="1097.19" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint62_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1266.32 108.501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -778,11 +778,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1179_70737" x1="1306.48" y1="65.5853" x2="1210.18" y2="150.298" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint65_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(734.303 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -792,11 +792,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint67_linear_1179_70737" x1="774.457" y1="169.122" x2="678.158" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint68_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1381.35 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -806,11 +806,11 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint70_linear_1179_70737" x1="1421.51" y1="169.122" x2="1325.21" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint71_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1267.06 212.038) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -820,74 +820,74 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint73_linear_1179_70737" x1="1307.22" y1="169.122" x2="1210.92" y2="253.835" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint74_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(478.42 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint75_linear_1179_70737" x1="518.586" y1="-40.9206" x2="422.287" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint76_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(591.428 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint77_linear_1179_70737" x1="631.586" y1="-40.9206" x2="535.287" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint78_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.424 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint79_linear_1179_70737" x1="744.578" y1="-40.9206" x2="648.279" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint80_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(930.412 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint81_linear_1179_70737" x1="970.566" y1="-40.9206" x2="874.267" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint82_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1043.4 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint83_linear_1179_70737" x1="1083.56" y1="-40.9206" x2="987.264" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint84_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1269.39 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint85_linear_1179_70737" x1="1309.55" y1="-40.9206" x2="1213.25" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint86_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1382.39 1.99501) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint87_linear_1179_70737" x1="1422.54" y1="-40.9206" x2="1326.24" y2="43.792" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint88_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1071.23 210.643) rotate(180) scale(52.7805 28.6397)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -897,15 +897,15 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint90_linear_1179_70737" x1="1057.01" y1="221.139" x2="1068.64" y2="221.139" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint91_linear_1179_70737" x1="1111.39" y1="167.728" x2="1015.09" y2="252.44" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2E2E2E"/>
+<stop stopColor="#2E2E2E"/>
 <stop offset="1" stop-color="#232323"/>
 </linearGradient>
 <radialGradient id="paint92_radial_1179_70737" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1034.63 216.223) rotate(-180) scale(408.147 157.348)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/custom-domains-visual-hover-light.svg b/apps/www/public/images/launchweek/custom-domains-visual-hover-light.svg
index 0abf9dba341..78291133ced 100644
--- a/apps/www/public/images/launchweek/custom-domains-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/custom-domains-visual-hover-light.svg
@@ -112,40 +112,40 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_162172"/>
 </filter>
 <linearGradient id="paint0_linear_1200_162172" x1="213.131" y1="378.236" x2="213.131" y2="421.288" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_162172" x1="169.459" y1="249.082" x2="169.459" y2="292.133" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_162172" x1="82.1466" y1="162.982" x2="82.1466" y2="206.034" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_162172" x1="256.779" y1="206.031" x2="256.779" y2="249.083" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_162172" x1="169.459" y1="119.93" x2="169.459" y2="162.981" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_162172" x1="431.471" y1="163.154" x2="431.471" y2="206.206" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_162172" x1="470.123" y1="194.129" x2="470.123" y2="455.564" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint7_radial_1200_162172" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(205.599 217.932) rotate(-180) scale(283.814 281.164)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint8_linear_1200_162172" x1="57.2148" y1="-409.966" x2="216.796" y2="125.987" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/custom-domains-visual-hover.svg b/apps/www/public/images/launchweek/custom-domains-visual-hover.svg
index 723eadef22e..53540b7ec87 100644
--- a/apps/www/public/images/launchweek/custom-domains-visual-hover.svg
+++ b/apps/www/public/images/launchweek/custom-domains-visual-hover.svg
@@ -112,43 +112,43 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1116_120440"/>
 </filter>
 <linearGradient id="paint0_linear_1116_120440" x1="212.49" y1="377.975" x2="212.49" y2="421.026" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1116_120440" x1="168.819" y1="248.82" x2="168.819" y2="291.872" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1116_120440" x1="81.506" y1="162.721" x2="81.506" y2="205.772" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1116_120440" x1="256.139" y1="205.77" x2="256.139" y2="248.821" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1116_120440" x1="168.819" y1="119.668" x2="168.819" y2="162.719" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1116_120440" x1="430.83" y1="162.893" x2="430.83" y2="205.944" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1116_120440" x1="48.6989" y1="15.0962" x2="352.231" y2="439.063" gradientUnits="userSpaceOnUse">
-<stop stop-color="#222121"/>
+<stop stopColor="#222121"/>
 <stop offset="1" stop-color="#131313"/>
 </linearGradient>
 <radialGradient id="paint7_radial_1116_120440" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(177.399 203.729) rotate(5.77818) scale(663.506 130.479)">
-<stop stop-color="#040404" stop-opacity="0.4"/>
+<stop stopColor="#040404" stop-opacity="0.4"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </radialGradient>
 <linearGradient id="paint8_linear_1116_120440" x1="381.197" y1="183.76" x2="378.857" y2="232.253" gradientUnits="userSpaceOnUse">
-<stop stop-color="#232323"/>
+<stop stopColor="#232323"/>
 <stop offset="1" stop-color="#1C1C1C"/>
 </linearGradient>
 <radialGradient id="paint9_radial_1116_120440" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(204.958 217.67) rotate(-180) scale(283.814 281.164)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/custom-domains-visual-light.svg b/apps/www/public/images/launchweek/custom-domains-visual-light.svg
index 25909761937..2c1ad7bd8c4 100644
--- a/apps/www/public/images/launchweek/custom-domains-visual-light.svg
+++ b/apps/www/public/images/launchweek/custom-domains-visual-light.svg
@@ -112,40 +112,40 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_142756"/>
 </filter>
 <linearGradient id="paint0_linear_1200_142756" x1="212.99" y1="378.291" x2="212.99" y2="421.342" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_142756" x1="169.319" y1="249.137" x2="169.319" y2="292.188" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_142756" x1="82.006" y1="163.037" x2="82.006" y2="206.088" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_142756" x1="256.639" y1="206.086" x2="256.639" y2="249.137" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_142756" x1="169.319" y1="119.984" x2="169.319" y2="163.036" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_142756" x1="431.151" y1="162.984" x2="431.151" y2="206.036" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00FFF0" stop-opacity="0.12"/>
+<stop stopColor="#00FFF0" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#00C5A1" stop-opacity="0.29"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_142756" x1="469.998" y1="194.184" x2="469.998" y2="455.619" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED"/>
+<stop stopColor="#EDEDED"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint7_radial_1200_142756" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(205.458 217.987) rotate(180) scale(209.576 183.089)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint8_linear_1200_142756" x1="57.0898" y1="-434.911" x2="216.671" y2="101.042" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/custom-domains-visual.svg b/apps/www/public/images/launchweek/custom-domains-visual.svg
index 2786fa9792d..3a5872abc46 100644
--- a/apps/www/public/images/launchweek/custom-domains-visual.svg
+++ b/apps/www/public/images/launchweek/custom-domains-visual.svg
@@ -112,43 +112,43 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1116_119782"/>
 </filter>
 <linearGradient id="paint0_linear_1116_119782" x1="212.49" y1="377.975" x2="212.49" y2="421.026" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1116_119782" x1="168.819" y1="248.82" x2="168.819" y2="291.872" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1116_119782" x1="81.506" y1="162.721" x2="81.506" y2="205.772" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1116_119782" x1="256.139" y1="205.77" x2="256.139" y2="248.821" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1116_119782" x1="168.819" y1="119.668" x2="168.819" y2="162.719" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1116_119782" x1="430.651" y1="162.668" x2="430.651" y2="205.719" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00DED1" stop-opacity="0.12"/>
+<stop stopColor="#00DED1" stop-opacity="0.12"/>
 <stop offset="1" stop-color="#14292C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1116_119782" x1="48.7145" y1="15.0962" x2="352.247" y2="439.063" gradientUnits="userSpaceOnUse">
-<stop stop-color="#222121"/>
+<stop stopColor="#222121"/>
 <stop offset="1" stop-color="#131313"/>
 </linearGradient>
 <radialGradient id="paint7_radial_1116_119782" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(177.415 203.729) rotate(5.77818) scale(663.506 130.479)">
-<stop stop-color="#040404" stop-opacity="0.4"/>
+<stop stopColor="#040404" stop-opacity="0.4"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </radialGradient>
 <linearGradient id="paint8_linear_1116_119782" x1="368.751" y1="200.078" x2="374.369" y2="250.532" gradientUnits="userSpaceOnUse">
-<stop stop-color="#232323"/>
+<stop stopColor="#232323"/>
 <stop offset="1" stop-color="#1C1C1C"/>
 </linearGradient>
 <radialGradient id="paint9_radial_1116_119782" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(204.958 217.67) rotate(180) scale(209.576 183.089)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/encryption-bg.svg b/apps/www/public/images/launchweek/encryption-bg.svg
index 4dabc6af972..906921b7c9d 100644
--- a/apps/www/public/images/launchweek/encryption-bg.svg
+++ b/apps/www/public/images/launchweek/encryption-bg.svg
@@ -12,27 +12,27 @@
 <rect x="0.472656" y="-0.417969" width="448.055" height="402.196" fill="url(#paint15_radial_946_100257)"/>
 <defs>
 <linearGradient id="paint0_linear_946_100257" x1="83.7109" y1="188.936" x2="83.7109" y2="246.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#346458"/>
+<stop stopColor="#346458"/>
 <stop offset="1" stop-color="#07B07E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_946_100257" x1="153.352" y1="188.936" x2="153.352" y2="246.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#346458"/>
+<stop stopColor="#346458"/>
 <stop offset="1" stop-color="#07B07E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_946_100257" x1="225.537" y1="188.936" x2="225.537" y2="246.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#346458"/>
+<stop stopColor="#346458"/>
 <stop offset="1" stop-color="#07B07E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_946_100257" x1="294.773" y1="188.936" x2="294.773" y2="246.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#346458"/>
+<stop stopColor="#346458"/>
 <stop offset="1" stop-color="#07B07E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_946_100257" x1="365.031" y1="188.936" x2="365.031" y2="246.439" gradientUnits="userSpaceOnUse">
-<stop stop-color="#346458"/>
+<stop stopColor="#346458"/>
 <stop offset="1" stop-color="#07B07E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_946_100257" x1="111.335" y1="164.4" x2="118.667" y2="274.002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#577F82" stop-opacity="0.17"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -42,7 +42,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_946_100257" x1="181.639" y1="164.4" x2="188.972" y2="274.002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#577F82" stop-opacity="0.17"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -52,7 +52,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_946_100257" x1="251.948" y1="164.4" x2="259.28" y2="274.002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#577F82" stop-opacity="0.17"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -62,7 +62,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_946_100257" x1="322.245" y1="164.4" x2="329.577" y2="274.002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#577F82" stop-opacity="0.17"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -72,7 +72,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_946_100257" x1="392.545" y1="164.4" x2="399.878" y2="274.002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#577F82" stop-opacity="0.17"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
@@ -82,7 +82,7 @@
 <stop offset="0.859375" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint15_radial_946_100257" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(231.616 219.659) rotate(90) scale(437.142 680.656)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/gold-ticket.svg b/apps/www/public/images/launchweek/gold-ticket.svg
index 3a195c15340..f738aa229d9 100644
--- a/apps/www/public/images/launchweek/gold-ticket.svg
+++ b/apps/www/public/images/launchweek/gold-ticket.svg
@@ -22,16 +22,16 @@
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_803_16272" result="shape"/>
 </filter>
 <linearGradient id="paint0_linear_803_16272" x1="31.1991" y1="16.2818" x2="1193.07" y2="150.36" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFF249"/>
+<stop stopColor="#FFF249"/>
 <stop offset="1" stop-color="#DECD43"/>
 <stop offset="1" stop-color="#B19811"/>
 </linearGradient>
 <linearGradient id="paint1_linear_803_16272" x1="990.188" y1="-180.606" x2="834.844" y2="675.899" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FEFFE3"/>
+<stop stopColor="#FEFFE3"/>
 <stop offset="1" stop-color="#C4AE38"/>
 </linearGradient>
 <linearGradient id="paint2_linear_803_16272" x1="487.939" y1="336.476" x2="811.91" y2="612.991" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CDB644"/>
+<stop stopColor="#CDB644"/>
 <stop offset="1" stop-color="#BA9619" stop-opacity="0.28"/>
 </linearGradient>
 <clipPath id="clip0_803_16272">
diff --git a/apps/www/public/images/launchweek/golden-ticket.svg b/apps/www/public/images/launchweek/golden-ticket.svg
index 9f4bebcf11e..201bffffbf6 100644
--- a/apps/www/public/images/launchweek/golden-ticket.svg
+++ b/apps/www/public/images/launchweek/golden-ticket.svg
@@ -18,10 +18,10 @@
 <ellipse cx="130.95" cy="172.177" rx="107.969" ry="131.311" transform="rotate(-61.8798 130.95 172.177)" stroke="#FFDF72" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="136.996" cy="162.661" rx="122.268" ry="151.988" transform="rotate(-61.8798 136.996 162.661)" stroke="#FFDF72" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="140.488" cy="156.129" rx="133.57" ry="163.629" transform="rotate(-61.8798 140.488 156.129)" stroke="#FFDF72" stroke-width="0.5" stroke-linecap="round"/>
-<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#FFDF72" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#FFDF72" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#FFDF72" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#FFDF72" stroke-linecap="round" stroke-dasharray="0.2 2"/>
+<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#FFDF72" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#FFDF72" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#FFDF72" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#FFDF72" stroke-linecap="round" strokeDasharray="0.2 2"/>
 <mask id="mask1_660_34464" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-70" y="-59" width="433" height="405">
 <path d="M242.575 -16.8122C308.202 18.2551 499.682 265.335 193.697 345.533C187.474 296.498 141.078 274.246 120.307 275.46C106.058 276.292 90.6408 273.057 76.1901 265.335C54.8846 253.949 40.5208 235.395 35.7836 216.11C32.6242 203.249 14.1795 151.358 -69.7906 148.741C-69.7913 -143.039 176.94 -51.8711 242.575 -16.8122Z" fill="#ADEFF3"/>
 </mask>
@@ -59,11 +59,11 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_660_34464"/>
 </filter>
 <linearGradient id="paint0_linear_660_34464" x1="118.076" y1="120.152" x2="32.5429" y2="275.113" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFC700"/>
+<stop stopColor="#FFC700"/>
 <stop offset="1" stop-color="#FFEBB9"/>
 </linearGradient>
 <linearGradient id="paint1_linear_660_34464" x1="148.98" y1="54.9662" x2="17.0834" y2="274.049" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFE600"/>
+<stop stopColor="#FFE600"/>
 <stop offset="1" stop-color="#FFE49F"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/green-ticket.svg b/apps/www/public/images/launchweek/green-ticket.svg
index 350ca923c70..dda47904664 100644
--- a/apps/www/public/images/launchweek/green-ticket.svg
+++ b/apps/www/public/images/launchweek/green-ticket.svg
@@ -16,10 +16,10 @@
 <ellipse cx="130.95" cy="172.177" rx="107.969" ry="131.311" transform="rotate(-61.8798 130.95 172.177)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="136.996" cy="162.661" rx="122.268" ry="151.988" transform="rotate(-61.8798 136.996 162.661)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="140.488" cy="156.129" rx="133.57" ry="163.629" transform="rotate(-61.8798 140.488 156.129)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
-<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
+<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
 <mask id="mask1_660_34120" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-70" y="-59" width="433" height="405">
 <path d="M242.575 -16.8122C308.202 18.2551 499.682 265.335 193.697 345.533C187.474 296.498 141.078 274.246 120.307 275.46C106.058 276.292 90.6408 273.057 76.1901 265.335C54.8846 253.949 40.5208 235.395 35.7836 216.11C32.6242 203.249 14.1795 151.358 -69.7906 148.741C-69.7913 -143.039 176.94 -51.8711 242.575 -16.8122Z" fill="#ADEFF3"/>
 </mask>
@@ -52,11 +52,11 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_660_34120"/>
 </filter>
 <linearGradient id="paint0_linear_660_34120" x1="100.839" y1="198.228" x2="29.4546" y2="274.265" gradientUnits="userSpaceOnUse">
-<stop stop-color="#397D79" stop-opacity="0"/>
+<stop stopColor="#397D79" stop-opacity="0"/>
 <stop offset="1" stop-color="#00DEA9" stop-opacity="0.91"/>
 </linearGradient>
 <linearGradient id="paint1_linear_660_34120" x1="148.98" y1="54.9662" x2="17.0834" y2="274.049" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/launchweek-logo--dark.svg b/apps/www/public/images/launchweek/launchweek-logo--dark.svg
index 5a3f62beff2..a2359311df5 100644
--- a/apps/www/public/images/launchweek/launchweek-logo--dark.svg
+++ b/apps/www/public/images/launchweek/launchweek-logo--dark.svg
@@ -5,15 +5,15 @@
 <rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
 <defs>
 <linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
-<stop stop-color="#14292C"/>
+<stop stopColor="#14292C"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#57796F"/>
+<stop stopColor="#57796F"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 <linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
+<stop stopColor="#76A891" stop-opacity="0.11"/>
 <stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg b/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg
index 90d87475b6f..7153efa952a 100644
--- a/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg
+++ b/apps/www/public/images/launchweek/launchweek-logo--dark_old.svg
@@ -4,7 +4,7 @@
 <path d="M175.43 15.3407C175.584 17.3084 177.475 19.1604 180.195 19.1604C183.204 19.1604 184.998 17.1348 184.998 14.8005C184.998 12.119 183.223 10.6143 180.716 10.6143C179.886 10.6143 178.999 10.8843 178.458 11.3859L179.076 8.62723H184.323V6.33154H177.262L175.777 12.7556C176.047 12.8328 177.957 13.4887 178.208 13.5851C178.613 13.1221 179.288 12.7363 180.137 12.7363C181.294 12.7363 182.355 13.4115 182.355 14.8391C182.355 16.093 181.391 16.884 180.195 16.884C178.864 16.884 177.976 15.9387 177.918 14.7812L175.43 15.3407Z" fill="url(#paint0_linear_672_14343)"/>
 <defs>
 <linearGradient id="paint0_linear_672_14343" x1="177.669" y1="-28.8195" x2="195.735" y2="-26.9443" gradientUnits="userSpaceOnUse">
-<stop stop-color="#317E7E"/>
+<stop stopColor="#317E7E"/>
 <stop offset="0.973958" stop-color="#628AAB"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/launchweek-logo--light.svg b/apps/www/public/images/launchweek/launchweek-logo--light.svg
deleted file mode 100644
index 1c272051d85..00000000000
--- a/apps/www/public/images/launchweek/launchweek-logo--light.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg width="344" height="48" viewBox="0 0 344 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.1646 35.2148V31.6001H6.85951V12.7339H3.05455V35.2148H17.1646ZM41.1797 35.2148H45.3334L36.582 12.7339H32.1746L23.4232 35.2148H27.4501L29.5429 29.5708H39.0553L41.1797 35.2148ZM34.2991 16.8559L37.7235 26.0512H30.8746L34.2991 16.8559ZM60.6598 35.6905C65.3843 35.6905 69.0624 32.805 69.0624 27.383V12.7339H65.2574V27.161C65.2574 30.3318 63.5452 32.0758 60.6598 32.0758C57.8061 32.0758 56.0621 30.3318 56.0621 27.161V12.7339H52.2889V27.383C52.2889 32.805 55.967 35.6905 60.6598 35.6905ZM97.8094 35.2148V12.7339H94.0044V28.683L83.7945 12.7339H78.9431V35.2148H82.7481V18.1877L93.8459 35.2148H97.8094ZM117.933 35.6905C123.672 35.6905 127.096 32.044 128.111 28.2391L124.623 27.0976C123.862 29.6342 121.706 32.044 117.933 32.044C114.096 32.044 110.481 29.2537 110.481 23.9902C110.481 18.5364 114.191 15.8413 117.901 15.8413C121.674 15.8413 123.767 18.0291 124.433 20.756L128.016 19.5511C127.001 15.6193 123.609 12.2583 117.901 12.2583C112.067 12.2583 106.581 16.6657 106.581 23.9902C106.581 31.3148 111.877 35.6905 117.933 35.6905ZM154.93 35.2148V12.7339H151.093V22.0243H140.535V12.7339H136.73V35.2148H140.535V25.6073H151.093V35.2148H154.93ZM198.503 29.2855L193.144 12.7339H189.181L183.917 29.1586L179.415 12.7339H175.419L181.793 35.2148H185.693L191.147 18.2194L196.6 35.2148H200.532L206.842 12.7339H202.91L198.503 29.2855ZM228.581 35.2148V31.6635H218.498V25.7024H227.63V22.2463H218.498V16.2852H228.581V12.7339H214.693V35.2148H228.581ZM251.792 35.2148V31.6635H241.709V25.7024H250.841V22.2463H241.709V16.2852H251.792V12.7339H237.904V35.2148H251.792ZM274.908 35.2148H279.696L270.501 22.6585L279.601 12.7339H274.591L264.92 23.5146V12.7339H261.115V35.2148H264.92V28.7464L267.901 25.4805L274.908 35.2148Z" fill="#11181C"/>
-<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" fill="url(#paint0_linear_512_45476)"/>
-<path d="M328.398 18.3085C327.79 17.8825 326.755 17.5783 325.559 17.5783C321.725 17.5783 318.785 20.357 318.785 25.245C318.785 29.5854 321.401 31.3296 323.916 31.3296C326.492 31.3296 328.784 29.6665 328.784 26.8473C328.784 23.9875 326.877 22.3649 324.281 22.3649C322.537 22.3649 321.34 23.1965 320.813 24.0686C320.975 21.3711 322.699 19.3631 325.437 19.3631C326.431 19.3631 327.303 19.6471 327.79 19.931L328.398 18.3085ZM321.097 26.8473C321.097 25.0827 322.415 24.0686 323.936 24.0686C325.457 24.0686 326.776 25.0827 326.776 26.8473C326.776 28.5915 325.478 29.6056 323.936 29.6056C322.496 29.6056 321.097 28.5712 321.097 26.8473Z" fill="url(#paint1_linear_512_45476)"/>
-<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_512_45476)" stroke-width="0.780084"/>
-<defs>
-<linearGradient id="paint0_linear_512_45476" x1="255.75" y1="-63.2399" x2="362.488" y2="31.7141" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1F1F1"/>
-<stop offset="1" stop-color="#959595" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_512_45476" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#466B60"/>
-<stop offset="1" stop-color="#1C1C1C"/>
-</linearGradient>
-<linearGradient id="paint2_linear_512_45476" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
-<stop offset="1" stop-color="#EFEFEF" stop-opacity="0.35"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/www/public/images/launchweek/launchweek-logo--light__old.svg b/apps/www/public/images/launchweek/launchweek-logo--light__old.svg
index cbe5120a68c..4f5785bab9d 100644
--- a/apps/www/public/images/launchweek/launchweek-logo--light__old.svg
+++ b/apps/www/public/images/launchweek/launchweek-logo--light__old.svg
@@ -4,7 +4,7 @@
 <path d="M175.434 15.3407C175.588 17.3084 177.478 19.1604 180.199 19.1604C183.208 19.1604 185.002 17.1348 185.002 14.8005C185.002 12.119 183.227 10.6143 180.719 10.6143C179.89 10.6143 179.003 10.8843 178.462 11.3859L179.08 8.62723H184.327V6.33154H177.266L175.781 12.7556C176.051 12.8328 177.961 13.4887 178.212 13.5851C178.617 13.1221 179.292 12.7363 180.141 12.7363C181.298 12.7363 182.359 13.4115 182.359 14.8391C182.359 16.093 181.395 16.884 180.199 16.884C178.867 16.884 177.98 15.9387 177.922 14.7812L175.434 15.3407Z" fill="url(#paint0_linear_733_15579)"/>
 <defs>
 <linearGradient id="paint0_linear_733_15579" x1="177.673" y1="-28.8195" x2="195.739" y2="-26.9443" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="0.973958" stop-color="#F9FCFF"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/launchweek-logo--light_old0.svg b/apps/www/public/images/launchweek/launchweek-logo--light_old0.svg
index 5a3f62beff2..a2359311df5 100644
--- a/apps/www/public/images/launchweek/launchweek-logo--light_old0.svg
+++ b/apps/www/public/images/launchweek/launchweek-logo--light_old0.svg
@@ -5,15 +5,15 @@
 <rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
 <defs>
 <linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
-<stop stop-color="#14292C"/>
+<stop stopColor="#14292C"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#57796F"/>
+<stop stopColor="#57796F"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 <linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
+<stop stopColor="#76A891" stop-opacity="0.11"/>
 <stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/launchweek-logo.svg b/apps/www/public/images/launchweek/launchweek-logo.svg
new file mode 100644
index 00000000000..10c7eab5b9d
--- /dev/null
+++ b/apps/www/public/images/launchweek/launchweek-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="624" height="48" fill="none"><path fill="#FFFDFF" d="M158.151 35.176v-2.917h-10.623V12.695h-3.107v22.48h13.73Zm24.585 0h3.361l-8.941-22.481h-3.583l-8.942 22.48h3.33l2.378-6.277h9.956l2.441 6.278Zm-7.451-19.247 3.9 10.083h-7.737l3.837-10.083Zm26.052 19.722c4.566 0 8.085-2.853 8.085-8.149V12.695h-3.107v14.712c0 3.425-1.807 5.359-4.978 5.359-3.139 0-5.01-1.934-5.01-5.359V12.695h-3.076v14.807c0 5.296 3.52 8.15 8.086 8.15Zm36.715-.475V12.695h-3.107v17.249l-11.225-17.25h-4.153v22.482h3.107V16.849l12.144 18.327h3.234Zm20.189.475c5.168 0 8.719-3.012 9.924-7.229l-2.758-1.015c-.92 3.076-3.33 5.39-7.166 5.39-4.091 0-7.991-3.012-7.991-8.878s3.9-8.846 7.991-8.846c3.678 0 6.151 1.902 7.007 5.295l2.885-1.014c-1.141-4.345-4.756-7.135-9.892-7.135-5.581 0-11.162 4.186-11.162 11.7 0 7.515 5.359 11.732 11.162 11.732Zm36.495-.475V12.695h-3.107v9.607h-11.478v-9.607h-3.108v22.48h3.108v-9.987h11.478v9.988h3.107Zm43.608-4.693-5.771-17.788h-3.266l-5.644 17.598-4.946-17.598h-3.203l6.5 22.48h3.108l5.802-18.231 5.866 18.232h3.203l6.405-22.481h-3.203l-4.851 17.788Zm29.802 4.693V32.29h-10.558v-6.88h9.575v-2.917h-9.575V15.58h10.558v-2.885H354.48v22.48h13.666Zm23.181 0V32.29h-10.559v-6.88h9.576v-2.917h-9.576V15.58h10.559v-2.885h-13.666v22.48h13.666Zm23.434 0h3.931l-9.48-12.462 9.354-10.02h-4.091l-10.527 11.574V12.695h-3.107v22.48h3.107V28.39l3.203-3.424 7.61 10.21Z"/><rect width="39.367" height="39.367" x="442.949" y="3.992" fill="url(#a)" rx="6.906"/><path fill="url(#b)" d="M467.633 17.821h-9.999v2.414h6.774s-4.401 3.67-4.949 10.75h2.901c.588-6.633 4.279-9.98 5.273-10.831V17.82Z"/><rect width="39.367" height="39.367" x="442.949" y="3.992" stroke="url(#c)" stroke-width=".633" rx="6.906"/><defs><linearGradient id="a" x1="454.781" x2="475.443" y1="15.255" y2="59.109" gradientUnits="userSpaceOnUse"><stop stopColor="#CB88FF"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="447.131" x2="473.269" y1="-5.738" y2="-4.901" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="c" x1="468.004" x2="479.003" y1="3.759" y2="18.322" gradientUnits="userSpaceOnUse"><stop stopColor="#76A891" stop-opacity=".11"/><stop offset="1" stop-color="#fff" stop-opacity=".35"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/apps/www/public/images/launchweek/outro-light.svg b/apps/www/public/images/launchweek/outro-light.svg
index 3067fbbc5c2..f24f0760446 100644
--- a/apps/www/public/images/launchweek/outro-light.svg
+++ b/apps/www/public/images/launchweek/outro-light.svg
@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5315 13.6425C41.0816 13.6425 48.8236 21.3844 48.8236 30.9346C48.8236 34.9202 47.4762 38.5895 45.2107 41.5142V38.4437H43.1463V43.8831L44.1785 44.9153H49.6179V42.8509L46.7862 42.8509C49.3555 39.566 50.888 35.4285 50.888 30.9346C50.888 20.2443 42.2218 11.5781 31.5315 11.5781V13.6425ZM18.8891 16.9543L19.9213 17.9865L19.9213 23.4259H17.857V20.3554C15.5915 23.28 14.2441 26.9494 14.2441 30.935C14.2441 40.4851 21.986 48.2271 31.5362 48.2271V50.2915C20.8459 50.2915 12.1797 41.6253 12.1797 30.935C12.1797 26.4411 13.7121 22.3036 16.2815 19.0187H13.4497L13.4497 16.9543L18.8891 16.9543ZM42.5667 30.9997C42.5667 36.9538 37.7399 41.7805 31.7859 41.7805C25.8318 41.7805 21.005 36.9538 21.005 30.9997C21.005 25.0456 25.8318 20.2189 31.7859 20.2189C37.7399 20.2189 42.5667 25.0456 42.5667 30.9997ZM38.2586 27.8506L30.4988 35.6104H29.039L25.3127 31.8841L26.7725 30.4244L29.7689 33.4208L36.7988 26.3909L38.2586 27.8506Z" fill="url(#paint0_linear_1221_83629)"/>
 <defs>
 <linearGradient id="paint0_linear_1221_83629" x1="50.888" y1="11.5781" x2="52.6893" y2="69.538" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/outro.svg b/apps/www/public/images/launchweek/outro.svg
index 4a5f21eef42..42ff944d85f 100644
--- a/apps/www/public/images/launchweek/outro.svg
+++ b/apps/www/public/images/launchweek/outro.svg
@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5315 14.6425C41.0816 14.6425 48.8236 22.3844 48.8236 31.9346C48.8236 35.9202 47.4762 39.5895 45.2107 42.5142V39.4437H43.1463V44.8831L44.1785 45.9153H49.6179V43.8509L46.7862 43.8509C49.3555 40.566 50.888 36.4285 50.888 31.9346C50.888 21.2443 42.2218 12.5781 31.5315 12.5781V14.6425ZM18.8891 17.9543L19.9213 18.9865L19.9213 24.4259H17.857V21.3554C15.5915 24.28 14.2441 27.9494 14.2441 31.935C14.2441 41.4851 21.986 49.2271 31.5362 49.2271V51.2915C20.8459 51.2915 12.1797 42.6253 12.1797 31.935C12.1797 27.4411 13.7121 23.3036 16.2815 20.0187H13.4497L13.4497 17.9543L18.8891 17.9543ZM42.5667 31.9997C42.5667 37.9538 37.7399 42.7805 31.7859 42.7805C25.8318 42.7805 21.005 37.9538 21.005 31.9997C21.005 26.0456 25.8318 21.2189 31.7859 21.2189C37.7399 21.2189 42.5667 26.0456 42.5667 31.9997ZM38.2586 28.8506L30.4988 36.6104H29.039L25.3127 32.8841L26.7725 31.4244L29.7689 34.4208L36.7989 27.3909L38.2586 28.8506Z" fill="url(#paint0_linear_1179_212431)"/>
 <defs>
 <linearGradient id="paint0_linear_1179_212431" x1="5.77717" y1="47.3852" x2="66.3666" y2="46.7302" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA" stop-opacity="0.76"/>
+<stop stopColor="#F4FFFA" stop-opacity="0.76"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.48"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/pg_crdt-visual-hover-light.svg b/apps/www/public/images/launchweek/pg_crdt-visual-hover-light.svg
index 5223b45be17..79e1c80a97c 100644
--- a/apps/www/public/images/launchweek/pg_crdt-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/pg_crdt-visual-hover-light.svg
@@ -57,121 +57,121 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_88884"/>
 </filter>
 <linearGradient id="paint0_linear_1200_88884" x1="259.775" y1="307.722" x2="259.775" y2="111.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_88884" x1="254.655" y1="286.313" x2="254.655" y2="118.726" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_88884" x1="264.39" y1="327.006" x2="264.39" y2="104.408" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_88884" x1="268.716" y1="345.128" x2="268.716" y2="98.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_88884" x1="272.736" y1="361.889" x2="272.736" y2="92.1276" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_88884" x1="276.657" y1="378.327" x2="276.657" y2="86.3469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_88884" x1="280.722" y1="395.305" x2="280.722" y2="80.3735" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_88884" x1="284.54" y1="411.281" x2="284.54" y2="74.7496" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_88884" x1="288.271" y1="426.902" x2="288.271" y2="69.2438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_88884" x1="291.695" y1="441.177" x2="291.695" y2="64.2208" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_88884" x1="295.623" y1="457.628" x2="295.623" y2="58.436" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_88884" x1="299.627" y1="474.384" x2="299.627" y2="52.5385" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_88884" x1="303.563" y1="490.831" x2="303.563" y2="46.7497" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_88884" x1="307.506" y1="507.32" x2="307.506" y2="40.9471" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_88884" x1="311.521" y1="524.049" x2="311.521" y2="35.0615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_88884" x1="315.516" y1="540.773" x2="315.516" y2="29.17" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_88884" x1="320.344" y1="560.952" x2="320.344" y2="22.0736" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_88884" x1="324.785" y1="579.538" x2="324.785" y2="15.5321" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_88884" x1="329.467" y1="599.128" x2="329.467" y2="8.63783" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1200_88884" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226.156 226.863) rotate(180) scale(105.285 57.1296)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint20_linear_1200_88884" x1="257.25" y1="178.623" x2="262.003" y2="302.513" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_88884" x1="159.25" y1="196.753" x2="204.586" y2="256.618" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1200_88884" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 223.466) rotate(180) scale(177.464 262.48)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint23_linear_1200_88884" x1="-103.794" y1="-774.273" x2="162.841" y2="205.21" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/pg_crdt-visual-hover.svg b/apps/www/public/images/launchweek/pg_crdt-visual-hover.svg
index ae75a367b58..4c2de71d536 100644
--- a/apps/www/public/images/launchweek/pg_crdt-visual-hover.svg
+++ b/apps/www/public/images/launchweek/pg_crdt-visual-hover.svg
@@ -57,116 +57,116 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_88648"/>
 </filter>
 <linearGradient id="paint0_linear_1200_88648" x1="259.775" y1="307.722" x2="259.775" y2="111.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_88648" x1="254.655" y1="286.313" x2="254.655" y2="118.726" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_88648" x1="264.39" y1="327.006" x2="264.39" y2="104.408" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_88648" x1="268.716" y1="345.128" x2="268.716" y2="98.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_88648" x1="272.736" y1="361.889" x2="272.736" y2="92.1276" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_88648" x1="276.657" y1="378.327" x2="276.657" y2="86.3469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_88648" x1="280.722" y1="395.305" x2="280.722" y2="80.3735" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_88648" x1="284.54" y1="411.281" x2="284.54" y2="74.7496" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_88648" x1="288.271" y1="426.902" x2="288.271" y2="69.2438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_88648" x1="291.695" y1="441.177" x2="291.695" y2="64.2208" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_88648" x1="295.623" y1="457.628" x2="295.623" y2="58.436" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_88648" x1="299.627" y1="474.384" x2="299.627" y2="52.5385" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_88648" x1="303.563" y1="490.831" x2="303.563" y2="46.7497" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_88648" x1="307.506" y1="507.32" x2="307.506" y2="40.9471" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_88648" x1="311.521" y1="524.049" x2="311.521" y2="35.0615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_88648" x1="315.516" y1="540.773" x2="315.516" y2="29.17" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_88648" x1="320.344" y1="560.952" x2="320.344" y2="22.0736" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_88648" x1="324.785" y1="579.538" x2="324.785" y2="15.5321" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_88648" x1="329.467" y1="599.128" x2="329.467" y2="8.63783" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1200_88648" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226.156 226.876) rotate(-180) scale(38.2987 20.7816)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint20_linear_1200_88648" x1="202.799" y1="250.871" x2="230.222" y2="250.871" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_88648" x1="159.25" y1="196.753" x2="204.586" y2="256.618" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1200_88648" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 223.466) rotate(-180) scale(217.254 321.331)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/pg_crdt-visual-light.svg b/apps/www/public/images/launchweek/pg_crdt-visual-light.svg
index 05fa238e4bd..7c3f559b59a 100644
--- a/apps/www/public/images/launchweek/pg_crdt-visual-light.svg
+++ b/apps/www/public/images/launchweek/pg_crdt-visual-light.svg
@@ -57,121 +57,121 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_86637"/>
 </filter>
 <linearGradient id="paint0_linear_1200_86637" x1="259.775" y1="307.722" x2="259.775" y2="111.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_86637" x1="254.655" y1="286.313" x2="254.655" y2="118.726" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_86637" x1="264.39" y1="327.006" x2="264.39" y2="104.408" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_86637" x1="268.716" y1="345.128" x2="268.716" y2="98.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_86637" x1="272.736" y1="361.889" x2="272.736" y2="92.1276" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_86637" x1="276.657" y1="378.327" x2="276.657" y2="86.3469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_86637" x1="280.722" y1="395.305" x2="280.722" y2="80.3735" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_86637" x1="284.54" y1="411.281" x2="284.54" y2="74.7496" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_86637" x1="288.271" y1="426.902" x2="288.271" y2="69.2438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_86637" x1="291.695" y1="441.177" x2="291.695" y2="64.2208" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_86637" x1="295.623" y1="457.628" x2="295.623" y2="58.436" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_86637" x1="299.627" y1="474.384" x2="299.627" y2="52.5385" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_86637" x1="303.563" y1="490.831" x2="303.563" y2="46.7497" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_86637" x1="307.506" y1="507.32" x2="307.506" y2="40.9471" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_86637" x1="311.521" y1="524.049" x2="311.521" y2="35.0615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_86637" x1="315.516" y1="540.773" x2="315.516" y2="29.17" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_86637" x1="320.344" y1="560.952" x2="320.344" y2="22.0736" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_86637" x1="324.785" y1="579.538" x2="324.785" y2="15.5321" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_86637" x1="329.467" y1="599.128" x2="329.467" y2="8.63783" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1200_86637" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226.156 226.863) rotate(180) scale(105.285 57.1296)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint20_linear_1200_86637" x1="257.25" y1="178.623" x2="262.003" y2="302.513" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_86637" x1="159.25" y1="196.753" x2="219.604" y2="233.788" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1200_86637" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(205.567 223.466) rotate(180) scale(158.031 233.737)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint23_linear_1200_86637" x1="-103.794" y1="-820.273" x2="162.841" y2="159.21" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/pg_crdt-visual.svg b/apps/www/public/images/launchweek/pg_crdt-visual.svg
index 80c6ffe9542..c8963eff2b9 100644
--- a/apps/www/public/images/launchweek/pg_crdt-visual.svg
+++ b/apps/www/public/images/launchweek/pg_crdt-visual.svg
@@ -57,116 +57,116 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1149_74759"/>
 </filter>
 <linearGradient id="paint0_linear_1149_74759" x1="259.775" y1="307.722" x2="259.775" y2="111.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1149_74759" x1="254.655" y1="286.313" x2="254.655" y2="118.726" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1149_74759" x1="264.39" y1="327.006" x2="264.39" y2="104.408" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1149_74759" x1="268.716" y1="345.128" x2="268.716" y2="98.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1149_74759" x1="272.736" y1="361.889" x2="272.736" y2="92.1276" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1149_74759" x1="276.657" y1="378.327" x2="276.657" y2="86.3469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1149_74759" x1="280.722" y1="395.305" x2="280.722" y2="80.3735" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1149_74759" x1="284.54" y1="411.281" x2="284.54" y2="74.7496" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1149_74759" x1="288.271" y1="426.902" x2="288.271" y2="69.2438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1149_74759" x1="291.695" y1="441.177" x2="291.695" y2="64.2208" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1149_74759" x1="295.623" y1="457.628" x2="295.623" y2="58.436" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1149_74759" x1="299.627" y1="474.384" x2="299.627" y2="52.5385" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1149_74759" x1="303.563" y1="490.831" x2="303.563" y2="46.7497" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1149_74759" x1="307.506" y1="507.32" x2="307.506" y2="40.9471" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1149_74759" x1="311.521" y1="524.049" x2="311.521" y2="35.0615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1149_74759" x1="315.516" y1="540.773" x2="315.516" y2="29.17" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1149_74759" x1="320.344" y1="560.952" x2="320.344" y2="22.0736" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1149_74759" x1="324.785" y1="579.538" x2="324.785" y2="15.5321" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1149_74759" x1="329.467" y1="599.128" x2="329.467" y2="8.63783" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#7AFFDF"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1149_74759" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226.156 226.876) rotate(-180) scale(38.2987 20.7816)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint20_linear_1149_74759" x1="202.799" y1="250.871" x2="230.222" y2="250.871" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1149_74759" x1="159.25" y1="196.753" x2="219.604" y2="233.788" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1149_74759" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 223.466) rotate(180) scale(136.774 170.671)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/postgres-visual-hover-light.svg b/apps/www/public/images/launchweek/postgres-visual-hover-light.svg
index 95f4b7bd656..a3116dbd48d 100644
--- a/apps/www/public/images/launchweek/postgres-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/postgres-visual-hover-light.svg
@@ -46,34 +46,34 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_110235"/>
 </filter>
 <radialGradient id="paint0_radial_1200_110235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225.461 229.286) rotate(180) scale(105.285 46.4213)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1200_110235" x1="83.5463" y1="-291.453" x2="226.648" y2="189.091" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_110235" x1="250.089" y1="189.289" x2="252.942" y2="278.001" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_110235" x1="158" y1="196.624" x2="203.626" y2="256.748" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_110235" x1="184.182" y1="150.975" x2="187.464" y2="249.752" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <radialGradient id="paint5_radial_1200_110235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(232.358 220.626) rotate(90) scale(259.411 263.202)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint6_linear_1200_110235" x1="56.5742" y1="-403.036" x2="216.155" y2="132.917" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/postgres-visual-hover.svg b/apps/www/public/images/launchweek/postgres-visual-hover.svg
index 9f004fd8c84..eedeeb38f97 100644
--- a/apps/www/public/images/launchweek/postgres-visual-hover.svg
+++ b/apps/www/public/images/launchweek/postgres-visual-hover.svg
@@ -46,7 +46,7 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_89681"/>
 </filter>
 <radialGradient id="paint0_radial_1200_89681" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225.461 223.748) rotate(-180) scale(38.2987 22.2637)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -56,20 +56,20 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_89681" x1="203.59" y1="241" x2="227.008" y2="241" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_89681" x1="158" y1="196.624" x2="203.626" y2="256.748" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_89681" x1="134.084" y1="208.557" x2="159.314" y2="208.557" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC"/>
 </linearGradient>
 <radialGradient id="paint5_radial_1200_89681" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(232.358 220.626) rotate(90) scale(259.411 263.202)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint6_linear_1200_89681" x1="56.5742" y1="-403.036" x2="216.155" y2="132.917" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/postgres-visual-light.svg b/apps/www/public/images/launchweek/postgres-visual-light.svg
index fd683f199eb..aa5c513319b 100644
--- a/apps/www/public/images/launchweek/postgres-visual-light.svg
+++ b/apps/www/public/images/launchweek/postgres-visual-light.svg
@@ -46,34 +46,34 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_107392"/>
 </filter>
 <radialGradient id="paint0_radial_1200_107392" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225.59 231.529) rotate(180) scale(105.285 47.7741)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint1_linear_1200_107392" x1="83.6752" y1="-291.453" x2="226.777" y2="189.091" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_107392" x1="250.218" y1="189.289" x2="253.071" y2="278.001" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_107392" x1="158.129" y1="196.624" x2="218.778" y2="233.764" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_107392" x1="184.311" y1="150.975" x2="187.593" y2="249.752" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39A9A2" stop-opacity="0.85"/>
+<stop stopColor="#39A9A2" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#88D1CD" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint5_radial_1200_107392" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(232.487 220.626) rotate(90) scale(165.234 167.648)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
 <linearGradient id="paint6_linear_1200_107392" x1="56.7031" y1="-451.036" x2="216.284" y2="84.9167" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>
diff --git a/apps/www/public/images/launchweek/postgres-visual.svg b/apps/www/public/images/launchweek/postgres-visual.svg
index a5f4550269e..82237e29e77 100644
--- a/apps/www/public/images/launchweek/postgres-visual.svg
+++ b/apps/www/public/images/launchweek/postgres-visual.svg
@@ -46,7 +46,7 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1179_137399"/>
 </filter>
 <radialGradient id="paint0_radial_1179_137399" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225.461 223.748) rotate(-180) scale(38.2987 22.2637)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
@@ -56,20 +56,20 @@
 <stop offset="1" stop-color="#343434" stop-opacity="0.51"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1179_137399" x1="203.59" y1="241" x2="227.008" y2="241" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1179_137399" x1="158" y1="196.624" x2="218.65" y2="233.764" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1179_137399" x1="134.084" y1="208.557" x2="159.314" y2="208.557" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC"/>
 </linearGradient>
 <radialGradient id="paint5_radial_1179_137399" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(232.358 220.626) rotate(90) scale(165.234 167.648)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
 <linearGradient id="paint6_linear_1179_137399" x1="56.5742" y1="-451.036" x2="216.155" y2="84.9167" gradientUnits="userSpaceOnUse">
diff --git a/apps/www/public/images/launchweek/seven/bg-ticket-gold.png b/apps/www/public/images/launchweek/seven/bg-ticket-gold.png
new file mode 100644
index 00000000000..965a007c518
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/bg-ticket-gold.png differ
diff --git a/apps/www/public/images/launchweek/seven/bg-ticket-purple.png b/apps/www/public/images/launchweek/seven/bg-ticket-purple.png
new file mode 100644
index 00000000000..c4dd7ba1ddc
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/bg-ticket-purple.png differ
diff --git a/apps/www/public/images/launchweek/seven/icons/compute-upgrade.svg b/apps/www/public/images/launchweek/seven/icons/compute-upgrade.svg
new file mode 100644
index 00000000000..292b81d4403
--- /dev/null
+++ b/apps/www/public/images/launchweek/seven/icons/compute-upgrade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><path stroke="#fff" stroke-linejoin="bevel" stroke-miterlimit="10" d="M5.472 4.599h-3.97v4M11 9.754V12.6H1v-4h5.73M11 3.992V.599H1v4h5.242m.812 5.47v-4.01H4.831L8.95 1.88l4.12 4.18h-2.069v4.54M8.938 6.573v4.495"/></svg>
\ No newline at end of file
diff --git a/apps/www/public/images/launchweek/seven/keyboard.jpg b/apps/www/public/images/launchweek/seven/keyboard.jpg
new file mode 100644
index 00000000000..aed9898c872
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/keyboard.jpg differ
diff --git a/apps/www/public/images/launchweek/seven/launch-week-7-teaser.jpg b/apps/www/public/images/launchweek/seven/launch-week-7-teaser.jpg
new file mode 100644
index 00000000000..9115a70c270
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/launch-week-7-teaser.jpg differ
diff --git a/apps/www/public/images/launchweek/seven/launch-week-7.jpg b/apps/www/public/images/launchweek/seven/launch-week-7.jpg
new file mode 100644
index 00000000000..9115a70c270
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/launch-week-7.jpg differ
diff --git a/apps/www/public/images/launchweek/seven/lw-7-bg-blur.png b/apps/www/public/images/launchweek/seven/lw-7-bg-blur.png
new file mode 100644
index 00000000000..7d60b2e4a71
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/lw-7-bg-blur.png differ
diff --git a/apps/www/public/images/launchweek/seven/lw-7-bg.png b/apps/www/public/images/launchweek/seven/lw-7-bg.png
new file mode 100644
index 00000000000..57f7ec64120
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/lw-7-bg.png differ
diff --git a/apps/www/public/images/launchweek/seven/lw-7-bg.svg b/apps/www/public/images/launchweek/seven/lw-7-bg.svg
new file mode 100644
index 00000000000..84c2a14a391
--- /dev/null
+++ b/apps/www/public/images/launchweek/seven/lw-7-bg.svg
@@ -0,0 +1,248 @@
+<svg width="2958" height="1032" viewBox="0 0 2958 1032" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1806_105858)">
+<g filter="url(#filter0_f_1806_105858)">
+<path d="M2463.31 779.091C2207.47 422.065 1515.62 -53.2887 747.7 422.066" stroke="#EA77FF" stroke-width="23.705"/>
+</g>
+<mask id="mask0_1806_105858" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="626" y="177" width="1898" height="555">
+<path d="M1602.56 181.008C2045.53 212.549 2401.41 561.424 2523.98 731.919C2523.98 731.919 2111.03 500.111 1559.2 366.111C1007.37 232.111 626.815 455.187 626.815 455.187C767.493 350.653 1159.59 149.468 1602.56 181.008Z" fill="#F1EDFF"/>
+</mask>
+<g mask="url(#mask0_1806_105858)">
+<g filter="url(#filter1_f_1806_105858)">
+<path d="M1344.89 241.838C1677.19 155.622 2459.74 286.61 2116.46 191.181C2095.32 109.678 1482.43 65.5 1307.61 110.857C1132.79 156.214 851.833 280.527 872.979 362.03C928.709 650.834 1170.07 287.195 1344.89 241.838Z" fill="url(#paint0_linear_1806_105858)"/>
+</g>
+<g filter="url(#filter2_f_1806_105858)">
+<path d="M2656.55 1270.21C2516.85 1464.86 2103.83 1407.49 1734.04 1142.09C1364.24 876.684 854.116 580.276 993.816 385.632C1272.64 69.8052 1870.14 171.814 2239.93 437.219C2609.72 702.624 2796.25 1075.57 2656.55 1270.21Z" fill="#1D0874"/>
+</g>
+<g filter="url(#filter3_f_1806_105858)">
+<ellipse cx="2348.57" cy="583.839" rx="579.661" ry="91.9675" transform="rotate(35.6676 2348.57 583.839)" fill="#A765F2"/>
+</g>
+<g filter="url(#filter4_f_1806_105858)">
+<path d="M2261.68 379.78C2133.99 295.938 1640.23 55.786 926.485 235.999" stroke="#DC24FF" stroke-width="70.2832"/>
+</g>
+<g filter="url(#filter5_f_1806_105858)">
+<path d="M2436.67 754.038C2431.98 699.88 2390.35 508.967 2182.76 349.157" stroke="#DC24FF" stroke-width="70.2832"/>
+</g>
+<g filter="url(#filter6_f_1806_105858)">
+<path d="M2426.8 662.862C2148.12 323.364 1426.62 -105.644 691.486 418.998" stroke="#EBBCF3" stroke-width="23.705"/>
+</g>
+<g filter="url(#filter7_f_1806_105858)">
+<path d="M2096.56 400.445C2013.1 336.305 1686.07 146.042 1186.39 233.404" stroke="url(#paint1_linear_1806_105858)" stroke-width="43.6671"/>
+</g>
+<g filter="url(#filter8_f_1806_105858)">
+<path d="M2109.4 392.933C2025.94 328.793 1698.91 138.53 1199.23 225.892" stroke="url(#paint2_linear_1806_105858)" stroke-width="37.0131"/>
+</g>
+</g>
+<mask id="mask1_1806_105858" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="151" y="294" width="2704" height="793">
+<path d="M670.254 420.522C309.411 631.564 173.841 952.334 151.162 1086.34L2854.12 1032.66C2609.15 693.078 1846.9 351.322 1429.73 305.693C1016.25 260.468 785.213 360.601 670.254 420.522Z" fill="#030103"/>
+</mask>
+<g mask="url(#mask1_1806_105858)">
+<g filter="url(#filter9_f_1806_105858)">
+<ellipse cx="1464.1" cy="1177.18" rx="1058.14" ry="1022.5" transform="rotate(35.6676 1464.1 1177.18)" fill="black"/>
+</g>
+<g filter="url(#filter10_f_1806_105858)">
+<ellipse cx="1672.6" cy="839.688" rx="847.101" ry="464.348" transform="rotate(35.6676 1672.6 839.688)" fill="black"/>
+</g>
+<path d="M670.253 420.525C309.41 631.567 173.841 952.336 151.161 1086.34L2869.33 1049.56C2614.48 787.877 1844.34 370.633 1429.73 305.696C1098.05 253.747 785.213 360.604 670.253 420.525Z" fill="url(#paint3_radial_1806_105858)"/>
+<g filter="url(#filter11_f_1806_105858)">
+<circle cx="1683.74" cy="1074.49" r="731.206" fill="#121212"/>
+</g>
+<g filter="url(#filter12_f_1806_105858)">
+<path d="M412.576 733.363C257.047 1039.42 131.77 1725.38 112.242 1369.62C37.1766 1331.47 103.667 745.18 185.488 584.17C267.309 423.16 449.026 175.433 524.092 213.579C794.204 329.996 494.397 572.353 412.576 733.363Z" fill="url(#paint4_linear_1806_105858)"/>
+</g>
+<g filter="url(#filter13_f_1806_105858)">
+<path d="M180.198 1196.61C182.867 1111.64 189.252 892.826 413.785 620.052" stroke="#55008C" stroke-width="13.3081"/>
+</g>
+<path d="M142.503 1102.79C164.365 968.651 297.974 647.06 657.522 433.82" stroke="url(#paint5_linear_1806_105858)" stroke-width="3.74289"/>
+</g>
+<mask id="mask2_1806_105858" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="522" y="293" width="2366" height="764">
+<path d="M1730.04 448.514C2104.59 553.042 2382.76 858.647 2424.99 1056.31L2887.91 1056.31C2590.56 608.607 1904.23 372.24 1481.95 311.693C1060.61 251.28 821.763 353.329 728.407 393.216L727.782 393.483C653.453 425.24 559.74 492.905 522.174 522.768C722.604 406.906 1215.79 305.002 1730.04 448.514Z" fill="#3913B3"/>
+</mask>
+<g mask="url(#mask2_1806_105858)">
+<path d="M1730.1 449.342C2104.65 553.87 2383.52 939.681 2428.38 1061.38L2891.29 1032.66C2610.84 583.264 1904.29 373.069 1482.01 312.521C1060.67 252.108 821.825 354.158 728.47 394.044L727.845 394.311C653.515 426.068 559.802 493.734 522.237 523.597C722.666 407.735 1215.86 305.831 1730.1 449.342Z" fill="#3913B3"/>
+<g filter="url(#filter14_f_1806_105858)">
+<path d="M2383.22 938.696C2338.36 816.994 2104.6 553.04 1730.04 448.513C1215.8 305.001 722.607 406.905 522.178 522.767" stroke="url(#paint6_linear_1806_105858)" stroke-width="7.90166"/>
+</g>
+<g filter="url(#filter15_f_1806_105858)">
+<path d="M744.871 373.999C837.783 334.302 1076.76 231.66 1499.04 292.208" stroke="black" stroke-width="37.0131"/>
+</g>
+<g filter="url(#filter16_f_1806_105858)">
+<path d="M860.668 334.321C956.59 302.583 1203.35 220.409 1619.04 316.268" stroke="black" stroke-width="37.0131"/>
+</g>
+<g filter="url(#filter17_f_1806_105858)">
+<ellipse cx="2149.38" cy="790.355" rx="152.461" ry="408.521" transform="rotate(-51.7359 2149.38 790.355)" fill="url(#paint7_linear_1806_105858)"/>
+</g>
+<g filter="url(#filter18_f_1806_105858)">
+<path d="M2424.41 713.122C2181.09 470.933 1567.01 140.582 1911.5 231.515C1970.9 171.837 2508.26 415.575 2636.26 542.987C2764.27 670.398 2944.03 919.549 2884.63 979.227C2690.71 1200.39 2552.41 840.533 2424.41 713.122Z" fill="url(#paint8_linear_1806_105858)"/>
+</g>
+<path d="M723.746 395.413C816.658 355.717 1055.63 253.074 1477.91 313.622C1900.19 374.17 2395.76 557.201 2773.27 913.4" stroke="url(#paint9_linear_1806_105858)" stroke-width="3.74289"/>
+<g filter="url(#filter19_f_1806_105858)">
+<path d="M2765.62 910.758C2696.64 845.785 2503.38 688.123 2282.13 577.258" stroke="url(#paint10_linear_1806_105858)" stroke-width="17.051"/>
+</g>
+<g filter="url(#filter20_f_1806_105858)">
+<ellipse cx="755.243" cy="463.757" rx="309.636" ry="58.8192" transform="rotate(-10.3271 755.243 463.757)" fill="#DB91F8"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1806_105858" x="684.902" y="153.663" width="1844.6" height="688.892" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="28.2796" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter1_f_1806_105858" x="762.06" y="-17.1275" width="1549.43" height="599.399" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="54.8958" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter2_f_1806_105858" x="780.555" y="0.0905762" width="2112.01" height="1575.19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="94.8199" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter3_f_1806_105858" x="1684.91" y="47.9734" width="1327.3" height="1071.73" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="94.8199" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter4_f_1806_105858" x="801.437" y="18.949" width="1595.98" height="506.653" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="58.2228" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter5_f_1806_105858" x="2044.88" y="204.867" width="543.243" height="668.649" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="58.2228" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter6_f_1806_105858" x="644.677" y="121.802" width="1831.22" height="588.505" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="19.9621" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter7_f_1806_105858" x="1119.41" y="125.806" width="1053.66" height="355.165" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="31.6066" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter8_f_1806_105858" x="1179.4" y="168.201" width="957.911" height="256.04" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="8.31754" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter9_f_1806_105858" x="228.204" y="-47.2805" width="2471.79" height="2448.92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="94.8199" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter10_f_1806_105858" x="859.665" y="144.946" width="1625.87" height="1389.48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="36.5972" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter11_f_1806_105858" x="503.392" y="-105.862" width="2360.71" height="2360.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="224.574" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter12_f_1806_105858" x="-23.6609" y="106.507" width="761.392" height="1466.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="51.5687" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter13_f_1806_105858" x="123.642" y="565.919" width="345.185" height="680.807" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="24.9526" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter14_f_1806_105858" x="500.241" y="354.179" width="1906.64" height="605.846" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="9.98105" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter15_f_1806_105858" x="654.426" y="171.852" width="930.413" height="302.339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="41.5877" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter16_f_1806_105858" x="804.946" y="202.829" width="868.154" height="198.967" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="24.9526" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter17_f_1806_105858" x="1711.79" y="407.269" width="875.181" height="766.173" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="51.5687" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter18_f_1806_105858" x="1705.84" y="112.945" width="1293.62" height="1039.73" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="51.5687" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter19_f_1806_105858" x="2261.68" y="553.002" width="526.419" height="380.598" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="8.31754" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<filter id="filter20_f_1806_105858" x="367.262" y="300.399" width="775.96" height="326.718" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="41.5877" result="effect1_foregroundBlur_1806_105858"/>
+</filter>
+<linearGradient id="paint0_linear_1806_105858" x1="901.323" y1="307.998" x2="1411.31" y2="179.791" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F2D8"/>
+<stop offset="0.71875" stop-color="#9D20FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1806_105858" x1="1961.07" y1="326.506" x2="1813.56" y2="0.659911" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1EDFF" stop-opacity="0"/>
+<stop offset="0.535303" stop-color="#FDD5C7"/>
+<stop offset="1" stop-color="#F1EDFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1806_105858" x1="2004.81" y1="319.52" x2="1819.33" y2="-45.5493" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1EDFF" stop-opacity="0"/>
+<stop offset="0.535303" stop-color="#FDD5C7"/>
+<stop offset="1" stop-color="#F1EDFF" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint3_radial_1806_105858" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2112.8 804.035) rotate(-111.098) scale(1208.32 2042.82)">
+<stop stop-color="#030103"/>
+<stop offset="0.802083" stop-color="#3B3A75" stop-opacity="0.71"/>
+<stop offset="0.958333" stop-color="#B97AF1" stop-opacity="0.61"/>
+<stop offset="1" stop-color="#9E44EF"/>
+</radialGradient>
+<linearGradient id="paint4_linear_1806_105858" x1="362.35" y1="691.972" x2="572.812" y2="712.349" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A075D6"/>
+<stop offset="0.923198" stop-color="#9D20FF"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1806_105858" x1="645.665" y1="409.491" x2="14.9837" y2="888.657" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1EDFF" stop-opacity="0"/>
+<stop offset="0.463542" stop-color="#F1EDFF"/>
+<stop offset="1" stop-color="#F1EDFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1806_105858" x1="1428.32" y1="359.453" x2="2400.17" y2="915.307" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B45BF3"/>
+<stop offset="1" stop-color="#00B7FF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1806_105858" x1="2219.71" y1="807.881" x2="2425.08" y2="754.722" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60EAE2"/>
+<stop offset="0.114583" stop-color="#71BDDD"/>
+<stop offset="1" stop-color="#AB66E1"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1806_105858" x1="2479.25" y1="678.076" x2="2395.08" y2="872.046" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F2D8"/>
+<stop offset="0.571662" stop-color="#9D20FF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1806_105858" x1="1700.33" y1="260.616" x2="1035.8" y2="304.244" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1EDFF" stop-opacity="0"/>
+<stop offset="0.463542" stop-color="#F1EDFF"/>
+<stop offset="1" stop-color="#F1EDFF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_1806_105858" x1="2695.34" y1="847.788" x2="2314.95" y2="595.234" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F1EDFF" stop-opacity="0"/>
+<stop offset="0.463542" stop-color="#F7F6DB"/>
+<stop offset="1" stop-color="#F1EDFF" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_1806_105858">
+<rect width="2956.55" height="1031.78" fill="white" transform="translate(0.554688)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/www/public/images/launchweek/seven/lw7-seven.svg b/apps/www/public/images/launchweek/seven/lw7-seven.svg
new file mode 100644
index 00000000000..8d033c47d71
--- /dev/null
+++ b/apps/www/public/images/launchweek/seven/lw7-seven.svg
@@ -0,0 +1,19 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.949166" y="0.992135" width="39.3673" height="39.3673" rx="6.90644" fill="url(#paint0_linear_2035_107527)"/>
+<path d="M25.6331 14.8212H15.634V17.2348H22.4082C22.4082 17.2348 18.007 20.9059 17.4594 27.9844H20.3597C20.9479 21.3521 24.6393 18.0055 25.6331 17.1537V14.8212Z" fill="url(#paint1_linear_2035_107527)"/>
+<rect x="0.949166" y="0.992135" width="39.3673" height="39.3673" rx="6.90644" stroke="url(#paint2_linear_2035_107527)" stroke-width="0.632708"/>
+<defs>
+<linearGradient id="paint0_linear_2035_107527" x1="12.7808" y1="12.2554" x2="33.4431" y2="56.1086" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CB88FF"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2035_107527" x1="5.13126" y1="-8.73792" x2="31.269" y2="-7.90077" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2035_107527" x1="26.0044" y1="0.75867" x2="37.0031" y2="15.3222" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.11"/>
+<stop offset="1" stop-color="white" stop-opacity="0.35"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/www/public/images/launchweek/seven/socks.jpg b/apps/www/public/images/launchweek/seven/socks.jpg
new file mode 100644
index 00000000000..667d054a9e4
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/socks.jpg differ
diff --git a/apps/www/public/images/launchweek/seven/stickers.jpg b/apps/www/public/images/launchweek/seven/stickers.jpg
new file mode 100644
index 00000000000..ddd544def5a
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/stickers.jpg differ
diff --git a/apps/www/public/images/launchweek/seven/ticket-overlay-gold.png b/apps/www/public/images/launchweek/seven/ticket-overlay-gold.png
new file mode 100644
index 00000000000..ab16a727088
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/ticket-overlay-gold.png differ
diff --git a/apps/www/public/images/launchweek/seven/ticket-overlay-reg.png b/apps/www/public/images/launchweek/seven/ticket-overlay-reg.png
new file mode 100644
index 00000000000..5c75172253e
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/ticket-overlay-reg.png differ
diff --git a/apps/www/public/images/launchweek/seven/tshirt.jpg b/apps/www/public/images/launchweek/seven/tshirt.jpg
new file mode 100644
index 00000000000..18bdf0af06a
Binary files /dev/null and b/apps/www/public/images/launchweek/seven/tshirt.jpg differ
diff --git a/apps/www/public/images/launchweek/supabadge-connected.svg b/apps/www/public/images/launchweek/supabadge-connected.svg
index dc9995463b2..2a697b09bc9 100644
--- a/apps/www/public/images/launchweek/supabadge-connected.svg
+++ b/apps/www/public/images/launchweek/supabadge-connected.svg
@@ -3,11 +3,11 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9633 7.62447C11.9574 7.22892 11.4586 7.05917 11.2127 7.36898L7.50057 12.0441C7.06243 12.5959 7.4554 13.4097 8.16 13.4097H11.9945L12.0397 16.4214C12.0456 16.8169 12.5443 16.9867 12.7903 16.6769L16.5024 12.0017C16.9405 11.4499 16.5476 10.6361 15.843 10.6361H11.9831L11.9633 7.62447Z" fill="url(#paint1_linear_214_53007)"/>
 <defs>
 <linearGradient id="paint0_linear_214_53007" x1="12" y1="0.0234375" x2="28.832" y2="29.8425" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3FCF8E"/>
+<stop stopColor="#3FCF8E"/>
 <stop offset="1" stop-color="#375965"/>
 </linearGradient>
 <linearGradient id="paint1_linear_214_53007" x1="12.0015" y1="7.20898" x2="17.6833" y2="20.5567" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/supabadge-disconnected.svg b/apps/www/public/images/launchweek/supabadge-disconnected.svg
index f121eb57e36..7c5fcd76a89 100644
--- a/apps/www/public/images/launchweek/supabadge-disconnected.svg
+++ b/apps/www/public/images/launchweek/supabadge-disconnected.svg
@@ -3,11 +3,11 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9633 7.62447C11.9574 7.22892 11.4586 7.05917 11.2127 7.36898L7.50057 12.0441C7.06243 12.5959 7.4554 13.4097 8.16 13.4097H11.9945L12.0397 16.4214C12.0456 16.8169 12.5443 16.9867 12.7903 16.6769L16.5024 12.0017C16.9405 11.4499 16.5476 10.6361 15.843 10.6361H11.9831L11.9633 7.62447Z" fill="url(#paint1_linear_214_53368)"/>
 <defs>
 <linearGradient id="paint0_linear_214_53368" x1="-2.00351" y1="0.023438" x2="32.1363" y2="22.3219" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.8"/>
+<stop stopColor="white" stop-opacity="0.8"/>
 <stop offset="1" stop-color="#F4FFFA" stop-opacity="0.5"/>
 </linearGradient>
 <linearGradient id="paint1_linear_214_53368" x1="3.68646" y1="9.19118" x2="19.6319" y2="16.8359" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.8"/>
+<stop stopColor="white" stop-opacity="0.8"/>
 <stop offset="1" stop-color="white" stop-opacity="0.5"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/supabadge-gold.svg b/apps/www/public/images/launchweek/supabadge-gold.svg
index 583db3b4f47..17cbf3b680f 100644
--- a/apps/www/public/images/launchweek/supabadge-gold.svg
+++ b/apps/www/public/images/launchweek/supabadge-gold.svg
@@ -3,15 +3,15 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9633 7.62447C11.9574 7.22892 11.4586 7.05917 11.2127 7.36898L7.50057 12.0441C7.06243 12.5959 7.4554 13.4097 8.16 13.4097H11.9945L12.0397 16.4214C12.0456 16.8169 12.5443 16.9867 12.7903 16.6769L16.5024 12.0017C16.9405 11.4499 16.5476 10.6361 15.843 10.6361H11.9831L11.9633 7.62447Z" fill="url(#paint2_linear_524_60522)"/>
 <defs>
 <linearGradient id="paint0_linear_524_60522" x1="12" y1="0.0234375" x2="12" y2="24.0234" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBD13"/>
+<stop stopColor="#FFBD13"/>
 <stop offset="1" stop-color="#9C7000"/>
 </linearGradient>
 <linearGradient id="paint1_linear_524_60522" x1="12" y1="13.8088" x2="12" y2="24.0234" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#FFBD14"/>
 </linearGradient>
 <linearGradient id="paint2_linear_524_60522" x1="12.0015" y1="7.20898" x2="17.6833" y2="20.5567" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/ticket-header-logo.png b/apps/www/public/images/launchweek/ticket-header-logo.png
new file mode 100644
index 00000000000..a936ec4e615
Binary files /dev/null and b/apps/www/public/images/launchweek/ticket-header-logo.png differ
diff --git a/apps/www/public/images/launchweek/ticket-header-logo.svg b/apps/www/public/images/launchweek/ticket-header-logo.svg
new file mode 100644
index 00000000000..96613bac403
--- /dev/null
+++ b/apps/www/public/images/launchweek/ticket-header-logo.svg
@@ -0,0 +1,77 @@
+<svg fill="none" viewBox="0 0 225 20" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M.703 12.51c.114 1.066 1.082 2.89 3.892 2.89 2.45 0 3.626-1.558 3.626-3.08 0-1.368-.93-2.49-2.772-2.87L4.12 9.165c-.512-.095-.854-.38-.854-.837 0-.532.532-.931 1.196-.931C5.525 7.397 5.924 8.1 6 8.65l2.107-.475c-.113-1.007-1.006-2.7-3.664-2.7C2.431 5.477.95 6.865.95 8.538c0 1.312.816 2.396 2.62 2.795l1.234.285c.721.152 1.006.495 1.006.913 0 .494-.399.931-1.234.931-1.101 0-1.652-.684-1.709-1.425l-2.164.475zM16.294 15.115h2.412c-.039-.323-.096-.97-.096-1.692V5.762h-2.525v5.437c0 1.084-.645 1.844-1.765 1.844-1.177 0-1.709-.836-1.709-1.882v-5.4h-2.525v5.913c0 2.035 1.29 3.689 3.55 3.689.987 0 2.07-.38 2.582-1.255 0 .38.038.817.076 1.007zM23.822 18.726V14.2c.455.627 1.405 1.14 2.696 1.14 2.639 0 4.404-2.09 4.404-4.923 0-2.776-1.576-4.867-4.31-4.867-1.404 0-2.448.627-2.866 1.35V5.76h-2.45v12.966h2.526zm4.613-8.29c0 1.674-1.025 2.643-2.316 2.643-1.29 0-2.335-.988-2.335-2.642s1.044-2.624 2.335-2.624 2.316.97 2.316 2.624zM32.36 12.568c0 1.464 1.214 2.814 3.208 2.814 1.386 0 2.278-.647 2.753-1.388 0 .36.038.874.095 1.121h2.316a10.47 10.47 0 01-.114-1.482V9.032c0-1.882-1.101-3.555-4.063-3.555-2.506 0-3.854 1.616-4.006 3.08l2.24.475c.076-.818.684-1.521 1.785-1.521 1.063 0 1.576.551 1.576 1.217 0 .323-.17.589-.703.665l-2.297.342c-1.556.228-2.79 1.16-2.79 2.833zm3.74.931c-.817 0-1.216-.532-1.216-1.083 0-.723.513-1.084 1.158-1.179l2.108-.323v.418c0 1.654-.987 2.167-2.05 2.167zM45.605 15.116v-1.14c.494.798 1.481 1.368 2.772 1.368 2.658 0 4.405-2.11 4.405-4.943 0-2.776-1.576-4.886-4.31-4.886-1.386 0-2.411.608-2.829 1.274V1.352h-2.487v13.764h2.45zm4.652-4.696c0 1.711-1.026 2.662-2.317 2.662-1.271 0-2.335-.97-2.335-2.662 0-1.711 1.064-2.643 2.335-2.643 1.291 0 2.317.932 2.317 2.643zM54.21 12.568c0 1.464 1.216 2.814 3.21 2.814 1.385 0 2.278-.647 2.752-1.388 0 .36.038.874.095 1.121h2.316a10.547 10.547 0 01-.113-1.482V9.032c0-1.882-1.102-3.555-4.063-3.555-2.506 0-3.854 1.616-4.006 3.08l2.24.475c.076-.818.684-1.521 1.784-1.521 1.064 0 1.576.551 1.576 1.217 0 .323-.17.589-.702.665l-2.297.342c-1.557.228-2.791 1.16-2.791 2.833zm3.741.931c-.816 0-1.215-.532-1.215-1.083 0-.723.512-1.084 1.158-1.179l2.107-.323v.418c0 1.654-.987 2.167-2.05 2.167zM64.219 12.51c.113 1.066 1.082 2.89 3.892 2.89 2.449 0 3.626-1.558 3.626-3.08 0-1.368-.93-2.49-2.772-2.87l-1.33-.285c-.512-.095-.853-.38-.853-.837 0-.532.531-.931 1.196-.931 1.063 0 1.462.703 1.538 1.254l2.107-.475c-.114-1.007-1.006-2.7-3.664-2.7-2.013 0-3.493 1.388-3.493 3.061 0 1.312.816 2.396 2.62 2.795l1.234.285c.721.152 1.006.495 1.006.913 0 .494-.399.931-1.234.931-1.102 0-1.652-.684-1.709-1.425l-2.164.475zM75.575 9.374c.057-.856.779-1.844 2.089-1.844 1.442 0 2.05.912 2.088 1.844h-4.177zM80 11.807c-.304.837-.95 1.426-2.126 1.426-1.254 0-2.298-.893-2.354-2.129H82.2c0-.038.038-.418.038-.78 0-3.003-1.727-4.847-4.613-4.847-2.392 0-4.595 1.939-4.595 4.923 0 3.156 2.26 5 4.823 5 2.297 0 3.778-1.35 4.252-2.965L80 11.807z"
+        fill="#fff"
+      />
+      <path
+        d="M94.758 14.54v-1.448h-4.125V5.541H89.11v8.998h5.648zm9.612 0h1.663l-3.503-9h-1.764l-3.503 9h1.612l.837-2.26h3.808l.85 2.26zm-2.754-7.35l1.371 3.681h-2.742l1.371-3.68zm10.551 7.54c1.891 0 3.364-1.155 3.364-3.326V5.541h-1.523v5.774c0 1.27-.686 1.968-1.841 1.968-1.142 0-1.84-.698-1.84-1.968V5.541h-1.51v5.863c0 2.17 1.472 3.325 3.35 3.325zm14.87-.19v-9h-1.523v6.385l-4.087-6.384h-1.942v8.998h1.523V7.724l4.442 6.815h1.587zm8.055.19c2.297 0 3.667-1.46 4.074-2.983l-1.397-.457c-.304 1.015-1.167 1.98-2.677 1.98-1.536 0-2.983-1.117-2.983-3.224 0-2.183 1.485-3.261 2.97-3.261 1.51 0 2.348.875 2.614 1.967l1.434-.483c-.406-1.573-1.764-2.919-4.048-2.919-2.335 0-4.531 1.765-4.531 4.696 0 2.932 2.119 4.683 4.544 4.683zm14.808-.19v-9h-1.535v3.72h-4.227V5.54h-1.523v9h1.523v-3.846h4.227v3.845h1.535zm17.441-2.374l-2.145-6.625h-1.587l-2.106 6.574-1.803-6.574h-1.599l2.551 8.998h1.561l2.183-6.803 2.183 6.803h1.574l2.526-8.998h-1.574l-1.764 6.625zm12.039 2.373v-1.421h-4.036v-2.386h3.655V9.348h-3.655V6.962h4.036V5.541h-5.559v8.998h5.559zm9.291 0v-1.421h-4.036v-2.386h3.655V9.348h-3.655V6.962h4.036V5.541h-5.559v8.998h5.559zm9.252 0h1.917l-3.681-5.026 3.642-3.972h-2.005l-3.871 4.315V5.54h-1.523v8.998h1.523V11.95l1.193-1.307 2.805 3.896z"
+        fill="url(#a)"
+      />
+      <path
+        d="M218.589 7.11h-5.058v.962h3.903s-2.545 1.936-2.855 5.967h1.08c.332-3.668 2.289-5.41 2.93-5.924V7.11z"
+        fill="url(#c)"
+      />
+      <rect
+        height="15.698"
+        width="15.698"
+        fill="url(#b)"
+        rx="3.408"
+        x="208.211"
+        y="2.191"
+      />
+      <rect
+        height="15.698"
+        width="15.698"
+        rx="3.408"
+        stroke="url(#d)"
+        strokeWidth=".312"
+        x="208.211"
+        y="2.191"
+      />
+      <defs>
+        <linearGradient
+          id="a"
+          gradientUnits="userSpaceOnUse"
+          x1="115.513"
+          x2="204.24"
+          y1=".585"
+          y2=".585"
+        >
+          <stop stopColor="#fff" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".62" />
+        </linearGradient>
+        <linearGradient
+          id="b"
+          gradientUnits="userSpaceOnUse"
+          x1="212.917"
+          x2="221.187"
+          y1="6.67"
+          y2="24.223"
+        >
+          <stop stopColor="#fff" stopOpacity=".46" />
+          <stop offset="1" stopColor="#fff" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="c"
+          gradientUnits="userSpaceOnUse"
+          x1="202.775"
+          x2="224.812"
+          y1="3.968"
+          y2="6.899"
+        >
+          <stop stopColor="#fff" />
+          <stop offset="1" stopColor="#fff" />
+        </linearGradient>
+        <linearGradient
+          id="d"
+          gradientUnits="userSpaceOnUse"
+          x1="218.21"
+          x2="222.612"
+          y1="2.068"
+          y2="7.898"
+        >
+          <stop stopColor="#76A891" stopOpacity=".11" />
+          <stop offset="1" stopColor="#fff" stopOpacity=".35" />
+        </linearGradient>
+      </defs>
+    </svg>
\ No newline at end of file
diff --git a/apps/www/public/images/launchweek/ticket-logo-dark.svg b/apps/www/public/images/launchweek/ticket-logo-dark.svg
deleted file mode 100644
index 3263424d622..00000000000
--- a/apps/www/public/images/launchweek/ticket-logo-dark.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<svg width="503" height="43" viewBox="0 0 503 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.6875 26.8131C0.942986 29.2026 3.1161 33.2988 9.42263 33.2988C14.9192 33.2988 17.5615 29.7999 17.5615 26.3864C17.5615 23.3142 15.4732 20.7967 11.3403 19.9432L8.35718 19.3032C7.20686 19.0899 6.43998 18.4499 6.43998 17.4258C6.43998 16.231 7.63295 15.335 9.12449 15.335C11.5104 15.335 12.4053 16.9137 12.5759 18.1512L17.3056 17.0844C17.0501 14.8229 15.0472 11.0254 9.08184 11.0254C4.56499 11.0254 1.24155 14.1403 1.24155 17.8951C1.24155 20.8393 3.07345 23.2716 7.12155 24.1675L9.89138 24.8076C11.5104 25.1489 12.1498 25.9171 12.1498 26.8558C12.1498 27.9652 11.255 28.9466 9.37998 28.9466C6.90872 28.9466 5.67266 27.4104 5.54513 25.7463L0.6875 26.8131Z" fill="white"/>
-<path d="M35.6723 32.6595H41.084C40.9986 31.9341 40.8707 30.4833 40.8707 28.8618V11.666H35.2031V23.8695C35.2031 26.3017 33.7546 28.0084 31.2407 28.0084C28.5989 28.0084 27.4055 26.131 27.4055 23.7842V11.666H21.7383V24.9363C21.7383 29.5019 24.6356 33.2142 29.7065 33.2142C31.9219 33.2142 34.3518 32.3608 35.5021 30.398C35.5021 31.2513 35.587 32.2327 35.6723 32.6595Z" fill="white"/>
-<path d="M52.5847 40.7672V30.6119C53.6071 32.02 55.738 33.1721 58.6358 33.1721C64.5584 33.1721 68.5208 28.4784 68.5208 22.1206C68.5208 15.8909 64.9845 11.1973 58.8486 11.1973C55.6957 11.1973 53.352 12.6053 52.4145 14.2268V11.6666H46.918V40.7672H52.5847ZM62.9389 22.1633C62.9389 25.9183 60.6383 28.0944 57.7405 28.0944C54.8436 28.0944 52.4998 25.8756 52.4998 22.1633C52.4998 18.4511 54.8436 16.2749 57.7405 16.2749C60.6383 16.2749 62.9389 18.4511 62.9389 22.1633Z" fill="white"/>
-<path d="M71.7305 26.9411C71.7305 30.2267 74.4572 33.2562 78.9318 33.2562C82.0416 33.2562 84.0445 31.8054 85.1096 30.1413C85.1096 30.952 85.1949 32.1041 85.3228 32.6588H90.5212C90.3933 31.9334 90.2662 30.44 90.2662 29.3306V19.0045C90.2662 14.7802 87.7945 11.0254 81.1476 11.0254C75.5227 11.0254 72.4969 14.6522 72.1566 17.9378L77.1844 19.0045C77.355 17.1698 78.7186 15.591 81.1894 15.591C83.5762 15.591 84.7265 16.8284 84.7265 18.3218C84.7265 19.0472 84.3435 19.6446 83.1501 19.8153L77.9943 20.5833C74.5003 21.0954 71.7305 23.1861 71.7305 26.9411ZM80.1244 29.0319C78.2925 29.0319 77.3972 27.8372 77.3972 26.5998C77.3972 24.9783 78.5475 24.1675 79.9969 23.9542L84.7265 23.2289V24.1675C84.7265 27.8799 82.5108 29.0319 80.1244 29.0319Z" fill="white"/>
-<path d="M101.477 32.6604V30.1002C102.585 31.8923 104.8 33.1724 107.698 33.1724C113.664 33.1724 117.585 28.4361 117.585 22.0783C117.585 15.8485 114.047 11.1122 107.912 11.1122C104.8 11.1122 102.5 12.4777 101.562 13.971V1.76758H95.9805V32.6604H101.477ZM111.917 22.1209C111.917 25.9612 109.616 28.0947 106.718 28.0947C103.863 28.0947 101.477 25.9186 101.477 22.1209C101.477 18.2807 103.863 16.1899 106.718 16.1899C109.616 16.1899 111.917 18.2807 111.917 22.1209Z" fill="white"/>
-<path d="M120.793 26.9411C120.793 30.2267 123.52 33.2562 127.994 33.2562C131.104 33.2562 133.107 31.8054 134.172 30.1413C134.172 30.952 134.258 32.1041 134.385 32.6588H139.584C139.457 31.9334 139.329 30.44 139.329 29.3306V19.0045C139.329 14.7802 136.857 11.0254 130.21 11.0254C124.585 11.0254 121.56 14.6522 121.219 17.9378L126.246 19.0045C126.417 17.1698 127.781 15.591 130.252 15.591C132.639 15.591 133.789 16.8284 133.789 18.3218C133.789 19.0472 133.406 19.6446 132.212 19.8153L127.057 20.5833C123.563 21.0954 120.793 23.1861 120.793 26.9411ZM129.187 29.0319C127.355 29.0319 126.46 27.8372 126.46 26.5998C126.46 24.9783 127.61 24.1675 129.059 23.9542L133.789 23.2289V24.1675C133.789 27.8799 131.573 29.0319 129.187 29.0319Z" fill="white"/>
-<path d="M143.25 26.8131C143.505 29.2026 145.679 33.2988 151.985 33.2988C157.482 33.2988 160.123 29.7999 160.123 26.3864C160.123 23.3142 158.036 20.7967 153.902 19.9432L150.919 19.3032C149.769 19.0899 149.002 18.4499 149.002 17.4258C149.002 16.231 150.195 15.335 151.687 15.335C154.073 15.335 154.968 16.9137 155.139 18.1512L159.868 17.0844C159.612 14.8229 157.61 11.0254 151.644 11.0254C147.127 11.0254 143.804 14.1403 143.804 17.8951C143.804 20.8393 145.636 23.2716 149.684 24.1675L152.454 24.8076C154.073 25.1489 154.712 25.9171 154.712 26.8558C154.712 27.9652 153.817 28.9466 151.942 28.9466C149.471 28.9466 148.236 27.4104 148.108 25.7463L143.25 26.8131Z" fill="white"/>
-<path d="M168.729 19.7726C168.857 17.8525 170.477 15.6336 173.417 15.6336C176.655 15.6336 178.019 17.6818 178.104 19.7726H168.729ZM178.658 25.2343C177.976 27.1117 176.527 28.4345 173.886 28.4345C171.073 28.4345 168.729 26.429 168.602 23.6556H183.601C183.601 23.5701 183.686 22.7168 183.686 21.906C183.686 15.1643 179.809 11.0254 173.332 11.0254C167.963 11.0254 163.02 15.3776 163.02 22.0768C163.02 29.1599 168.09 33.2988 173.843 33.2988C178.999 33.2988 182.323 30.2693 183.388 26.6424L178.658 25.2343Z" fill="white"/>
-<path d="M211.785 31.2676V28.0203H202.527V11.0718H199.109V31.2676H211.785ZM233.359 31.2676H237.09L229.228 11.0718H225.269L217.407 31.2676H221.025L222.905 26.1973H231.45L233.359 31.2676ZM227.177 14.7748L230.254 23.0354H224.101L227.177 14.7748ZM250.859 31.6949C255.103 31.6949 258.407 29.1027 258.407 24.2318V11.0718H254.989V24.0324C254.989 26.8809 253.451 28.4476 250.859 28.4476C248.295 28.4476 246.728 26.8809 246.728 24.0324V11.0718H243.338V24.2318C243.338 29.1027 246.643 31.6949 250.859 31.6949ZM284.232 31.2676V11.0718H280.814V25.3997L271.642 11.0718H267.283V31.2676H270.702V15.9712L280.671 31.2676H284.232ZM302.31 31.6949C307.466 31.6949 310.542 28.4191 311.454 25.0009L308.32 23.9754C307.637 26.2542 305.7 28.4191 302.31 28.4191C298.863 28.4191 295.616 25.9124 295.616 21.1839C295.616 16.2845 298.949 13.8633 302.281 13.8633C305.671 13.8633 307.551 15.8287 308.149 18.2784L311.368 17.196C310.457 13.6639 307.409 10.6445 302.281 10.6445C297.04 10.6445 292.112 14.6039 292.112 21.1839C292.112 27.7639 296.869 31.6949 302.31 31.6949ZM335.546 31.2676V11.0718H332.1V19.4178H322.614V11.0718H319.196V31.2676H322.614V22.6366H332.1V31.2676H335.546ZM374.69 25.9409L369.876 11.0718H366.315L361.587 25.827L357.542 11.0718H353.953L359.679 31.2676H363.182L368.082 15.9997L372.981 31.2676H376.513L382.182 11.0718H378.649L374.69 25.9409ZM401.711 31.2676V28.0773H392.653V22.7221H400.856V19.6172H392.653V14.2621H401.711V11.0718H389.235V31.2676H401.711ZM422.563 31.2676V28.0773H413.505V22.7221H421.708V19.6172H413.505V14.2621H422.563V11.0718H410.086V31.2676H422.563ZM443.329 31.2676H447.63L439.37 19.9875L447.545 11.0718H443.044L434.356 20.7566V11.0718H430.938V31.2676H434.356V25.4567L437.034 22.5227L443.329 31.2676Z" fill="url(#paint0_linear_169_33080)"/>
-<rect x="467.038" y="3.65118" width="35.2333" height="35.2333" rx="7.6496" fill="url(#paint1_linear_169_33080)"/>
-<path d="M490.295 14.2196C489.575 13.7156 488.351 13.3556 486.935 13.3556C482.399 13.3556 478.919 16.6436 478.919 22.4276C478.919 27.5636 482.015 29.6276 484.991 29.6276C488.039 29.6276 490.751 27.6596 490.751 24.3236C490.751 20.9396 488.495 19.0196 485.423 19.0196C483.359 19.0196 481.943 20.0036 481.319 21.0356C481.511 17.8436 483.551 15.4676 486.791 15.4676C487.967 15.4676 488.999 15.8036 489.575 16.1396L490.295 14.2196ZM481.655 24.3236C481.655 22.2356 483.215 21.0356 485.015 21.0356C486.815 21.0356 488.375 22.2356 488.375 24.3236C488.375 26.3876 486.839 27.5876 485.015 27.5876C483.311 27.5876 481.655 26.3636 481.655 24.3236Z" fill="url(#paint2_linear_169_33080)"/>
-<rect x="467.038" y="3.65118" width="35.2333" height="35.2333" rx="7.6496" stroke="url(#paint3_linear_169_33080)" stroke-width="0.70079"/>
-<defs>
-<linearGradient id="paint0_linear_169_33080" x1="258.522" y1="-1.42179" x2="458.156" y2="-1.4218" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0.62"/>
-</linearGradient>
-<linearGradient id="paint1_linear_169_33080" x1="477.601" y1="13.7034" x2="496.163" y2="53.099" gradientUnits="userSpaceOnUse">
-<stop stop-color="#14292C"/>
-<stop offset="1" stop-color="#121212" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_169_33080" x1="453.653" y1="9.12603" x2="504.752" y2="17.0552" gradientUnits="userSpaceOnUse">
-<stop stop-color="#57796F"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear_169_33080" x1="489.48" y1="3.37524" x2="499.361" y2="16.4585" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
-<stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/www/public/images/launchweek/ticket-logo-light.svg b/apps/www/public/images/launchweek/ticket-logo-light.svg
deleted file mode 100644
index 2af92a1516c..00000000000
--- a/apps/www/public/images/launchweek/ticket-logo-light.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<svg width="503" height="43" viewBox="0 0 503 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.6875 26.8131C0.942986 29.2026 3.1161 33.2988 9.42263 33.2988C14.9192 33.2988 17.5615 29.7999 17.5615 26.3864C17.5615 23.3142 15.4732 20.7967 11.3403 19.9432L8.35718 19.3032C7.20686 19.0899 6.43998 18.4499 6.43998 17.4258C6.43998 16.231 7.63295 15.335 9.12449 15.335C11.5104 15.335 12.4053 16.9137 12.5759 18.1512L17.3056 17.0844C17.0501 14.8229 15.0472 11.0254 9.08184 11.0254C4.56499 11.0254 1.24155 14.1403 1.24155 17.8951C1.24155 20.8393 3.07345 23.2716 7.12155 24.1675L9.89138 24.8076C11.5104 25.1489 12.1498 25.9171 12.1498 26.8558C12.1498 27.9652 11.255 28.9466 9.37998 28.9466C6.90872 28.9466 5.67266 27.4104 5.54513 25.7463L0.6875 26.8131Z" fill="white"/>
-<path d="M35.6723 32.6595H41.084C40.9986 31.9341 40.8707 30.4833 40.8707 28.8618V11.666H35.2031V23.8695C35.2031 26.3017 33.7546 28.0084 31.2407 28.0084C28.5989 28.0084 27.4055 26.131 27.4055 23.7842V11.666H21.7383V24.9363C21.7383 29.5019 24.6356 33.2142 29.7065 33.2142C31.9219 33.2142 34.3518 32.3608 35.5021 30.398C35.5021 31.2513 35.587 32.2327 35.6723 32.6595Z" fill="white"/>
-<path d="M52.5847 40.7672V30.6119C53.6071 32.02 55.738 33.1721 58.6358 33.1721C64.5584 33.1721 68.5208 28.4784 68.5208 22.1206C68.5208 15.8909 64.9845 11.1973 58.8486 11.1973C55.6957 11.1973 53.352 12.6053 52.4145 14.2268V11.6666H46.918V40.7672H52.5847ZM62.9389 22.1633C62.9389 25.9183 60.6383 28.0944 57.7405 28.0944C54.8436 28.0944 52.4998 25.8756 52.4998 22.1633C52.4998 18.4511 54.8436 16.2749 57.7405 16.2749C60.6383 16.2749 62.9389 18.4511 62.9389 22.1633Z" fill="white"/>
-<path d="M71.7305 26.9411C71.7305 30.2267 74.4572 33.2562 78.9318 33.2562C82.0416 33.2562 84.0445 31.8054 85.1096 30.1413C85.1096 30.952 85.1949 32.1041 85.3228 32.6588H90.5212C90.3933 31.9334 90.2662 30.44 90.2662 29.3306V19.0045C90.2662 14.7802 87.7945 11.0254 81.1476 11.0254C75.5227 11.0254 72.4969 14.6522 72.1566 17.9378L77.1844 19.0045C77.355 17.1698 78.7186 15.591 81.1894 15.591C83.5762 15.591 84.7265 16.8284 84.7265 18.3218C84.7265 19.0472 84.3435 19.6446 83.1501 19.8153L77.9943 20.5833C74.5003 21.0954 71.7305 23.1861 71.7305 26.9411ZM80.1244 29.0319C78.2925 29.0319 77.3972 27.8372 77.3972 26.5998C77.3972 24.9783 78.5475 24.1675 79.9969 23.9542L84.7265 23.2289V24.1675C84.7265 27.8799 82.5108 29.0319 80.1244 29.0319Z" fill="white"/>
-<path d="M101.477 32.6604V30.1002C102.585 31.8923 104.8 33.1724 107.698 33.1724C113.664 33.1724 117.585 28.4361 117.585 22.0783C117.585 15.8485 114.047 11.1122 107.912 11.1122C104.8 11.1122 102.5 12.4777 101.562 13.971V1.76758H95.9805V32.6604H101.477ZM111.917 22.1209C111.917 25.9612 109.616 28.0947 106.718 28.0947C103.863 28.0947 101.477 25.9186 101.477 22.1209C101.477 18.2807 103.863 16.1899 106.718 16.1899C109.616 16.1899 111.917 18.2807 111.917 22.1209Z" fill="white"/>
-<path d="M120.793 26.9411C120.793 30.2267 123.52 33.2562 127.994 33.2562C131.104 33.2562 133.107 31.8054 134.172 30.1413C134.172 30.952 134.258 32.1041 134.385 32.6588H139.584C139.457 31.9334 139.329 30.44 139.329 29.3306V19.0045C139.329 14.7802 136.857 11.0254 130.21 11.0254C124.585 11.0254 121.56 14.6522 121.219 17.9378L126.246 19.0045C126.417 17.1698 127.781 15.591 130.252 15.591C132.639 15.591 133.789 16.8284 133.789 18.3218C133.789 19.0472 133.406 19.6446 132.212 19.8153L127.057 20.5833C123.563 21.0954 120.793 23.1861 120.793 26.9411ZM129.187 29.0319C127.355 29.0319 126.46 27.8372 126.46 26.5998C126.46 24.9783 127.61 24.1675 129.059 23.9542L133.789 23.2289V24.1675C133.789 27.8799 131.573 29.0319 129.187 29.0319Z" fill="white"/>
-<path d="M143.25 26.8131C143.505 29.2026 145.679 33.2988 151.985 33.2988C157.482 33.2988 160.123 29.7999 160.123 26.3864C160.123 23.3142 158.036 20.7967 153.902 19.9432L150.919 19.3032C149.769 19.0899 149.002 18.4499 149.002 17.4258C149.002 16.231 150.195 15.335 151.687 15.335C154.073 15.335 154.968 16.9137 155.139 18.1512L159.868 17.0844C159.612 14.8229 157.61 11.0254 151.644 11.0254C147.127 11.0254 143.804 14.1403 143.804 17.8951C143.804 20.8393 145.636 23.2716 149.684 24.1675L152.454 24.8076C154.073 25.1489 154.712 25.9171 154.712 26.8558C154.712 27.9652 153.817 28.9466 151.942 28.9466C149.471 28.9466 148.236 27.4104 148.108 25.7463L143.25 26.8131Z" fill="white"/>
-<path d="M168.733 19.7726C168.861 17.8525 170.481 15.6336 173.421 15.6336C176.659 15.6336 178.023 17.6818 178.108 19.7726H168.733ZM178.662 25.2343C177.98 27.1117 176.531 28.4345 173.889 28.4345C171.077 28.4345 168.733 26.429 168.606 23.6556H183.605C183.605 23.5701 183.69 22.7168 183.69 21.906C183.69 15.1643 179.813 11.0254 173.335 11.0254C167.967 11.0254 163.023 15.3776 163.023 22.0768C163.023 29.1599 168.094 33.2988 173.847 33.2988C179.003 33.2988 182.326 30.2693 183.392 26.6424L178.662 25.2343Z" fill="white"/>
-<path d="M211.785 31.2676V28.0203H202.527V11.0718H199.109V31.2676H211.785ZM233.359 31.2676H237.09L229.228 11.0718H225.269L217.407 31.2676H221.025L222.905 26.1973H231.45L233.359 31.2676ZM227.177 14.7748L230.254 23.0354H224.101L227.177 14.7748ZM250.859 31.6949C255.103 31.6949 258.407 29.1027 258.407 24.2318V11.0718H254.989V24.0324C254.989 26.8809 253.451 28.4476 250.859 28.4476C248.295 28.4476 246.728 26.8809 246.728 24.0324V11.0718H243.338V24.2318C243.338 29.1027 246.643 31.6949 250.859 31.6949ZM284.232 31.2676V11.0718H280.814V25.3997L271.642 11.0718H267.283V31.2676H270.702V15.9712L280.671 31.2676H284.232ZM302.31 31.6949C307.466 31.6949 310.542 28.4191 311.454 25.0009L308.32 23.9754C307.637 26.2542 305.7 28.4191 302.31 28.4191C298.863 28.4191 295.616 25.9124 295.616 21.1839C295.616 16.2845 298.949 13.8633 302.281 13.8633C305.671 13.8633 307.551 15.8287 308.149 18.2784L311.368 17.196C310.457 13.6639 307.409 10.6445 302.281 10.6445C297.04 10.6445 292.112 14.6039 292.112 21.1839C292.112 27.7639 296.869 31.6949 302.31 31.6949ZM335.546 31.2676V11.0718H332.1V19.4178H322.614V11.0718H319.196V31.2676H322.614V22.6366H332.1V31.2676H335.546ZM374.69 25.9409L369.876 11.0718H366.315L361.587 25.827L357.542 11.0718H353.953L359.679 31.2676H363.182L368.082 15.9997L372.981 31.2676H376.513L382.182 11.0718H378.649L374.69 25.9409ZM401.711 31.2676V28.0773H392.653V22.7221H400.856V19.6172H392.653V14.2621H401.711V11.0718H389.235V31.2676H401.711ZM422.563 31.2676V28.0773H413.505V22.7221H421.708V19.6172H413.505V14.2621H422.563V11.0718H410.086V31.2676H422.563ZM443.329 31.2676H447.63L439.37 19.9875L447.545 11.0718H443.044L434.356 20.7566V11.0718H430.938V31.2676H434.356V25.4567L437.034 22.5227L443.329 31.2676Z" fill="url(#paint0_linear_378_49268)"/>
-<rect x="467.24" y="3.85292" width="34.8298" height="34.8298" rx="7.44786" fill="url(#paint1_linear_378_49268)"/>
-<path d="M490.295 14.2196C489.575 13.7156 488.351 13.3556 486.935 13.3556C482.399 13.3556 478.919 16.6436 478.919 22.4276C478.919 27.5636 482.015 29.6276 484.991 29.6276C488.039 29.6276 490.751 27.6596 490.751 24.3236C490.751 20.9396 488.495 19.0196 485.423 19.0196C483.359 19.0196 481.943 20.0036 481.319 21.0356C481.511 17.8436 483.551 15.4676 486.791 15.4676C487.967 15.4676 488.999 15.8036 489.575 16.1396L490.295 14.2196ZM481.655 24.3236C481.655 22.2356 483.215 21.0356 485.015 21.0356C486.815 21.0356 488.375 22.2356 488.375 24.3236C488.375 26.3876 486.839 27.5876 485.015 27.5876C483.311 27.5876 481.655 26.3636 481.655 24.3236Z" fill="url(#paint2_linear_378_49268)"/>
-<rect x="467.24" y="3.85292" width="34.8298" height="34.8298" rx="7.44786" stroke="url(#paint3_linear_378_49268)" stroke-width="1.10428"/>
-<defs>
-<linearGradient id="paint0_linear_378_49268" x1="258.522" y1="-1.42179" x2="458.156" y2="-1.4218" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0.62"/>
-</linearGradient>
-<linearGradient id="paint1_linear_378_49268" x1="477.601" y1="13.7034" x2="496.163" y2="53.099" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.42"/>
-<stop offset="1" stop-color="#B1B1B1" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_378_49268" x1="453.653" y1="9.12603" x2="504.752" y2="17.0552" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F5F5F5"/>
-<stop offset="1" stop-color="white" stop-opacity="0.62"/>
-</linearGradient>
-<linearGradient id="paint3_linear_378_49268" x1="489.48" y1="3.37524" x2="499.361" y2="16.4585" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0.06"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/www/public/images/launchweek/vault-visual-hover-light.svg b/apps/www/public/images/launchweek/vault-visual-hover-light.svg
index f6b4118b3ee..fef124cca82 100644
--- a/apps/www/public/images/launchweek/vault-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/vault-visual-hover-light.svg
@@ -234,313 +234,313 @@
 <rect x="0.964844" y="-1.71094" width="919.59" height="402.196" fill="url(#paint73_radial_1183_55768)"/>
 <defs>
 <linearGradient id="paint0_linear_1183_55768" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1183_55768" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_55768" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1183_55768" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1183_55768" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1183_55768" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1183_55768" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1183_55768" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1183_55768" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1183_55768" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1183_55768" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint28_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint29_linear_1183_55768" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint32_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint33_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint35_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint36_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1183_55768" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint39_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint40_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint42_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint43_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1183_55768" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint45_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint46_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint48_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint49_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1183_55768" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint52_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint53_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint55_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint56_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint58_linear_1183_55768" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint59_linear_1183_55768" x1="611.328" y1="130.059" x2="620.639" y2="239.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1183_55768" x1="589.779" y1="130.059" x2="589.779" y2="248.201" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1183_55768" x1="567.949" y1="83.3965" x2="577.26" y2="192.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint62_linear_1183_55768" x1="546.4" y1="83.3965" x2="546.4" y2="201.539" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint63_linear_1183_55768" x1="740.129" y1="173.059" x2="749.44" y2="282.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1183_55768" x1="718.58" y1="173.059" x2="718.58" y2="291.201" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint65_linear_1183_55768" x1="567.5" y1="294.818" x2="576.811" y2="404.117" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint66_linear_1183_55768" x1="545.951" y1="294.818" x2="545.951" y2="412.961" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint67_linear_1183_55768" x1="826.035" y1="82.3965" x2="835.346" y2="191.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint68_linear_1183_55768" x1="804.486" y1="82.3965" x2="804.486" y2="200.539" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint69_linear_1183_55768" x1="869.637" y1="212" x2="878.947" y2="321.299" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint70_linear_1183_55768" x1="848.088" y1="212" x2="848.088" y2="330.142" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint71_linear_1183_55768" x1="783.582" y1="338.684" x2="792.893" y2="447.982" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint72_linear_1183_55768" x1="762.033" y1="338.684" x2="762.033" y2="456.826" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint73_radial_1183_55768" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.192 217.057) rotate(-180) scale(465.243 509.536)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/vault-visual-hover.svg b/apps/www/public/images/launchweek/vault-visual-hover.svg
index f00a0bd6cae..0ba24d23175 100644
--- a/apps/www/public/images/launchweek/vault-visual-hover.svg
+++ b/apps/www/public/images/launchweek/vault-visual-hover.svg
@@ -234,278 +234,278 @@
 <rect x="0.964844" y="-1.71094" width="919.59" height="402.196" fill="url(#paint66_radial_1149_180984)"/>
 <defs>
 <linearGradient id="paint0_linear_1149_180984" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1149_180984" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1149_180984" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1149_180984" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1149_180984" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1149_180984" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1149_180984" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1149_180984" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1149_180984" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1149_180984" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1149_180984" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint28_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint29_linear_1149_180984" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint32_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint33_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint35_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint36_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1149_180984" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint39_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint40_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint42_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint43_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1149_180984" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint45_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint46_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint48_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint49_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1149_180984" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint52_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint53_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint55_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint56_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint58_linear_1149_180984" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint59_linear_1149_180984" x1="611.328" y1="130.059" x2="620.639" y2="239.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1149_180984" x1="567.949" y1="83.3965" x2="577.26" y2="192.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1149_180984" x1="740.129" y1="173.059" x2="749.44" y2="282.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint62_linear_1149_180984" x1="567.5" y1="294.818" x2="576.811" y2="404.117" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint63_linear_1149_180984" x1="826.035" y1="82.3965" x2="835.346" y2="191.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1149_180984" x1="869.637" y1="212" x2="878.947" y2="321.299" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint65_linear_1149_180984" x1="783.582" y1="338.684" x2="792.893" y2="447.982" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint66_radial_1149_180984" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(704.192 217.057) rotate(-180) scale(465.243 509.536)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/vault-visual-light.svg b/apps/www/public/images/launchweek/vault-visual-light.svg
index af578618c69..768b527e4a5 100644
--- a/apps/www/public/images/launchweek/vault-visual-light.svg
+++ b/apps/www/public/images/launchweek/vault-visual-light.svg
@@ -233,313 +233,313 @@
 <rect x="0.949219" y="-1.14844" width="919.605" height="402.196" fill="url(#paint73_radial_1183_121028)"/>
 <defs>
 <linearGradient id="paint0_linear_1183_121028" x1="546.398" y1="9.22852" x2="546.398" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1183_121028" x1="546.398" y1="9.22852" x2="546.398" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1183_121028" x1="546.398" y1="9.22852" x2="546.398" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1183_121028" x1="546.398" y1="9.22852" x2="546.398" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1183_121028" x1="546.398" y1="9.22852" x2="546.398" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1183_121028" x1="589.582" y1="9.22852" x2="589.582" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1183_121028" x1="632.164" y1="52.2285" x2="632.164" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1183_121028" x1="804.621" y1="52.2285" x2="804.621" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1183_121028" x1="804.621" y1="52.2285" x2="804.621" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1183_121028" x1="804.621" y1="52.2285" x2="804.621" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1183_121028" x1="804.621" y1="52.2285" x2="804.621" y2="413.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint28_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint29_linear_1183_121028" x1="675.719" y1="9.22852" x2="675.719" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint32_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint33_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint35_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint36_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1183_121028" x1="848.176" y1="9.22852" x2="848.176" y2="370.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint39_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint40_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint42_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint43_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1183_121028" x1="718.254" y1="-33.7715" x2="718.254" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint45_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint46_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint48_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint49_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1183_121028" x1="890.711" y1="-33.7715" x2="890.711" y2="327.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint52_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint53_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint55_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint56_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint58_linear_1183_121028" x1="761.438" y1="50.2285" x2="761.438" y2="411.229" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint59_linear_1183_121028" x1="611.328" y1="130.207" x2="620.639" y2="239.506" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1183_121028" x1="589.779" y1="130.207" x2="589.779" y2="248.35" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1183_121028" x1="567.949" y1="83.5449" x2="577.26" y2="192.844" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint62_linear_1183_121028" x1="546.4" y1="83.5449" x2="546.4" y2="201.687" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint63_linear_1183_121028" x1="740.129" y1="173.207" x2="749.44" y2="282.506" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1183_121028" x1="718.58" y1="173.207" x2="718.58" y2="291.35" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint65_linear_1183_121028" x1="567.5" y1="294.967" x2="576.811" y2="404.265" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint66_linear_1183_121028" x1="545.951" y1="294.967" x2="545.951" y2="413.109" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint67_linear_1183_121028" x1="826.035" y1="82.5449" x2="835.346" y2="191.844" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint68_linear_1183_121028" x1="804.486" y1="82.5449" x2="804.486" y2="200.687" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint69_linear_1183_121028" x1="869.637" y1="212.148" x2="878.947" y2="321.447" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint70_linear_1183_121028" x1="848.088" y1="212.148" x2="848.088" y2="330.291" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint71_linear_1183_121028" x1="783.582" y1="338.832" x2="792.893" y2="448.131" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#60C2BD" stop-opacity="0.74"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint72_linear_1183_121028" x1="762.033" y1="338.832" x2="762.033" y2="456.975" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.489583" stop-color="#6DC6AB"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint73_radial_1183_121028" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(797.065 217.619) rotate(180) scale(324.377 199.546)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/vault-visual.svg b/apps/www/public/images/launchweek/vault-visual.svg
index 7b357db50c7..a4423c89aeb 100644
--- a/apps/www/public/images/launchweek/vault-visual.svg
+++ b/apps/www/public/images/launchweek/vault-visual.svg
@@ -233,278 +233,278 @@
 <rect x="0.949219" y="-1.29688" width="919.605" height="402.196" fill="url(#paint66_radial_1116_85925)"/>
 <defs>
 <linearGradient id="paint0_linear_1116_85925" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1116_85925" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1116_85925" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1116_85925" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1116_85925" x1="546.398" y1="9.08008" x2="546.398" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1116_85925" x1="589.582" y1="9.08008" x2="589.582" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1116_85925" x1="632.164" y1="52.0801" x2="632.164" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1116_85925" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint19_linear_1116_85925" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint20_linear_1116_85925" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1116_85925" x1="804.621" y1="52.0801" x2="804.621" y2="413.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint22_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint23_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint24_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint25_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint26_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint27_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint28_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint29_linear_1116_85925" x1="675.719" y1="9.08008" x2="675.719" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint30_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint31_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint32_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint33_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint34_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint35_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint36_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint37_linear_1116_85925" x1="848.176" y1="9.08008" x2="848.176" y2="370.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint38_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint39_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint40_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint41_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint42_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint43_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint44_linear_1116_85925" x1="718.254" y1="-33.9199" x2="718.254" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint45_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint46_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint47_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint48_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint49_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint50_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint51_linear_1116_85925" x1="890.711" y1="-33.9199" x2="890.711" y2="327.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint52_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint53_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint54_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint55_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint56_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint57_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint58_linear_1116_85925" x1="761.438" y1="50.0801" x2="761.438" y2="411.08" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3D3D3D"/>
+<stop stopColor="#3D3D3D"/>
 <stop offset="1" stop-color="#2F2F2F" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint59_linear_1116_85925" x1="611.328" y1="130.059" x2="620.639" y2="239.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint60_linear_1116_85925" x1="567.949" y1="83.3965" x2="577.26" y2="192.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint61_linear_1116_85925" x1="740.129" y1="173.059" x2="749.44" y2="282.357" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint62_linear_1116_85925" x1="567.5" y1="294.818" x2="576.811" y2="404.117" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint63_linear_1116_85925" x1="826.035" y1="82.3965" x2="835.346" y2="191.695" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint64_linear_1116_85925" x1="869.637" y1="212" x2="878.947" y2="321.299" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint65_linear_1116_85925" x1="783.582" y1="338.684" x2="792.893" y2="447.982" gradientUnits="userSpaceOnUse">
-<stop stop-color="#133030" stop-opacity="0"/>
+<stop stopColor="#133030" stop-opacity="0"/>
 <stop offset="0.473958" stop-color="#1C4442" stop-opacity="0.63"/>
 <stop offset="1" stop-color="#131313" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint66_radial_1116_85925" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(797.065 217.471) rotate(180) scale(324.377 199.546)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0.88"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/wrappers-bg.svg b/apps/www/public/images/launchweek/wrappers-bg.svg
index 8698edaf7d2..7e447c9648d 100644
--- a/apps/www/public/images/launchweek/wrappers-bg.svg
+++ b/apps/www/public/images/launchweek/wrappers-bg.svg
@@ -16,10 +16,10 @@
 <ellipse cx="130.95" cy="172.177" rx="107.969" ry="131.311" transform="rotate(-61.8798 130.95 172.177)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="136.996" cy="162.661" rx="122.268" ry="151.988" transform="rotate(-61.8798 136.996 162.661)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
 <ellipse cx="140.488" cy="156.129" rx="133.57" ry="163.629" transform="rotate(-61.8798 140.488 156.129)" stroke="#577F82" stroke-width="0.5" stroke-linecap="round"/>
-<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
-<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#577F82" stroke-linecap="round" stroke-dasharray="0.2 2"/>
+<ellipse cx="143.399" cy="148.888" rx="146.147" ry="177.743" transform="rotate(-61.8798 143.399 148.888)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="143.398" cy="148.889" rx="157.084" ry="191.045" transform="rotate(-61.8798 143.398 148.889)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.068" cy="146.636" rx="171.225" ry="208.244" transform="rotate(-61.8798 144.068 146.636)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
+<ellipse cx="144.064" cy="146.636" rx="181.765" ry="221.062" transform="rotate(-61.8798 144.064 146.636)" stroke="#577F82" stroke-linecap="round" strokeDasharray="0.2 2"/>
 <mask id="mask1_660_34120" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-70" y="-59" width="433" height="405">
 <path d="M242.575 -16.8122C308.202 18.2551 499.682 265.335 193.697 345.533C187.474 296.498 141.078 274.246 120.307 275.46C106.058 276.292 90.6408 273.057 76.1901 265.335C54.8846 253.949 40.5208 235.395 35.7836 216.11C32.6242 203.249 14.1795 151.358 -69.7906 148.741C-69.7913 -143.039 176.94 -51.8711 242.575 -16.8122Z" fill="#ADEFF3"/>
 </mask>
@@ -52,11 +52,11 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_660_34120"/>
 </filter>
 <linearGradient id="paint0_linear_660_34120" x1="100.839" y1="198.228" x2="29.4546" y2="274.265" gradientUnits="userSpaceOnUse">
-<stop stop-color="#397D79" stop-opacity="0"/>
+<stop stopColor="#397D79" stop-opacity="0"/>
 <stop offset="1" stop-color="#00DEA9" stop-opacity="0.91"/>
 </linearGradient>
 <linearGradient id="paint1_linear_660_34120" x1="148.98" y1="54.9662" x2="17.0834" y2="274.049" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/launchweek/wrappers-visual-hover-light.svg b/apps/www/public/images/launchweek/wrappers-visual-hover-light.svg
index 25c3cc1067b..3e54e814ec0 100644
--- a/apps/www/public/images/launchweek/wrappers-visual-hover-light.svg
+++ b/apps/www/public/images/launchweek/wrappers-visual-hover-light.svg
@@ -13,13 +13,13 @@
 <ellipse rx="92.7547" ry="113.586" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1054.73 248.87)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="126.287" ry="154.649" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1038.92 219.296)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="145.557" ry="178.206" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1025.91 204.404)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
-<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.14 185.55)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1003.72 170.726)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.277 160.551)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.744 149.27)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.742 149.269)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.696 145.763)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.705 145.76)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
+<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.14 185.55)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1003.72 170.726)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.277 160.551)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.744 149.27)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.742 149.269)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.696 145.763)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.705 145.76)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
 <mask id="mask1_1167_67039" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="652" y="-174" width="674" height="630">
 <path d="M839.245 -108.866C737.008 -54.2361 438.71 330.678 915.39 455.616C925.084 379.225 997.363 344.56 1029.72 346.451C1051.92 347.749 1075.94 342.709 1098.45 330.678C1131.64 312.941 1154.02 284.037 1161.4 253.994C1166.32 233.957 1195.05 153.12 1325.87 149.042C1325.87 -305.509 941.495 -163.483 839.245 -108.866Z" fill="#ADEFF3"/>
 </mask>
@@ -62,26 +62,26 @@
 <feGaussianBlur stdDeviation="6.65678" result="effect1_foregroundBlur_1167_67039"/>
 </filter>
 <linearGradient id="paint0_linear_1167_67039" x1="985.049" y1="2.95284" x2="1190.53" y2="344.252" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1167_67039" x1="1125.32" y1="138.198" x2="931.57" y2="126.43" gradientUnits="userSpaceOnUse">
-<stop stop-color="#5CFFF5" stop-opacity="0"/>
-<stop stop-color="white" stop-opacity="0.35"/>
+<stop stopColor="#5CFFF5" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#0EACE0" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1167_67039" x1="930.982" y1="178.249" x2="1099.84" y2="230.088" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#EDEDED"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1167_67039" x1="972.461" y1="142.977" x2="1045.8" y2="283.093" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88DAC8"/>
+<stop stopColor="#88DAC8"/>
 <stop offset="0.255208" stop-color="white" stop-opacity="0.34"/>
 <stop offset="0.755208" stop-color="white" stop-opacity="0.570732"/>
 <stop offset="1" stop-color="#88DAC8"/>
 </linearGradient>
 <radialGradient id="paint4_radial_1167_67039" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1008.46 207.653) rotate(180) scale(356.373 350.006)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.625226" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/wrappers-visual-hover.svg b/apps/www/public/images/launchweek/wrappers-visual-hover.svg
index 402edbfbe14..bbfef3f9851 100644
--- a/apps/www/public/images/launchweek/wrappers-visual-hover.svg
+++ b/apps/www/public/images/launchweek/wrappers-visual-hover.svg
@@ -13,13 +13,13 @@
 <ellipse rx="92.7547" ry="113.586" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1055.13 249.509)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="126.287" ry="154.649" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1039.32 219.935)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="145.557" ry="178.206" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1026.3 205.043)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
-<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.54 186.189)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1004.12 171.365)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.675 161.19)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.142 149.909)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.141 149.908)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.095 146.401)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.103 146.398)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
+<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.54 186.189)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1004.12 171.365)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.675 161.19)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.142 149.909)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.141 149.908)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.095 146.401)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.103 146.398)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
 <mask id="mask1_1149_110420" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="653" y="-173" width="674" height="630">
 <path d="M839.643 -108.227C737.406 -53.5975 439.108 331.317 915.789 456.254C925.482 379.864 997.761 345.199 1030.12 347.09C1052.32 348.387 1076.33 343.347 1098.85 331.317C1132.04 313.58 1154.41 284.676 1161.79 254.632C1166.72 234.596 1195.45 153.758 1326.26 149.681C1326.26 -304.87 941.893 -162.844 839.643 -108.227Z" fill="#ADEFF3"/>
 </mask>
@@ -62,26 +62,26 @@
 <feGaussianBlur stdDeviation="6.65678" result="effect1_foregroundBlur_1149_110420"/>
 </filter>
 <linearGradient id="paint0_linear_1149_110420" x1="985.448" y1="3.59151" x2="1190.92" y2="344.891" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1149_110420" x1="1125.72" y1="138.837" x2="931.968" y2="127.069" gradientUnits="userSpaceOnUse">
-<stop stop-color="#5CFFF5" stop-opacity="0"/>
-<stop stop-color="white" stop-opacity="0.35"/>
+<stop stopColor="#5CFFF5" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#0EACE0" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1149_110420" x1="931.381" y1="178.888" x2="1100.24" y2="230.727" gradientUnits="userSpaceOnUse">
-<stop stop-color="#121212"/>
+<stop stopColor="#121212"/>
 <stop offset="1" stop-color="#191919"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1149_110420" x1="972.859" y1="143.616" x2="1046.19" y2="283.731" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7BB8B8"/>
+<stop stopColor="#7BB8B8"/>
 <stop offset="0.255208" stop-color="#636363" stop-opacity="0.34"/>
 <stop offset="0.755208" stop-color="#636363" stop-opacity="0.570732"/>
 <stop offset="1" stop-color="#7BB8B8"/>
 </linearGradient>
 <radialGradient id="paint4_radial_1149_110420" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1007.86 208.292) rotate(180) scale(356.373 350.006)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.625226" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/wrappers-visual-light.svg b/apps/www/public/images/launchweek/wrappers-visual-light.svg
index 981aa5ac18c..105ea201435 100644
--- a/apps/www/public/images/launchweek/wrappers-visual-light.svg
+++ b/apps/www/public/images/launchweek/wrappers-visual-light.svg
@@ -13,13 +13,13 @@
 <ellipse rx="92.7547" ry="113.586" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1054.75 248.87)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="126.287" ry="154.649" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1038.94 219.296)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="145.557" ry="178.206" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1025.92 204.404)" stroke="#6AA99B" stroke-width="0.605162" stroke-linecap="round"/>
-<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.15 185.55)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1003.73 170.726)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.293 160.551)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.759 149.27)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.758 149.269)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.712 145.763)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.72 145.76)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
+<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.15 185.55)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1003.73 170.726)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.293 160.551)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.759 149.27)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.758 149.269)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.712 145.763)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 992.72 145.76)" stroke="#6AA99B" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
 <mask id="mask1_1167_52875" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="652" y="-174" width="674" height="630">
 <path d="M839.26 -108.866C737.023 -54.2361 438.725 330.678 915.406 455.616C925.099 379.225 997.378 344.56 1029.74 346.451C1051.93 347.749 1075.95 342.709 1098.46 330.678C1131.65 312.941 1154.03 284.037 1161.41 253.994C1166.33 233.957 1195.07 153.12 1325.88 149.042C1325.88 -305.509 941.51 -163.483 839.26 -108.866Z" fill="#ADEFF3"/>
 </mask>
@@ -62,26 +62,26 @@
 <feGaussianBlur stdDeviation="6.65678" result="effect1_foregroundBlur_1167_52875"/>
 </filter>
 <linearGradient id="paint0_linear_1167_52875" x1="985.061" y1="2.95284" x2="1190.54" y2="344.252" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1167_52875" x1="1125.34" y1="138.198" x2="931.585" y2="126.43" gradientUnits="userSpaceOnUse">
-<stop stop-color="#5CFFF5" stop-opacity="0"/>
-<stop stop-color="white" stop-opacity="0.35"/>
+<stop stopColor="#5CFFF5" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#0EACE0" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1167_52875" x1="930.998" y1="178.249" x2="1099.86" y2="230.088" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#EDEDED"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1167_52875" x1="972.476" y1="142.977" x2="1045.81" y2="283.093" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88DAC8"/>
+<stop stopColor="#88DAC8"/>
 <stop offset="0.255208" stop-color="white" stop-opacity="0.34"/>
 <stop offset="0.755208" stop-color="white" stop-opacity="0.570732"/>
 <stop offset="1" stop-color="#88DAC8"/>
 </linearGradient>
 <radialGradient id="paint4_radial_1167_52875" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1008.51 207.653) rotate(180) scale(286.915 229.297)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.625226" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/wrappers-visual.svg b/apps/www/public/images/launchweek/wrappers-visual.svg
index d3488394fe5..34e60e2f281 100644
--- a/apps/www/public/images/launchweek/wrappers-visual.svg
+++ b/apps/www/public/images/launchweek/wrappers-visual.svg
@@ -13,13 +13,13 @@
 <ellipse rx="92.7547" ry="113.586" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1055.13 249.509)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="126.287" ry="154.649" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1039.32 219.935)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
 <ellipse rx="145.557" ry="178.206" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1026.3 205.043)" stroke="#577F82" stroke-width="0.605162" stroke-linecap="round"/>
-<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.54 186.189)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1004.12 171.365)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.675 161.19)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.142 149.909)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.141 149.908)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.095 146.401)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
-<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.103 146.398)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" stroke-dasharray="0.24 2.42"/>
+<ellipse rx="168.2" ry="204.564" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1013.54 186.189)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="190.476" ry="236.775" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 1004.12 171.365)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="208.083" ry="254.91" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 998.675 161.19)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="227.676" ry="276.898" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.142 149.909)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="244.714" ry="297.62" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 994.141 149.908)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="266.744" ry="324.413" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.095 146.401)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
+<ellipse rx="283.164" ry="344.383" transform="matrix(-0.471323 -0.881961 -0.881961 0.471323 993.103 146.398)" stroke="#577F82" stroke-width="1.21032" stroke-linecap="round" strokeDasharray="0.24 2.42"/>
 <mask id="mask1_826_59689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="653" y="-173" width="674" height="630">
 <path d="M839.643 -108.227C737.406 -53.5975 439.108 331.317 915.789 456.254C925.482 379.864 997.761 345.199 1030.12 347.09C1052.32 348.387 1076.33 343.347 1098.85 331.317C1132.04 313.58 1154.41 284.676 1161.79 254.632C1166.72 234.596 1195.45 153.758 1326.26 149.681C1326.26 -304.87 941.893 -162.844 839.643 -108.227Z" fill="#ADEFF3"/>
 </mask>
@@ -62,26 +62,26 @@
 <feGaussianBlur stdDeviation="6.65678" result="effect1_foregroundBlur_826_59689"/>
 </filter>
 <linearGradient id="paint0_linear_826_59689" x1="985.444" y1="3.59151" x2="1190.92" y2="344.891" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.32"/>
+<stop stopColor="#39617D" stop-opacity="0.32"/>
 <stop offset="1" stop-color="#00DEC3"/>
 </linearGradient>
 <linearGradient id="paint1_linear_826_59689" x1="1125.72" y1="138.837" x2="931.968" y2="127.069" gradientUnits="userSpaceOnUse">
-<stop stop-color="#5CFFF5" stop-opacity="0"/>
-<stop stop-color="white" stop-opacity="0.35"/>
+<stop stopColor="#5CFFF5" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#0EACE0" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_826_59689" x1="931.381" y1="178.888" x2="1100.24" y2="230.727" gradientUnits="userSpaceOnUse">
-<stop stop-color="#121212"/>
+<stop stopColor="#121212"/>
 <stop offset="1" stop-color="#191919"/>
 </linearGradient>
 <linearGradient id="paint3_linear_826_59689" x1="972.859" y1="143.616" x2="1046.19" y2="283.731" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7BB8B8"/>
+<stop stopColor="#7BB8B8"/>
 <stop offset="0.255208" stop-color="#636363" stop-opacity="0.34"/>
 <stop offset="0.755208" stop-color="#636363" stop-opacity="0.570732"/>
 <stop offset="1" stop-color="#7BB8B8"/>
 </linearGradient>
 <radialGradient id="paint4_radial_826_59689" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1007.86 208.292) rotate(180) scale(286.621 229.297)">
-<stop stop-color="#121212" stop-opacity="0"/>
+<stop stopColor="#121212" stop-opacity="0"/>
 <stop offset="0.625226" stop-color="#121212" stop-opacity="0.35"/>
 <stop offset="1" stop-color="#121212"/>
 </radialGradient>
diff --git a/apps/www/public/images/launchweek/wrapup.svg b/apps/www/public/images/launchweek/wrapup.svg
index cd1ac01ca08..098cdc6b7b9 100644
--- a/apps/www/public/images/launchweek/wrapup.svg
+++ b/apps/www/public/images/launchweek/wrapup.svg
@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M28.3606 9.47884C39.3763 9.47884 48.3063 18.4089 48.3063 29.4246C48.3063 34.0218 46.7522 38.2543 44.139 41.6277L44.139 38.086H41.7578V44.3602L42.9484 45.5508H49.2226V43.1696H45.9562C48.9199 39.3806 50.6875 34.6081 50.6875 29.4246C50.6875 17.0938 40.6914 7.09766 28.3606 7.09766V9.47884ZM13.7782 13.2988L14.9688 14.4894V20.7636H12.5876V17.2219C9.97441 20.5954 8.42025 24.8278 8.42025 29.425C8.42025 40.4408 17.3503 49.3708 28.366 49.3708V51.752C16.0352 51.752 6.03906 41.7558 6.03906 29.425C6.03906 24.2415 7.80665 19.469 10.7703 15.68H7.504L7.504 13.2988L13.7782 13.2988ZM41.0892 29.4997C41.0892 36.3675 35.5218 41.9349 28.654 41.9349C21.7862 41.9349 16.2188 36.3675 16.2188 29.4997C16.2188 22.6319 21.7862 17.0645 28.654 17.0645C35.5218 17.0645 41.0892 22.6319 41.0892 29.4997ZM36.12 25.8673L27.1694 34.818H25.4857L21.1875 30.5198L22.8713 28.8361L26.3275 32.2924L34.4363 24.1836L36.12 25.8673Z" fill="url(#paint0_linear_1186_58847)"/>
 <defs>
 <linearGradient id="paint0_linear_1186_58847" x1="-1.34599" y1="47.2462" x2="68.5415" y2="46.4907" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA"/>
+<stop stopColor="#F4FFFA"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.6"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/pricing/addons-support-hero.svg b/apps/www/public/images/pricing/addons-support-hero.svg
index 628bf43d9df..27bf3290ee4 100644
--- a/apps/www/public/images/pricing/addons-support-hero.svg
+++ b/apps/www/public/images/pricing/addons-support-hero.svg
@@ -102,27 +102,27 @@
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2610_73953" result="shape"/>
 </filter>
 <linearGradient id="paint0_linear_2610_73953" x1="232.895" y1="26.1309" x2="232.895" y2="264.335" gradientUnits="userSpaceOnUse">
-<stop stop-color="#929292" stop-opacity="0.26"/>
+<stop stopColor="#929292" stop-opacity="0.26"/>
 <stop offset="1" stop-color="#1C1C1C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_2610_73953" x1="203.468" y1="21.167" x2="308.875" y2="225.054" gradientUnits="userSpaceOnUse">
-<stop stop-color="#868686" stop-opacity="0.37"/>
+<stop stopColor="#868686" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_2610_73953" x1="100.575" y1="70.3091" x2="119.687" y2="56.3418" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#82978D"/>
 </linearGradient>
 <linearGradient id="paint3_linear_2610_73953" x1="100.575" y1="121.507" x2="119.687" y2="107.54" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#82978D"/>
 </linearGradient>
 <linearGradient id="paint4_linear_2610_73953" x1="106.713" y1="101.2" x2="304.327" y2="308.051" gradientUnits="userSpaceOnUse">
-<stop stop-color="#929292" stop-opacity="0.26"/>
+<stop stopColor="#929292" stop-opacity="0.26"/>
 <stop offset="1" stop-color="#1C1C1C" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_2610_73953" x1="196.108" y1="181.176" x2="198.008" y2="208.57" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3E3E3E"/>
+<stop stopColor="#3E3E3E"/>
 <stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint6_radial_2610_73953" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(163.399 82.3355) rotate(90) scale(162.5 180.365)">
diff --git a/apps/www/public/images/pricing/addons-support-light.svg b/apps/www/public/images/pricing/addons-support-light.svg
index 040e497a537..4060faa9719 100644
--- a/apps/www/public/images/pricing/addons-support-light.svg
+++ b/apps/www/public/images/pricing/addons-support-light.svg
@@ -102,11 +102,11 @@
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2627_69093" result="shape"/>
 </filter>
 <linearGradient id="paint0_linear_2627_69093" x1="346.797" y1="25.9595" x2="95.3962" y2="276.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.87"/>
+<stop stopColor="white" stop-opacity="0.87"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_2627_69093" x1="203.619" y1="20.9957" x2="309.027" y2="224.883" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CACECE"/>
+<stop stopColor="#CACECE"/>
 <stop offset="1" stop-color="#DEDEDE" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_2627_69093" x1="100.727" y1="70.1377" x2="119.839" y2="56.1704" gradientUnits="userSpaceOnUse">
@@ -114,15 +114,15 @@
 <stop offset="1" stop-color="#82978D"/>
 </linearGradient>
 <linearGradient id="paint3_linear_2627_69093" x1="100.727" y1="121.335" x2="119.839" y2="107.368" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="1" stop-color="#82978D"/>
 </linearGradient>
 <linearGradient id="paint4_linear_2627_69093" x1="175.342" y1="181.533" x2="350.267" y2="238.49" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CDCDCD" stop-opacity="0.26"/>
+<stop stopColor="#CDCDCD" stop-opacity="0.26"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_2627_69093" x1="196.26" y1="181.004" x2="198.16" y2="208.398" gradientUnits="userSpaceOnUse">
-<stop stop-color="#868686" stop-opacity="0.37"/>
+<stop stopColor="#868686" stop-opacity="0.37"/>
 <stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint6_radial_2627_69093" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(163.551 19.1641) rotate(90) scale(225 376.615)">
diff --git a/apps/www/public/images/pricing/support-upgrade.svg b/apps/www/public/images/pricing/support-upgrade.svg
index d981270ce21..72c638b972b 100644
--- a/apps/www/public/images/pricing/support-upgrade.svg
+++ b/apps/www/public/images/pricing/support-upgrade.svg
@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.46582 2L1.96582 2.5V14.2167L2.46582 14.7167H6.18688V17.5L7.04754 17.8463L10.0524 14.7167H10.8181V14.8432H11.8181V9.32562L11.3181 8.82562H9.73318L13.6882 4.81349L16.9658 8.13841V8.257H17.0827L17.6433 8.82562H16.2528L15.7528 9.32562V15H16.7528V9.82562L18.8382 9.82562L19.1943 8.97461L17.9658 7.72838V2.5L17.4658 2H2.46582ZM16.9658 6.71395V3H2.96582V13.7167H6.68688L7.18688 14.2167V16.2573L9.47868 13.8704L9.83934 13.7167H10.8181V10.4683H5.2655V9.46826H8.38868L8.18213 8.97461L9.81583 7.31732H5.2655V6.31732H10.8016L13.3321 3.75025L14.0443 3.75025L16.9658 6.71395ZM13.3093 17.5V9.96826H14.3093V17.5H13.3093Z" fill="url(#paint0_linear_2737_13787)"/>
 <defs>
 <linearGradient id="paint0_linear_2737_13787" x1="1.96582" y1="17.8463" x2="17.7569" y2="0.677878" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop stopColor="#EDEDED" stop-opacity="0.5"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 </defs>
diff --git a/apps/www/public/images/realtime/icons/presence.svg b/apps/www/public/images/realtime/icons/presence.svg
index 03638b0885f..8b88d60ffa0 100644
--- a/apps/www/public/images/realtime/icons/presence.svg
+++ b/apps/www/public/images/realtime/icons/presence.svg
@@ -18,7 +18,7 @@
       }
 
       .cls-2 {
-        stroke-dasharray: 0 0 4.17 2.08;
+        strokeDasharray: 0 0 4.17 2.08;
       }
 
       .cls-3 {
diff --git a/apps/www/public/planetpg-angelico_de_los_reyes-rss.xml b/apps/www/public/planetpg-angelico_de_los_reyes-rss.xml
index 36e68b1f254..84fe8fab257 100644
--- a/apps/www/public/planetpg-angelico_de_los_reyes-rss.xml
+++ b/apps/www/public/planetpg-angelico_de_los_reyes-rss.xml
@@ -5,35 +5,35 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Angelico de los Reyes at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 15 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 15 Dec 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-angelico_de_los_reyes-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/postgres-point-in-time-recovery</guid>
   <title>Point in Time Recovery is now available for Pro projects</title>
   <link>https://supabase.com/blog/postgres-point-in-time-recovery</link>
   <description>We're making PITR available for more projects, with a new Dashboard UI that makes it simple to use.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/continuous-postgresql-backup-walg</guid>
   <title>Continuous PostgreSQL Backups using WAL-G</title>
   <link>https://supabase.com/blog/continuous-postgresql-backup-walg</link>
   <description>Have you ever wanted to restore your database's state to a particular moment in time? This post explains how, using WAL-G.</description>
-  <pubDate>Sat, 01 Aug 2020 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 02 Aug 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-templates</guid>
   <title>What are PostgreSQL Templates?</title>
   <link>https://supabase.com/blog/postgresql-templates</link>
   <description>What are PostgreSQL templates and what are they used for?</description>
-  <pubDate>Wed, 08 Jul 2020 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 09 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-physical-logical-backups</guid>
   <title>Physical vs Logical Backups in PostgreSQL</title>
   <link>https://supabase.com/blog/postgresql-physical-logical-backups</link>
   <description>What are physical and logical backups in Postgres?</description>
-  <pubDate>Mon, 06 Jul 2020 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 07 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-ant_wilson-rss.xml b/apps/www/public/planetpg-ant_wilson-rss.xml
index e5267c09b21..07cfe4056b8 100644
--- a/apps/www/public/planetpg-ant_wilson-rss.xml
+++ b/apps/www/public/planetpg-ant_wilson-rss.xml
@@ -5,14 +5,14 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Ant Wilson at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Fri, 26 Feb 2021 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Sat, 27 Feb 2021 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-ant_wilson-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/cracking-postgres-interview</guid>
   <title>Cracking PostgreSQL Interview Questions</title>
   <link>https://supabase.com/blog/cracking-postgres-interview</link>
   <description>Understand the top PostgreSQL Interview Questions</description>
-  <pubDate>Fri, 26 Feb 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 27 Feb 2021 03:03:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-bo_lu-rss.xml b/apps/www/public/planetpg-bo_lu-rss.xml
new file mode 100644
index 00000000000..16f75abaa7e
--- /dev/null
+++ b/apps/www/public/planetpg-bo_lu-rss.xml
@@ -0,0 +1,19 @@
+
+  <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+    <channel>
+      <title>'Postgres | Supabase Blog</title>
+      <link>https://supabase.com/blog</link>
+      <description>Latest Postgres news from Bo Lu at Supabase</description>
+      <language>en</language>
+      <lastBuildDate>Wed, 14 Dec 2022 03:03:30 +0000</lastBuildDate>
+      <atom:link href="https://supabase.com/planetpg-bo_lu-rss.xml" rel="self" type="application/rss+xml"/>
+      <item>
+  <guid>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</guid>
+  <title>Supabase Wrappers, a Postgres FDW framework written in Rust</title>
+  <link>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</link>
+  <description>A framework for building Postgres Foreign Data Wrappers which connects to Stripe, Firebase, Clickhouse, and more.</description>
+  <pubDate>Wed, 14 Dec 2022 03:03:30 +0000</pubDate>
+</item>
+
+    </channel>
+  </rss>
diff --git a/apps/www/public/planetpg-burggraf-rss.xml b/apps/www/public/planetpg-burggraf-rss.xml
index 8f72ecc9963..26233a86f1e 100644
--- a/apps/www/public/planetpg-burggraf-rss.xml
+++ b/apps/www/public/planetpg-burggraf-rss.xml
@@ -5,21 +5,21 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Mark Burggraf at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Wed, 23 Nov 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Wed, 23 Nov 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-burggraf-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/sql-or-nosql-both-with-postgresql</guid>
   <title>SQL or NoSQL? Why not use both (with PostgreSQL)?</title>
   <link>https://supabase.com/blog/sql-or-nosql-both-with-postgresql</link>
   <description>How to turn Postgres into an easy-to-use NoSQL database that retains all the power of SQL</description>
-  <pubDate>Wed, 23 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 23 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-wasm</guid>
   <title>Postgres WASM by Snaplet and Supabase</title>
   <link>https://supabase.com/blog/postgres-wasm</link>
   <description>We're open sourcing postgres-wasm, a PostgresQL server that runs inside a browser, with our friends at Snaplet.</description>
-  <pubDate>Sun, 02 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 02 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-michel-rss.xml b/apps/www/public/planetpg-michel-rss.xml
index 64a880de00b..3bcd14a76b8 100644
--- a/apps/www/public/planetpg-michel-rss.xml
+++ b/apps/www/public/planetpg-michel-rss.xml
@@ -5,21 +5,21 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Michel Pelletier at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 15 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 15 Dec 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-michel-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/vault-now-in-beta</guid>
   <title>Supabase Vault is now in Beta</title>
   <link>https://supabase.com/blog/vault-now-in-beta</link>
   <description>A Postgres extension to store encrypted secrets and encrypt data.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/transparent-column-encryption-with-postgres</guid>
   <title>Transparent Column Encryption with Postgres</title>
   <link>https://supabase.com/blog/transparent-column-encryption-with-postgres</link>
   <description>Using pgsodium's Transparent Column Encryption to encrypt data and provide your users with row-level encryption.</description>
-  <pubDate>Wed, 30 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 30 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-oli_rice-rss.xml b/apps/www/public/planetpg-oli_rice-rss.xml
index 92868dfd004..286dd45d87e 100644
--- a/apps/www/public/planetpg-oli_rice-rss.xml
+++ b/apps/www/public/planetpg-oli_rice-rss.xml
@@ -5,21 +5,42 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Oliver Rice at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 15 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 16 Feb 2023 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-oli_rice-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
+  <guid>https://supabase.com/blog/type-constraints-in-65-lines-of-sql</guid>
+  <title>Type Constraints in 65 lines of SQL</title>
+  <link>https://supabase.com/blog/type-constraints-in-65-lines-of-sql</link>
+  <description>Creating validated data types in Postgres</description>
+  <pubDate>Thu, 16 Feb 2023 03:03:30 +0000</pubDate>
+</item>
+<item>
   <guid>https://supabase.com/blog/pg-graphql-v1</guid>
   <title>pg_graphql v1.0</title>
   <link>https://supabase.com/blog/pg-graphql-v1</link>
   <description>Announcing the v1.0 release of pg_graphql</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
+</item>
+<item>
+  <guid>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</guid>
+  <title>Supabase Wrappers, a Postgres FDW framework written in Rust</title>
+  <link>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</link>
+  <description>A framework for building Postgres Foreign Data Wrappers which connects to Stripe, Firebase, Clickhouse, and more.</description>
+  <pubDate>Wed, 14 Dec 2022 03:03:30 +0000</pubDate>
+</item>
+<item>
+  <guid>https://supabase.com/blog/pg-jsonschema-a-postgres-extension-for-json-validation</guid>
+  <title>pg_jsonschema: JSON Schema support for Postgres</title>
+  <link>https://supabase.com/blog/pg-jsonschema-a-postgres-extension-for-json-validation</link>
+  <description>Today we're releasing pg_jsonschema, a Postgres extension for JSON validation.</description>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/audit</guid>
   <title>Postgres Auditing in 150 lines of SQL</title>
   <link>https://supabase.com/blog/audit</link>
   <description>PostgreSQL has a robust set of features which we can leverage to create a generic auditing solution in 150 lines of SQL.</description>
-  <pubDate>Mon, 07 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 07 Mar 2022 03:03:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-paul_copplestone-rss.xml b/apps/www/public/planetpg-paul_copplestone-rss.xml
index 4a5aa3e817b..3bee1dc1f0d 100644
--- a/apps/www/public/planetpg-paul_copplestone-rss.xml
+++ b/apps/www/public/planetpg-paul_copplestone-rss.xml
@@ -5,35 +5,42 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Paul Copplestone at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Fri, 09 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Wed, 14 Dec 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-paul_copplestone-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
+  <guid>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</guid>
+  <title>Supabase Wrappers, a Postgres FDW framework written in Rust</title>
+  <link>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</link>
+  <description>A framework for building Postgres Foreign Data Wrappers which connects to Stripe, Firebase, Clickhouse, and more.</description>
+  <pubDate>Wed, 14 Dec 2022 03:03:30 +0000</pubDate>
+</item>
+<item>
   <guid>https://supabase.com/blog/postgres-crdt</guid>
   <title>pg_crdt - an experimental CRDT extension for Postgres</title>
   <link>https://supabase.com/blog/postgres-crdt</link>
   <description>Embedding Yjs and Automerge into Postgres for collaborative applications.</description>
-  <pubDate>Fri, 09 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 09 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/partial-postgresql-data-dumps-with-rls</guid>
   <title>Partial data dumps using Postgres Row Level Security</title>
   <link>https://supabase.com/blog/partial-postgresql-data-dumps-with-rls</link>
   <description>Using RLS to create seed files for local PostgreSQL testing.</description>
-  <pubDate>Mon, 27 Jun 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 27 Jun 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-as-a-cron-server</guid>
   <title>Postgres as a CRON Server</title>
   <link>https://supabase.com/blog/postgres-as-a-cron-server</link>
   <description>Running repetitive tasks with your Postgres database.</description>
-  <pubDate>Thu, 04 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 05 Mar 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-views</guid>
   <title>Postgres Views</title>
   <link>https://supabase.com/blog/postgresql-views</link>
   <description>Creating and using a view in PostgreSQL.</description>
-  <pubDate>Tue, 17 Nov 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 18 Nov 2020 03:03:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-pavel-rss.xml b/apps/www/public/planetpg-pavel-rss.xml
index 9f6f7667f58..e6dbbb4c1fe 100644
--- a/apps/www/public/planetpg-pavel-rss.xml
+++ b/apps/www/public/planetpg-pavel-rss.xml
@@ -5,21 +5,21 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Pavel Borisov at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 15 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 15 Dec 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-pavel-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/new-in-postgres-15</guid>
   <title>What's new in Postgres 15?</title>
   <link>https://supabase.com/blog/new-in-postgres-15</link>
   <description>Describes the release of Postgres 15, new features and reasons to use it</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-commitfest</guid>
   <title>What is PostgreSQL commitfest and how to contribute</title>
   <link>https://supabase.com/blog/postgresql-commitfest</link>
   <description>A time-tested method for contributing to the core Postgres code</description>
-  <pubDate>Wed, 26 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 26 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-steve_chavez-rss.xml b/apps/www/public/planetpg-steve_chavez-rss.xml
index 2630daa3f55..575cafb6b06 100644
--- a/apps/www/public/planetpg-steve_chavez-rss.xml
+++ b/apps/www/public/planetpg-steve_chavez-rss.xml
@@ -5,21 +5,21 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Steve Chavez at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 15 Dec 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 15 Dec 2022 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-steve_chavez-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/postgrest-11-prerelease</guid>
   <title>PostgREST 11 pre-release</title>
   <link>https://supabase.com/blog/postgrest-11-prerelease</link>
   <description>Describes new features of PostgREST 11 pre-release</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/roles-postgres-hooks</guid>
   <title>Protecting reserved roles with PostgreSQL Hooks</title>
   <link>https://supabase.com/blog/roles-postgres-hooks</link>
   <description>Using Postgres Hooks to protect functionality in your Postgres database.</description>
-  <pubDate>Thu, 01 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/planetpg-victor-rss.xml b/apps/www/public/planetpg-victor-rss.xml
index 5b38b784b2c..e742fb6eec8 100644
--- a/apps/www/public/planetpg-victor-rss.xml
+++ b/apps/www/public/planetpg-victor-rss.xml
@@ -5,28 +5,28 @@
       <link>https://supabase.com/blog</link>
       <description>Latest Postgres news from Victor at Supabase</description>
       <language>en</language>
-      <lastBuildDate>Thu, 13 Oct 2022 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Thu, 13 Oct 2022 02:02:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/planetpg-victor-rss.xml" rel="self" type="application/rss+xml"/>
       <item>
   <guid>https://supabase.com/blog/postgres-full-text-search-vs-the-rest</guid>
   <title>Postgres Full Text Search vs the rest</title>
   <link>https://supabase.com/blog/postgres-full-text-search-vs-the-rest</link>
   <description>Comparing one of the most popular Postgres features against alternatives</description>
-  <pubDate>Thu, 13 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 13 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/choosing-a-postgres-primary-key</guid>
   <title>Choosing a Postgres Primary Key</title>
   <link>https://supabase.com/blog/choosing-a-postgres-primary-key</link>
   <description>Turns out the question of which identifier to use as a Primary Key is complicated -- we're going to dive into some of the complexity and inherent trade-offs, and figure things out</description>
-  <pubDate>Wed, 07 Sep 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 07 Sep 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/seen-by-in-postgresql</guid>
   <title>Implementing "seen by" functionality with Postgres</title>
   <link>https://supabase.com/blog/seen-by-in-postgresql</link>
   <description>Different approaches for tracking visitor counts with PostgreSQL.</description>
-  <pubDate>Sun, 17 Jul 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 17 Jul 2022 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/rss.xml b/apps/www/public/rss.xml
index cd5b5dca072..2f9bd75a0f0 100644
--- a/apps/www/public/rss.xml
+++ b/apps/www/public/rss.xml
@@ -5,1113 +5,1127 @@
       <link>https://supabase.com</link>
       <description>Latest news from Supabase</description>
       <language>en</language>
-      <lastBuildDate>Wed, 15 Feb 2023 16:04:00 +0000</lastBuildDate>
+      <lastBuildDate>Tue, 28 Feb 2023 03:03:30 +0000</lastBuildDate>
       <atom:link href="https://supabase.com/rss.xml" rel="self" type="application/rss+xml"/>
       <item>
+  <guid>https://supabase.com/blog/geo-queries-with-postgis-in-ionic-angular</guid>
+  <title>Geo Queries with PostGIS in Ionic Angular</title>
+  <link>https://supabase.com/blog/geo-queries-with-postgis-in-ionic-angular</link>
+  <description>Using the PostGIS extension to build a cross-platform application with Ionic Angular.</description>
+  <pubDate>Tue, 28 Feb 2023 03:03:30 +0000</pubDate>
+</item>
+<item>
+  <guid>https://supabase.com/blog/type-constraints-in-65-lines-of-sql</guid>
+  <title>Type Constraints in 65 lines of SQL</title>
+  <link>https://supabase.com/blog/type-constraints-in-65-lines-of-sql</link>
+  <description>Creating validated data types in Postgres</description>
+  <pubDate>Thu, 16 Feb 2023 03:03:30 +0000</pubDate>
+</item>
+<item>
   <guid>https://supabase.com/blog/case-study-happyteams</guid>
   <title>HappyTeams unlocks better performance and reduces cost with Supabase</title>
   <link>https://supabase.com/blog/case-study-happyteams</link>
   <description>How a bootstrapped startup migrated from Heroku to Supabase in 30 minutes and never looked back</description>
-  <pubDate>Wed, 15 Feb 2023 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 15 Feb 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/flutter-real-time-multiplayer-game</guid>
   <title>How to build a real-time multiplayer game with Flutter Flame</title>
   <link>https://supabase.com/blog/flutter-real-time-multiplayer-game</link>
   <description>Build a real-time multiplayer game using Flutter, Flame, and Supabase realtime.</description>
-  <pubDate>Mon, 13 Feb 2023 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 13 Feb 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-january-2023</guid>
   <title>Supabase Beta January 2023</title>
   <link>https://supabase.com/blog/supabase-beta-january-2023</link>
   <description>New Postgres extensions, pg_graphql updates, changes to Edge Functions, and more!</description>
-  <pubDate>Tue, 07 Feb 2023 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 07 Feb 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/chatgpt-supabase-docs</guid>
   <title>Supabase Clippy: ChatGPT for Supabase Docs</title>
   <link>https://supabase.com/blog/chatgpt-supabase-docs</link>
   <description>Creating a ChatGPT interface for the Supabase documentation.</description>
-  <pubDate>Mon, 06 Feb 2023 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 06 Feb 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/openai-embeddings-postgres-vector</guid>
   <title>Storing OpenAI embeddings in Postgres with pgvector</title>
   <link>https://supabase.com/blog/openai-embeddings-postgres-vector</link>
   <description>An example of how to build an AI-powered search engine using OpenAI's embeddings and PostgreSQL.</description>
-  <pubDate>Sun, 05 Feb 2023 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 05 Feb 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-december-2022</guid>
   <title>Supabase Beta December 2022</title>
   <link>https://supabase.com/blog/supabase-beta-december-2022</link>
   <description>This month the Beta Update is a Launch Week 6 Special, where we review the cascade of announcements.</description>
-  <pubDate>Wed, 04 Jan 2023 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 04 Jan 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-6-hackathon-winners</guid>
   <title>Launch Week 6 Hackathon Winners</title>
   <link>https://supabase.com/blog/launch-week-6-hackathon-winners</link>
   <description>Announcing the winners of the Launch Week 6 Hackathon!</description>
-  <pubDate>Mon, 02 Jan 2023 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 02 Jan 2023 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/vault-now-in-beta</guid>
   <title>Supabase Vault is now in Beta</title>
   <link>https://supabase.com/blog/vault-now-in-beta</link>
   <description>A Postgres extension to store encrypted secrets and encrypt data.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgrest-11-prerelease</guid>
   <title>PostgREST 11 pre-release</title>
   <link>https://supabase.com/blog/postgrest-11-prerelease</link>
   <description>Describes new features of PostgREST 11 pre-release</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-point-in-time-recovery</guid>
   <title>Point in Time Recovery is now available for Pro projects</title>
   <link>https://supabase.com/blog/postgres-point-in-time-recovery</link>
   <description>We're making PITR available for more projects, with a new Dashboard UI that makes it simple to use.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/pg-graphql-v1</guid>
   <title>pg_graphql v1.0</title>
   <link>https://supabase.com/blog/pg-graphql-v1</link>
   <description>Announcing the v1.0 release of pg_graphql</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/new-in-postgres-15</guid>
   <title>What's new in Postgres 15?</title>
   <link>https://supabase.com/blog/new-in-postgres-15</link>
   <description>Describes the release of Postgres 15, new features and reasons to use it</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-6-wrap-up</guid>
   <title>Launch Week 6: Wrap Up</title>
   <link>https://supabase.com/blog/launch-week-6-wrap-up</link>
   <description>That's a wrap on Supabase Launch Week Day 6. Here's everything we shipped in one long blog post.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-6-community-day</guid>
   <title>Community Day</title>
   <link>https://supabase.com/blog/launch-week-6-community-day</link>
   <description>Wrapping up Launch Week 6 with contributors, partners, and friends.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/custom-domain-names</guid>
   <title>Custom Domain Names</title>
   <link>https://supabase.com/blog/custom-domain-names</link>
   <description>Change your Supabase project's domain name to your own domain.</description>
-  <pubDate>Thu, 15 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 15 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</guid>
   <title>Supabase Wrappers, a Postgres FDW framework written in Rust</title>
   <link>https://supabase.com/blog/postgres-foreign-data-wrappers-rust</link>
   <description>A framework for building Postgres Foreign Data Wrappers which connects to Stripe, Firebase, Clickhouse, and more.</description>
-  <pubDate>Wed, 14 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 14 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/mfa-auth-via-rls</guid>
   <title>Multi-factor Authentication via Row Level Security Enforcement</title>
   <link>https://supabase.com/blog/mfa-auth-via-rls</link>
   <description>MFA Auth with enforcement via RLS</description>
-  <pubDate>Tue, 13 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 13 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/storage-image-resizing-smart-cdn</guid>
   <title>Supabase Storage v2: Image resizing and Smart CDN</title>
   <link>https://supabase.com/blog/storage-image-resizing-smart-cdn</link>
   <description>We're introducing new features for Supabase Storage: Image resizing and a Smart CDN.</description>
-  <pubDate>Mon, 12 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 12 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/new-supabase-docs-built-with-nextjs</guid>
   <title>New Supabase Docs, built with Next.js</title>
   <link>https://supabase.com/blog/new-supabase-docs-built-with-nextjs</link>
   <description>We've redesigned our Docs and migrated to Next.js</description>
-  <pubDate>Sun, 11 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 11 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-crdt</guid>
   <title>pg_crdt - an experimental CRDT extension for Postgres</title>
   <link>https://supabase.com/blog/postgres-crdt</link>
   <description>Embedding Yjs and Automerge into Postgres for collaborative applications.</description>
-  <pubDate>Fri, 09 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 09 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/who-we-hire</guid>
   <title>Who We Hire at Supabase</title>
   <link>https://supabase.com/blog/who-we-hire</link>
   <description>Traits we look for to maintain a culture of shipping fast and often</description>
-  <pubDate>Thu, 08 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 08 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-6-hackathon</guid>
   <title>Launch Week 6 Hackathon</title>
   <link>https://supabase.com/blog/launch-week-6-hackathon</link>
   <description>Build an Open Source Project, Win $1500 and the Supabase Darkmode Keyboard</description>
-  <pubDate>Thu, 08 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 08 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-november-2022</guid>
   <title>Supabase Beta November 2022</title>
   <link>https://supabase.com/blog/supabase-beta-november-2022</link>
   <description>We are preparing everything for Launch Week 6, but we still had time to ship some goodies this month!</description>
-  <pubDate>Tue, 06 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 06 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/the-supabase-content-storm</guid>
   <title>The Supabase Content Storm</title>
   <link>https://supabase.com/blog/the-supabase-content-storm</link>
   <description>We worked with +30 content creators to drop a mountain of content simultaneously.</description>
-  <pubDate>Mon, 05 Dec 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 05 Dec 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/transparent-column-encryption-with-postgres</guid>
   <title>Transparent Column Encryption with Postgres</title>
   <link>https://supabase.com/blog/transparent-column-encryption-with-postgres</link>
   <description>Using pgsodium's Transparent Column Encryption to encrypt data and provide your users with row-level encryption.</description>
-  <pubDate>Wed, 30 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 30 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/sql-or-nosql-both-with-postgresql</guid>
   <title>SQL or NoSQL? Why not use both (with PostgreSQL)?</title>
   <link>https://supabase.com/blog/sql-or-nosql-both-with-postgresql</link>
   <description>How to turn Postgres into an easy-to-use NoSQL database that retains all the power of SQL</description>
-  <pubDate>Wed, 23 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 23 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/flutter-authentication-and-authorization-with-rls</guid>
   <title>Flutter Authentication and Authorization with RLS</title>
   <link>https://supabase.com/blog/flutter-authentication-and-authorization-with-rls</link>
   <description>Learn how you can secure your Flutter app using Supabase Row Level Security.</description>
-  <pubDate>Mon, 21 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 21 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/fetching-and-caching-supabase-data-in-next-js-server-components</guid>
   <title>Fetching and caching Supabase data in Next.js 13 Server Components</title>
   <link>https://supabase.com/blog/fetching-and-caching-supabase-data-in-next-js-server-components</link>
   <description>Next.js 13 introduces new data fetching and caching methods to enable React Server Components and Suspense.</description>
-  <pubDate>Wed, 16 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 16 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/authentication-in-ionic-angular</guid>
   <title>Authentication in Ionic Angular with Supabase</title>
   <link>https://supabase.com/blog/authentication-in-ionic-angular</link>
   <description>Learn how to build an Ionic Angular app with authentication, Row Level Security, and Magic Link auth.</description>
-  <pubDate>Mon, 07 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 07 Nov 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-update-october-2022</guid>
   <title>Supabase Beta October 2022</title>
   <link>https://supabase.com/blog/supabase-beta-update-october-2022</link>
   <description>New SDKs, quickstarts, Functions tricks, and more. But, more importantly, Launch Week 6️ has a date!</description>
-  <pubDate>Tue, 01 Nov 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 01 Nov 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-commitfest</guid>
   <title>What is PostgreSQL commitfest and how to contribute</title>
   <link>https://supabase.com/blog/postgresql-commitfest</link>
   <description>A time-tested method for contributing to the core Postgres code</description>
-  <pubDate>Wed, 26 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 26 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-flutter-sdk-v1-released</guid>
   <title>supabase-flutter v1 Released</title>
   <link>https://supabase.com/blog/supabase-flutter-sdk-v1-released</link>
   <description>We've released supabase-flutter v1. More intuitive way of accessing Supabase from your Flutter application.</description>
-  <pubDate>Thu, 20 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 20 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-js-v2-released</guid>
   <title>supabase-js v2 Released</title>
   <link>https://supabase.com/blog/supabase-js-v2-released</link>
   <description>We've released supabase-js v2. Updated examples, quickstarts, and an improved experience.</description>
-  <pubDate>Wed, 19 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 19 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-full-text-search-vs-the-rest</guid>
   <title>Postgres Full Text Search vs the rest</title>
   <link>https://supabase.com/blog/postgres-full-text-search-vs-the-rest</link>
   <description>Comparing one of the most popular Postgres features against alternatives</description>
-  <pubDate>Thu, 13 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 13 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-update-september-2022</guid>
   <title>Supabase Beta September 2022</title>
   <link>https://supabase.com/blog/supabase-beta-update-september-2022</link>
   <description>We were too focused on clearing out the backlog so we didn't ship anything new last month... or did we?!</description>
-  <pubDate>Tue, 04 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 04 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-wasm</guid>
   <title>Postgres WASM by Snaplet and Supabase</title>
   <link>https://supabase.com/blog/postgres-wasm</link>
   <description>We're open sourcing postgres-wasm, a PostgresQL server that runs inside a browser, with our friends at Snaplet.</description>
-  <pubDate>Sun, 02 Oct 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 02 Oct 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/choosing-a-postgres-primary-key</guid>
   <title>Choosing a Postgres Primary Key</title>
   <link>https://supabase.com/blog/choosing-a-postgres-primary-key</link>
   <description>Turns out the question of which identifier to use as a Primary Key is complicated -- we're going to dive into some of the complexity and inherent trade-offs, and figure things out</description>
-  <pubDate>Wed, 07 Sep 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 07 Sep 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-update-august-2022</guid>
   <title>Supabase Beta August 2022</title>
   <link>https://supabase.com/blog/supabase-beta-update-august-2022</link>
   <description>Launch Week Special. See everything we shipped, plus winners of the Hackathon and the extended Community Highlights</description>
-  <pubDate>Tue, 06 Sep 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 06 Sep 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-5-hackathon-winners</guid>
   <title>Launch Week 5 Hackathon Winners</title>
   <link>https://supabase.com/blog/launch-week-5-hackathon-winners</link>
   <description>Announcing the winners of the Launch Week 5 Hackathon!</description>
-  <pubDate>Wed, 24 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 24 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/building-a-realtime-trello-board-with-supabase-and-angular</guid>
   <title>Building a Realtime Trello Board with Supabase and Angular</title>
   <link>https://supabase.com/blog/building-a-realtime-trello-board-with-supabase-and-angular</link>
   <description>Go beyond the hello world example with this real world project.</description>
-  <pubDate>Tue, 23 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 23 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-vault</guid>
   <title>Supabase Vault</title>
   <link>https://supabase.com/blog/supabase-vault</link>
   <description>Today we're announcing Vault, a Postgres extension for managing secrets and encryption inside your database.</description>
-  <pubDate>Thu, 18 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgrest-v10</guid>
   <title>PostgREST v10: EXPLAIN and Improved Relationship Detection</title>
   <link>https://supabase.com/blog/postgrest-v10</link>
   <description>Today, PostgREST 10 was released. Let's take a look at some of the new features that go hand in hand with supabase-js v2.</description>
-  <pubDate>Thu, 18 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/pg-jsonschema-a-postgres-extension-for-json-validation</guid>
   <title>pg_jsonschema: JSON Schema support for Postgres</title>
   <link>https://supabase.com/blog/pg-jsonschema-a-postgres-extension-for-json-validation</link>
   <description>Today we're releasing pg_jsonschema, a Postgres extension for JSON validation.</description>
-  <pubDate>Thu, 18 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-5-one-more-thing</guid>
   <title>One more thing</title>
   <link>https://supabase.com/blog/launch-week-5-one-more-thing</link>
   <description>Let's be honest, it's never just one more thing.</description>
-  <pubDate>Thu, 18 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-5-community-day</guid>
   <title>Community Day</title>
   <link>https://supabase.com/blog/launch-week-5-community-day</link>
   <description>Wrapping up Launch Week 5 with contributors, partners, and friends.</description>
-  <pubDate>Thu, 18 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 18 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-realtime-multiplayer-general-availability</guid>
   <title>Realtime: Multiplayer Edition</title>
   <link>https://supabase.com/blog/supabase-realtime-multiplayer-general-availability</link>
   <description>Announcing the general availability of Realtime's Broadcast and Presence.</description>
-  <pubDate>Wed, 17 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 17 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-soc2</guid>
   <title>Supabase is SOC2 compliant</title>
   <link>https://supabase.com/blog/supabase-soc2</link>
   <description>Supabase is now SOC2 compliant. Learn how we got here and what it means for our customers.</description>
-  <pubDate>Tue, 16 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 16 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-js-v2</guid>
   <title>supabase-js v2</title>
   <link>https://supabase.com/blog/supabase-js-v2</link>
   <description>A look at supabase-js v2, which brings type support and focuses on quality-of-life improvements for developers.</description>
-  <pubDate>Mon, 15 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 15 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-cli-v1-and-admin-api-beta</guid>
   <title>Supabase CLI v1 and Management API Beta</title>
   <link>https://supabase.com/blog/supabase-cli-v1-and-admin-api-beta</link>
   <description>We are moving Supabase CLI v1 out of beta, and releasing Management API beta.</description>
-  <pubDate>Sun, 14 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 14 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-series-b</guid>
   <title>Supabase Series B</title>
   <link>https://supabase.com/blog/supabase-series-b</link>
   <description>Supabase raised $80M in May, bringing our total funding to $116M.</description>
-  <pubDate>Thu, 11 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 11 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-5-hackathon</guid>
   <title>Launch Week 5 Hackathon</title>
   <link>https://supabase.com/blog/launch-week-5-hackathon</link>
   <description>Build to win $1500 - Friday 12th to Monday 21st August 2022</description>
-  <pubDate>Tue, 09 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 09 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/slack-consolidate-slackbot-to-consolidate-messages</guid>
   <title>Slack Consolidate: a slackbot built with Python and Supabase</title>
   <link>https://supabase.com/blog/slack-consolidate-slackbot-to-consolidate-messages</link>
   <description>A slackbot to consolidate messages from different channels using Supabase, Slack SDK and Python</description>
-  <pubDate>Mon, 08 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 08 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-update-july-2022</guid>
   <title>Supabase Beta July 2022</title>
   <link>https://supabase.com/blog/supabase-beta-update-july-2022</link>
   <description>Launch Week Golden Tickets, Flutter SDK 1.0 Developer Preview and more...</description>
-  <pubDate>Tue, 02 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 02 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-flutter-sdk-1-developer-preview</guid>
   <title>Supabase Flutter SDK 1.0 Developer Preview</title>
   <link>https://supabase.com/blog/supabase-flutter-sdk-1-developer-preview</link>
   <description>Supabase Flutter SDK is getting a major update and we need your help making it better.</description>
-  <pubDate>Mon, 01 Aug 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 01 Aug 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/seen-by-in-postgresql</guid>
   <title>Implementing "seen by" functionality with Postgres</title>
   <link>https://supabase.com/blog/seen-by-in-postgresql</link>
   <description>Different approaches for tracking visitor counts with PostgreSQL.</description>
-  <pubDate>Sun, 17 Jul 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 17 Jul 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-auth-helpers-with-sveltekit-support</guid>
   <title>Revamped Auth Helpers for Supabase (with SvelteKit support)</title>
   <link>https://supabase.com/blog/supabase-auth-helpers-with-sveltekit-support</link>
   <description>Supabase Auth Helpers now have improved developer experience, Sveltekit support, and more.</description>
-  <pubDate>Tue, 12 Jul 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 12 Jul 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/beta-update-june-2022</guid>
   <title>Supabase Beta June 2022</title>
   <link>https://supabase.com/blog/beta-update-june-2022</link>
   <description>Auth Helpers, Unlimited Free Projects, CLI and more...</description>
-  <pubDate>Tue, 05 Jul 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 05 Jul 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/flutter-tutorial-building-a-chat-app</guid>
   <title>Flutter Tutorial: building a Flutter chat app</title>
   <link>https://supabase.com/blog/flutter-tutorial-building-a-chat-app</link>
   <description>Learn how to build a Flutter chat app with open source and scalable backend (inc. auth, realtime, database, and more).</description>
-  <pubDate>Wed, 29 Jun 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 29 Jun 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/visualizing-supabase-data-using-metabase</guid>
   <title>Visualizing Supabase Data using Metabase</title>
   <link>https://supabase.com/blog/visualizing-supabase-data-using-metabase</link>
   <description>How to create different kinds of charts out of data stored in Supabase using Metabase.</description>
-  <pubDate>Tue, 28 Jun 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 28 Jun 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/partial-postgresql-data-dumps-with-rls</guid>
   <title>Partial data dumps using Postgres Row Level Security</title>
   <link>https://supabase.com/blog/partial-postgresql-data-dumps-with-rls</link>
   <description>Using RLS to create seed files for local PostgreSQL testing.</description>
-  <pubDate>Mon, 27 Jun 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 27 Jun 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/loading-data-supabase-python</guid>
   <title>Python data loading with Supabase</title>
   <link>https://supabase.com/blog/loading-data-supabase-python</link>
   <description>An example of how to load data into Supabase using supabase-py</description>
-  <pubDate>Thu, 16 Jun 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 16 Jun 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/beta-update-may-2022</guid>
   <title>Supabase Beta May 2022</title>
   <link>https://supabase.com/blog/beta-update-may-2022</link>
   <description>Product and community updates including wildcard auth redirects, edge functions with webhooks, and Prometheus endpoints for everybody.</description>
-  <pubDate>Tue, 31 May 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 31 May 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/how-supabase-accelerates-development-of-all-pull-together</guid>
   <title>How Mike Lyndon is using Supabase to accelerate development of AllPullTogether</title>
   <link>https://supabase.com/blog/how-supabase-accelerates-development-of-all-pull-together</link>
   <description>Mike Lyndon is learning web development as he builds AllPullTogether, and Supabase is helping him accelerate what he can accomplish.</description>
-  <pubDate>Wed, 25 May 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 25 May 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/partner-gallery-works-with-supabase</guid>
   <title>Works With Supabase - announcing our Partner Gallery</title>
   <link>https://supabase.com/blog/partner-gallery-works-with-supabase</link>
   <description>Introducing our Partner Gallery - open source and made with Supabase.</description>
-  <pubDate>Tue, 19 Apr 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 19 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/bring-the-func-hackathon-winners</guid>
   <title>Bring the Func Hackathon Winners 2022</title>
   <link>https://supabase.com/blog/bring-the-func-hackathon-winners</link>
   <description>Celebrating many amazing OSS Hackathon projects using GraphQL and Edge Functions.</description>
-  <pubDate>Sun, 17 Apr 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 17 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/beta-update-march-2022</guid>
   <title>Supabase Beta March 2022</title>
   <link>https://supabase.com/blog/beta-update-march-2022</link>
   <description>Functions, GraphQL, and much more.</description>
-  <pubDate>Thu, 14 Apr 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 14 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabrew</guid>
   <title>Supabrew - Never Code Thirsty</title>
   <link>https://supabase.com/blog/supabrew</link>
   <description>A light and refreshing non-alcoholic beer for devs.</description>
-  <pubDate>Thu, 31 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 01 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-realtime-with-multiplayer-features</guid>
   <title>Supabase Realtime, with Multiplayer Features</title>
   <link>https://supabase.com/blog/supabase-realtime-with-multiplayer-features</link>
   <description>Today we're announced Realtime, with multiplayer features. Realtime enables broadcast, presence, and listening to database changes delivered over WebSockets.</description>
-  <pubDate>Thu, 31 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 01 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/hackathon-bring-the-func</guid>
   <title>Hackathon: Bring the Func(🕺)</title>
   <link>https://supabase.com/blog/hackathon-bring-the-func</link>
   <description>Build open-source projects with our latest features, win limited edition swag and plant a tree!</description>
-  <pubDate>Thu, 31 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 01 Apr 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-edge-functions</guid>
   <title>Edge Functions are now available in Supabase</title>
   <link>https://supabase.com/blog/supabase-edge-functions</link>
   <description>Today we're launching Edge Functions. Edge Functions let you execute Typescript code close to your users, no matter where they're located.</description>
-  <pubDate>Wed, 30 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 30 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-enterprise</guid>
   <title>Introducing Supabase Enterprise</title>
   <link>https://supabase.com/blog/supabase-enterprise</link>
   <description>Today we are releasing Supabase Enterprise, a suite of features to scale your project.</description>
-  <pubDate>Tue, 29 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 29 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/graphql-now-available</guid>
   <title>GraphQL is now available in Supabase</title>
   <link>https://supabase.com/blog/graphql-now-available</link>
   <description>GraphQL support is now in general availability on the Supabase platform via our open source PostgreSQL extension, pg_graphql (beta).</description>
-  <pubDate>Mon, 28 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 28 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/community-day-lw4</guid>
   <title>Community Day</title>
   <link>https://supabase.com/blog/community-day-lw4</link>
   <description>Kicking off Launch Week 4 with contributors, partners, and friends.</description>
-  <pubDate>Sun, 27 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 27 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-launch-week-four</guid>
   <title>Supabase Launch Week 4</title>
   <link>https://supabase.com/blog/supabase-launch-week-four</link>
   <description>Launch Week 4: One new feature every day for an entire week. Starting Monday 28th March.</description>
-  <pubDate>Thu, 24 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 24 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/should-i-open-source-my-company</guid>
   <title>Should I Open Source my Company?</title>
   <link>https://supabase.com/blog/should-i-open-source-my-company</link>
   <description>The unexpected upsides of building in public</description>
-  <pubDate>Thu, 24 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 24 Mar 2022 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/audit</guid>
   <title>Postgres Auditing in 150 lines of SQL</title>
   <link>https://supabase.com/blog/audit</link>
   <description>PostgreSQL has a robust set of features which we can leverage to create a generic auditing solution in 150 lines of SQL.</description>
-  <pubDate>Mon, 07 Mar 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 07 Mar 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-january-2022</guid>
   <title>Supabase Beta January 2022</title>
   <link>https://supabase.com/blog/supabase-beta-january-2022</link>
   <description>New auth providers, SMS providers, and new videos.</description>
-  <pubDate>Mon, 21 Feb 2022 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 21 Feb 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-december-2021</guid>
   <title>Supabase Beta December 2021</title>
   <link>https://supabase.com/blog/supabase-beta-december-2021</link>
   <description>New crypto extension, Postgres videos, and a bunch of cool integrations.</description>
-  <pubDate>Wed, 19 Jan 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 19 Jan 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/product-hunt-golden-kitty-awards-2021</guid>
   <title>Golden Kitty Awards Ceremony Watch Party with Supabase</title>
   <link>https://supabase.com/blog/product-hunt-golden-kitty-awards-2021</link>
   <description>Hang out with us while watching the Product Hunt Golden Kitty Awards Ceremony</description>
-  <pubDate>Wed, 19 Jan 2022 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 19 Jan 2022 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/holiday-hackdays-winners-2021</guid>
   <title>Holiday Hackdays Winners 2021</title>
   <link>https://supabase.com/blog/holiday-hackdays-winners-2021</link>
   <description>Celebrating many amazing projects submitted to our Holiday Hackdays Hackathon.</description>
-  <pubDate>Thu, 16 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 16 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/beta-november-2021-launch-week-recap</guid>
   <title>Supabase Beta November 2021: Launch Week Recap</title>
   <link>https://supabase.com/blog/beta-november-2021-launch-week-recap</link>
   <description>We wrapped up November with Supabase's third Launch Week. Here's all the awesome stuff that got shipped ...</description>
-  <pubDate>Tue, 14 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 14 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-holiday-hackdays-hackathon</guid>
   <title>Kicking off the Holiday Hackdays</title>
   <link>https://supabase.com/blog/supabase-holiday-hackdays-hackathon</link>
   <description>Build cool stuff and celebrate open-source software with us during the Holiday Hackdays!</description>
-  <pubDate>Thu, 02 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 02 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/pg-graphql</guid>
   <title>pg_graphql: A GraphQL extension for PostgreSQL</title>
   <link>https://supabase.com/blog/pg-graphql</link>
   <description>GraphQL support is in development for PostgreSQL + Supabase.</description>
-  <pubDate>Thu, 02 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 02 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week-three-friday-five-more-things</guid>
   <title>Five more things</title>
   <link>https://supabase.com/blog/launch-week-three-friday-five-more-things</link>
   <description>It's never just one more thing!</description>
-  <pubDate>Thu, 02 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 02 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-acquires-logflare</guid>
   <title>Supabase acquires Logflare</title>
   <link>https://supabase.com/blog/supabase-acquires-logflare</link>
   <description>Today, we're ecstatic to announce that Logflare is joining Supabase.</description>
-  <pubDate>Wed, 01 Dec 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 01 Dec 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/realtime-row-level-security-in-postgresql</guid>
   <title>Realtime Postgres RLS now available on Supabase</title>
   <link>https://supabase.com/blog/realtime-row-level-security-in-postgresql</link>
   <description>Realtime database changes are now broadcast to authenticated users, respecting the same PostgreSQL policies that you use for Row Level Security.</description>
-  <pubDate>Tue, 30 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 30 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-studio</guid>
   <title>Supabase Studio</title>
   <link>https://supabase.com/blog/supabase-studio</link>
   <description>The same Dashboard that you're using on our Platform is now available for local development and Self-Hosting.</description>
-  <pubDate>Mon, 29 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 29 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/community-day-lw3</guid>
   <title>Community Day</title>
   <link>https://supabase.com/blog/community-day-lw3</link>
   <description>Kicking off launch week by highlighting the communities around Supabase.</description>
-  <pubDate>Sun, 28 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 28 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/whats-new-in-postgres-14</guid>
   <title>New in PostgreSQL 14: What every developer should know</title>
   <link>https://supabase.com/blog/whats-new-in-postgres-14</link>
   <description>A quick look at some new features and functionality in PostgreSQL 14.</description>
-  <pubDate>Sat, 27 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 27 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgrest-9</guid>
   <title>PostgREST 9</title>
   <link>https://supabase.com/blog/postgrest-9</link>
   <description>New features and updates in PostgREST version 9.</description>
-  <pubDate>Fri, 26 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 26 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-launch-week-the-trilogy</guid>
   <title>Supabase Launch Week III: Holiday Special</title>
   <link>https://supabase.com/blog/supabase-launch-week-the-trilogy</link>
   <description>Tis the season to be shipping.</description>
-  <pubDate>Thu, 25 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 25 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-how-we-launch</guid>
   <title>How we launch at Supabase</title>
   <link>https://supabase.com/blog/supabase-how-we-launch</link>
   <description>The history and methodology of Supabase Launch Week.</description>
-  <pubDate>Thu, 25 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 25 Nov 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-october-2021</guid>
   <title>Supabase Beta October 2021</title>
   <link>https://supabase.com/blog/supabase-beta-october-2021</link>
   <description>Three new Auth providers, multi-schema support, and we're gearing up for another Launch Week.</description>
-  <pubDate>Sat, 06 Nov 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 06 Nov 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-series-a</guid>
   <title>Supabase $30m Series A</title>
   <link>https://supabase.com/blog/supabase-series-a</link>
   <description>Supabase just raised $30M, bringing our total funding to $36M.</description>
-  <pubDate>Wed, 27 Oct 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 27 Oct 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/replenysh-time-to-value-in-less-than-24-hours</guid>
   <title>Replenysh uses Supabase to implement OTP in less than 24-hours</title>
   <link>https://supabase.com/blog/replenysh-time-to-value-in-less-than-24-hours</link>
   <description>Learn how Replenysh uses Supabase to power the circular economy, redefining how brands interact with their customers and products.</description>
-  <pubDate>Mon, 18 Oct 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 18 Oct 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/hacktoberfest-hackathon-winners-2021</guid>
   <title>Hacktoberfest Hackathon Winners 2021</title>
   <link>https://supabase.com/blog/hacktoberfest-hackathon-winners-2021</link>
   <description>Celebrating many amazing projects submitted to our Hacktoberfest Hackathon.</description>
-  <pubDate>Wed, 13 Oct 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 13 Oct 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-sept-2021</guid>
   <title>Supabase Beta Sept 2021</title>
   <link>https://supabase.com/blog/supabase-beta-sept-2021</link>
   <description>Hackathon, Aborting request, UI updates, and now Hiring.</description>
-  <pubDate>Sun, 03 Oct 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 03 Oct 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-hacktoberfest-hackathon-2021</guid>
   <title>Supabase Hacktoberfest Hackathon 2021</title>
   <link>https://supabase.com/blog/supabase-hacktoberfest-hackathon-2021</link>
   <description>We're running another Supabase Hackathon during Hacktoberfest!</description>
-  <pubDate>Mon, 27 Sep 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 27 Sep 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-august-2021</guid>
   <title>Supabase Beta August 2021</title>
   <link>https://supabase.com/blog/supabase-beta-august-2021</link>
   <description>Fundraising, Realtime Security, custom SMS templates, and deployments in South Korea.</description>
-  <pubDate>Thu, 09 Sep 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 09 Sep 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-july-2021</guid>
   <title>Supabase Beta July 2021</title>
   <link>https://supabase.com/blog/supabase-beta-july-2021</link>
   <description>Discord Logins, Vercel Integration, Full text search, and OAuth guides.</description>
-  <pubDate>Wed, 11 Aug 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 11 Aug 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/hackathon-winners</guid>
   <title>Open Source Hackathon Winners</title>
   <link>https://supabase.com/blog/hackathon-winners</link>
   <description>Let the medal ceremony begin for the best projects submitted during the Supabase Hackathon.</description>
-  <pubDate>Sun, 08 Aug 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 08 Aug 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-swag-store</guid>
   <title>Supabase Swag Store</title>
   <link>https://supabase.com/blog/supabase-swag-store</link>
   <description>Today we are officially launching the Supabase Swag Store.</description>
-  <pubDate>Thu, 29 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 29 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-functions-updates</guid>
   <title>Updates for Supabase Functions</title>
   <link>https://supabase.com/blog/supabase-functions-updates</link>
   <description>The question on everyone's mind - are we launching Supabase Functions? Well, it's complicated.</description>
-  <pubDate>Thu, 29 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 29 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/1-the-supabase-hackathon</guid>
   <title>The Supabase Hackathon</title>
   <link>https://supabase.com/blog/1-the-supabase-hackathon</link>
   <description>A whole week of Hacking for Fun and Prizes.</description>
-  <pubDate>Thu, 29 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 29 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-reports-and-metrics</guid>
   <title>Supabase Reports and Metrics</title>
   <link>https://supabase.com/blog/supabase-reports-and-metrics</link>
   <description>We're exposing a full set of metrics in your projects, so that you can build better (and faster) products for your users.</description>
-  <pubDate>Wed, 28 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 28 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-auth-passwordless-sms-login</guid>
   <title>Supabase Auth v2: Phone Auth now available</title>
   <link>https://supabase.com/blog/supabase-auth-passwordless-sms-login</link>
   <description>Phone Auth is available today on all new and existing Supabase projects.</description>
-  <pubDate>Tue, 27 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 27 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/mobbin-supabase-200000-users</guid>
   <title>Mobbin uses Supabase to authenticate 200,000 users</title>
   <link>https://supabase.com/blog/mobbin-supabase-200000-users</link>
   <description>Learn how Mobbin migrated 200,000 users from Firebase for a better authentication experience.</description>
-  <pubDate>Tue, 27 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 27 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/storage-beta</guid>
   <title>Supabase Storage now in Beta</title>
   <link>https://supabase.com/blog/storage-beta</link>
   <description>Supabase Storage moves into Beta.</description>
-  <pubDate>Mon, 26 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 26 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/spot-flutter-with-postgres</guid>
   <title>Spot: a video sharing app built with Flutter</title>
   <link>https://supabase.com/blog/spot-flutter-with-postgres</link>
   <description>Spot is a geolocation-based video-sharing app with some social networking features.</description>
-  <pubDate>Mon, 26 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 26 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-postgres-13</guid>
   <title>Supabase is now on Postgres 13.3</title>
   <link>https://supabase.com/blog/supabase-postgres-13</link>
   <description>From today, new Supabase projects will be on a version of Supabase Postgres that runs on Postgres 13.3.</description>
-  <pubDate>Sun, 25 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 25 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-community-day</guid>
   <title>Supabase Community Day</title>
   <link>https://supabase.com/blog/supabase-community-day</link>
   <description>Community Day</description>
-  <pubDate>Sun, 25 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 25 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/epsilon3-self-hosting</guid>
   <title>Epsilon3 Self-Host Supabase To Revolutionize Space Operations </title>
   <link>https://supabase.com/blog/epsilon3-self-hosting</link>
   <description>Learn how the team at Epsilon3 use Supabase to help teams execute secure and reliable operations in an industry that project spend runs into the billions.</description>
-  <pubDate>Sun, 25 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 25 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-launch-week-sql</guid>
   <title>Supabase Launch Week II: The SQL</title>
   <link>https://supabase.com/blog/supabase-launch-week-sql</link>
   <description>Five days of Supabase. Again.</description>
-  <pubDate>Wed, 21 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 21 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/roles-postgres-hooks</guid>
   <title>Protecting reserved roles with PostgreSQL Hooks</title>
   <link>https://supabase.com/blog/roles-postgres-hooks</link>
   <description>Using Postgres Hooks to protect functionality in your Postgres database.</description>
-  <pubDate>Thu, 01 Jul 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Jul 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-june-2021</guid>
   <title>Supabase Beta June 2021</title>
   <link>https://supabase.com/blog/supabase-beta-june-2021</link>
   <description>Discord Logins, Vercel Integration, Full text search, and OAuth guides.</description>
-  <pubDate>Tue, 01 Jun 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 01 Jun 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-may-2021</guid>
   <title>Supabase Beta May 2021</title>
   <link>https://supabase.com/blog/supabase-beta-may-2021</link>
   <description>Apple &amp; Twitter Logins, Supabase Grid, Go &amp; Swift Libraries.</description>
-  <pubDate>Tue, 01 Jun 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 01 Jun 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-april-2021</guid>
   <title>Supabase Beta April 2021</title>
   <link>https://supabase.com/blog/supabase-beta-april-2021</link>
   <description>Supabase "gardening" - stability, security, and community support.</description>
-  <pubDate>Tue, 04 May 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 04 May 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-march-2021</guid>
   <title>Supabase Beta March 2021</title>
   <link>https://supabase.com/blog/supabase-beta-march-2021</link>
   <description>Launch week, Storage, Supabase CLI, Connection Pooling, Supabase UI, and Pricing.</description>
-  <pubDate>Mon, 05 Apr 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 05 Apr 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-workflows</guid>
   <title>Workflows are coming to Supabase</title>
   <link>https://supabase.com/blog/supabase-workflows</link>
   <description>Functions are great, but you know what's better?</description>
-  <pubDate>Thu, 01 Apr 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Apr 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-pgbouncer</guid>
   <title>PgBouncer is now available in Supabase</title>
   <link>https://supabase.com/blog/supabase-pgbouncer</link>
   <description>Better support for Serverless and Postgres.</description>
-  <pubDate>Thu, 01 Apr 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Apr 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-dot-com</guid>
   <title>Supabase Dot Com</title>
   <link>https://supabase.com/blog/supabase-dot-com</link>
   <description>The Supabase Domain name is changing.</description>
-  <pubDate>Thu, 01 Apr 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Apr 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-nft-marketplace</guid>
   <title>Supabase Launches NFT Marketplace</title>
   <link>https://supabase.com/blog/supabase-nft-marketplace</link>
   <description>A fully encrypted NFT platform to protect and transact your digital assets</description>
-  <pubDate>Wed, 31 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 01 Apr 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-cli</guid>
   <title>Supabase CLI</title>
   <link>https://supabase.com/blog/supabase-cli</link>
   <description>Local development, database migrations, and self-hosting.</description>
-  <pubDate>Tue, 30 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 31 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-storage</guid>
   <title>Storage is now available in Supabase</title>
   <link>https://supabase.com/blog/supabase-storage</link>
   <description>Launching Supabase Storage and how you can use it in your apps</description>
-  <pubDate>Mon, 29 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 30 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/pricing</guid>
   <title>Supabase Beta Pricing</title>
   <link>https://supabase.com/blog/pricing</link>
   <description>Supabase launches Beta pricing structure</description>
-  <pubDate>Sun, 28 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 29 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/launch-week</guid>
   <title>Launch week</title>
   <link>https://supabase.com/blog/launch-week</link>
   <description>Five days of Supabase.</description>
-  <pubDate>Wed, 24 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 24 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/angels-of-supabase</guid>
   <title>Angels of Supabase</title>
   <link>https://supabase.com/blog/angels-of-supabase</link>
   <description>Meet the investors of Supabase.</description>
-  <pubDate>Wed, 24 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 24 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/In-The-Loop</guid>
   <title>Developers stay up to date with intheloop.dev</title>
   <link>https://supabase.com/blog/In-The-Loop</link>
   <description>Learn why Kevin is building intheloop.dev with Supabase</description>
-  <pubDate>Sun, 21 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 22 Mar 2021 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/using-supabase-replit</guid>
   <title>Using Supabase in Replit</title>
   <link>https://supabase.com/blog/using-supabase-replit</link>
   <description>Free hosted relational database from within your node.js repl</description>
-  <pubDate>Wed, 10 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 11 Mar 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/toad-a-link-shortener-with-simple-apis-for-low-coders</guid>
   <title>Toad, a link shortener with simple APIs for low-coders</title>
   <link>https://supabase.com/blog/toad-a-link-shortener-with-simple-apis-for-low-coders</link>
   <description>An easy-to-use link shortening tool with simple APIs</description>
-  <pubDate>Sun, 07 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 08 Mar 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgres-as-a-cron-server</guid>
   <title>Postgres as a CRON Server</title>
   <link>https://supabase.com/blog/postgres-as-a-cron-server</link>
   <description>Running repetitive tasks with your Postgres database.</description>
-  <pubDate>Thu, 04 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 05 Mar 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-february-2021</guid>
   <title>Supabase Beta February 2021</title>
   <link>https://supabase.com/blog/supabase-beta-february-2021</link>
   <description>One year of building.</description>
-  <pubDate>Mon, 01 Mar 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 02 Mar 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/cracking-postgres-interview</guid>
   <title>Cracking PostgreSQL Interview Questions</title>
   <link>https://supabase.com/blog/cracking-postgres-interview</link>
   <description>Understand the top PostgreSQL Interview Questions</description>
-  <pubDate>Fri, 26 Feb 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 27 Feb 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/case-study-roboflow</guid>
   <title>Roboflow.com choose Supabase to power Paint.wtf leaderboard</title>
   <link>https://supabase.com/blog/case-study-roboflow</link>
   <description>Learn how Roboflow.com used Supabase to build their Paint.wtf leaderboard</description>
-  <pubDate>Mon, 08 Feb 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 09 Feb 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-january-2021</guid>
   <title>Supabase Beta January 2021</title>
   <link>https://supabase.com/blog/supabase-beta-january-2021</link>
   <description>Eleven months of building.</description>
-  <pubDate>Mon, 01 Feb 2021 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 02 Feb 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-beta-december-2020</guid>
   <title>Supabase Beta December 2020</title>
   <link>https://supabase.com/blog/supabase-beta-december-2020</link>
   <description>Ten months of building.</description>
-  <pubDate>Fri, 01 Jan 2021 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 02 Jan 2021 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-dashboard-performance</guid>
   <title>Making the Supabase Dashboard Supa-fast</title>
   <link>https://supabase.com/blog/supabase-dashboard-performance</link>
   <description>Improving the performance of the Supabase dashboard</description>
-  <pubDate>Sat, 12 Dec 2020 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 13 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-striveschool</guid>
   <title>Supabase Partners With Strive School To Help Teach Open Source</title>
   <link>https://supabase.com/blog/supabase-striveschool</link>
   <description>Supabase Partners With Strive School To Help Teach Open Source To The Next Generation Of Developers</description>
-  <pubDate>Tue, 01 Dec 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 02 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/case-study-xendit</guid>
   <title>Xendit Built a Counter-Fraud Watchlist for the Fintech Industry</title>
   <link>https://supabase.com/blog/case-study-xendit</link>
   <description>See how Xendit use Supabase to build a full-text search engine.</description>
-  <pubDate>Tue, 01 Dec 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 02 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/case-study-tayfa</guid>
   <title>TAYFA Built a No-Code Website Builder in Seven Days</title>
   <link>https://supabase.com/blog/case-study-tayfa</link>
   <description>See how Tayfa went from idea to paying customer in less than 30 days.</description>
-  <pubDate>Tue, 01 Dec 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 02 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/case-study-monitoro</guid>
   <title>Monitoro Built a Web Crawler Handling Millions of API Requests</title>
   <link>https://supabase.com/blog/case-study-monitoro</link>
   <description>See how Monitoro built an automated scraping platform using Supabase.</description>
-  <pubDate>Tue, 01 Dec 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 02 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-november-2020</guid>
   <title>Supabase Alpha November 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-november-2020</link>
   <description>Nine months of building.</description>
-  <pubDate>Mon, 30 Nov 2020 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 01 Dec 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-views</guid>
   <title>Postgres Views</title>
   <link>https://supabase.com/blog/postgresql-views</link>
   <description>Creating and using a view in PostgreSQL.</description>
-  <pubDate>Tue, 17 Nov 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 18 Nov 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-october-2020</guid>
   <title>Supabase Alpha October 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-october-2020</link>
   <description>Eight months of building.</description>
-  <pubDate>Sun, 01 Nov 2020 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 02 Nov 2020 03:03:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/improved-dx</guid>
   <title>Supabase.js 1.0</title>
   <link>https://supabase.com/blog/improved-dx</link>
   <description>We're releasing a new version of our Supabase client with some awesome new improvements.</description>
-  <pubDate>Thu, 29 Oct 2020 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 30 Oct 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-september-2020</guid>
   <title>Supabase Alpha September 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-september-2020</link>
   <description>Seven months of building.</description>
-  <pubDate>Fri, 02 Oct 2020 16:04:00 +0000</pubDate>
+  <pubDate>Sat, 03 Oct 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-hacktoberfest-2020</guid>
   <title>Supabase Hacktoberfest 2020</title>
   <link>https://supabase.com/blog/supabase-hacktoberfest-2020</link>
   <description>Join us for a celebration of open source software and learn how to contribute to Supabase.</description>
-  <pubDate>Thu, 10 Sep 2020 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 11 Sep 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-august-2020</guid>
   <title>Supabase Alpha August 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-august-2020</link>
   <description>Six months of building</description>
-  <pubDate>Wed, 02 Sep 2020 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 03 Sep 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-auth</guid>
   <title>Supabase Auth</title>
   <link>https://supabase.com/blog/supabase-auth</link>
   <description>Authenticate and authorize your users with Supabase Auth</description>
-  <pubDate>Tue, 04 Aug 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 05 Aug 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-july-2020</guid>
   <title>Supabase Alpha July 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-july-2020</link>
   <description>Five months of building</description>
-  <pubDate>Sat, 01 Aug 2020 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 02 Aug 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/continuous-postgresql-backup-walg</guid>
   <title>Continuous PostgreSQL Backups using WAL-G</title>
   <link>https://supabase.com/blog/continuous-postgresql-backup-walg</link>
   <description>Have you ever wanted to restore your database's state to a particular moment in time? This post explains how, using WAL-G.</description>
-  <pubDate>Sat, 01 Aug 2020 16:04:00 +0000</pubDate>
+  <pubDate>Sun, 02 Aug 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/alpha-launch-postmortem</guid>
   <title>Alpha Launch Postmortem</title>
   <link>https://supabase.com/blog/alpha-launch-postmortem</link>
   <description>Everything that went wrong with Supabase's launch</description>
-  <pubDate>Thu, 09 Jul 2020 16:04:00 +0000</pubDate>
+  <pubDate>Fri, 10 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-templates</guid>
   <title>What are PostgreSQL Templates?</title>
   <link>https://supabase.com/blog/postgresql-templates</link>
   <description>What are PostgreSQL templates and what are they used for?</description>
-  <pubDate>Wed, 08 Jul 2020 16:04:00 +0000</pubDate>
+  <pubDate>Thu, 09 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/postgresql-physical-logical-backups</guid>
   <title>Physical vs Logical Backups in PostgreSQL</title>
   <link>https://supabase.com/blog/postgresql-physical-logical-backups</link>
   <description>What are physical and logical backups in Postgres?</description>
-  <pubDate>Mon, 06 Jul 2020 16:04:00 +0000</pubDate>
+  <pubDate>Tue, 07 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-june-2020</guid>
   <title>Supabase Alpha June 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-june-2020</link>
   <description>Four months of building</description>
-  <pubDate>Tue, 30 Jun 2020 16:04:00 +0000</pubDate>
+  <pubDate>Wed, 01 Jul 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-steve-chavez</guid>
   <title>Steve Chavez has joined Supabase</title>
   <link>https://supabase.com/blog/supabase-steve-chavez</link>
   <description>Steve joins Supabase to help build Auth.</description>
-  <pubDate>Sun, 14 Jun 2020 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 15 Jun 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-may-2020</guid>
   <title>Supabase Alpha May 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-may-2020</link>
   <description>Three months of building</description>
-  <pubDate>Sun, 31 May 2020 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 01 Jun 2020 02:02:30 +0000</pubDate>
 </item>
 <item>
   <guid>https://supabase.com/blog/supabase-alpha-april-2020</guid>
   <title>Supabase Alpha April 2020</title>
   <link>https://supabase.com/blog/supabase-alpha-april-2020</link>
   <description>Two months of building</description>
-  <pubDate>Sun, 31 May 2020 16:04:00 +0000</pubDate>
+  <pubDate>Mon, 01 Jun 2020 02:02:30 +0000</pubDate>
 </item>
 
     </channel>
diff --git a/apps/www/public/sitemap_www.xml b/apps/www/public/sitemap_www.xml
index 0de81dc6170..aa2c31ffe6a 100644
--- a/apps/www/public/sitemap_www.xml
+++ b/apps/www/public/sitemap_www.xml
@@ -67,13 +67,13 @@
   </url>
 
   <url>
-    <loc>https://supabase.com/contact/mfa</loc>
+    <loc>https://supabase.com/database</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
 
   <url>
-    <loc>https://supabase.com/database</loc>
+    <loc>https://supabase.com/contact/mfa</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
@@ -85,7 +85,7 @@
   </url>
 
   <url>
-    <loc>https://supabase.com/launch-week/ticket-image</loc>
+    <loc>https://supabase.com/legal/dpa</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
diff --git a/apps/www/styles/index.css b/apps/www/styles/index.css
index ebebd43fc00..708ecef423d 100644
--- a/apps/www/styles/index.css
+++ b/apps/www/styles/index.css
@@ -2,6 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url(../pages/launch-week/launchWeek.css);
+
 @font-face {
   font-family: 'custom-font';
   src: url(../../../packages/common/assets/fonts/CustomFont-Book.woff2) format('woff2'),
@@ -691,4 +693,42 @@ launch week
       var(--colors-scale12) 100%
     );
   }
+
+  .gradient-text-pink-500 {
+    @apply text-transparent bg-clip-text bg-gradient-to-br from-[#c867ee] to-[#f6a4f3];
+  }
+
+  .gradient-text-purple-500 {
+    @apply text-transparent bg-clip-text bg-gradient-to-br from-[#902DFB] to-[#D87BF5];
+  }
+
+  .gradient-text-purple-800 {
+    @apply text-transparent bg-clip-text bg-gradient-to-br from-[#5900EA] to-[#A242E5];
+  }
+
+  .gradient-text-gold-500 {
+    background-image: -webkit-linear-gradient(45deg, #e4b641 100%, #f5bf0069 41%);
+  }
+
+  .radial-gradient-text-scale-500 {
+    background: radial-gradient(45% 100% at 50% 50%, #fff 30%, hsla(0, 0%, 100%, 0.35) 100%);
+  }
+  .radial-gradient-text-scale-600 {
+    background: radial-gradient(45% 100% at 50% 50%, #fff 30%, hsla(0, 0%, 100%, 0.6) 100%);
+  }
+}
+
+/* LW7 Tickets Slider */
+.ticket-brick-swiper .swiper-slide {
+  width: 230px;
+}
+
+@media (min-width: 768px) {
+  .ticket-brick-swiper .swiper-slide {
+    width: 450px;
+  }
+}
+
+.ticket-brick-swiper .swiper-wrapper {
+  transition-timing-function: linear;
 }
diff --git a/apps/www/supabase/functions/_shared/cors.ts b/apps/www/supabase/functions/_shared/cors.ts
new file mode 100644
index 00000000000..2ac4d89b14a
--- /dev/null
+++ b/apps/www/supabase/functions/_shared/cors.ts
@@ -0,0 +1,4 @@
+export const corsHeaders = {
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Headers': 'authorization, x-client-info, apikey, content-type',
+}
diff --git a/apps/www/supabase/functions/launchweek-ticket-og/README.md b/apps/www/supabase/functions/launchweek-ticket-og/README.md
new file mode 100644
index 00000000000..260f2a6457d
--- /dev/null
+++ b/apps/www/supabase/functions/launchweek-ticket-og/README.md
@@ -0,0 +1,21 @@
+# Open Graph (OG) Image Generation with Supabase Storage CDN Caching
+
+Generate Open Graph images with Deno and Supabase Edge Functions and cache the generated image with Supabase Storage CDN.
+
+- Docs: https://deno.land/x/og_edge@0.0.2
+- Examples: https://vercel.com/docs/concepts/functions/edge-functions/og-image-examples
+- Demo: https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=thorwebdev
+
+## Run locally
+
+```bash
+supabase functions serve launchweek-ticket-og --no-verify-jwt
+```
+
+Navigate to http://localhost:54321/functions/v1/launchweek-ticket-og?username=thorwebdev
+
+## Deploy
+
+```bash
+supabase functions deploy launchweek-ticket-og --no-verify-jwt
+```
diff --git a/apps/www/supabase/functions/launchweek-ticket-og/handler.tsx b/apps/www/supabase/functions/launchweek-ticket-og/handler.tsx
new file mode 100644
index 00000000000..c35b8b8cd3b
--- /dev/null
+++ b/apps/www/supabase/functions/launchweek-ticket-og/handler.tsx
@@ -0,0 +1,242 @@
+import React from 'https://esm.sh/react@18.2.0?deno-std=0.140.0'
+import { ImageResponse } from 'https://deno.land/x/og_edge@0.0.4/mod.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.7.1'
+import { corsHeaders } from '../_shared/cors.ts'
+
+const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw6'
+const BACKGROUND_IMAGE_STD = `${STORAGE_URL}/lw6_ticket_regular.png?prod=true&v=2`
+const BACKGROUND_IMAGE_GOLDEN = `${STORAGE_URL}/lw6_ticket_gold.png?prod=true&v=2`
+const SUPA_CHECKMARK = `${STORAGE_URL}/supaverified.png?prod=true&v=2`
+const SUPA_CHECKMARK_GOLD = `${STORAGE_URL}/supaverified_gold.png?prod=true&v=2`
+
+// Load custom font
+const FONT_URL = `${STORAGE_URL}/CircularStd-Book.otf?prod=true&v=2`
+const font = fetch(new URL(FONT_URL, import.meta.url)).then((res) => res.arrayBuffer())
+
+export async function handler(req: Request) {
+  const url = new URL(req.url)
+  const username = url.searchParams.get('username') ?? url.searchParams.get('amp;username')
+  const userAgent = req.headers.get('user-agent')
+
+  try {
+    if (!username) throw new Error('missing username param')
+    // Track social shares
+    const supabaseAdminClient = createClient(
+      // Supabase API URL - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_URL') ?? '',
+      // Supabase API SERVICE ROLE KEY - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_SERVICE_ROLE_KEY') ?? ''
+    )
+    if (userAgent?.toLocaleLowerCase().includes('twitter')) {
+      const { error } = await supabaseAdminClient
+        .from('lw6_tickets')
+        .update({ sharedOnTwitter: true })
+        .eq('username', username)
+      if (error) console.log(error.message)
+    } else if (userAgent?.toLocaleLowerCase().includes('linkedin')) {
+      const { error } = await supabaseAdminClient
+        .from('lw6_tickets')
+        .update({ sharedOnLinkedIn: true })
+        .eq('username', username)
+      if (error) console.log(error.message)
+    }
+
+    // Try to get image from Supabase Storage CDN.
+    const storageResponse = await fetch(`${STORAGE_URL}/tickets/${username}.png?prod=true&v=5`)
+    if (storageResponse.ok) return storageResponse
+
+    // Get ticket data
+    const { data, error } = await supabaseAdminClient
+      .from('lw6_tickets_golden')
+      .select('name, ticketNumber, golden')
+      .eq('username', username)
+      .maybeSingle()
+    if (error) throw error
+
+    if (!data?.ticketNumber) throw new Error('missing data')
+    const { name, ticketNumber } = data
+    const golden = data?.golden ?? false
+
+    // Else, generate image ad upload to storage.
+    const fontData = await font
+    const numDigits = `${Number(ticketNumber)}`.length
+    const prefix = `00000000`.slice(numDigits)
+
+    const generatedImage = new ImageResponse(
+      (
+        <>
+          <div
+            style={{
+              width: '1200px',
+              height: '630px',
+              backgroundColor: '#000',
+              color: '#fff',
+              fontFamily: '"Circular"',
+              overflow: 'hidden',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            {/* Background image  */}
+            <img
+              width="1200"
+              height="630"
+              style={{
+                position: 'absolute',
+                top: '0',
+                left: '0',
+                zIndex: '-9000',
+              }}
+              src={golden ? BACKGROUND_IMAGE_GOLDEN : BACKGROUND_IMAGE_STD}
+            />
+            {/* GitHub Avatar image */}
+            <img
+              width="200"
+              height="200"
+              style={{
+                position: 'absolute',
+                top: '215',
+                left: '155',
+                borderRadius: 100,
+              }}
+              src={`https://github.com/${username}.png`}
+            />
+            {/* Name & username */}
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                position: 'absolute',
+                top: '215',
+                left: '400',
+                width: '550',
+                height: '200',
+                overflow: 'hidden',
+                textOverflow: 'clip',
+              }}
+            >
+              <div
+                style={{
+                  display: 'flex',
+                  color: 'transparent',
+                  backgroundImage:
+                    'linear-gradient(90deg, #F8F9FA 1.73%, rgba(248, 249, 250, 0.5) 100%)',
+                  backgroundClip: 'text',
+                }}
+              >
+                <p
+                  style={{
+                    fontSize: '60px',
+                    lineHeight: '60px',
+                  }}
+                >
+                  {name ?? username}
+                </p>
+              </div>
+              {/* Username and supaverified checkmark */}
+              <div
+                style={{
+                  display: 'flex',
+                  fontSize: '25',
+                  color: golden ? '#fff' : '#A0A0A0',
+                }}
+              >
+                <span>{`@${username}`}</span>
+                <span
+                  style={{
+                    marginTop: '2',
+                    marginLeft: '10',
+                  }}
+                >
+                  <img width="32" height="32" src={golden ? SUPA_CHECKMARK_GOLD : SUPA_CHECKMARK} />
+                </span>
+              </div>
+            </div>
+            {/* Date  */}
+            <p
+              style={{
+                position: 'absolute',
+                top: '520',
+                left: '400',
+                fontSize: '22',
+                color: golden ? '#fff' : '#A0A0A0',
+              }}
+            >
+              December 12th 2022
+            </p>
+            {/* URL  */}
+            <p
+              style={{
+                position: 'absolute',
+                top: '520',
+                left: '680',
+                fontSize: '22',
+                color: golden ? '#fff' : '#A0A0A0',
+              }}
+            >
+              supabase.com/launch-week
+            </p>
+          </div>
+          {/* Ticket No  */}
+          <div
+            style={{
+              color: '#fff',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              position: 'absolute',
+              bottom: '225',
+              right: '-165',
+              width: '575',
+              height: '175',
+              transform: 'rotate(90deg)',
+            }}
+          >
+            <p
+              style={{
+                fontSize: '70',
+              }}
+            >
+              {`No ${prefix}${ticketNumber}`}
+            </p>
+          </div>
+        </>
+      ),
+      {
+        width: 1200,
+        height: 630,
+        fonts: [
+          {
+            name: 'Circular',
+            data: fontData,
+            style: 'normal',
+          },
+        ],
+        headers: {
+          'content-type': 'image/png',
+          'cache-control': 'public, max-age=31536000, s-maxage=31536000, no-transform, immutable',
+          'cdn-cache-control': 'max-age=31536000',
+        },
+      }
+    )
+
+    // Upload image to storage.
+    const { error: storageError } = await supabaseAdminClient.storage
+      .from('images')
+      .upload(`lw6/tickets/${username}.png`, generatedImage.body!, {
+        contentType: 'image/png',
+        cacheControl: '31536000',
+        upsert: false,
+      })
+    if (storageError) throw storageError
+
+    return generatedImage
+  } catch (error) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 400,
+    })
+  }
+}
diff --git a/apps/www/supabase/functions/launchweek-ticket-og/index.ts b/apps/www/supabase/functions/launchweek-ticket-og/index.ts
new file mode 100644
index 00000000000..7da9ffc001b
--- /dev/null
+++ b/apps/www/supabase/functions/launchweek-ticket-og/index.ts
@@ -0,0 +1,11 @@
+// Follow this setup guide to integrate the Deno language server with your editor:
+// https://deno.land/manual/getting_started/setup_your_environment
+// This enables autocomplete, go to definition, etc.
+
+import { serve } from 'https://deno.land/std@0.140.0/http/server.ts'
+
+import { handler } from './handler.tsx'
+
+console.log(`Function "launchweek-ticket-og" up and running!`)
+
+serve(handler)
diff --git a/apps/www/supabase/functions/lw7-ticket-gallery/handler.tsx b/apps/www/supabase/functions/lw7-ticket-gallery/handler.tsx
new file mode 100644
index 00000000000..4947b1c5c19
--- /dev/null
+++ b/apps/www/supabase/functions/lw7-ticket-gallery/handler.tsx
@@ -0,0 +1,226 @@
+import React from 'https://esm.sh/react@18.2.0?deno-std=0.140.0'
+import { ImageResponse } from 'https://deno.land/x/og_edge@0.0.4/mod.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.7.1'
+import { corsHeaders } from '../_shared/cors.ts'
+
+const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+
+// Load custom font
+const FONT_URL = `${STORAGE_URL}/CircularStd-Book.otf`
+const font = fetch(new URL(FONT_URL, import.meta.url)).then((res) => res.arrayBuffer())
+const BUCKET_FOLDER_VERSION = 'v3'
+
+export async function handler(req: Request) {
+  try {
+    if (req.method !== 'POST') throw new Error('method not supported')
+    const {
+      username = 'thorwebdev',
+      name = 'Thoggen Schaeppy',
+      ticketNumber = 1234,
+      golden = true,
+      bg_image_id = 80,
+    }: {
+      username?: string
+      name?: string
+      ticketNumber?: number
+      golden?: boolean
+      bg_image_id?: number
+    } = await req.json()
+
+    // Else, generate image ad upload to storage.
+    const BACKGROUND = {
+      REG: {
+        AI: `${STORAGE_URL}/tickets_bg/blurred/regular/png/reg_bg_${bg_image_id}.png`,
+        TICKET: `${STORAGE_URL}/reg_ticket_overlay.png`,
+      },
+      GOLD: {
+        AI: `${STORAGE_URL}/tickets_bg/blurred/golden/png/gold_bg_${bg_image_id}.png`,
+        TICKET: `${STORAGE_URL}/gold_ticket_overlay.png`,
+      },
+    }
+
+    const fontData = await font
+    const numDigits = `${Number(ticketNumber)}`.length
+    const prefix = `00000000`.slice(numDigits)
+
+    const generatedImage = new ImageResponse(
+      (
+        <>
+          <div
+            style={{
+              width: '1027px',
+              height: '520px',
+              backgroundColor: '#000',
+              color: '#F8F9FA',
+              fontFamily: '"Circular"',
+              overflow: 'hidden',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            {/* Background ai  */}
+            <img
+              width="1027"
+              height="520"
+              style={{
+                position: 'absolute',
+                top: '0',
+                left: '0',
+                objectFit: 'cover',
+                zIndex: '-8000',
+              }}
+              src={golden ? BACKGROUND['GOLD']['AI'] : BACKGROUND['REG']['AI']}
+            />
+            {/* Background ticket  */}
+            <img
+              width="1027"
+              height="520"
+              style={{
+                position: 'absolute',
+                top: '0',
+                left: '0',
+                zIndex: '-7000',
+              }}
+              src={golden ? BACKGROUND['GOLD']['TICKET'] : BACKGROUND['REG']['TICKET']}
+            />
+            {/* GitHub Avatar image */}
+            <img
+              width="166"
+              height="166"
+              style={{
+                position: 'absolute',
+                top: '145',
+                left: '400',
+                borderRadius: 83,
+              }}
+              src={`https://github.com/${username}.png`}
+            />
+            {/* Name & username */}
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                position: 'absolute',
+                top: '285',
+                left: '200',
+                width: '570',
+                height: '200',
+                overflow: 'hidden',
+                textOverflow: 'clip',
+                textAlign: 'center',
+              }}
+            >
+              <div
+                style={{
+                  display: 'flex',
+                  color: 'transparent',
+                  backgroundImage:
+                    'linear-gradient(90deg, rgba(248, 249, 250, 0.66) -31.69%, #F8F9FA 22.14%, rgba(248, 249, 250, 0.5) 122.78%)',
+                  backgroundClip: 'text',
+                }}
+              >
+                <p
+                  style={{
+                    margin: '0',
+                    fontSize: '50px',
+                    lineHeight: '62px',
+                  }}
+                >
+                  {name ?? username}
+                </p>{' '}
+              </div>
+
+              {/* Username */}
+              <div
+                style={{
+                  color: '#EDEDED',
+                  opacity: 0.8,
+                  display: 'flex',
+                  fontSize: '20',
+                  marginTop: '0px',
+                }}
+              >
+                <span>{`@${username}`}</span>
+              </div>
+            </div>
+          </div>
+          {/* Ticket No  */}
+          <div
+            style={{
+              color: '#F8F9FA',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              position: 'absolute',
+              bottom: '175',
+              right: '-210',
+              width: '575',
+              height: '175',
+              transform: 'rotate(90deg)',
+              opacity: 0.8,
+            }}
+          >
+            <p
+              style={{
+                fontSize: '66',
+              }}
+            >
+              {`No ${prefix}${ticketNumber}`}
+            </p>
+          </div>
+        </>
+      ),
+      {
+        width: 1027,
+        height: 520,
+        fonts: [
+          {
+            name: 'Circular',
+            data: fontData,
+            style: 'normal',
+          },
+        ],
+        headers: {
+          'content-type': 'image/png',
+          'cache-control': 'public, max-age=31536000, s-maxage=31536000, no-transform, immutable',
+          'cdn-cache-control': 'max-age=31536000',
+        },
+      }
+    )
+
+    // Upload image to storage.
+    const supabaseAdminClient = createClient(
+      // Supabase API URL - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_URL') ?? '',
+      // Supabase API SERVICE ROLE KEY - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_SERVICE_ROLE_KEY') ?? ''
+    )
+    const { error: storageError } = await supabaseAdminClient.storage
+      .from('images')
+      .upload(
+        `lw7/tickets/gallery/${
+          golden ? 'golden' : 'regular'
+        }/${BUCKET_FOLDER_VERSION}/${username}.png`,
+        generatedImage.body!,
+        {
+          contentType: 'image/png',
+          cacheControl: '31536000',
+          upsert: true,
+        }
+      )
+    if (storageError) throw new Error(`storageError: ${storageError.message}`)
+
+    return new Response(JSON.stringify({ success: true }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 200,
+    })
+  } catch (error) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 400,
+    })
+  }
+}
diff --git a/apps/www/supabase/functions/lw7-ticket-gallery/index.ts b/apps/www/supabase/functions/lw7-ticket-gallery/index.ts
new file mode 100644
index 00000000000..c24f7c7b2c8
--- /dev/null
+++ b/apps/www/supabase/functions/lw7-ticket-gallery/index.ts
@@ -0,0 +1,11 @@
+// Follow this setup guide to integrate the Deno language server with your editor:
+// https://deno.land/manual/getting_started/setup_your_environment
+// This enables autocomplete, go to definition, etc.
+
+import { serve } from 'https://deno.land/std@0.177.0/http/server.ts'
+
+import { handler } from './handler.tsx'
+
+console.log(`Function "lw7-ticket-gallery" up and running!`)
+
+serve(handler)
diff --git a/apps/www/supabase/functions/lw7-ticket-og/README.md b/apps/www/supabase/functions/lw7-ticket-og/README.md
new file mode 100644
index 00000000000..3eaafadbae2
--- /dev/null
+++ b/apps/www/supabase/functions/lw7-ticket-og/README.md
@@ -0,0 +1,21 @@
+# Open Graph (OG) Image Generation with Supabase Storage CDN Caching
+
+Generate Open Graph images with Deno and Supabase Edge Functions and cache the generated image with Supabase Storage CDN.
+
+- Docs: https://deno.land/x/og_edge@0.0.2
+- Examples: https://vercel.com/docs/concepts/functions/edge-functions/og-image-examples
+- Demo: https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=thorwebdev
+
+## Run locally
+
+```bash
+supabase functions serve --no-verify-jwt
+```
+
+Navigate to http://localhost:54321/functions/v1/lw7-ticket-og?username=thorwebdev
+
+## Deploy
+
+```bash
+supabase functions deploy lw7-ticket-og --no-verify-jwt
+```
diff --git a/apps/www/supabase/functions/lw7-ticket-og/handler.tsx b/apps/www/supabase/functions/lw7-ticket-og/handler.tsx
new file mode 100644
index 00000000000..89ebc54d31c
--- /dev/null
+++ b/apps/www/supabase/functions/lw7-ticket-og/handler.tsx
@@ -0,0 +1,286 @@
+import React from 'https://esm.sh/react@18.2.0?deno-std=0.140.0'
+import { ImageResponse } from 'https://deno.land/x/og_edge@0.0.4/mod.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.7.1'
+import { corsHeaders } from '../_shared/cors.ts'
+
+const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+
+// Load custom font
+const FONT_URL = `${STORAGE_URL}/CircularStd-Book.otf`
+const font = fetch(new URL(FONT_URL, import.meta.url)).then((res) => res.arrayBuffer())
+const BUCKET_FOLDER_VERSION = 'v3'
+
+export async function handler(req: Request) {
+  const url = new URL(req.url)
+  const username = url.searchParams.get('username') ?? url.searchParams.get('amp;username')
+  const assumeGolden = url.searchParams.get('golden') ?? url.searchParams.get('amp;golden')
+  const userAgent = req.headers.get('user-agent')
+
+  try {
+    if (!username) throw new Error('missing username param')
+    // Track social shares
+    const supabaseAdminClient = createClient(
+      // Supabase API URL - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_URL') ?? '',
+      // Supabase API SERVICE ROLE KEY - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_SERVICE_ROLE_KEY') ?? ''
+    )
+    if (userAgent?.toLocaleLowerCase().includes('twitter')) {
+      await supabaseAdminClient
+        .from('lw7_tickets')
+        .update({ sharedOnTwitter: 'now' })
+        .eq('username', username)
+        .is('sharedOnTwitter', null)
+    } else if (userAgent?.toLocaleLowerCase().includes('linkedin')) {
+      await supabaseAdminClient
+        .from('lw7_tickets')
+        .update({ sharedOnLinkedIn: 'now' })
+        .eq('username', username)
+        .is('sharedOnLinkedIn', null)
+    }
+
+    // Try to get image from Supabase Storage CDN.
+    let storageResponse: Response
+    storageResponse = await fetch(
+      `${STORAGE_URL}/tickets/golden/${BUCKET_FOLDER_VERSION}/${username}.png`
+    )
+    if (storageResponse.ok) return storageResponse
+    storageResponse = await fetch(
+      `${STORAGE_URL}/tickets/regular/${BUCKET_FOLDER_VERSION}/${username}.png`
+    )
+    if (!assumeGolden && storageResponse.ok) return storageResponse
+
+    // Get ticket data
+    const { data, error } = await supabaseAdminClient
+      .from('lw7_tickets_golden')
+      .select('name, ticketNumber, golden, bg_image_id')
+      .eq('username', username)
+      .maybeSingle()
+    if (error) console.log(error.message)
+    if (!data) throw new Error('user not found')
+    const { name, ticketNumber, bg_image_id } = data
+    const golden = data?.golden ?? false
+
+    if (assumeGolden && !golden) return await fetch(`${STORAGE_URL}/golden_no_meme.png`)
+
+    // Else, generate image ad upload to storage.
+    const BACKGROUND = {
+      REG: {
+        BG: `${STORAGE_URL}/reg_bg.png`,
+        AI: `${STORAGE_URL}/tickets_bg/blurred/regular/png/reg_bg_${bg_image_id ?? '1'}.png`,
+        TICKET: `${STORAGE_URL}/reg_ticket.png`,
+      },
+      GOLD: {
+        BG: `${STORAGE_URL}/gold_bg.png`,
+        AI: `${STORAGE_URL}/tickets_bg/blurred/golden/png/gold_bg_${bg_image_id ?? '1'}.png`,
+        TICKET: `${STORAGE_URL}/gold_ticket.png`,
+      },
+    }
+
+    const fontData = await font
+    const numDigits = `${Number(ticketNumber)}`.length
+    const prefix = `00000000`.slice(numDigits)
+
+    const generatedImage = new ImageResponse(
+      (
+        <>
+          <div
+            style={{
+              width: '1200px',
+              height: '630px',
+              backgroundColor: '#000',
+              color: '#F8F9FA',
+              fontFamily: '"Circular"',
+              overflow: 'hidden',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            {/* Background gradient  */}
+            <img
+              width="1200"
+              height="630"
+              style={{
+                position: 'absolute',
+                top: '0',
+                left: '0',
+                zIndex: '-9000',
+              }}
+              src={golden ? BACKGROUND['GOLD']['BG'] : BACKGROUND['REG']['BG']}
+            />
+            {/* Background ai  */}
+            <img
+              width="1027"
+              height="524"
+              style={{
+                borderRadius: '24px',
+                position: 'absolute',
+                objectFit: 'cover',
+                top: '53',
+                left: '87',
+                zIndex: '-8000',
+              }}
+              src={golden ? BACKGROUND['GOLD']['AI'] : BACKGROUND['REG']['AI']}
+            />
+            {/* Background ticket  */}
+            <img
+              width="1089"
+              height="586"
+              style={{
+                position: 'absolute',
+                top: '22',
+                left: '56',
+                zIndex: '-7000',
+              }}
+              src={golden ? BACKGROUND['GOLD']['TICKET'] : BACKGROUND['REG']['TICKET']}
+            />
+            {/* GitHub Avatar image */}
+            <img
+              width="166"
+              height="166"
+              style={{
+                position: 'absolute',
+                top: '210',
+                left: '484',
+                borderRadius: 83,
+              }}
+              src={`https://github.com/${username}.png`}
+            />
+            {/* Name & username */}
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                position: 'absolute',
+                top: '350',
+                left: '210',
+                width: '727',
+                height: '200',
+                overflow: 'hidden',
+                textOverflow: 'clip',
+                textAlign: 'center',
+              }}
+            >
+              <div
+                style={{
+                  display: 'flex',
+                  color: 'transparent',
+                  backgroundImage:
+                    'linear-gradient(90deg, rgba(248, 249, 250, 0.66) -31.69%, #F8F9FA 22.14%, rgba(248, 249, 250, 0.5) 122.78%)',
+                  backgroundClip: 'text',
+                }}
+              >
+                <p
+                  style={{
+                    margin: '0',
+                    fontSize: '50px',
+                    lineHeight: '65px',
+                  }}
+                >
+                  {name ?? username}
+                </p>{' '}
+              </div>
+
+              {/* Username */}
+              <div
+                style={{
+                  color: '#EDEDED',
+                  opacity: 0.8,
+                  display: 'flex',
+                  fontSize: '20',
+                  marginTop: '0px',
+                }}
+              >
+                <span>{`@${username}`}</span>
+              </div>
+            </div>
+          </div>
+          {/* Ticket No  */}
+          <div
+            style={{
+              color: '#F8F9FA',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              position: 'absolute',
+              bottom: '225',
+              right: '-130',
+              width: '575',
+              height: '175',
+              transform: 'rotate(90deg)',
+              opacity: 0.8,
+            }}
+          >
+            <p
+              style={{
+                fontSize: '60',
+              }}
+            >
+              {`No ${prefix}${ticketNumber}`}
+            </p>
+          </div>
+        </>
+      ),
+      {
+        width: 1200,
+        height: 630,
+        fonts: [
+          {
+            name: 'Circular',
+            data: fontData,
+            style: 'normal',
+          },
+        ],
+        headers: {
+          'content-type': 'image/png',
+          'cache-control': 'public, max-age=31536000, s-maxage=31536000, no-transform, immutable',
+          'cdn-cache-control': 'max-age=31536000',
+        },
+      }
+    )
+
+    // Upload image to storage.
+    const { error: storageError } = await supabaseAdminClient.storage
+      .from('images')
+      .upload(
+        `lw7/tickets/${golden ? 'golden' : 'regular'}/${BUCKET_FOLDER_VERSION}/${username}.png`,
+        generatedImage.body!,
+        {
+          contentType: 'image/png',
+          cacheControl: '31536000',
+          upsert: false,
+        }
+      )
+    if (storageError) throw new Error(`storageError: ${storageError.message}`)
+    // Generate image for gallery
+    fetch('https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-gallery', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization:
+          'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I',
+      },
+      body: JSON.stringify({
+        username,
+        name,
+        ticketNumber,
+        bg_image_id,
+        golden,
+      }),
+    })
+
+    return await fetch(
+      `${STORAGE_URL}/tickets/${
+        golden ? 'golden' : 'regular'
+      }/${BUCKET_FOLDER_VERSION}/${username}.png`
+    )
+  } catch (error) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 400,
+    })
+  }
+}
diff --git a/apps/www/supabase/functions/lw7-ticket-og/index.ts b/apps/www/supabase/functions/lw7-ticket-og/index.ts
new file mode 100644
index 00000000000..97fbf105d96
--- /dev/null
+++ b/apps/www/supabase/functions/lw7-ticket-og/index.ts
@@ -0,0 +1,11 @@
+// Follow this setup guide to integrate the Deno language server with your editor:
+// https://deno.land/manual/getting_started/setup_your_environment
+// This enables autocomplete, go to definition, etc.
+
+import { serve } from 'https://deno.land/std@0.177.0/http/server.ts'
+
+import { handler } from './handler.tsx'
+
+console.log(`Function "lw7-ticket-og" up and running!`)
+
+serve(handler)
diff --git a/apps/www/www.code-workspace b/apps/www/www.code-workspace
new file mode 100644
index 00000000000..1b5f7b7d4a1
--- /dev/null
+++ b/apps/www/www.code-workspace
@@ -0,0 +1,18 @@
+{
+  "folders": [
+    {
+      "name": "www",
+      "path": "./"
+    },
+    {
+      "name": "supabase-functions",
+      "path": "supabase/functions"
+    }
+  ],
+  "settings": {
+    "files.exclude": {
+      "node_modules/": true,
+      "supabase/functions/": true
+    }
+  }
+}
diff --git a/package-lock.json b/package-lock.json
index 90bde5cb45b..06b9f1a22dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -934,6 +934,7 @@
         "config": "*",
         "date-fns": "2.10.0",
         "dayjs": "^1.11.4",
+        "framer-motion": "^6.5.1",
         "globby": "^12.0.2",
         "gray-matter": "^4.0.2",
         "markdown-toc": "^1.2.0",
@@ -954,6 +955,7 @@
         "react-syntax-highlighter": "^15.5.0",
         "react-tooltip": "^4.2.17",
         "react-transition-group": "^4.4.1",
+        "react-use": "^17.4.0",
         "recharts": "^2.1.15",
         "rehype-slug": "^5.0.1",
         "remark": "^13.0.0",
@@ -3437,6 +3439,21 @@
       "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.2.tgz",
       "integrity": "sha512-QCckjiC7xXHIUaIL3ektBtjJ0w7tTA3iqKcAE/Hjn1lZ5omp7i3Y4e09rAr9ZybqirL7AbxCLLq0Ra5DDPKeug=="
     },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
     "node_modules/@esbuild-kit/cjs-loader": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@esbuild-kit/cjs-loader/-/cjs-loader-2.4.1.tgz",
@@ -5006,6 +5023,64 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@motionone/animation": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.15.1.tgz",
+      "integrity": "sha512-mZcJxLjHor+bhcPuIFErMDNyrdb2vJur8lSfMCsuCB4UyV8ILZLvK+t+pg56erv8ud9xQGK/1OGPt10agPrCyQ==",
+      "dependencies": {
+        "@motionone/easing": "^10.15.1",
+        "@motionone/types": "^10.15.1",
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/dom": {
+      "version": "10.12.0",
+      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.12.0.tgz",
+      "integrity": "sha512-UdPTtLMAktHiqV0atOczNYyDd/d8Cf5fFsd1tua03PqTwwCe/6lwhLSQ8a7TbnQ5SN0gm44N1slBfj+ORIhrqw==",
+      "dependencies": {
+        "@motionone/animation": "^10.12.0",
+        "@motionone/generators": "^10.12.0",
+        "@motionone/types": "^10.12.0",
+        "@motionone/utils": "^10.12.0",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/easing": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.15.1.tgz",
+      "integrity": "sha512-6hIHBSV+ZVehf9dcKZLT7p5PEKHGhDwky2k8RKkmOvUoYP3S+dXsKupyZpqx5apjd9f+php4vXk4LuS+ADsrWw==",
+      "dependencies": {
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/generators": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.15.1.tgz",
+      "integrity": "sha512-67HLsvHJbw6cIbLA/o+gsm7h+6D4Sn7AUrB/GPxvujse1cGZ38F5H7DzoH7PhX+sjvtDnt2IhFYF2Zp1QTMKWQ==",
+      "dependencies": {
+        "@motionone/types": "^10.15.1",
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/types": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.15.1.tgz",
+      "integrity": "sha512-iIUd/EgUsRZGrvW0jqdst8st7zKTzS9EsKkP+6c6n4MPZoQHwiHuVtTQLD6Kp0bsBLhNzKIBlHXponn/SDT4hA=="
+    },
+    "node_modules/@motionone/utils": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.15.1.tgz",
+      "integrity": "sha512-p0YncgU+iklvYr/Dq4NobTRdAPv9PveRDUXabPEeOjBLSO/1FNB2phNTZxOxpi1/GZwYpAoECEa0Wam+nsmhSw==",
+      "dependencies": {
+        "@motionone/types": "^10.15.1",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
     "node_modules/@mrmlnc/readdir-enhanced": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -9944,6 +10019,11 @@
         "pretty-format": "^27.0.0"
       }
     },
+    "node_modules/@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
     "node_modules/@types/js-yaml": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
@@ -10826,6 +10906,11 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "node_modules/@xobotyi/scrollbar-width": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+      "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+    },
     "node_modules/@xstate/fsm": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@xstate/fsm/-/fsm-1.4.0.tgz",
@@ -14499,6 +14584,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "dependencies": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
     "node_modules/css-loader": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
@@ -14685,6 +14778,26 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/css-unit-converter": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
@@ -16345,7 +16458,6 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
       "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
-      "dev": true,
       "dependencies": {
         "stackframe": "^1.3.4"
       }
@@ -18176,6 +18288,21 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
+    "node_modules/fast-loops": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fast-loops/-/fast-loops-1.1.3.tgz",
+      "integrity": "sha512-8EZzEP0eKkEEVX+drtd9mtuQ+/QrlfW/5MlwcwK5Nds6EkZ/tRzEexkzUY2mIssnAyVLT+TKHuRXmFNNXYUd6g=="
+    },
+    "node_modules/fast-shallow-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+      "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+    },
+    "node_modules/fastest-stable-stringify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+      "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+    },
     "node_modules/fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -18781,6 +18908,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-6.5.1.tgz",
+      "integrity": "sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw==",
+      "dependencies": {
+        "@motionone/dom": "10.12.0",
+        "framesync": "6.0.1",
+        "hey-listen": "^1.0.8",
+        "popmotion": "11.0.3",
+        "style-value-types": "5.0.0",
+        "tslib": "^2.1.0"
+      },
+      "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8 || ^17.0.0 || ^18.0.0",
+        "react-dom": ">=16.8 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/framesync": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-6.0.1.tgz",
+      "integrity": "sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -19993,6 +20148,11 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
+    },
     "node_modules/highlight.js": {
       "version": "10.7.3",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
@@ -20234,6 +20394,11 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/hyphenate-style-name": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+      "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -20488,6 +20653,15 @@
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
       "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
     },
+    "node_modules/inline-style-prefixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.4.tgz",
+      "integrity": "sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==",
+      "dependencies": {
+        "css-in-js-utils": "^3.1.0",
+        "fast-loops": "^1.1.3"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -23074,6 +23248,11 @@
       "resolved": "https://registry.npmjs.org/join-component/-/join-component-1.1.0.tgz",
       "integrity": "sha512-bF7vcQxbODoGK1imE2P9GS9aw4zD0Sd+Hni68IMZLj7zRnquH7dXUmMw9hDI5S/Jzt7q+IyTXN0rSg2GI0IKhQ=="
     },
+    "node_modules/js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
     "node_modules/js-md5": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
@@ -24637,6 +24816,11 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
     "node_modules/mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -25953,6 +26137,25 @@
       "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
       "optional": true
     },
+    "node_modules/nano-css": {
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.5.tgz",
+      "integrity": "sha512-vSB9X12bbNu4ALBu7nigJgRViZ6ja3OU7CeuiV1zMIbXOdmkLahgtPmh3GBOlDxbKY0CitqlPdOReGlBLSp+yg==",
+      "dependencies": {
+        "css-tree": "^1.1.2",
+        "csstype": "^3.0.6",
+        "fastest-stable-stringify": "^2.0.2",
+        "inline-style-prefixer": "^6.0.0",
+        "rtl-css-js": "^1.14.0",
+        "sourcemap-codec": "^1.4.8",
+        "stacktrace-js": "^2.0.2",
+        "stylis": "^4.0.6"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "node_modules/nanoclone": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
@@ -27868,6 +28071,17 @@
         "node": ">=10"
       }
     },
+    "node_modules/popmotion": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-11.0.3.tgz",
+      "integrity": "sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==",
+      "dependencies": {
+        "framesync": "6.0.1",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "5.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -31141,6 +31355,40 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/react-universal-interface": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+      "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+      "peerDependencies": {
+        "react": "*",
+        "tslib": "*"
+      }
+    },
+    "node_modules/react-use": {
+      "version": "17.4.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.4.0.tgz",
+      "integrity": "sha512-TgbNTCA33Wl7xzIJegn1HndB4qTS9u03QUwyNycUnXaweZkE4Kq2SB+Yoxx8qbshkZGYBDvUXbXWRUmQDcZZ/Q==",
+      "dependencies": {
+        "@types/js-cookie": "^2.2.6",
+        "@xobotyi/scrollbar-width": "^1.9.5",
+        "copy-to-clipboard": "^3.3.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-shallow-equal": "^1.0.0",
+        "js-cookie": "^2.2.1",
+        "nano-css": "^5.3.1",
+        "react-universal-interface": "^0.6.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.1.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^3.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-virtualized-auto-sizer": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz",
@@ -32762,6 +33010,14 @@
         "node": "6.* || >= 7.*"
       }
     },
+    "node_modules/rtl-css-js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.16.1.tgz",
+      "integrity": "sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==",
+      "dependencies": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -33203,6 +33459,17 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/section-matter": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -33335,6 +33602,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==",
+      "engines": {
+        "node": ">=6.9"
+      }
+    },
     "node_modules/set-value": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
@@ -33695,6 +33970,12 @@
       "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
       "deprecated": "See https://github.com/lydell/source-map-url#deprecated"
     },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead"
+    },
     "node_modules/space-separated-tokens": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
@@ -33823,6 +34104,14 @@
       "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
       "dev": true
     },
+    "node_modules/stack-generator": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz",
+      "integrity": "sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
@@ -33847,8 +34136,34 @@
     "node_modules/stackframe": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
-      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
-      "dev": true
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
+    },
+    "node_modules/stacktrace-gps": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz",
+      "integrity": "sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==",
+      "dependencies": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/stacktrace-gps/node_modules/source-map": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+      "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stacktrace-js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+      "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+      "dependencies": {
+        "error-stack-parser": "^2.0.6",
+        "stack-generator": "^2.0.5",
+        "stacktrace-gps": "^3.0.4"
+      }
     },
     "node_modules/state-local": {
       "version": "1.0.7",
@@ -34318,6 +34633,15 @@
         "inline-style-parser": "0.1.1"
       }
     },
+    "node_modules/style-value-types": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-5.0.0.tgz",
+      "integrity": "sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==",
+      "dependencies": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/styled-jsx": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.0.tgz",
@@ -34340,8 +34664,7 @@
     "node_modules/stylis": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
-      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==",
-      "peer": true
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
     },
     "node_modules/supabase": {
       "version": "1.45.2",
@@ -34883,6 +35206,14 @@
       "integrity": "sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==",
       "dev": true
     },
+    "node_modules/throttle-debounce": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+      "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -35134,6 +35465,11 @@
         "node": ">=6.10"
       }
     },
+    "node_modules/ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+    },
     "node_modules/ts-jest": {
       "version": "27.1.5",
       "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-27.1.5.tgz",
@@ -40744,6 +41080,21 @@
         }
       }
     },
+    "@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "requires": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
     "@esbuild-kit/cjs-loader": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@esbuild-kit/cjs-loader/-/cjs-loader-2.4.1.tgz",
@@ -41959,6 +42310,64 @@
         "prop-types": "^15.7.2"
       }
     },
+    "@motionone/animation": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.15.1.tgz",
+      "integrity": "sha512-mZcJxLjHor+bhcPuIFErMDNyrdb2vJur8lSfMCsuCB4UyV8ILZLvK+t+pg56erv8ud9xQGK/1OGPt10agPrCyQ==",
+      "requires": {
+        "@motionone/easing": "^10.15.1",
+        "@motionone/types": "^10.15.1",
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "@motionone/dom": {
+      "version": "10.12.0",
+      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.12.0.tgz",
+      "integrity": "sha512-UdPTtLMAktHiqV0atOczNYyDd/d8Cf5fFsd1tua03PqTwwCe/6lwhLSQ8a7TbnQ5SN0gm44N1slBfj+ORIhrqw==",
+      "requires": {
+        "@motionone/animation": "^10.12.0",
+        "@motionone/generators": "^10.12.0",
+        "@motionone/types": "^10.12.0",
+        "@motionone/utils": "^10.12.0",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
+    "@motionone/easing": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.15.1.tgz",
+      "integrity": "sha512-6hIHBSV+ZVehf9dcKZLT7p5PEKHGhDwky2k8RKkmOvUoYP3S+dXsKupyZpqx5apjd9f+php4vXk4LuS+ADsrWw==",
+      "requires": {
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "@motionone/generators": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.15.1.tgz",
+      "integrity": "sha512-67HLsvHJbw6cIbLA/o+gsm7h+6D4Sn7AUrB/GPxvujse1cGZ38F5H7DzoH7PhX+sjvtDnt2IhFYF2Zp1QTMKWQ==",
+      "requires": {
+        "@motionone/types": "^10.15.1",
+        "@motionone/utils": "^10.15.1",
+        "tslib": "^2.3.1"
+      }
+    },
+    "@motionone/types": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.15.1.tgz",
+      "integrity": "sha512-iIUd/EgUsRZGrvW0jqdst8st7zKTzS9EsKkP+6c6n4MPZoQHwiHuVtTQLD6Kp0bsBLhNzKIBlHXponn/SDT4hA=="
+    },
+    "@motionone/utils": {
+      "version": "10.15.1",
+      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.15.1.tgz",
+      "integrity": "sha512-p0YncgU+iklvYr/Dq4NobTRdAPv9PveRDUXabPEeOjBLSO/1FNB2phNTZxOxpi1/GZwYpAoECEa0Wam+nsmhSw==",
+      "requires": {
+        "@motionone/types": "^10.15.1",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
     "@mrmlnc/readdir-enhanced": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -45659,6 +46068,11 @@
         "pretty-format": "^27.0.0"
       }
     },
+    "@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
     "@types/js-yaml": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
@@ -46421,6 +46835,11 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "@xobotyi/scrollbar-width": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+      "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+    },
     "@xstate/fsm": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@xstate/fsm/-/fsm-1.4.0.tgz",
@@ -49310,6 +49729,14 @@
         }
       }
     },
+    "css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "requires": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
     "css-loader": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
@@ -49444,6 +49871,22 @@
         "nth-check": "^2.0.1"
       }
     },
+    "css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "requires": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        }
+      }
+    },
     "css-unit-converter": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
@@ -51379,7 +51822,6 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
       "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
-      "dev": true,
       "requires": {
         "stackframe": "^1.3.4"
       }
@@ -52709,6 +53151,21 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
+    "fast-loops": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fast-loops/-/fast-loops-1.1.3.tgz",
+      "integrity": "sha512-8EZzEP0eKkEEVX+drtd9mtuQ+/QrlfW/5MlwcwK5Nds6EkZ/tRzEexkzUY2mIssnAyVLT+TKHuRXmFNNXYUd6g=="
+    },
+    "fast-shallow-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+      "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+    },
+    "fastest-stable-stringify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+      "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+    },
     "fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -53157,6 +53614,28 @@
         "map-cache": "^0.2.2"
       }
     },
+    "framer-motion": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-6.5.1.tgz",
+      "integrity": "sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw==",
+      "requires": {
+        "@emotion/is-prop-valid": "^0.8.2",
+        "@motionone/dom": "10.12.0",
+        "framesync": "6.0.1",
+        "hey-listen": "^1.0.8",
+        "popmotion": "11.0.3",
+        "style-value-types": "5.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "framesync": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-6.0.1.tgz",
+      "integrity": "sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -54019,6 +54498,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
+    "hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
+    },
     "highlight.js": {
       "version": "10.7.3",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
@@ -54208,6 +54692,11 @@
       "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true
     },
+    "hyphenate-style-name": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+      "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -54393,6 +54882,15 @@
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
       "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
     },
+    "inline-style-prefixer": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.4.tgz",
+      "integrity": "sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==",
+      "requires": {
+        "css-in-js-utils": "^3.1.0",
+        "fast-loops": "^1.1.3"
+      }
+    },
     "internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -56446,6 +56944,11 @@
       "resolved": "https://registry.npmjs.org/join-component/-/join-component-1.1.0.tgz",
       "integrity": "sha512-bF7vcQxbODoGK1imE2P9GS9aw4zD0Sd+Hni68IMZLj7zRnquH7dXUmMw9hDI5S/Jzt7q+IyTXN0rSg2GI0IKhQ=="
     },
+    "js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
     "js-md5": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
@@ -57640,6 +58143,11 @@
         "unist-util-visit": "^2.0.0"
       }
     },
+    "mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
     "mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -58534,6 +59042,21 @@
       "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
       "optional": true
     },
+    "nano-css": {
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.5.tgz",
+      "integrity": "sha512-vSB9X12bbNu4ALBu7nigJgRViZ6ja3OU7CeuiV1zMIbXOdmkLahgtPmh3GBOlDxbKY0CitqlPdOReGlBLSp+yg==",
+      "requires": {
+        "css-tree": "^1.1.2",
+        "csstype": "^3.0.6",
+        "fastest-stable-stringify": "^2.0.2",
+        "inline-style-prefixer": "^6.0.0",
+        "rtl-css-js": "^1.14.0",
+        "sourcemap-codec": "^1.4.8",
+        "stacktrace-js": "^2.0.2",
+        "stylis": "^4.0.6"
+      }
+    },
     "nanoclone": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
@@ -59979,6 +60502,17 @@
         "@babel/runtime": "^7.17.8"
       }
     },
+    "popmotion": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-11.0.3.tgz",
+      "integrity": "sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==",
+      "requires": {
+        "framesync": "6.0.1",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "5.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -62359,6 +62893,33 @@
         "prop-types": "^15.6.2"
       }
     },
+    "react-universal-interface": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+      "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+      "requires": {}
+    },
+    "react-use": {
+      "version": "17.4.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.4.0.tgz",
+      "integrity": "sha512-TgbNTCA33Wl7xzIJegn1HndB4qTS9u03QUwyNycUnXaweZkE4Kq2SB+Yoxx8qbshkZGYBDvUXbXWRUmQDcZZ/Q==",
+      "requires": {
+        "@types/js-cookie": "^2.2.6",
+        "@xobotyi/scrollbar-width": "^1.9.5",
+        "copy-to-clipboard": "^3.3.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-shallow-equal": "^1.0.0",
+        "js-cookie": "^2.2.1",
+        "nano-css": "^5.3.1",
+        "react-universal-interface": "^0.6.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.1.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^3.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "react-virtualized-auto-sizer": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz",
@@ -63514,6 +64075,14 @@
       "integrity": "sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==",
       "dev": true
     },
+    "rtl-css-js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.16.1.tgz",
+      "integrity": "sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==",
+      "requires": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -63859,6 +64428,11 @@
         }
       }
     },
+    "screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA=="
+    },
     "section-matter": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@@ -63979,6 +64553,11 @@
         "to-object-path": "^0.3.0"
       }
     },
+    "set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g=="
+    },
     "set-value": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
@@ -64267,6 +64846,11 @@
       "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
       "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw=="
     },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+    },
     "space-separated-tokens": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
@@ -64377,6 +64961,14 @@
       "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
       "dev": true
     },
+    "stack-generator": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz",
+      "integrity": "sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==",
+      "requires": {
+        "stackframe": "^1.3.4"
+      }
+    },
     "stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
@@ -64397,8 +64989,33 @@
     "stackframe": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
-      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
-      "dev": true
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
+    },
+    "stacktrace-gps": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz",
+      "integrity": "sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==",
+      "requires": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.3.4"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+          "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA=="
+        }
+      }
+    },
+    "stacktrace-js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+      "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+      "requires": {
+        "error-stack-parser": "^2.0.6",
+        "stack-generator": "^2.0.5",
+        "stacktrace-gps": "^3.0.4"
+      }
     },
     "state-local": {
       "version": "1.0.7",
@@ -65311,6 +65928,15 @@
         "inline-style-parser": "0.1.1"
       }
     },
+    "style-value-types": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-5.0.0.tgz",
+      "integrity": "sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==",
+      "requires": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.1.0"
+      }
+    },
     "styled-jsx": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.0.tgz",
@@ -65320,8 +65946,7 @@
     "stylis": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
-      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==",
-      "peer": true
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
     },
     "supabase": {
       "version": "1.45.2",
@@ -65821,6 +66446,11 @@
       "integrity": "sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+      "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg=="
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -66020,6 +66650,11 @@
       "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
       "dev": true
     },
+    "ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+    },
     "ts-jest": {
       "version": "27.1.5",
       "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-27.1.5.tgz",
@@ -68030,6 +68665,7 @@
         "date-fns": "2.10.0",
         "dayjs": "^1.11.4",
         "file-loader": "^6.2.0",
+        "framer-motion": "^6.5.1",
         "globby": "^12.0.2",
         "gray-matter": "^4.0.2",
         "markdown-toc": "^1.2.0",
@@ -68052,6 +68688,7 @@
         "react-syntax-highlighter": "^15.5.0",
         "react-tooltip": "^4.2.17",
         "react-transition-group": "^4.4.1",
+        "react-use": "^17.4.0",
         "recharts": "^2.1.15",
         "rehype-slug": "^5.0.1",
         "remark": "^13.0.0",