Merge pull request #13309 from supabase/master

Prod deploy dashboard

apps/docs/components/Navigation/Navigation.constants.ts

@@ -276,6 +276,11 @@ export const menuItems: NavMenu = {
               url: '/guides/realtime/subscribing-to-database-changes',
               items: [],
             },
+            {
+              name: 'Bring Your Own Database',
+              url: '/guides/realtime/bring-your-own-database',
+              items: [],
+            },
             {
               name: 'Using Realtime with Next.js',
               url: '/guides/realtime/realtime-with-nextjs',

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -603,6 +603,11 @@ export const realtime = {
           name: 'Subscribing to Database Changes',
           url: '/guides/realtime/subscribing-to-database-changes',
         },
+        {
+          name: 'Bring Your Own Database',
+          url: '/guides/realtime/bring-your-own-database',
+          items: [],
+        },
         {
           name: 'Using Realtime with Next.js',
           url: '/guides/realtime/realtime-with-nextjs',

apps/docs/package.json

@@ -45,9 +45,9 @@
     "@mdx-js/react": "^1.6.22",
     "@next/mdx": "^12.0.4",
     "@radix-ui/react-accordion": "^1.0.1",
-    "@supabase/auth-helpers-nextjs": "^0.5.4",
+    "@supabase/auth-helpers-nextjs": "^0.5.6",
     "@supabase/auth-helpers-react": "^0.3.1",
-    "@supabase/supabase-js": "^2.8.0",
+    "@supabase/supabase-js": "^2.13.0",
     "algoliasearch": "^4.14.2",
     "babel": "^6.23.0",
     "clsx": "^1.2.1",

apps/docs/pages/_app.tsx

@@ -1,6 +1,6 @@
 import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
 import { SessionContextProvider } from '@supabase/auth-helpers-react'
-import { ThemeProvider } from 'common/Providers'
+import { AuthProvider, ThemeProvider } from 'common'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import { AppPropsWithLayout } from 'types'
@@ -66,6 +66,20 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
       <Favicons />
       {IS_PLATFORM || LOCAL_SUPABASE ? (
         <SessionContextProvider supabaseClient={supabase}>
+          <AuthProvider>
+            <ThemeProvider>
+              <SearchProvider>
+                {/* <CommandMenuProvider site="docs"> */}
+                <SiteLayout>
+                  <Component {...pageProps} />
+                </SiteLayout>
+                {/* </CommandMenuProvider> */}
+              </SearchProvider>
+            </ThemeProvider>
+          </AuthProvider>
+        </SessionContextProvider>
+      ) : (
+        <AuthProvider>
           <ThemeProvider>
             <SearchProvider>
               {/* <CommandMenuProvider site="docs"> */}
@@ -75,17 +89,7 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
               {/* </CommandMenuProvider> */}
             </SearchProvider>
           </ThemeProvider>
-        </SessionContextProvider>
-      ) : (
-        <ThemeProvider>
-          <SearchProvider>
-            {/* <CommandMenuProvider site="docs"> */}
-            <SiteLayout>
-              <Component {...pageProps} />
-            </SiteLayout>
-            {/* </CommandMenuProvider> */}
-          </SearchProvider>
-        </ThemeProvider>
+        </AuthProvider>
       )}
     </>
   )

apps/docs/pages/guides/realtime/bring-your-own-database.mdx

@@ -0,0 +1,107 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'bring-your-own-database',
+  title: 'Bring Your Own Database',
+  description: 'Bring your own Postgres database to subscribe to Realtime changes',
+  sidebar_label: 'Bring Your Own Database',
+}
+
+Realtime Database Changes works with any Postgres database that has logical replication enabled and the [wal2json](https://github.com/eulerto/wal2json) extension installed.
+
+<Admonition type="note">
+
+After setting up your database for Realtime, [submit a support ticket](https://app.supabase.com/support/new) if you want to use your database with hosted Supabase Realtime.
+
+</Admonition>
+
+The following steps will make sure that your database is properly set up to work with Realtime.
+
+## `wal2json` Extension
+
+Realtime relies on the `wal2json` Postgres extension to format database changes to JSON which are then sent to Realtime subscribers.
+
+Postgres databases managed by AWS RDS and Google Cloud SQL should already have `wal2json` installed.
+Please check to make sure this is indeed the case with your Postgres database.
+
+## Logical Replication Configuration
+
+Realtime relies on Postgres' logical replication functionality to get database changes. Please enable logical replication on your database and configure the following settings:
+
+- `max_replication_slots`: we recommend `10` because Realtime requires a few slots plus the slots you'll need for your non-Realtime logical replication needs.
+- `max_slot_wal_keep_size`: we recommend `1024` (MB) so Realtime can attempt to deliver more database changes stored in Postgres.
+
+## Realtime Database Setup
+
+### `supabase_realtime` Publication
+
+Create `supabase_realtime` publication and add tables you want Realtime to listen to:
+
+```sql
+create publication supabase_realtime with (publish = 'insert, update, delete');
+
+alter publication supabase_realtime add table messages, users;
+```
+
+<Admonition type="tip">
+
+If the payload contains a `401 Unauthorized` then you will need to grant `select` privileges to the table for the database role you want to authorize to receive database changes:
+
+```sql
+grant select on table messages to anon;
+```
+
+</Admonition>
+
+### `realtime` Schema
+
+Create a `realtime` schema:
+
+```sql
+create schema realtime;
+```
+
+### `supabase_realtime_admin` Role
+
+Create a `supabase_realtime_admin` database role and grant it replication permissions:
+
+```sql
+create role supabase_realtime_admin with noinherit login password 'secure-password';
+```
+
+Make sure to grant `supabase_realtime_admin` role with replication permissions. This step will vary based on your database provider.
+
+For example, if your database is managed by AWS RDS then you can run:
+
+```sql
+grant rds_replication to supabase_realtime_admin;
+```
+
+### `supabase_realtime_admin` Privileges
+
+Grant `supabase_realtime_admin` privileges for `realtime` schema and all related Realtime objects:
+
+```sql
+grant all on schema realtime to supabase_realtime_admin;
+grant all on all tables in schema realtime to supabase_realtime_admin;
+grant all on all sequences in schema realtime to supabase_realtime_admin;
+grant all on all routines in schema realtime to supabase_realtime_admin;
+```
+
+### `authenticated` Role
+
+Create an `authenticated` role:
+
+```sql
+create role authenticated nologin noinherit;
+```
+
+<Admonition type="note">
+
+This role is hardcoded into Realtime migrations so it's required for the time being.
+
+</Admonition>
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/self-hosting/realtime/config.mdx

@@ -11,6 +11,8 @@ export const meta = {
 
 <div>{spec.info.description}</div>
 
+See [this guide](/docs/guides/realtime/bring-your-own-database) if you want to configure your database to work with Realtime.
+
 <div>
 {spec.info.tags.map(tag => {
     return (

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"

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>
+  )
+}

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>
+  )
+}

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>
+  )
+}

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>
+  )
+}

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">
+                    Supabase Sticker Pack <LabelBadge text="25 packs" />
+                  </h3>
+                }
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

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>
+    </>
+  )
+}

apps/www/components/LaunchWeek/LaunchSection/TicketBrickWall.tsx

@@ -0,0 +1,47 @@
+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 { 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>
+  )
+}

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>
+  )
+}

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%);
+}

apps/www/components/LaunchWeek/LaunchSection/ticket-brick-wall-slider.module.css

@@ -0,0 +1,3 @@
+.swiper-wrapper .swiper-slide {
+  width: 300px !important;
+}

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>
+  )
+}

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>
+                    Join us on April 16th for Launch Week 7's final day and find out if you are one
+                    of the lucky winners.
+                  </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>
+  )
+}

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>
+  )
+}

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>

apps/www/components/LaunchWeek/Ticket/TicketForm.tsx

@@ -0,0 +1,170 @@
+import { useState, useRef, useEffect } from 'react'
+import { useRouter } from 'next/router'
+import cn from 'classnames'
+import { SITE_ORIGIN } from '~/lib/constants'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import formStyles from './form.module.css'
+import ticketFormStyles from './ticket-form.module.css'
+import { Button, 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>
+  )
+}

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>
+  )
+}

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>
+    </>
+  )
+}

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>
+  )
+}

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>
+  )
+}

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>
+  )
+}

apps/www/components/LaunchWeek/Ticket/form.tsx

@@ -1,13 +1,11 @@
-import { useState, useCallback, useEffect } from 'react'
+import { useState, useCallback } from 'react'
 import cn from 'classnames'
 import useConfData from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
 import { useRouter } from 'next/router'
-import LoadingDots from './loading-dots'
 import styleUtils from './utils.module.css'
 import styles from './form.module.css'
 import useEmailQueryParam from '~/components/LaunchWeek/Ticket/hooks/use-email-query-param'
 import { IconLoader } from '~/../../packages/ui'
-// import Captcha, { useCaptcha } from './captcha'
 
 type FormState = 'default' | 'loading' | 'error'
 
@@ -37,45 +35,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) {

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 = {

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
+}

apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx

@@ -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>
-    </>
-  )
-}

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 = {
@@ -17,31 +15,18 @@ export default function TicketCopy({ username }: Props) {
   const [copied, setCopied] = useState(false)
   const scrollRef = useRef<HTMLParagraphElement>(null)
   const buttonRef = useRef<HTMLButtonElement>(null)
-  const url = `${SITE_URL}/tickets/${username}`
+  const url = `${SITE_URL}/tickets/${username}?lw=7`
   useEffect(() => {
     if (navigator.clipboard) {
       setCopyEnabled(true)
     }
   }, [])
 
-  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>
   )

apps/www/components/LaunchWeek/Ticket/ticket-form.tsx

@@ -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>
-  )
-}

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>
     )

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>
   )

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) {

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"
     >

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>
   )
 }

apps/www/components/LaunchWeek/Ticket/ticket-number.tsx

@@ -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}
-    </>
-  )
-}

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));
   }
 }

apps/www/components/LaunchWeek/Ticket/ticket-profile.tsx

@@ -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>
-  )
-}

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);
   }
 }

apps/www/components/LaunchWeek/Ticket/ticket-visual.tsx

@@ -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>
-    </>
-  )
-}

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;
+  }
+}

apps/www/components/LaunchWeek/Ticket/ticket.tsx

@@ -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>
-  )
-}

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%);
+}

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
+      }
+    ]
+  }
+]

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"

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'
@@ -11,7 +12,7 @@ import Solutions from '~/components/Nav/Product'
 import Developers from '~/components/Nav/Developers'
 import Announcement from '~/components/Nav/Announcement'
 
-import { useTheme } from 'common/Providers'
+import { useIsLoggedIn, useTheme } from 'common'
 import TextLink from '../TextLink'
 import Image from 'next/image'
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'
@@ -19,10 +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 isLoggedIn = useIsLoggedIn()
+
+  const isLaunchWeekPage = pathname.includes('launch-week')
+  const showLaunchWeekNavMode = isLaunchWeekPage && !open && !openProduct && !openDevelopers
 
   React.useEffect(() => {
     if (open) {
@@ -47,12 +52,12 @@ const Nav = () => {
     const { name, description, icon, label, url } = solution
 
     const content = (
-      <div className="mb-3 flex md:h-full lg:flex-col">
+      <div className="flex mb-3 md:h-full lg:flex-col">
         <div className="flex-shrink-0">
-          <div className="inline-flex h-10 w-10 items-center justify-center rounded-md bg-gray-800 text-white dark:bg-white dark:text-gray-800 sm:h-12 sm:w-12">
+          <div className="inline-flex items-center justify-center w-10 h-10 text-white bg-gray-800 rounded-md dark:bg-white dark:text-gray-800 sm:h-12 sm:w-12">
             {/* <!-- Heroicon name: chart-bar --> */}
             <svg
-              className="h-6 w-6"
+              className="w-6 h-6"
               xmlns="http://www.w3.org/2000/svg"
               fill="none"
               viewBox="0 0 24 24"
@@ -73,10 +78,10 @@ const Nav = () => {
                 </Badge>
               )}
             </p>
-            <p className="text-scale-1100 dark:text-dark-100 mt-1 text-sm">{description}</p>
+            <p className="mt-1 text-sm text-scale-1100 dark:text-dark-100">{description}</p>
           </div>
           {url && (
-            <p className="text-brand-900 mt-2 text-sm font-medium lg:mt-4">
+            <p className="mt-2 text-sm font-medium text-brand-900 lg:mt-4">
               <TextLink label={label ? 'Get notified' : 'Learn more'} url={url} />
             </p>
           )}
@@ -85,14 +90,14 @@ const Nav = () => {
     )
     return url ? (
       <Link href={url} key={`solution_${idx}`}>
-        <a className="dark:hover:bg-scale-600 -m-3 my-2 flex flex-col justify-between rounded-lg p-3 transition duration-150 ease-in-out hover:bg-gray-50">
+        <a className="flex flex-col justify-between p-3 my-2 -m-3 transition duration-150 ease-in-out rounded-lg dark:hover:bg-scale-600 hover:bg-gray-50">
           {content}
         </a>
       </Link>
     ) : (
       <div
         key={`solution_${idx}`}
-        className="-m-3 flex flex-col justify-between rounded-lg p-3 transition duration-150 ease-in-out"
+        className="flex flex-col justify-between p-3 -m-3 transition duration-150 ease-in-out rounded-lg"
       >
         {content}
       </div>
@@ -101,6 +106,7 @@ const Nav = () => {
 
   type HamburgerButtonProps = {
     toggleFlyOut: Function
+    showLaunchWeekNavMode?: boolean
   }
 
   const HamburgerButton = (props: HamburgerButtonProps) => (
@@ -109,17 +115,20 @@ 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>
 
         <svg
-          className="block h-6 w-6"
+          className="block w-6 h-6"
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
-          stroke="currentColor"
+          stroke={showLaunchWeekNavMode ? '#be9eea' : 'currentColor'}
           aria-hidden="true"
         >
           <path
@@ -131,7 +140,7 @@ const Nav = () => {
         </svg>
 
         <svg
-          className="hidden h-6 w-6"
+          className="hidden w-6 h-6"
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
@@ -151,7 +160,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 +168,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 +182,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 +195,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="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)} />
-            <div className="flex flex-1 items-center justify-center sm:items-stretch lg:justify-between">
+      <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="relative flex justify-between h-16 mx-auto lg:container lg:px-10 xl:px-0"> */}
+          <div className="relative flex justify-between h-16 mx-auto lg:container lg:px-16 xl:px-20">
+            <HamburgerButton
+              toggleFlyOut={() => setOpen(true)}
+              showLaunchWeekNavMode={showLaunchWeekNavMode}
+            />
+            <div className="flex items-center justify-center flex-1 sm:items-stretch lg:justify-between">
               <div className="flex items-center">
-                <div className="flex flex-shrink-0 items-center">
+                <div className="flex items-center flex-shrink-0">
                   <Link href="/" as="/">
-                    <a className="block h-6 w-auto">
+                    <a className="block w-auto h-6">
                       <Image
-                        src={isDarkMode ? supabaseLogoWordmarkDark : supabaseLogoWordmarkLight}
+                        src={
+                          isLaunchWeekPage
+                            ? supabaseLogoWordmarkDark
+                            : isDarkMode
+                            ? supabaseLogoWordmarkDark
+                            : supabaseLogoWordmarkLight
+                        }
                         width={124}
                         height={24}
                         alt="Supabase Logo"
@@ -214,22 +248,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>
@@ -239,45 +275,62 @@ const Nav = () => {
               <div className="flex items-center gap-2">
                 <Button
                   as="a"
-                  className="group hidden lg:flex"
+                  className="hidden group lg:flex"
                   // @ts-ignore
                   href="https://github.com/supabase/supabase"
                   target="_blank"
                   type="text"
                   icon={
-                    <div className="text-brand-800 flex h-4  w-4 items-center justify-center">
+                    <div className="flex items-center justify-center w-4 h-4 text-brand-800">
                       <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/">
-                  <a>
-                    <Button type="default" className="hidden lg:block">
-                      Sign in
-                    </Button>
-                  </a>
-                </Link>
-                <Link href="https://app.supabase.com/">
-                  <a>
-                    <Button className="hidden text-white lg:block">Start your project</Button>
-                  </a>
-                </Link>
+                {isLoggedIn ? (
+                  <Link href="/dashboard/projects">
+                    <a>
+                      <Button className="hidden text-white lg:block">Dashboard</Button>
+                    </a>
+                  </Link>
+                ) : (
+                  <>
+                    <Link href="https://app.supabase.com/">
+                      <a>
+                        <Button type="default" className="hidden lg:block">
+                          Sign in
+                        </Button>
+                      </a>
+                    </Link>
+                    <Link href="https://app.supabase.com/">
+                      <a>
+                        <Button className="hidden text-white lg:block">Start your project</Button>
+                      </a>
+                    </Link>
+                  </>
+                )}
               </div>
             </div>
             {/* <div className="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"></div> */}
@@ -294,17 +347,22 @@ 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="absolute right-4 top-4 items-center justify-between">
+            <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 items-center justify-between right-4 top-4">
                 <div className="-mr-2">
                   <button
                     onClick={() => setOpen(false)}
                     type="button"
-                    className="text-scale-900 focus:ring-brand-900 dark:bg-scale-300 dark:hover:bg-scale-400 inline-flex items-center justify-center rounded-md bg-white p-2 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset"
+                    className="inline-flex items-center justify-center p-2 bg-white rounded-md text-scale-900 focus:ring-brand-900 dark:bg-scale-300 dark:hover:bg-scale-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset"
                   >
                     <span className="sr-only">Close menu</span>
                     <svg
-                      className="h-6 w-6"
+                      className="w-6 h-6"
                       xmlns="http://www.w3.org/2000/svg"
                       fill="none"
                       viewBox="0 0 24 24"
@@ -323,26 +381,26 @@ const Nav = () => {
               </div>
               {/* </div> */}
               <div className="mt-6 mb-12">
-                <div className="space-y-1 pt-2 pb-4">
+                <div className="pt-2 pb-4 space-y-1">
                   <Link href="https://app.supabase.com/">
-                    <a className="text-scale-900 block pl-3 pr-4 text-base font-medium dark:text-white">
+                    <a className="block pl-3 pr-4 text-base font-medium text-scale-900 dark:text-white">
                       Sign in
                     </a>
                   </Link>
                 </div>
-                <div className="space-y-1 pt-2 pb-4">
+                <div className="pt-2 pb-4 space-y-1">
                   <Link href="/docs">
-                    <a className="text-scale-900 dark:hover:bg-scale-600 block rounded-md py-2 pl-3 pr-4 text-base font-medium hover:border-gray-300 hover:bg-gray-50 dark:text-white">
+                    <a className="block py-2 pl-3 pr-4 text-base font-medium rounded-md text-scale-900 dark:hover:bg-scale-600 hover:border-gray-300 hover:bg-gray-50 dark:text-white">
                       Developers
                     </a>
                   </Link>
                   <Link href="/company">
-                    <a className="text-scale-900 dark:hover:bg-scale-600 block rounded-md py-2 pl-3 pr-4 text-base font-medium hover:border-gray-300 hover:bg-gray-50 dark:text-white">
+                    <a className="block py-2 pl-3 pr-4 text-base font-medium rounded-md text-scale-900 dark:hover:bg-scale-600 hover:border-gray-300 hover:bg-gray-50 dark:text-white">
                       Company
                     </a>
                   </Link>
                   <Link href="/pricing">
-                    <a className="text-scale-900 dark:hover:bg-scale-600 block rounded-md py-2 pl-3 pr-4 text-base font-medium hover:border-gray-300 hover:bg-gray-50 dark:text-white">
+                    <a className="block py-2 pl-3 pr-4 text-base font-medium rounded-md text-scale-900 dark:hover:bg-scale-600 hover:border-gray-300 hover:bg-gray-50 dark:text-white">
                       Pricing
                     </a>
                   </Link>
@@ -350,7 +408,7 @@ const Nav = () => {
                   <Link href="https://github.com/supabase/supabase">
                     <a
                       target="_blank"
-                      className="text-scale-900 dark:hover:bg-scale-600 block rounded-md py-2 pl-3 pr-4 text-base font-medium hover:border-gray-300 hover:bg-gray-50 dark:text-white"
+                      className="block py-2 pl-3 pr-4 text-base font-medium rounded-md text-scale-900 dark:hover:bg-scale-600 hover:border-gray-300 hover:bg-gray-50 dark:text-white"
                     >
                       GitHub
                     </a>
@@ -358,14 +416,14 @@ const Nav = () => {
                   <Link href="/blog">
                     <a
                       target="_blank"
-                      className="text-scale-900 dark:hover:bg-scale-600 block rounded-md py-2 pl-3 pr-4 text-base font-medium hover:border-gray-300 hover:bg-gray-50 dark:text-white"
+                      className="block py-2 pl-3 pr-4 text-base font-medium rounded-md text-scale-900 dark:hover:bg-scale-600 hover:border-gray-300 hover:bg-gray-50 dark:text-white"
                     >
                       Blog
                     </a>
                   </Link>
                 </div>
                 <div className="p-3">
-                  <p className="text-scale-900 mb-6 text-sm">Products available:</p>
+                  <p className="mb-6 text-sm text-scale-900">Products available:</p>
                   {iconSections}
                 </div>
               </div>

apps/www/components/Sections/APISection.tsx

@@ -36,7 +36,7 @@ function APISection(props: Props) {
     <div className="grid grid-cols-12 lg:gap-16">
       <div className="col-span-12 pb-8 lg:col-span-5 xl:col-span-5">
         <h2 className="h3">{props.title}</h2>
-        <p className="p">{props.text}</p>
+        <div className="p">{props.text}</div>
         {props.documentation_link && (
           <Link href={props.documentation_link} as={props.documentation_link}>
             <a>

apps/www/components/TweetCard.tsx

@@ -43,9 +43,7 @@ function TweetCard(props: TweetCard) {
         </div>
       </div>
 
-      <p>
-        <p className="text-scale-1100 mt-3 text-base">"{props.quote}"</p>
-      </p>
+      <p className="text-scale-1100 mt-3 text-base">"{props.quote}"</p>
     </div>
   )
 }

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"

apps/www/data/Footer.json

@@ -27,7 +27,7 @@
         "url": "/pricing"
       },
       {
-        "text": "Launch Week 6",
+        "text": "Launch Week 7",
         "url": "/launch-week"
       }
     ]

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
+}

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]
+  )
+}

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'

apps/www/lib/redirects.js

@@ -618,7 +618,7 @@ module.exports = [
   {
     permanent: true,
     source: '/_app',
-    destination: 'https://app.supabase.com',
+    destination: 'https://supabase.com/dashboard',
   },
   {
     permanent: true,
@@ -1458,17 +1458,17 @@ module.exports = [
   {
     permanent: true,
     source: '/sign-in',
-    destination: 'https://app.supabase.com/sign-in',
+    destination: 'https://supabase.com/dashboard/sign-in',
   },
   {
     permanent: true,
     source: '/sign-up',
-    destination: 'https://app.supabase.com/sign-up',
+    destination: 'https://supabase.com/dashboard/sign-up',
   },
   {
     permanent: true,
     source: '/forgot-password',
-    destination: 'https://app.supabase.com/forgot-password',
+    destination: 'https://supabase.com/dashboard/forgot-password',
   },
   {
     permanent: true,
@@ -1488,7 +1488,7 @@ module.exports = [
   {
     permanent: true,
     source: '/projects',
-    destination: 'https://app.supabase.com/projects',
+    destination: 'https://supabase.com/dashboard/projects',
   },
   // START docs 2.0, moving pages in to structure
   {
@@ -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',

apps/www/package.json

@@ -19,13 +19,14 @@
     "@next/bundle-analyzer": "^13.0.0",
     "@next/mdx": "^12.3.2",
     "@supabase/auth-ui-react": "^0.1.6",
-    "@supabase/supabase-js": "^2.0.0",
+    "@supabase/supabase-js": "^2.13.0",
     "classnames": "^2.3.1",
     "cobe": "^0.6.2",
     "common": "*",
     "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",

apps/www/pages/_app.tsx

@@ -6,7 +6,7 @@ import { useEffect } from 'react'
 import Meta from '~/components/Favicons'
 import '../styles/index.css'
 import { post } from './../lib/fetchWrapper'
-import { ThemeProvider } from 'common/Providers'
+import { AuthProvider, ThemeProvider } from 'common'
 import Head from 'next/head'
 
 export default function MyApp({ Component, pageProps }: AppProps) {
@@ -63,9 +63,11 @@ export default function MyApp({ Component, pageProps }: AppProps) {
           cardType: 'summary_large_image',
         }}
       />
-      <ThemeProvider>
-        <Component {...pageProps} />
-      </ThemeProvider>
+      <AuthProvider>
+        <ThemeProvider>
+          <Component {...pageProps} />
+        </ThemeProvider>
+      </AuthProvider>
     </>
   )
 }

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;
+  }
+}

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[]
+}

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;
+  }
+}

apps/www/pages/launch-week/ticket-image.tsx

@@ -1,5 +0,0 @@
-import TicketImage from '~/components/LaunchWeek/Ticket/ticket-image'
-
-export default function TicketOnlyPage() {
-  return <TicketImage />
-}

apps/www/pages/launch-week/tickets/[username].tsx

@@ -7,107 +7,146 @@ 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`
+  const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023 | Generate your ticket. Win swag.'
+  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' : ''}`
   }
+
   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,
   }

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,
+    },
+  }
+}

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>

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>

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">

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>

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">

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>

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">

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>

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>

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>

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>

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>

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">

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>

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">

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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">

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>

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>