Merge branch 'master' of github.com:supabase/supabase

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">
+                    Launch Week 7 Limited Edition 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,48 @@
+import Link from 'next/link'
+import React from 'react'
+import { Button } from 'ui'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import { TicketBrickWallRow } from './TicketBrickWallRow'
+import { TicketBrickWallSlider } from './TicketBrickWallSlider'
+
+type user = UserData
+
+interface Props {
+  users: user[]
+}
+
+export default function TicketBrickWall({ users }: Props) {
+  const isMobile = useMobileViewport(768)
+  return (
+    <div className="relative pt-28 pb-20 md:pt-40">
+      <div className="mx-auto bg-[#1C1C1C]">
+        <div className="max-w-[38rem] mb-8 mx-auto">
+          <h2 className="radial-gradient-text-scale-500 text-center">
+            Explore the unique tickets generated by our community
+          </h2>
+        </div>
+        <div
+          className="grid py-4 relative
+            before:content-[' '] before:absolute before:inset-0 before:right-auto before:w-1/4 before:bg-gradient-to-r before:from-[#1C1C1C] before:to-[#1C1C1C00] before:z-10 before:pointer-events-none
+            after:content-[' '] after:absolute after:inset-0 after:left-auto after:w-1/4 after:bg-gradient-to-l after:from-[#1C1C1C] after:to-[#1C1C1C00] after:z-10 after:pointer-events-none
+          "
+        >
+          <TicketBrickWallSlider users={users.slice(0, isMobile ? 5 : 7)} />
+          <TicketBrickWallSlider
+            users={users.slice(isMobile ? 5 : 7, isMobile ? 11 : 14)}
+            reverse
+          />
+          {isMobile && <TicketBrickWallSlider users={users.slice(11, 17)} speed={16000} />}
+        </div>
+        <div className="w-full mt-2 lg:mt-4 mx-auto flex justify-center">
+          <Link href="/launch-week/tickets">
+            <Button as="a" type="outline" size="medium">
+              View all tickets
+            </Button>
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}

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

@@ -0,0 +1,54 @@
+import { useRef } from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
+import { motion, useScroll, useTransform } from 'framer-motion'
+import { UserData } from '../Ticket/hooks/use-conf-data'
+import { useMobileViewport } from '../../../hooks/useMobileViewport'
+
+interface Props {
+  users: UserData[]
+  reverse?: boolean
+  xOffset?: number
+}
+
+export function TicketBrickWallRow({ users, reverse, xOffset = 250 }: Props) {
+  const ref = useRef(null)
+  const isMobile = useMobileViewport(768)
+  const { scrollYProgress } = useScroll({
+    target: ref,
+    offset: ['start end', 'end start'],
+  })
+  const STORAGE_URL = 'https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7'
+  const BUCKET_FOLDER_VERSION = 'v3'
+  const getOgUrl = (username: string, isGold: boolean) =>
+    `${STORAGE_URL}/tickets/gallery/${
+      isGold ? 'golden' : 'regular'
+    }/${BUCKET_FOLDER_VERSION}/${username}.png`
+  const x = useTransform(scrollYProgress, [0, 1], reverse ? [-xOffset, 0] : [0, -xOffset])
+
+  return (
+    <div ref={ref} className="relative h-[125px] md:h-[250px] w-full m-0 overflow-hidden py-2.5">
+      <div className="absolute flex h-fit w-fit">
+        <motion.div className="flex gap-2.5 md:gap-5 will-change-transform" style={{ x }}>
+          {users.map((user, i) => (
+            <Link href={`/launch-week/tickets/${user.username}`} key={user.username}>
+              <a className="relative w-[230px] md:w-[450px] rounded-lg md:rounded-2xl overflow-hidden transform scale-100 md:hover:scale-[101%] transition-transform">
+                <div className="relative inset-0 w-full pt-[50%] transform scale-[120%]">
+                  <Image
+                    src={getOgUrl(user.username!, !!user.golden)}
+                    alt={user.username}
+                    layout="fill"
+                    objectFit="cover"
+                    objectPosition={isMobile ? 'top 50% right 2px' : 'top 50% right 5px'}
+                    placeholder="blur"
+                    blurDataURL="/images/blur.png"
+                  />
+                </div>
+              </a>
+            </Link>
+          ))}
+        </motion.div>
+      </div>
+    </div>
+  )
+}

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>
+                    You got a Golden ticket. This means you're in, and you also won a Supabase
+                    sticker pack!
+                  </p>
+                ) : username ? (
+                  <p>
+                    Why stop there? Increase your chances of winning by sharing your unique ticket.
+                    Get sharing!
+                  </p>
+                ) : (
+                  <p>
+                    We have some fantastic swag up for grabs, including 3 limited-edition mechanical
+                    keyboards that you won't want to miss.
+                  </p>
+                )}
+              </>
+            ) : (
+              <>
+                <p>
+                  Get yours and win some fantastic swag, including a limited-edition mechanical
+                  keyboard that you won't want to miss.
+                </p>
+
+                <div className="mt-4 lg:mt-8 rounded-full bg-[#E6E8EB] py-1 px-3 -mb-3 border border-[#bbbbbb] text-xs transition-all ease-out hover:bg-[#dfe1e3]">
+                  <a
+                    href={`${SITE_URL}/${username ? '?referral=' + username : ''}`}
+                    className={`flex items-center justify-center gap-2 text-[#2e2e2e]`}
+                  >
+                    Get your ticket
+                  </a>
+                </div>
+              </>
+            )}
+          </div>
+
+          {!sharePage && username && <ReferralIndicator />}
+        </div>
+        <div>
+          {username && (
+            <TicketActions
+              username={username}
+              golden={golden}
+              ticketGenerationState={ticketGenerationState}
+              setTicketGenerationState={setTicketGenerationState}
+            />
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}

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,174 @@
+import { useState, useRef, useEffect } from 'react'
+import { useRouter } from 'next/router'
+// import { scrollTo } from '@lib/smooth-scroll';
+import cn from 'classnames'
+// import GithubIcon from '~/components/LaunchWeek/Ticket/icons/icon-github'
+// import CheckIcon from '~/components/LaunchWeek/Ticket/icons/icon-check'
+import { SITE_ORIGIN } from '~/lib/constants'
+import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
+import LoadingDots from './loading-dots'
+import formStyles from './form.module.css'
+import ticketFormStyles from './ticket-form.module.css'
+import { Button, IconCheck, IconCheckCircle, IconLoader } from 'ui'
+
+type FormState = 'default' | 'loading' | 'error'
+type TicketGenerationState = 'default' | 'loading'
+
+type Props = {
+  defaultUsername?: string
+  ticketGenerationState?: TicketGenerationState
+  setTicketGenerationState: any
+}
+
+export default function TicketForm({ defaultUsername = '', setTicketGenerationState }: Props) {
+  const [username, setUsername] = useState(defaultUsername)
+  const [formState, setFormState] = useState<FormState>('default')
+  const [errorMsg] = useState('')
+  const { supabase, session, setUserData, setPageState, userData } = useConfData()
+  const [realtimeChannel, setRealtimeChannel] = useState<ReturnType<
+    (typeof supabase)['channel']
+  > | null>(null)
+  const formRef = useRef<HTMLFormElement>(null)
+  const router = useRouter()
+
+  useEffect(() => {
+    if (session?.user && !userData.id) {
+      document.body.classList.add('ticket-generated')
+      const username = session.user.user_metadata.user_name
+      setUsername(username)
+      const name = session.user.user_metadata.full_name
+      const email = session.user.email
+      supabase
+        .from('lw7_tickets')
+        .insert({ email, name, username, referred_by: router.query?.referral ?? null })
+        .eq('email', email)
+        .select()
+        .single()
+        .then(async ({ error }) => {
+          // If error because of duplicate email, ignore and proceed, otherwise sign out.
+          if (error && error?.code !== '23505') return supabase.auth.signOut()
+          const { data } = await supabase
+            .from('lw7_tickets_golden')
+            .select('*')
+            .eq('username', username)
+            .single()
+          setUserData(data)
+          setFormState('default')
+
+          // Prefetch GitHub avatar
+          new Image().src = `https://github.com/${username}.png`
+
+          // Prefetch the twitter share URL to eagerly generate the page
+          fetch(`/launch-week/tickets/${username}`).catch((_) => {})
+          // Prefetch ticket og image.
+          fetch(
+            `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+              username ?? ''
+            )}`
+          ).catch((_) => {})
+
+          setPageState('ticket')
+
+          // Listen to realtime changes
+          const channel =
+            realtimeChannel ??
+            supabase
+              .channel('changes')
+              .on(
+                'postgres_changes',
+                {
+                  event: 'UPDATE',
+                  schema: 'public',
+                  table: 'lw7_tickets',
+                  filter: `username=eq.${username}`,
+                },
+                (payload) => {
+                  setUserData({
+                    ...payload.new,
+                    golden: !!payload.new.sharedOnTwitter && !!payload.new.sharedOnLinkedIn,
+                  })
+                }
+              )
+              .subscribe()
+          setRealtimeChannel(channel)
+        })
+    }
+    return () => {
+      // Cleanup realtime subscription on unmount
+      realtimeChannel?.unsubscribe()
+    }
+  }, [session])
+
+  return formState === 'error' ? (
+    <div className="h-full">
+      <div className={cn(formStyles['form-row'], ticketFormStyles['form-row'])}>
+        <div className={cn(formStyles['input-label'], formStyles.error)}>
+          <div className={cn(formStyles.input, formStyles['input-text'])}>{errorMsg}</div>
+          <button
+            type="button"
+            className={cn(formStyles.submit, formStyles.error)}
+            onClick={() => {
+              setFormState('default')
+              setTicketGenerationState('default')
+            }}
+          >
+            Try Again
+          </button>
+        </div>
+      </div>
+    </div>
+  ) : (
+    <form
+      ref={formRef}
+      onSubmit={async (e) => {
+        e.preventDefault()
+
+        if (formState !== 'default') {
+          setTicketGenerationState('default')
+          setFormState('default')
+          return
+        }
+
+        setFormState('loading')
+        setTicketGenerationState('loading')
+
+        await supabase.auth.signInWithOAuth({
+          provider: 'github',
+          options: {
+            redirectTo: `${SITE_ORIGIN}/launch-week/${
+              userData.username ? '?referral=' + userData.username : ''
+            }`,
+          },
+        })
+      }}
+      className="flex flex-col items-center xl:block relative z-20"
+      id="wayfinding--connect-with-github-form"
+    >
+      <div className="flex flex-col gap-3">
+        <div>
+          <Button
+            type="secondary"
+            htmlType="submit"
+            disabled={formState === 'loading' || Boolean(session)}
+          >
+            <span className={`${username && 'text-scale-900'}`}>
+              {session ? (
+                <>
+                  <IconCheckCircle />
+                  Connect with Github
+                </>
+              ) : (
+                <span className="flex items-center gap-2">
+                  {formState === 'loading' && <IconLoader size={14} className="animate-spin" />}
+                  Connect with Github
+                </span>
+              )}
+            </span>
+            {session ? <span className={ticketFormStyles.checkIcon}></span> : null}
+          </Button>
+        </div>
+        {/* {!session && <p className={'text-xs text-scale-900'}>Only public info will be used.</p>} */}
+      </div>
+    </form>
+  )
+}

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

@@ -37,45 +37,7 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
   const router = useRouter()
   const isCaptchaEnabled = false
 
-  useEffect(() => {
-    if (session?.user) {
-      document.body.classList.add('ticket-generated')
-      const username = session.user.user_metadata.user_name
-      const name = session.user.user_metadata.full_name
-      const email = session.user.email
-      supabase
-        .from('lw6_tickets')
-        .upsert({ email, name, username }, { onConflict: 'email', ignoreDuplicates: false })
-        .eq('email', email)
-        .select()
-        .single()
-        .then(async ({ error }) => {
-          if (error) return supabase.auth.signOut()
-          const { data } = await supabase
-            .from('lw6_tickets_golden')
-            .select('*')
-            .eq('username', username)
-            .single()
-          setUserData(data)
-          setFormState('default')
-
-          // Prefetch GitHub avatar
-          new Image().src = `https://github.com/${username}.png`
-
-          // Prefetch the twitter share URL to eagerly generate the page
-          fetch(`/launch-week/tickets/${username}`).catch((_) => {})
-          // Prefetch ticket og image.
-          fetch(
-            `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
-              username ?? ''
-            )}`
-          ).catch((_) => {})
-
-          setPageState('ticket')
-        })
-    }
-  }, [session])
-
+  // NOTE: this is not in use anymore as we're only allowing GitHub signups since LW7!
   async function register(email: string, token?: string): Promise<ConfUser> {
     const { error } = await supabase!.from('lw6_tickets').insert({ email })
     if (error) {

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 = {
@@ -24,24 +22,11 @@ export default function TicketCopy({ username }: Props) {
     }
   }, [])
 
-  const copiedText = <span className="text-xs text-scale-1200">Copied!</span>
-
-  // background: none;
-  // outline: none;
-  // border: none;
-  // z-index: 2;
-  // border-radius: var(--space-2x);
-  // width: 40px;
-  // display: flex;
-  // align-items: center;
-  // justify-content: center;
-  // margin-right: -10px;
-
   const copyButton = (
     <button
       type="button"
       name="Copy"
-      className="text-scale-900 hover:text-scale-1200 w-21 flex items-center cursor-pointer"
+      className="bg-[#E6E8EB] text-[#2e2e2e] text-xs w-21 flex items-center cursor-pointer py-1 px-2 rounded-full"
       ref={buttonRef}
       onClick={() => {
         navigator.clipboard.writeText(url).then(() => {
@@ -52,13 +37,17 @@ export default function TicketCopy({ username }: Props) {
         })
       }}
     >
-      {copied ? (
-        <div className="text-brand-900">
-          <IconCheck size={14} />
-        </div>
-      ) : (
-        <IconCopy size={14} />
-      )}
+      <div className="flex items-center gap-1 ">
+        {copied ? (
+          <>
+            <IconCheck size={14} /> Copied!
+          </>
+        ) : (
+          <>
+            <IconCopy size={14} /> Copy your unique URL{' '}
+          </>
+        )}
+      </div>
     </button>
   )
 
@@ -67,14 +56,14 @@ export default function TicketCopy({ username }: Props) {
       className={cn(
         styleUtils.appear,
         styleUtils['appear-third'],
-        'bg-scaleA-200 h-8 rounded border border-scale-400 w-full'
+        'bg-scaleA-200 h-8 rounded-full border border-[#E3E3E370] w-full overflow-hidden'
       )}
+      id="wayfinding--ticket-copy"
     >
-      <div className="px-3 h-full flex items-center gap-3 w-full truncate relative pr-20">
-        <div className="text-scale-900 text-sm hidden lg:flex">Your ticket URL:</div>
+      <div className="px-3 h-full flex items-center gap-3 w-full truncate relative pr-20 bg-[#D9D9D94D]">
         <div className="flex items-center truncate">
           <p
-            className={['text-xs font-mono text-scale-1200 truncate'].join(' ')}
+            className={['text-xs font-mono text-[#ededed] truncate'].join(' ')}
             ref={scrollRef}
             onScroll={() => {
               if (!scrolling) {
@@ -95,10 +84,7 @@ export default function TicketCopy({ username }: Props) {
             {url}
           </p>
         </div>
-        <div className="absolute right-3 with-auto height-auto flex items-center">
-          {copied && copiedText}
-          {copyButton}
-        </div>
+        <div className="absolute right-1 with-auto height-auto flex items-center">{copyButton}</div>
       </div>
     </div>
   )

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'
@@ -19,11 +20,14 @@ import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-w
 
 const Nav = () => {
   const { isDarkMode } = useTheme()
+  const { pathname } = useRouter()
   const [open, setOpen] = useState(false)
-
   const [openProduct, setOpenProduct] = useState(false)
   const [openDevelopers, setOpenDevelopers] = useState(false)
 
+  const isLaunchWeekPage = pathname.includes('launch-week')
+  const showLaunchWeekNavMode = isLaunchWeekPage && !open && !openProduct && !openDevelopers
+
   React.useEffect(() => {
     if (open) {
       // Prevent scrolling on mount
@@ -101,6 +105,7 @@ const Nav = () => {
 
   type HamburgerButtonProps = {
     toggleFlyOut: Function
+    showLaunchWeekNavMode?: boolean
   }
 
   const HamburgerButton = (props: HamburgerButtonProps) => (
@@ -109,7 +114,10 @@ const Nav = () => {
       onClick={() => props.toggleFlyOut()}
     >
       <button
-        className="text-scale-900 focus:ring-brand-900 dark:bg-scale-200 dark:hover:bg-scale-300 inline-flex items-center justify-center rounded-md bg-gray-50 p-2 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset"
+        className={[
+          'text-scale-900 focus:ring-brand-900 dark:bg-scale-200 dark:hover:bg-scale-300 inline-flex items-center justify-center rounded-md bg-gray-50 p-2 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset',
+          showLaunchWeekNavMode && '!bg-transparent border border-[#be9eea]',
+        ].join(' ')}
         aria-expanded="false"
       >
         <span className="sr-only">Open main menu</span>
@@ -119,7 +127,7 @@ const Nav = () => {
           xmlns="http://www.w3.org/2000/svg"
           fill="none"
           viewBox="0 0 24 24"
-          stroke="currentColor"
+          stroke={showLaunchWeekNavMode ? '#be9eea' : 'currentColor'}
           aria-hidden="true"
         >
           <path
@@ -151,7 +159,7 @@ const Nav = () => {
 
   const FlyOutNavButton = (props: any) => (
     <div
-      className={
+      className={[
         `
         text-scale-1200 hover:text-brand-900
         inline-flex cursor-pointer items-center
@@ -159,9 +167,10 @@ const Nav = () => {
         border-transparent
         px-1
         text-sm font-medium
-        transition-colors
-                ` + props.active
-      }
+        transition-colors`,
+        showLaunchWeekNavMode && '!text-white',
+        props.active,
+      ].join(' ')}
       onClick={props.onClick}
     >
       <>
@@ -172,7 +181,11 @@ const Nav = () => {
             (props.active && ' rotate-180 transform transition-all duration-100')
           }
         >
-          <IconChevronDown size={14} strokeWidth={2} />
+          <IconChevronDown
+            size={14}
+            strokeWidth={2}
+            className={showLaunchWeekNavMode ? 'text-white' : ''}
+          />
         </div>
       </>
     </div>
@@ -181,19 +194,39 @@ const Nav = () => {
   return (
     <>
       {/* <Announcement /> */}
-      <div className="sticky top-0 z-50">
-        <div className="bg-scale-200 absolute top-0 h-full w-full opacity-80"></div>
-        <nav className="border-scale-400 border-b backdrop-blur-sm">
+      <div className="sticky top-0 z-50 transform" style={{ transform: 'translate3d(0,0,999px)' }}>
+        <div
+          className={[
+            'absolute inset-0 h-full w-full opacity-80 bg-scale-200',
+            !showLaunchWeekNavMode && '!opacity-100 transition-opacity',
+            showLaunchWeekNavMode && '!bg-transparent transition-all',
+          ].join(' ')}
+        />
+        <nav
+          className={[
+            `border-scale-400 border-b backdrop-blur-sm transition-opacity`,
+            showLaunchWeekNavMode && '!opacity-100 border-[#e0d2f430]',
+          ].join(' ')}
+        >
           {/* <div className="lg:container mx-auto relative flex justify-between h-16 lg:px-10 xl:px-0"> */}
           <div className="relative mx-auto flex h-16 justify-between lg:container lg:px-16 xl:px-20">
-            <HamburgerButton toggleFlyOut={() => setOpen(true)} />
+            <HamburgerButton
+              toggleFlyOut={() => setOpen(true)}
+              showLaunchWeekNavMode={showLaunchWeekNavMode}
+            />
             <div className="flex flex-1 items-center justify-center sm:items-stretch lg:justify-between">
               <div className="flex items-center">
                 <div className="flex flex-shrink-0 items-center">
                   <Link href="/" as="/">
                     <a className="block h-6 w-auto">
                       <Image
-                        src={isDarkMode ? supabaseLogoWordmarkDark : supabaseLogoWordmarkLight}
+                        src={
+                          isLaunchWeekPage
+                            ? supabaseLogoWordmarkDark
+                            : isDarkMode
+                            ? supabaseLogoWordmarkDark
+                            : supabaseLogoWordmarkLight
+                        }
                         width={124}
                         height={24}
                         alt="Supabase Logo"
@@ -214,22 +247,24 @@ const Nav = () => {
                   />
                   <Link href="/pricing">
                     <a
-                      className={`
-                        text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
+                      className={[
+                        `text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
                         border-b-2 border-transparent p-5 px-1
-                        text-sm font-medium
-                      `}
+                        text-sm font-medium`,
+                        showLaunchWeekNavMode && '!text-white',
+                      ].join(' ')}
                     >
                       Pricing
                     </a>
                   </Link>
                   <Link href="/blog">
                     <a
-                      className={`
-                        text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
+                      className={[
+                        `text-scale-1200 hover:text-brand-900 hover:border-brand-900 dark:text-dark-100 dark:hover:border-dark-100 inline-flex items-center
                         border-b-2 border-transparent p-5 px-1
-                        text-sm font-medium
-                      `}
+                        text-sm font-medium`,
+                        showLaunchWeekNavMode && '!text-white',
+                      ].join(' ')}
                     >
                       Blog
                     </a>
@@ -247,23 +282,30 @@ const Nav = () => {
                   icon={
                     <div className="text-brand-800 flex h-4  w-4 items-center justify-center">
                       <div
-                        className="text-scale-900 flex h-3 w-3 items-center justify-center
+                        className={[
+                          `text-scale-900 flex h-3 w-3 items-center justify-center
 
-                      transition-all
-                      group-hover:h-4
-                      group-hover:w-4
-                      group-hover:text-yellow-900
-                      group-focus:h-4
-                      group-focus:w-4
+                          transition-all
+                          group-hover:h-4
+                          group-hover:w-4
+                          group-hover:text-yellow-900
+                          group-focus:h-4
+                          group-focus:w-4
 
-                      group-focus:text-yellow-900"
+                          group-focus:text-yellow-900`,
+                          showLaunchWeekNavMode && '!text-white',
+                        ].join(' ')}
                       >
                         <IconStar strokeWidth={2} />
                       </div>
                     </div>
                   }
                 >
-                  Star us on GitHub
+                  <span
+                  // className={isLaunchWeekPage ? '!text-white' : ''}
+                  >
+                    Star us on GitHub
+                  </span>
                 </Button>
 
                 <Link href="https://app.supabase.com/">
@@ -294,7 +336,12 @@ const Nav = () => {
             leaveFrom="opacity-100 translate-y-0"
             leaveTo="opacity-0 translate-y-1"
           >
-            <div className="dark:bg-scale-300 fixed -inset-y-0 z-50 h-screen w-screen transform overflow-y-scroll bg-white p-4 md:p-8">
+            <div
+              className={[
+                'dark:bg-scale-300 fixed -inset-y-0 z-50 h-screen w-screen transform overflow-y-scroll bg-white p-4 md:p-8',
+                open && '!bg-scale-300',
+              ].join(' ')}
+            >
               <div className="absolute right-4 top-4 items-center justify-between">
                 <div className="-mr-2">
                   <button

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

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

@@ -26,6 +26,7 @@
     "config": "*",
     "date-fns": "2.10.0",
     "dayjs": "^1.11.4",
+    "framer-motion": "^6.5.1",
     "globby": "^12.0.2",
     "gray-matter": "^4.0.2",
     "markdown-toc": "^1.2.0",
@@ -46,6 +47,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "react-tooltip": "^4.2.17",
     "react-transition-group": "^4.4.1",
+    "react-use": "^17.4.0",
     "recharts": "^2.1.15",
     "rehype-slug": "^5.0.1",
     "remark": "^13.0.0",

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,151 @@ import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
 import { SITE_URL, SAMPLE_TICKET_NUMBER } from '~/lib/constants'
 import { createClient } from '@supabase/supabase-js'
 import { useEffect, useState } from 'react'
-import { FastGlobOptionsWithoutCwd } from 'globby'
-import { useTheme } from 'common/Providers'
+import { IconArrowDown } from 'ui'
+import LaunchWeekPrizeSection from '~/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection'
+import { LaunchWeekLogoHeader } from '~/components/LaunchWeek/LaunchSection/LaunchWeekLogoHeader'
+import TicketBrickWall from '~/components/LaunchWeek/LaunchSection/TicketBrickWall'
+import { UserData } from '~/components/LaunchWeek/Ticket/hooks/use-conf-data'
+import LW7BgGraphic from '../../../components/LaunchWeek/LW7BgGraphic'
+import CTABanner from '../../../components/CTABanner'
 
-type Props = {
-  username: string | null
-  name: string | null
-  ticketNumber: number | null
-  golden: boolean
+interface Props {
+  user: UserData
+  users: UserData[]
+  ogImageUrl: string
 }
 
 const supabaseAdmin = createClient(
   process.env.NEXT_PUBLIC_SUPABASE_URL ?? 'http://localhost:54321',
   process.env.SUPABASE_SERVICE_ROLE_SECRET ??
+    process.env.NEXT_PUBLIC_SUPABASE_SERVICE_ROLE_SECRET ??
     'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9idWxkYW5ycHRsb2t0eGNmZnZuIiwicm9sZSI6ImFub24iLCJpYXQiOjE2Njk3MjcwMTIsImV4cCI6MTk4NTMwMzAxMn0.SZLqryz_-stF8dgzeVXmzZWPOqdOrBwqJROlFES8v3I'
 )
 
-export default function TicketShare({ username, ticketNumber, name, golden }: Props) {
-  const { isDarkMode } = useTheme()
+export default function UsernamePage({ user, users, ogImageUrl }: Props) {
+  const { username, ticketNumber, name, golden, referrals, bg_image_id } = user
+  const TITLE = `${
+    name ? name + '’s' : 'Get your'
+  } #SupaLaunchWeek Ticket | Share to win some fantastic swag`
+  const DESCRIPTION = 'Supabase Launch Week 7 | 10–14 April 2023'
+  const OG_URL = `${SITE_URL}/tickets/${username}`
 
   const [supabase] = useState(() =>
     createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!)
   )
-  const description = 'Supabase Launch Week 6 | 12-16 Dec 2022'
 
   if (!ticketNumber) {
     return <Error statusCode={404} />
   }
 
-  const ogImageUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/launchweek-ticket-og?username=${encodeURIComponent(
-    username ?? ''
-  )}`
-
   useEffect(() => {
-    document.body.className = isDarkMode ? 'dark bg-[#121212]' : 'light bg-[#fff]'
-  }, [isDarkMode])
+    document.body.className = 'dark bg-[#1C1C1C]'
+  }, [])
 
   return (
     <>
       <NextSeo
-        title={`${name ? name + '’s' : 'Get your'} #SupaLaunchWeek Ticket`}
+        title={TITLE}
         openGraph={{
-          title: `${name ? name + '’s' : 'Get your'} #SupaLaunchWeek Ticket`,
-          description: description,
-          url: `${SITE_URL}/tickets/${username}`,
+          title: TITLE,
+          description: DESCRIPTION,
+          url: OG_URL,
           images: [
             {
               url: ogImageUrl,
+              width: 1200,
+              height: 630,
             },
           ],
         }}
       />
       <DefaultLayout>
-        <SectionContainer className="flex flex-col gap-8 pb-0 md:gap-16 lg:gap-16 items-center xl:items-start">
-          <img
-            src="/images/launchweek/launchweek-logo--light.svg"
-            className="md:40 w-40 dark:hidden lg:w-80"
-          />
-          <img
-            src="/images/launchweek/launchweek-logo--dark.svg"
-            className="md:40 hidden w-40 dark:block lg:w-80"
-          />
-          <TicketContainer
-            supabase={supabase}
-            session={null}
-            defaultUserData={{
-              username: username || undefined,
-              name: name || '',
-              ticketNumber,
-              golden,
-            }}
-            sharePage
-          />
-        </SectionContainer>
+        <div className="bg-[#1C1C1C] -mt-20">
+          <div className="relative bg-lw7 pt-20">
+            <div className="relative z-10">
+              <SectionContainer className="flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !px-2 !mx-auto xl:h-[calc(90vh-65px)] min-h-[600px] md:min-h-[auto] lg:min-h-[650px]">
+                <LaunchWeekLogoHeader />
+                <TicketContainer
+                  supabase={supabase}
+                  session={null}
+                  defaultUserData={{
+                    username: username || undefined,
+                    name: name || '',
+                    ticketNumber,
+                    golden,
+                    referrals,
+                    bg_image_id,
+                  }}
+                  sharePage
+                />
+                <div>
+                  <a href="#lw-7-prizes" className="flex items-center text-white text-sm gap-4">
+                    See the prizes{' '}
+                    <span className="bounce-loop">
+                      <IconArrowDown w={10} h={12} />
+                    </span>
+                  </a>
+                </div>
+              </SectionContainer>
+              <LW7BgGraphic />
+            </div>
+            <div className={['bg-lw7-gradient absolute inset-0 z-0', golden && 'gold'].join(' ')} />
+          </div>
+          <LaunchWeekPrizeSection className="-mt-20 md:-mt-60" />
+          <TicketBrickWall users={users} />
+        </div>
+        <CTABanner />
       </DefaultLayout>
     </>
   )
 }
 
-export const getStaticProps: GetStaticProps<Props> = async ({ params }) => {
+export const getStaticProps: GetStaticProps = async ({ params }) => {
   const username = params?.username?.toString() || null
   let name: string | null | undefined
   let ticketNumber: number | null | undefined
   let golden = false
+  let referrals = 0
+  let bg_image_id
+  let ogImageUrl
 
+  // fetch users for the TicketBrickWall
+  const { data: users } = await supabaseAdmin!.from('lw7_tickets_golden').select().limit(17)
+
+  // fetch a specific user
   if (username) {
     const { data: user } = await supabaseAdmin!
-      .from('lw6_tickets_golden')
-      .select('name, ticketNumber, golden')
+      .from('lw7_tickets_golden')
+      .select('name, ticketNumber, golden, referrals, bg_image_id')
       .eq('username', username)
       .single()
     name = user?.name
     ticketNumber = user?.ticketNumber
     golden = user?.golden ?? false
+    bg_image_id = user?.bg_image_id ?? 1
+    referrals = user?.referrals ?? 0
+    ogImageUrl = `https://obuldanrptloktxcffvn.functions.supabase.co/lw7-ticket-og?username=${encodeURIComponent(
+      username ?? ''
+    )}${golden ? '&golden=true' : ''}`
+    // ogImageUrl = `https://obuldanrptloktxcffvn.supabase.co/storage/v1/object/public/images/lw7/tickets/${
+    //   golden ? 'golden' : 'regular'
+    // }/v3/${username ?? ''}.png`
   }
+
   return {
     props: {
-      username: ticketNumber ? username : null,
-      usernameFromParams: username || null,
-      name: ticketNumber ? name || username || null : null,
-      ticketNumber: ticketNumber || SAMPLE_TICKET_NUMBER,
-      golden,
+      user: {
+        username: ticketNumber ? username : null,
+        usernameFromParams: username || null,
+        name: ticketNumber ? name || username || null : null,
+        ticketNumber: ticketNumber || SAMPLE_TICKET_NUMBER,
+        golden,
+        referrals,
+        bg_image_id,
+      },
+      ogImageUrl,
+      users,
+      key: username,
     },
     revalidate: 5,
   }

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>

apps/www/public/images/launchweek/launchweek-logo--dark.svg

@@ -5,15 +5,15 @@
 <rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
 <defs>
 <linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
-<stop stop-color="#14292C"/>
+<stop stopColor="#14292C"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#57796F"/>
+<stop stopColor="#57796F"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 <linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
+<stop stopColor="#76A891" stop-opacity="0.11"/>
 <stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/launchweek-logo--dark_old.svg

@@ -4,7 +4,7 @@
 <path d="M175.43 15.3407C175.584 17.3084 177.475 19.1604 180.195 19.1604C183.204 19.1604 184.998 17.1348 184.998 14.8005C184.998 12.119 183.223 10.6143 180.716 10.6143C179.886 10.6143 178.999 10.8843 178.458 11.3859L179.076 8.62723H184.323V6.33154H177.262L175.777 12.7556C176.047 12.8328 177.957 13.4887 178.208 13.5851C178.613 13.1221 179.288 12.7363 180.137 12.7363C181.294 12.7363 182.355 13.4115 182.355 14.8391C182.355 16.093 181.391 16.884 180.195 16.884C178.864 16.884 177.976 15.9387 177.918 14.7812L175.43 15.3407Z" fill="url(#paint0_linear_672_14343)"/>
 <defs>
 <linearGradient id="paint0_linear_672_14343" x1="177.669" y1="-28.8195" x2="195.735" y2="-26.9443" gradientUnits="userSpaceOnUse">
-<stop stop-color="#317E7E"/>
+<stop stopColor="#317E7E"/>
 <stop offset="0.973958" stop-color="#628AAB"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/launchweek-logo--light.svg

@@ -1,20 +0,0 @@
-<svg width="344" height="48" viewBox="0 0 344 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.1646 35.2148V31.6001H6.85951V12.7339H3.05455V35.2148H17.1646ZM41.1797 35.2148H45.3334L36.582 12.7339H32.1746L23.4232 35.2148H27.4501L29.5429 29.5708H39.0553L41.1797 35.2148ZM34.2991 16.8559L37.7235 26.0512H30.8746L34.2991 16.8559ZM60.6598 35.6905C65.3843 35.6905 69.0624 32.805 69.0624 27.383V12.7339H65.2574V27.161C65.2574 30.3318 63.5452 32.0758 60.6598 32.0758C57.8061 32.0758 56.0621 30.3318 56.0621 27.161V12.7339H52.2889V27.383C52.2889 32.805 55.967 35.6905 60.6598 35.6905ZM97.8094 35.2148V12.7339H94.0044V28.683L83.7945 12.7339H78.9431V35.2148H82.7481V18.1877L93.8459 35.2148H97.8094ZM117.933 35.6905C123.672 35.6905 127.096 32.044 128.111 28.2391L124.623 27.0976C123.862 29.6342 121.706 32.044 117.933 32.044C114.096 32.044 110.481 29.2537 110.481 23.9902C110.481 18.5364 114.191 15.8413 117.901 15.8413C121.674 15.8413 123.767 18.0291 124.433 20.756L128.016 19.5511C127.001 15.6193 123.609 12.2583 117.901 12.2583C112.067 12.2583 106.581 16.6657 106.581 23.9902C106.581 31.3148 111.877 35.6905 117.933 35.6905ZM154.93 35.2148V12.7339H151.093V22.0243H140.535V12.7339H136.73V35.2148H140.535V25.6073H151.093V35.2148H154.93ZM198.503 29.2855L193.144 12.7339H189.181L183.917 29.1586L179.415 12.7339H175.419L181.793 35.2148H185.693L191.147 18.2194L196.6 35.2148H200.532L206.842 12.7339H202.91L198.503 29.2855ZM228.581 35.2148V31.6635H218.498V25.7024H227.63V22.2463H218.498V16.2852H228.581V12.7339H214.693V35.2148H228.581ZM251.792 35.2148V31.6635H241.709V25.7024H250.841V22.2463H241.709V16.2852H251.792V12.7339H237.904V35.2148H251.792ZM274.908 35.2148H279.696L270.501 22.6585L279.601 12.7339H274.591L264.92 23.5146V12.7339H261.115V35.2148H264.92V28.7464L267.901 25.4805L274.908 35.2148Z" fill="#11181C"/>
-<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" fill="url(#paint0_linear_512_45476)"/>
-<path d="M328.398 18.3085C327.79 17.8825 326.755 17.5783 325.559 17.5783C321.725 17.5783 318.785 20.357 318.785 25.245C318.785 29.5854 321.401 31.3296 323.916 31.3296C326.492 31.3296 328.784 29.6665 328.784 26.8473C328.784 23.9875 326.877 22.3649 324.281 22.3649C322.537 22.3649 321.34 23.1965 320.813 24.0686C320.975 21.3711 322.699 19.3631 325.437 19.3631C326.431 19.3631 327.303 19.6471 327.79 19.931L328.398 18.3085ZM321.097 26.8473C321.097 25.0827 322.415 24.0686 323.936 24.0686C325.457 24.0686 326.776 25.0827 326.776 26.8473C326.776 28.5915 325.478 29.6056 323.936 29.6056C322.496 29.6056 321.097 28.5712 321.097 26.8473Z" fill="url(#paint1_linear_512_45476)"/>
-<rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_512_45476)" stroke-width="0.780084"/>
-<defs>
-<linearGradient id="paint0_linear_512_45476" x1="255.75" y1="-63.2399" x2="362.488" y2="31.7141" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1F1F1"/>
-<stop offset="1" stop-color="#959595" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_512_45476" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#466B60"/>
-<stop offset="1" stop-color="#1C1C1C"/>
-</linearGradient>
-<linearGradient id="paint2_linear_512_45476" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
-<stop offset="1" stop-color="#EFEFEF" stop-opacity="0.35"/>
-</linearGradient>
-</defs>
-</svg>

apps/www/public/images/launchweek/launchweek-logo--light__old.svg

@@ -4,7 +4,7 @@
 <path d="M175.434 15.3407C175.588 17.3084 177.478 19.1604 180.199 19.1604C183.208 19.1604 185.002 17.1348 185.002 14.8005C185.002 12.119 183.227 10.6143 180.719 10.6143C179.89 10.6143 179.003 10.8843 178.462 11.3859L179.08 8.62723H184.327V6.33154H177.266L175.781 12.7556C176.051 12.8328 177.961 13.4887 178.212 13.5851C178.617 13.1221 179.292 12.7363 180.141 12.7363C181.298 12.7363 182.359 13.4115 182.359 14.8391C182.359 16.093 181.395 16.884 180.199 16.884C178.867 16.884 177.98 15.9387 177.922 14.7812L175.434 15.3407Z" fill="url(#paint0_linear_733_15579)"/>
 <defs>
 <linearGradient id="paint0_linear_733_15579" x1="177.673" y1="-28.8195" x2="195.739" y2="-26.9443" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
+<stop stopColor="white"/>
 <stop offset="0.973958" stop-color="#F9FCFF"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/launchweek-logo--light_old0.svg

@@ -5,15 +5,15 @@
 <rect x="304.023" y="4.10489" width="39.2199" height="39.2199" rx="5.85063" stroke="url(#paint2_linear_440_13670)" stroke-width="0.780084"/>
 <defs>
 <linearGradient id="paint0_linear_440_13670" x1="315.781" y1="15.2945" x2="336.443" y2="59.1477" gradientUnits="userSpaceOnUse">
-<stop stop-color="#14292C"/>
+<stop stopColor="#14292C"/>
 <stop offset="1" stop-color="#121212" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_440_13670" x1="308.131" y1="-5.6969" x2="334.269" y2="-4.85975" gradientUnits="userSpaceOnUse">
-<stop stop-color="#57796F"/>
+<stop stopColor="#57796F"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 <linearGradient id="paint2_linear_440_13670" x1="329.004" y1="3.79773" x2="340.003" y2="18.3613" gradientUnits="userSpaceOnUse">
-<stop stop-color="#76A891" stop-opacity="0.11"/>
+<stop stopColor="#76A891" stop-opacity="0.11"/>
 <stop offset="1" stop-color="#132525" stop-opacity="0.35"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/launchweek-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="624" height="48" fill="none"><path fill="#FFFDFF" d="M158.151 35.176v-2.917h-10.623V12.695h-3.107v22.48h13.73Zm24.585 0h3.361l-8.941-22.481h-3.583l-8.942 22.48h3.33l2.378-6.277h9.956l2.441 6.278Zm-7.451-19.247 3.9 10.083h-7.737l3.837-10.083Zm26.052 19.722c4.566 0 8.085-2.853 8.085-8.149V12.695h-3.107v14.712c0 3.425-1.807 5.359-4.978 5.359-3.139 0-5.01-1.934-5.01-5.359V12.695h-3.076v14.807c0 5.296 3.52 8.15 8.086 8.15Zm36.715-.475V12.695h-3.107v17.249l-11.225-17.25h-4.153v22.482h3.107V16.849l12.144 18.327h3.234Zm20.189.475c5.168 0 8.719-3.012 9.924-7.229l-2.758-1.015c-.92 3.076-3.33 5.39-7.166 5.39-4.091 0-7.991-3.012-7.991-8.878s3.9-8.846 7.991-8.846c3.678 0 6.151 1.902 7.007 5.295l2.885-1.014c-1.141-4.345-4.756-7.135-9.892-7.135-5.581 0-11.162 4.186-11.162 11.7 0 7.515 5.359 11.732 11.162 11.732Zm36.495-.475V12.695h-3.107v9.607h-11.478v-9.607h-3.108v22.48h3.108v-9.987h11.478v9.988h3.107Zm43.608-4.693-5.771-17.788h-3.266l-5.644 17.598-4.946-17.598h-3.203l6.5 22.48h3.108l5.802-18.231 5.866 18.232h3.203l6.405-22.481h-3.203l-4.851 17.788Zm29.802 4.693V32.29h-10.558v-6.88h9.575v-2.917h-9.575V15.58h10.558v-2.885H354.48v22.48h13.666Zm23.181 0V32.29h-10.559v-6.88h9.576v-2.917h-9.576V15.58h10.559v-2.885h-13.666v22.48h13.666Zm23.434 0h3.931l-9.48-12.462 9.354-10.02h-4.091l-10.527 11.574V12.695h-3.107v22.48h3.107V28.39l3.203-3.424 7.61 10.21Z"/><rect width="39.367" height="39.367" x="442.949" y="3.992" fill="url(#a)" rx="6.906"/><path fill="url(#b)" d="M467.633 17.821h-9.999v2.414h6.774s-4.401 3.67-4.949 10.75h2.901c.588-6.633 4.279-9.98 5.273-10.831V17.82Z"/><rect width="39.367" height="39.367" x="442.949" y="3.992" stroke="url(#c)" stroke-width=".633" rx="6.906"/><defs><linearGradient id="a" x1="454.781" x2="475.443" y1="15.255" y2="59.109" gradientUnits="userSpaceOnUse"><stop stopColor="#CB88FF"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="447.131" x2="473.269" y1="-5.738" y2="-4.901" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="c" x1="468.004" x2="479.003" y1="3.759" y2="18.322" gradientUnits="userSpaceOnUse"><stop stopColor="#76A891" stop-opacity=".11"/><stop offset="1" stop-color="#fff" stop-opacity=".35"/></linearGradient></defs></svg>

apps/www/public/images/launchweek/outro-light.svg

@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5315 13.6425C41.0816 13.6425 48.8236 21.3844 48.8236 30.9346C48.8236 34.9202 47.4762 38.5895 45.2107 41.5142V38.4437H43.1463V43.8831L44.1785 44.9153H49.6179V42.8509L46.7862 42.8509C49.3555 39.566 50.888 35.4285 50.888 30.9346C50.888 20.2443 42.2218 11.5781 31.5315 11.5781V13.6425ZM18.8891 16.9543L19.9213 17.9865L19.9213 23.4259H17.857V20.3554C15.5915 23.28 14.2441 26.9494 14.2441 30.935C14.2441 40.4851 21.986 48.2271 31.5362 48.2271V50.2915C20.8459 50.2915 12.1797 41.6253 12.1797 30.935C12.1797 26.4411 13.7121 22.3036 16.2815 19.0187H13.4497L13.4497 16.9543L18.8891 16.9543ZM42.5667 30.9997C42.5667 36.9538 37.7399 41.7805 31.7859 41.7805C25.8318 41.7805 21.005 36.9538 21.005 30.9997C21.005 25.0456 25.8318 20.2189 31.7859 20.2189C37.7399 20.2189 42.5667 25.0456 42.5667 30.9997ZM38.2586 27.8506L30.4988 35.6104H29.039L25.3127 31.8841L26.7725 30.4244L29.7689 33.4208L36.7988 26.3909L38.2586 27.8506Z" fill="url(#paint0_linear_1221_83629)"/>
 <defs>
 <linearGradient id="paint0_linear_1221_83629" x1="50.888" y1="11.5781" x2="52.6893" y2="69.538" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/outro.svg

@@ -2,7 +2,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5315 14.6425C41.0816 14.6425 48.8236 22.3844 48.8236 31.9346C48.8236 35.9202 47.4762 39.5895 45.2107 42.5142V39.4437H43.1463V44.8831L44.1785 45.9153H49.6179V43.8509L46.7862 43.8509C49.3555 40.566 50.888 36.4285 50.888 31.9346C50.888 21.2443 42.2218 12.5781 31.5315 12.5781V14.6425ZM18.8891 17.9543L19.9213 18.9865L19.9213 24.4259H17.857V21.3554C15.5915 24.28 14.2441 27.9494 14.2441 31.935C14.2441 41.4851 21.986 49.2271 31.5362 49.2271V51.2915C20.8459 51.2915 12.1797 42.6253 12.1797 31.935C12.1797 27.4411 13.7121 23.3036 16.2815 20.0187H13.4497L13.4497 17.9543L18.8891 17.9543ZM42.5667 31.9997C42.5667 37.9538 37.7399 42.7805 31.7859 42.7805C25.8318 42.7805 21.005 37.9538 21.005 31.9997C21.005 26.0456 25.8318 21.2189 31.7859 21.2189C37.7399 21.2189 42.5667 26.0456 42.5667 31.9997ZM38.2586 28.8506L30.4988 36.6104H29.039L25.3127 32.8841L26.7725 31.4244L29.7689 34.4208L36.7989 27.3909L38.2586 28.8506Z" fill="url(#paint0_linear_1179_212431)"/>
 <defs>
 <linearGradient id="paint0_linear_1179_212431" x1="5.77717" y1="47.3852" x2="66.3666" y2="46.7302" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F4FFFA" stop-opacity="0.76"/>
+<stop stopColor="#F4FFFA" stop-opacity="0.76"/>
 <stop offset="1" stop-color="#D8FFEC" stop-opacity="0.48"/>
 </linearGradient>
 </defs>

apps/www/public/images/launchweek/pg_crdt-visual-hover-light.svg

@@ -57,121 +57,121 @@
 <feGaussianBlur stdDeviation="67.4384" result="effect1_foregroundBlur_1200_88884"/>
 </filter>
 <linearGradient id="paint0_linear_1200_88884" x1="259.775" y1="307.722" x2="259.775" y2="111.19" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint1_linear_1200_88884" x1="254.655" y1="286.313" x2="254.655" y2="118.726" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint2_linear_1200_88884" x1="264.39" y1="327.006" x2="264.39" y2="104.408" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint3_linear_1200_88884" x1="268.716" y1="345.128" x2="268.716" y2="98.027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint4_linear_1200_88884" x1="272.736" y1="361.889" x2="272.736" y2="92.1276" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint5_linear_1200_88884" x1="276.657" y1="378.327" x2="276.657" y2="86.3469" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint6_linear_1200_88884" x1="280.722" y1="395.305" x2="280.722" y2="80.3735" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint7_linear_1200_88884" x1="284.54" y1="411.281" x2="284.54" y2="74.7496" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint8_linear_1200_88884" x1="288.271" y1="426.902" x2="288.271" y2="69.2438" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint9_linear_1200_88884" x1="291.695" y1="441.177" x2="291.695" y2="64.2208" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint10_linear_1200_88884" x1="295.623" y1="457.628" x2="295.623" y2="58.436" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint11_linear_1200_88884" x1="299.627" y1="474.384" x2="299.627" y2="52.5385" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint12_linear_1200_88884" x1="303.563" y1="490.831" x2="303.563" y2="46.7497" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint13_linear_1200_88884" x1="307.506" y1="507.32" x2="307.506" y2="40.9471" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint14_linear_1200_88884" x1="311.521" y1="524.049" x2="311.521" y2="35.0615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint15_linear_1200_88884" x1="315.516" y1="540.773" x2="315.516" y2="29.17" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint16_linear_1200_88884" x1="320.344" y1="560.952" x2="320.344" y2="22.0736" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint17_linear_1200_88884" x1="324.785" y1="579.538" x2="324.785" y2="15.5321" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <linearGradient id="paint18_linear_1200_88884" x1="329.467" y1="599.128" x2="329.467" y2="8.63783" gradientUnits="userSpaceOnUse">
-<stop stop-color="#375965" stop-opacity="0"/>
+<stop stopColor="#375965" stop-opacity="0"/>
 <stop offset="0.494792" stop-color="#1DAC8A"/>
 <stop offset="1" stop-color="#375965" stop-opacity="0"/>
 </linearGradient>
 <radialGradient id="paint19_radial_1200_88884" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226.156 226.863) rotate(180) scale(105.285 57.1296)">
-<stop stop-color="white" stop-opacity="0.43"/>
+<stop stopColor="white" stop-opacity="0.43"/>
 <stop offset="0.651042" stop-color="#FCFBFB"/>
 <stop offset="1" stop-color="#F2F2F2"/>
 </radialGradient>
 <linearGradient id="paint20_linear_1200_88884" x1="257.25" y1="178.623" x2="262.003" y2="302.513" gradientUnits="userSpaceOnUse">
-<stop stop-color="#373737" stop-opacity="0.85"/>
+<stop stopColor="#373737" stop-opacity="0.85"/>
 <stop offset="1" stop-color="#5D7D7B" stop-opacity="0.35"/>
 </linearGradient>
 <linearGradient id="paint21_linear_1200_88884" x1="159.25" y1="196.753" x2="204.586" y2="256.618" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DAE9E2"/>
+<stop stopColor="#DAE9E2"/>
 <stop offset="0.588542" stop-color="#89A296"/>
 <stop offset="1" stop-color="#89A296" stop-opacity="0.08"/>
 </linearGradient>
 <radialGradient id="paint22_radial_1200_88884" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(225 223.466) rotate(180) scale(177.464 262.48)">
-<stop stop-color="white" stop-opacity="0"/>
+<stop stopColor="white" stop-opacity="0"/>
 <stop offset="0.630208" stop-color="white" stop-opacity="0.35"/>
 <stop offset="1" stop-color="white" stop-opacity="0.88"/>
 </radialGradient>
 <linearGradient id="paint23_linear_1200_88884" x1="-103.794" y1="-774.273" x2="162.841" y2="205.21" gradientUnits="userSpaceOnUse">
-<stop stop-color="#39617D" stop-opacity="0.49"/>
+<stop stopColor="#39617D" stop-opacity="0.49"/>
 <stop offset="0.9999" stop-color="#00DED1" stop-opacity="0.46"/>
 <stop offset="1" stop-color="white" stop-opacity="0.51"/>
 </linearGradient>