Merge pull request #11598 from supabase/chore/pricing-page-updates

Start on pricing page updates

apps/docs/public/sitemap.xml

@@ -3867,4 +3867,4 @@
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
-</urlset>
+</urlset>

apps/www/components/AuthWidget/AuthWidgetSection.tsx

@@ -7,7 +7,7 @@ import Image from 'next/image'
 
 import { ColorSwatchIcon, MenuIcon } from '@heroicons/react/outline'
 import { Auth, ThemeSupa } from '@supabase/auth-ui-react'
-import { useTheme } from '../Providers'
+import { useTheme } from 'common/Providers'
 
 const supabase = createClient(
   'https://rsnibhkhsbfnncjmwnkj.supabase.co',

apps/www/components/DarkModeToggle.tsx

@@ -1,4 +1,4 @@
-import { useTheme } from '~/components/Providers'
+import { useTheme } from 'common/Providers'
 import { IconSun, IconMoon } from 'ui'
 
 function DarkModeToggle() {

apps/www/components/Footer/index.tsx

@@ -2,7 +2,7 @@ import FooterLinks from 'data/Footer.json'
 import SectionContainer from '../Layouts/SectionContainer'
 import DarkModeToggle from '../DarkModeToggle'
 import Link from 'next/link'
-import { useTheme } from '../Providers'
+import { useTheme } from 'common/Providers'
 import { Badge } from 'ui'
 import Image from 'next/image'
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'

apps/www/components/Globe.tsx

@@ -1,6 +1,6 @@
 import createGlobe from 'cobe'
 import { useEffect, useRef } from 'react'
-import { useTheme } from './Providers/index'
+import { useTheme } from 'common/Providers'
 
 const Globe = () => {
   const { isDarkMode } = useTheme()

apps/www/components/Nav/index.tsx

@@ -11,7 +11,7 @@ import Solutions from '~/components/Nav/Product'
 import Developers from '~/components/Nav/Developers'
 import Announcement from '~/components/Nav/Announcement'
 
-import { useTheme } from '~/components/Providers'
+import { useTheme } from 'common/Providers'
 import TextLink from '../TextLink'
 import Image from 'next/image'
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'

apps/www/components/Pricing/ComputePricingModal.tsx

@@ -0,0 +1,151 @@
+import React, { Fragment, useMemo } from 'react'
+import { useRouter } from 'next/router'
+import { useTheme } from 'common/Providers'
+import { IconCheckCircle, IconXCircle, Modal } from 'ui'
+import pricingAddOn from '~/data/PricingAddOnTable.json'
+import { IconPricingIncludedCheck, IconPricingMinus } from './PricingIcons'
+
+interface Props {
+  showComputeModal: boolean
+  setShowComputeModal: React.Dispatch<React.SetStateAction<boolean>>
+}
+
+export default function ComputePricingModal({ showComputeModal, setShowComputeModal }: Props) {
+  const { basePath } = useRouter()
+  const { isDarkMode } = useTheme()
+  const columnNames = useMemo(
+    () =>
+      pricingAddOn.database.rows.map((row) =>
+        row.columns.map((column) => ({ key: column.key, title: column.title }))
+      )[0],
+    []
+  )
+
+  return (
+    <Modal
+      size="xxlarge"
+      visible={showComputeModal}
+      //onCancel={() => setVideoVisible(false)}
+      hideFooter
+      header={
+        <div className="flex items-center justify-between z-20 mt-16 lg:mt-0">
+          <span className="text-scale-1200">Compute pricing</span>
+          <IconXCircle
+            className="text-scale-900 hover:text-scale-1200 w-8 cursor-pointer transition"
+            onClick={() => setShowComputeModal(false)}
+          />
+        </div>
+      }
+    >
+      <div className="z-50">
+        <div>
+          <div className="p-5">
+            <div className="grid lg:flex gap-8">
+              <div className="prose">
+                <div className="bg-brand-1000 dark:bg-brand-800 rounded-xl w-12 h-12 flex justify-center items-center">
+                  <img
+                    className="w-6"
+                    src={`${basePath}/images/pricing/compute-upgrade${
+                      isDarkMode ? '-green' : ''
+                    }.svg`}
+                  />
+                </div>
+              </div>
+              <div className="max-w-4xl prose">
+                <h2 className="text-lg">Choose best compute setup for you</h2>
+                <p className="text-sm lg:max-w-3xl">
+                  Every project on the Supabase Platform comes with its own dedicated Postgres
+                  instance running inside a virtual machine (VM). The following table describes the
+                  base instance with additional compute add-ons available if you need extra
+                  performance when scaling up Supabase.
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className="p-5">
+            <table className="text-scale-1200 m-0 hidden w-full table-auto overflow-hidden rounded-b lg:table text-xs">
+              <thead>
+                <tr className="">
+                  {columnNames.map((column) => (
+                    <th key={column.key} className="p-3 text-left font-medium">
+                      {column.title}
+                    </th>
+                  ))}
+                </tr>
+              </thead>
+              <tbody>
+                {pricingAddOn.database.rows.map((row, i) => (
+                  <Fragment key={`row-${i}`}>
+                    {i === 0 && (
+                      <tr className="">
+                        <td className="pb-1 bg-scale-700 px-3 py-1 -mr-1 border-l-4 border-scale-700">
+                          <span className="">Included in Free and Pro tiers</span>
+                        </td>
+                      </tr>
+                    )}
+                    <tr
+                      key={i}
+                      className={[
+                        i % 2 === 0 ? 'bg-scale-300 rounded-lg' : '',
+                        i === 0 ? 'border-4 border-scale-700' : '',
+                      ].join(' ')}
+                    >
+                      {row.columns.map((column) => (
+                        <td key={column.key} className="p-3">
+                          {column.key === 'dedicated' ? (
+                            column.value ? (
+                              <IconPricingIncludedCheck tier="Pro tier" />
+                            ) : (
+                              <IconPricingMinus tier="Free tier" />
+                            )
+                          ) : (
+                            column.value
+                          )}
+                        </td>
+                      ))}
+                    </tr>
+                  </Fragment>
+                ))}
+              </tbody>
+            </table>
+          </div>
+
+          <table className="text-scale-1200 m-0 w-full table-auto overflow-hidden rounded-b lg:hidden">
+            <tbody>
+              {pricingAddOn.database.rows.map((row, i) => (
+                <Fragment key={i}>
+                  {row.columns.map((column) => (
+                    <tr key={column.key}>
+                      <th
+                        className={`py-3 pl-4 text-left font-medium ${
+                          column.key === 'plan' ? 'pt-16 lg:pt-3' : ''
+                        }`}
+                      >
+                        {column.title}
+                      </th>
+                      <td
+                        className={`px-4 py-3 ${
+                          column.key === 'plan' ? 'text-brand-900 pt-16 lg:pt-3' : ''
+                        }`}
+                      >
+                        {column.key === 'dedicated' ? (
+                          <IconCheckCircle
+                            size={14}
+                            strokeWidth={2}
+                            className={column.value ? 'text-brand-1000' : 'text-scale-700'}
+                          />
+                        ) : (
+                          column.value
+                        )}
+                      </td>
+                    </tr>
+                  ))}
+                </Fragment>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </Modal>
+  )
+}

apps/www/components/Pricing/PricingAddOnTable.tsx

@@ -1,7 +1,7 @@
 import { Collapsible, IconChevronUp } from 'ui'
 import classNames from 'classnames'
 import { Fragment, useMemo, useState } from 'react'
-import { Check } from './PricingTableRow'
+import { Check } from './PricingIcons'
 
 interface PricingAddOnTableProps {
   pricing: {

apps/www/components/Pricing/PricingIcons.tsx

@@ -0,0 +1,57 @@
+export const Check = () => (
+  <svg className="-ml-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
+    <path
+      fill="#3ECF8E"
+      fillRule="evenodd"
+      d="M12 21.212a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-.708-6.414 4.463-4.463-.707-.708-4.11 4.11-1.986-1.986-.707.707 2.34 2.34h.707Z"
+      clipRule="evenodd"
+    />
+  </svg>
+)
+
+export const IconPricingIncludedCheck = (props: any) => (
+  <span className="mx-auto">
+    <Check />
+    <span className="sr-only">Included in {props.tier}</span>
+  </span>
+)
+
+export const IconPricingMinus = (props: any) => (
+  <>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      fill="none"
+      className="text-scale-700"
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18ZM5.534 9.534h6.804v-1H5.534v1Z"
+        clipRule="evenodd"
+      />
+    </svg>
+    <span className="sr-only">Not included in {props.tier}</span>
+  </>
+)
+
+export const IconPricingInfo = () => (
+  <>
+    <svg
+      className="text-scale-900 -ml-0.5"
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm.724-11.97c0 .463-.328.764-.774.764-.436 0-.773-.3-.773-.764s.337-.783.774-.783c.445 0 .773.319.773.783Zm1.455 6.194H9.877v-.855h1.628v-2.956H9.877v-.828h2.674v3.784h1.628v.855Z"
+        clipRule="evenodd"
+      />
+    </svg>
+    <span className="sr-only">Info</span>
+  </>
+)

apps/www/components/Pricing/PricingTableRow.tsx

@@ -0,0 +1,149 @@
+import { IconHelpCircle } from 'ui'
+import ProductIcon from 'components/ProductIcon'
+import React, { Fragment } from 'react'
+import ReactTooltip from 'react-tooltip'
+import { IconPricingIncludedCheck, IconPricingInfo, IconPricingMinus } from './PricingIcons'
+
+export const PricingTableRowDesktop = (props: any) => {
+  const category = props.category
+
+  return (
+    <>
+      <tr
+        className="divide-scale-600 dark:divide-scale-400 bg-scale-200"
+        style={{ borderTop: 'none' }}
+      >
+        <th
+          className="border-b border-scale-600 bg-scale-200 bg-scale-50 dark:bg-scale-200 text-scale-1200 sticky top-[62px] z-10 py-3 pl-6 text-left text-sm font-medium dark:text-white"
+          scope="colgroup"
+        >
+          <div className="flex items-center gap-4">
+            {props.icon && <ProductIcon icon={props.icon} color="green" />}
+            <h4 className="m-0 text-base font-normal">{category.title}</h4>
+          </div>
+        </th>
+        <td className="border-b-2 border-scale-700 bg-scale-50 dark:bg-scale-200 px-6 py-5 free"></td>
+        <td className="border-b-2 border-scale-700 bg-scale-50 dark:bg-scale-200 px-6 py-5 pro"></td>
+        <td className="border-b-2 border-scale-700 bg-scale-50 dark:bg-scale-200 px-6 py-5 team"></td>
+        <td className="border-b-2 border-scale-700 bg-scale-50 dark:bg-scale-200 px-6 py-5 enterprise"></td>
+      </tr>
+
+      {category.features.map((feat: any, i: number) => {
+        return (
+          <Fragment key={feat.title}>
+            <tr className="divide-scale-600 dark:divide-scale-400" key={i}>
+              <th
+                className={`text-scale-1200 flex items-center px-6 py-5 last:pb-24 text-left text-xs font-normal dark:text-white `}
+                scope="row"
+              >
+                <span>{feat.title}</span>
+                {feat.tooltips?.main && (
+                  <span
+                    className="text-scale-900 hover:text-scale-1200 ml-2 cursor-pointer transition-colors"
+                    data-tip={feat.tooltips.main}
+                  >
+                    <IconHelpCircle size={14} strokeWidth={2} />
+                  </span>
+                )}
+              </th>
+
+              {Object.entries(feat.tiers).map((entry: any, i) => {
+                const tierName = entry[0]
+                const tierValue = entry[1]
+
+                return (
+                  <td
+                    key={i}
+                    className={[
+                      `px-6 tier-${tierName}`,
+                      typeof tierValue === 'boolean' ? 'text-center' : '',
+                    ].join(' ')}
+                  >
+                    {typeof tierValue === 'boolean' && tierValue === true ? (
+                      <IconPricingIncludedCheck tier={tierValue} />
+                    ) : typeof tierValue === 'boolean' && tierValue === false ? (
+                      <div className="text-scale-900">
+                        <IconPricingMinus tier={tierValue} />
+                      </div>
+                    ) : (
+                      <span className="text-scale-1200 text-xs dark:text-white flex items-center gap-3">
+                        {feat.tooltips?.[tierName] && (
+                          <span
+                            className="shrink-0 hover:text-scale-300 cursor-pointer transition-colors"
+                            data-tip={feat.tooltips[tierName]}
+                          >
+                            <IconPricingInfo />
+                          </span>
+                        )}
+                        {tierValue}
+                      </span>
+                    )}
+                  </td>
+                )
+              })}
+            </tr>
+            {i === category.features.length - 1 && (
+              <div className="my-16 bg-green-400 border-none"></div>
+            )}
+          </Fragment>
+        )
+      })}
+      <ReactTooltip effect={'solid'} className="!max-w-[320px]" />
+    </>
+  )
+}
+
+export const PricingTableRowMobile = (props: any) => {
+  const category = props.category
+  const tier = props.tier
+
+  return (
+    <>
+      <table className="mt-8 w-full">
+        <caption className="bg-scale-50 dark:bg-dark-900 border-scale-400 border-t px-4 py-3 text-left text-sm font-medium dark:text-white">
+          <div className="flex items-center gap-2">
+            {category.icon ? <ProductIcon icon={props.icon} /> : null}
+            <span className="text-scale-1200 font-normal">{category.title}</span>
+          </div>
+        </caption>
+        <thead>
+          <tr>
+            <th className="sr-only" scope="col">
+              Feature
+            </th>
+            <th className="sr-only" scope="col">
+              Included
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-scale-400 divide-y">
+          {category.features.map((feat: any, i: number) => {
+            return (
+              <tr key={i} className="border-scale-400 border-t">
+                <th className="text-scale-1100 px-4 py-3 text-left text-sm font-normal" scope="row">
+                  <span>
+                    <p>{feat.title}</p>
+                  </span>
+                </th>
+                <td className="py-3 pr-4 text-right">
+                  {typeof feat.tiers[tier] === 'boolean' && feat.tiers[tier] === true ? (
+                    <div className="inline-block">
+                      <IconPricingIncludedCheck tier={tier} />
+                    </div>
+                  ) : typeof feat.tiers[tier] === 'boolean' && feat.tiers[tier] === false ? (
+                    <div className="inline-block">
+                      <IconPricingMinus tier={tier} />
+                    </div>
+                  ) : (
+                    <span className="text-scale-1200 block text-sm">{feat.tiers[tier]}</span>
+                  )}
+                </td>
+              </tr>
+            )
+          })}
+        </tbody>
+      </table>
+      <ReactTooltip effect={'solid'} className="!max-w-[320px]" />
+    </>
+  )
+}

apps/www/components/PricingTableRow.tsx

@@ -1,164 +0,0 @@
-import { IconHelpCircle } from 'ui'
-import ProductIcon from 'components/ProductIcon'
-import React from 'react'
-import ReactTooltip from 'react-tooltip'
-
-export const Check = () => (
-  <svg
-    className={`h-5 w-5 text-green-900`}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 20 20"
-    fill="currentColor"
-  >
-    <path
-      fillRule="evenodd"
-      d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-      clipRule="evenodd"
-    />
-  </svg>
-)
-
-const IncludedCheck = (props: any) => (
-  <>
-    <Check />
-    <span className="sr-only">Included in {props.tier}</span>
-  </>
-)
-
-const Minus = (props: any) => (
-  <>
-    <svg
-      className="text-scale-600 h-5 w-5"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 20 20"
-      fill="currentColor"
-      aria-hidden="true"
-    >
-      <path
-        fillRule="evenodd"
-        d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-        clipRule="evenodd"
-      />
-    </svg>
-    <span className="sr-only">Not included in {props.tier}</span>
-  </>
-)
-
-export const PricingTableRowDesktop = (props: any) => {
-  const category = props.category
-
-  return (
-    <>
-      <tr
-        className="divide-scale-600 dark:divide-scale-400 bg-scale-200 divide-x"
-        style={{ borderTop: 'none' }}
-      >
-        <th
-          className="bg-scale-200 bg-scale-50 dark:bg-scale-300 text-scale-1200 sticky top-[62px] z-10 py-3 pl-6 text-left text-sm font-medium dark:text-white"
-          scope="colgroup"
-        >
-          <div className="flex items-center">
-            {props.icon && <ProductIcon icon={props.icon} />}
-            <h4 className="m-0 ml-2">{category.title}</h4>
-          </div>
-        </th>
-        <td className="bg-scale-50 dark:bg-scale-300 px-6 py-5"></td>
-        <td className="bg-scale-50 dark:bg-scale-300 px-6 py-5"></td>
-        <td className="bg-scale-50 dark:bg-scale-300 px-6 py-5"></td>
-      </tr>
-
-      {category.features.map((feat: any, i: number) => {
-        return (
-          <tr className="divide-scale-600 dark:divide-scale-400 divide-x" key={i}>
-            <th
-              className="text-scale-1200 flex items-center px-6 py-3 text-left text-sm font-normal dark:text-white"
-              scope="row"
-            >
-              <span>{feat.title}</span>
-              {feat.tooltip && (
-                <span
-                  className="text-scale-900 hover:text-scale-1200 ml-2 cursor-pointer transition-colors"
-                  data-tip={feat.tooltip}
-                >
-                  <IconHelpCircle size={14} strokeWidth={2} />
-                </span>
-              )}
-            </th>
-
-            {Object.values(feat.tiers).map((tier: any, i) => {
-              return (
-                <td key={i} className="px-6">
-                  {typeof tier === 'boolean' && tier === true ? (
-                    <IncludedCheck tier={tier} />
-                  ) : typeof tier === 'boolean' && tier === false ? (
-                    <div className="text-scale-900">
-                      <Minus tier={tier} />
-                    </div>
-                  ) : (
-                    <span className="text-scale-1200 block text-sm dark:text-white">{tier}</span>
-                  )}
-                </td>
-              )
-            })}
-          </tr>
-        )
-      })}
-      <ReactTooltip effect={'solid'} />
-    </>
-  )
-}
-
-export const PricingTableRowMobile = (props: any) => {
-  const category = props.category
-  const tier = props.tier
-
-  return (
-    <>
-      <table className="mt-8 w-full">
-        <caption className="bg-scale-50 dark:bg-dark-900 border-scale-400 border-t px-4 py-3 text-left text-sm font-medium dark:text-white">
-          <div className="flex items-center gap-2">
-            {category.icon ? <ProductIcon icon={props.icon} /> : null}
-            <span className="text-scale-1200 font-normal">{category.title}</span>
-          </div>
-        </caption>
-        <thead>
-          <tr>
-            <th className="sr-only" scope="col">
-              Feature
-            </th>
-            <th className="sr-only" scope="col">
-              Included
-            </th>
-          </tr>
-        </thead>
-        <tbody className="divide-scale-400 divide-y">
-          {category.features.map((feat: any, i: number) => {
-            return (
-              <tr key={i} className="border-scale-400 border-t">
-                <th className="text-scale-1100 px-4 py-3 text-left text-sm font-normal" scope="row">
-                  <span>
-                    <p>{feat.title}</p>
-                  </span>
-                </th>
-                <td className="py-3 pr-4 text-right">
-                  {typeof feat.tiers[tier] === 'boolean' && feat.tiers[tier] === true ? (
-                    <div className="inline-block">
-                      <IncludedCheck tier={tier} />
-                    </div>
-                  ) : typeof feat.tiers[tier] === 'boolean' && feat.tiers[tier] === false ? (
-                    <div className="inline-block">
-                      <Minus tier={tier} />
-                    </div>
-                  ) : (
-                    <span className="text-scale-1200 block text-sm">{feat.tiers[tier]}</span>
-                  )}
-                </td>
-              </tr>
-            )
-          })}
-        </tbody>
-      </table>
-      <ReactTooltip effect={'solid'} />
-    </>
-  )
-}

apps/www/components/ProductIcon.tsx

@@ -1,12 +1,22 @@
 interface ProductIcon {
   icon: string
+  color?: 'black' | 'green'
 }
 
-function ProductIcon({ icon }: ProductIcon) {
+function ProductIcon({ icon, color }: ProductIcon) {
   return (
-    <div className="bg-scale-1200 text-scale-100 inline-flex h-8 w-8 items-center justify-center rounded-md">
+    <div
+      className={[
+        'inline-flex h-8 w-8 items-center justify-center rounded-md',
+        !color || color === 'black' ? 'bg-scale-1200 text-scale-100' : '',
+        color && color === 'green' ? 'bg-brand-800 dark:bg-brand-600 text-brand-100' : '',
+      ].join(' ')}
+    >
       <svg
-        className="h-5 w-5 stroke-white dark:stroke-black"
+        className={[
+          'h-5 w-5 stroke-white dark:stroke-black',
+          color && color === 'green' ? 'dark:stroke-brand-900' : '',
+        ].join(' ')}
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"

apps/www/components/Providers/index.tsx

@@ -1,44 +0,0 @@
-import { createContext, useContext, useEffect, useState } from 'react'
-
-interface UseThemeProps {
-  isDarkMode?: boolean
-  toggleTheme: () => void
-}
-
-interface ThemeProviderProps {
-  children?: any
-}
-
-export const ThemeContext = createContext<UseThemeProps>({
-  isDarkMode: true,
-  toggleTheme: () => {},
-})
-
-export const useTheme = () => useContext(ThemeContext)
-
-export const ThemeProvider = ({ children }: ThemeProviderProps) => {
-  const [isDarkMode, setIsDarkMode] = useState(false)
-
-  useEffect(() => {
-    const key = localStorage.getItem('supabaseDarkMode')
-    // Default to dark mode if no preference config
-    setIsDarkMode(!key || key === 'true')
-  }, [])
-
-  const toggleTheme = () => {
-    setIsDarkMode(!isDarkMode)
-  }
-
-  return (
-    <>
-      <ThemeContext.Provider
-        value={{
-          isDarkMode,
-          toggleTheme,
-        }}
-      >
-        {children}
-      </ThemeContext.Provider>
-    </>
-  )
-}

apps/www/data/Pricing.json

@@ -5,7 +5,9 @@
     "features": [
       {
         "title": "Dedicated Postgres Database",
-        "tooltip": "A Postgres database with no restrictions? You get it. No pseudo limited users, you are the postgres root user.  No caveats.",
+        "tooltips": {
+          "main": "A Postgres database with no restrictions? You get it. No pseudo limited users, you are the postgres root user.  No caveats."
+        },
         "tiers": {
           "free": true,
           "pro": true,
@@ -22,46 +24,60 @@
       },
       {
         "title": "Database size",
-        "tooltip": "Billing is based on the average daily database size in GB throughout the billing period.",
+        "tooltips": {
+          "main": "Billing is based on the average database size in GB throughout the billing period.",
+          "pro": "8 GB included, then $0.125 per GB"
+        },
         "tiers": {
-          "free": "Up to 500 MB",
-          "pro": "8 GB included, then $0.125 per GB",
+          "free": "500 MB",
+          "pro": "8 GB",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Automatic backups",
-        "tooltip": "Backups are entire copies of your database that can be restored in the future.",
+        "tooltips": {
+          "main": "Backups are entire copies of your database that can be restored in the future.",
+          "pro": "7 days of backup (if > 1TB, contact for Enterprise pricing)"
+        },
         "tiers": {
           "free": false,
-          "pro": "7 days of backup (if > 1TB, contact enterprise)",
+          "pro": "7 days",
           "enterprise": "Custom"
         }
       },
       {
         "title": "Point in time recovery",
-        "tooltip": "PITR cannot be applied retroactively, projects can only be rolled back to the point from which PITR has been applied.",
+        "tooltips": {
+          "main": "PITR cannot be applied retroactively, projects can only be rolled back to the point from which PITR has been applied.",
+          "pro": "$100 per 7 days. If > 28 day rollback period, contact enterprise"
+        },
         "tiers": {
           "free": false,
-          "pro": "$100 per 7 day rollback period (if > 28 days, contact enterprise)",
+          "pro": "$100 per 7 days",
           "enterprise": true
         }
       },
       {
         "title": "Pausing",
-        "tooltip": "Projects that have no activity or API requests will be paused. They can be reactivated via the dashboard",
+        "tooltips": {
+          "main": "Projects that have no activity or API requests will be paused. They can be reactivated via the dashboard"
+        },
         "tiers": {
-          "free": "Paused after 1 week inactivity",
+          "free": "After 1 inactive week",
           "pro": "Never",
           "enterprise": "Never"
         }
       },
       {
         "title": "Database egress",
-        "tooltip": "Billing is based on the total sum of outgoing traffic of your database in GB throughout your billing period.",
+        "tooltips": {
+          "main": "Billing is based on the total sum of outgoing traffic of your database in GB throughout your billing period. Only download operations are counted towards the limit",
+          "pro": "50GB included per month, then $0.09 per GB"
+        },
         "tiers": {
-          "free": "Up to 2GB",
-          "pro": "50GB included per month, then $0.09 per GB",
+          "free": "2GB",
+          "pro": "50GB",
           "enterprise": "Unlimited"
         }
       }
@@ -73,7 +89,7 @@
     "features": [
       {
         "title": "Total Users",
-        "tooltip": "The maximum number of users your project can have",
+        "tooltips": { "main": "The maximum number of users your project can have" },
         "tiers": {
           "free": "Unlimited",
           "pro": "Unlimited",
@@ -82,10 +98,13 @@
       },
       {
         "title": "MAUs",
-        "tooltip": "Distinct users requesting your API throughout the billing period.",
+        "tooltips": {
+          "main": "Distinct users requesting your API throughout the billing period.",
+          "pro": "100,000 included, then $0.00325 per MAU"
+        },
         "tiers": {
-          "free": "Up to 50,000 MAUs",
-          "pro": "100,000 included, then $0.00325 per MAU",
+          "free": "50,000",
+          "pro": "100,000",
           "enterprise": "Unlimited"
         }
       },
@@ -131,7 +150,7 @@
       },
       {
         "title": "Supabase Auth emails",
-        "tooltip": "Rate limits do not apply to Custom SMTP",
+        "tooltips": { "main": "Rate limits do not apply to Custom SMTP" },
         "tiers": {
           "free": "30 / hour",
           "pro": "100 / hour",
@@ -151,22 +170,29 @@
   "storage": {
     "title": "Storage",
     "icon": "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4",
+
     "features": [
       {
         "title": "Storage",
-        "tooltip": "The sum of all objects' size in your storage buckets.",
-        "tiers": {
-          "free": "Up to 1 GB",
+        "tooltips": {
           "pro": "100 GB included, then $0.021 per GB",
+          "main": "The sum of all objects' size in your storage buckets."
+        },
+        "tiers": {
+          "free": "1 GB",
+          "pro": "100 GB",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Storage egress",
-        "tooltip": "Total sum of outgoing traffic (egress) from your storage buckets, only download operations are counted.",
+        "tooltips": {
+          "main": "Total sum of outgoing traffic (egress) from your storage buckets, only download operations are counted.",
+          "pro": "200 GB included, then $0.09 per GB"
+        },
         "tiers": {
-          "free": "Up to 2 GB",
-          "pro": "200 GB included, then $0.09 per GB",
+          "free": "2 GB",
+          "pro": "200 GB",
           "enterprise": "Unlimited"
         }
       },
@@ -180,20 +206,22 @@
       },
       {
         "title": "Max file upload size",
-        "tooltip": "You can change the upload size in the dashboard",
+        "tooltips": { "main": "You can change the upload size in the dashboard" },
         "tiers": {
-          "free": "Up to 50MB",
-          "pro": "Up to 5GB",
+          "free": "50MB",
+          "pro": "5GB",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Asset transformations",
-        "tooltip": "Distinct count of all images that were transformed in the billing period, ignoring any transformations.",
+        "tooltips": {
+          "main": "Distinct count of all images that were transformed in the billing period, ignoring any transformations.",
+          "pro": "Unlimited for 100 origin images. $5 per 1000 origin images after the first 100"
+        },
         "tiers": {
           "free": false,
-          "pro": "Unlimited transformations for 100 origin images, then $5 per 1000 origin images",
-          "enterprise": "Unlimited"
+          "pro": "Unlimited for 100 origin images"
         }
       }
     ]
@@ -204,27 +232,34 @@
     "features": [
       {
         "title": "Invocations",
-        "tooltip": "Billing is based on the sum of all invocations, independent of response status, throughout your billing period.",
+        "tooltips": {
+          "main": "Billing is based on the sum of all invocations, independent of response status, throughout your billing period.",
+          "pro": "2 Million per month, then $2 per 1 million invocations"
+        },
+        "main": "Billing is based on the sum of all invocations, independent of response status, throughout your billing period.",
         "tiers": {
-          "free": "500K per month",
-          "pro": "2 Million per month, then $2 per 1 million invocations",
+          "free": "500K/month",
+          "pro": "2 Million/month",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Script size",
         "tiers": {
-          "free": "2 mb",
-          "pro": "10 mb",
+          "free": "2 MB",
+          "pro": "10 MB",
           "enterprise": "Unlimited"
         }
       },
       {
         "title": "Number of functions",
-        "tooltip": "Billing is based on the maximum amount of functions at any point in time throughout your billing period.",
+        "tooltips": {
+          "main": "Billing is based on the maximum amount of functions at any point in time throughout your billing period.",
+          "pro": "100, then $10 per additional 100 functions"
+        },
         "tiers": {
           "free": "10",
-          "pro": "100, then $10 per additional 100 functions",
+          "pro": "100",
           "enterprise": "Unlimited"
         }
       }
@@ -244,27 +279,34 @@
       },
       {
         "title": "Concurrent Peak Connections",
-        "tooltip": "We only charge for successful connections - not connection attempts!",
+        "tooltips": {
+          "main": "We only charge for successful connections - not connection attempts!",
+          "pro": "Up to 500, then $10 per 1000"
+        },
         "tiers": {
-          "free": "Up to 200",
-          "pro": "Up to 500, then $10 per 1000",
+          "free": "200",
+          "pro": "500",
           "enterprise": "Unlimited concurrent connections and volume discount"
         }
       },
       {
         "title": "Messages Per Month",
-        "tooltip": "Billing is based on the total sum of Realtime messages throughout your billing period.",
-        "tiers": {
+        "tooltips": {
+          "main": "Billing is based on the total sum of Realtime messages throughout your billing period.",
           "free": "2 Million (including database)",
-          "pro": "5 Million, then $2.50 per million",
+          "pro": "5 Million, then $2.50 per million"
+        },
+        "tiers": {
+          "free": "2 Million",
+          "pro": "5 Million",
           "enterprise": "Volume discounts on messages"
         }
       },
       {
         "title": "Max Message Size",
         "tiers": {
-          "free": "250 Kb",
-          "pro": "3 Mb",
+          "free": "250 KB",
+          "pro": "3 MB",
           "enterprise": "Custom"
         }
       }
@@ -378,10 +420,13 @@
       },
       {
         "title": "Custom Domains",
+        "tooltips": {
+          "enterprise": "Volume discounts available."
+        },
         "tiers": {
           "free": false,
           "pro": "$10 per domain per month per project add on",
-          "enterprise": "1 included, additional custom domains $10 per custom domain per month. Volume discounts available."
+          "enterprise": "1 included, additional $10/domain/month"
         }
       }
     ]

apps/www/data/PricingAddOnTable.json

@@ -0,0 +1,360 @@
+{
+  "database": {
+    "title": "Optimized Compute",
+    "features": [
+      "For projects that need dedicated compute",
+      "For scaling number of connections",
+      "Additional CPU & RAM options",
+      "Additional Disk IO Bandwidth"
+    ],
+    "rows": [
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Starter" },
+          { "key": "pricing", "title": "Pricing", "value": "$0" },
+          { "key": "cpu", "title": "CPU", "value": "2-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": false },
+          { "key": "memory", "title": "Memory", "value": "1 GB" },
+          { "key": "maxDiskIO", "title": "Disk IO Bandwidth up to", "value": "2,606 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "87 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct",
+            "value": "10"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler",
+            "value": "50"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Small" },
+          { "key": "pricing", "title": "Pricing", "value": "$5" },
+          { "key": "cpu", "title": "CPU", "value": "2-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": false },
+          { "key": "memory", "title": "Memory", "value": "2 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "2,606 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "174 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "30"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "75"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Medium" },
+          { "key": "pricing", "title": "Pricing", "value": "$50" },
+          { "key": "cpu", "title": "CPU", "value": "2-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": false },
+          { "key": "memory", "title": "Memory", "value": "4 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "2,606 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "347 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "50"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "150"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Large" },
+          { "key": "pricing", "title": "Pricing", "value": "$100" },
+          { "key": "cpu", "title": "CPU", "value": "2-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "8 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "4,750 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "630 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "100"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "300"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$200" },
+          { "key": "cpu", "title": "CPU", "value": "4-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "16 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "4,750 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "1,188 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "200"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "600"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "2XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$400" },
+          { "key": "cpu", "title": "CPU", "value": "8-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "32 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "4,750 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "2,375 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "350"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "1200"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "4XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$950" },
+          { "key": "cpu", "title": "CPU", "value": "16-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "64 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "4,750 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "4,750 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "420"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "2800"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "8XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$1,860" },
+          { "key": "cpu", "title": "CPU", "value": "32-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "128 GB" },
+          { "key": "maxDiskIO", "title": "Maximum Disk IO Bandwidth", "value": "9,500 Mbps" },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "9,500 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "450"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "5600"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "12XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$2,790" },
+          { "key": "cpu", "title": "CPU", "value": "48-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "192 GB" },
+          {
+            "key": "maxDiskIO",
+            "title": "Maximum Disk IO Bandwidth",
+            "value": "14,250 Mbps"
+          },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "14,250 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "480"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "8600"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "16XL" },
+          { "key": "pricing", "title": "Pricing", "value": "$3,720" },
+          { "key": "cpu", "title": "CPU", "value": "64-core ARM" },
+          { "key": "dedicated", "title": "Dedicated", "value": true },
+          { "key": "memory", "title": "Memory", "value": "256 GB" },
+          {
+            "key": "maxDiskIO",
+            "title": "Maximum Disk IO Bandwidth",
+            "value": "19,000 Mbps"
+          },
+          {
+            "key": "baseDiskIO",
+            "title": "Baseline Disk IO Bandwidth",
+            "value": "19,000 Mbps"
+          },
+          {
+            "key": "directConnections",
+            "title": "Connections: Direct (recommended)",
+            "value": "500"
+          },
+          {
+            "key": "poolerConnections",
+            "title": "Connections: Pooler (recommended)",
+            "value": "11,600"
+          }
+        ]
+      }
+    ]
+  },
+  "support": {
+    "title": "Support",
+    "features": [
+      "Guaranteed Response Times",
+      "SLAs",
+      "Designated Support",
+      "Advanced Support Scope"
+    ],
+    "rows": [
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Standard" },
+          { "key": "pricing", "title": "Pricing", "value": "Contact Us" },
+          {
+            "key": "severityLevelUrgent",
+            "title": "1. Severity Level: Urgent",
+            "value": "1 business hour (24/7x365)"
+          },
+          {
+            "key": "severityLevelHigh",
+            "title": "2. Severity Level: High",
+            "value": "4 business hours (Monday - Friday)"
+          },
+          {
+            "key": "severityLevelNormal",
+            "title": "3. Severity Level: Normal",
+            "value": "1 business day (Monday - Friday)"
+          },
+          {
+            "key": "severityLevelLow",
+            "title": "4. Severity Level: Low",
+            "value": "2 business days (Monday - Friday)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Priority" },
+          { "key": "pricing", "title": "Pricing", "value": "Contact Us" },
+          {
+            "key": "severityLevelUrgent",
+            "title": "1. Severity Level: Urgent",
+            "value": "1 business hour (24/7x365)"
+          },
+          {
+            "key": "severityLevelHigh",
+            "title": "2. Severity Level: High",
+            "value": "2 business hours (Monday - Friday)"
+          },
+          {
+            "key": "severityLevelNormal",
+            "title": "3. Severity Level: Normal",
+            "value": "1 business day (Monday - Friday)"
+          },
+          {
+            "key": "severityLevelLow",
+            "title": "4. Severity Level: Low",
+            "value": "2 business days (Monday - Friday)"
+          }
+        ]
+      },
+      {
+        "columns": [
+          { "key": "plan", "title": "Plan", "value": "Priority Plus" },
+          { "key": "pricing", "title": "Pricing", "value": "Contact Us" },
+          {
+            "key": "severityLevelUrgent",
+            "title": "1. Severity Level: Urgent",
+            "value": "1 business hour (24/7x365)"
+          },
+          {
+            "key": "severityLevelHigh",
+            "title": "2. Severity Level: High",
+            "value": "2 business hours (24/7x365)"
+          },
+          {
+            "key": "severityLevelNormal",
+            "title": "3. Severity Level: Normal",
+            "value": "12 business hours (Monday - Friday)"
+          },
+          {
+            "key": "severityLevelLow",
+            "title": "4. Severity Level: Low",
+            "value": "1 business days (Monday - Friday)"
+          }
+        ]
+      }
+    ]
+  }
+}

apps/www/data/PricingAddOns.json

@@ -1,5 +1,5 @@
 {
-  "database": {
+  "optimized_compute": {
     "title": "Optimized Compute",
     "features": [
       "For projects that need dedicated compute",

apps/www/data/PricingFAQ.json

@@ -1,7 +1,7 @@
 [
   {
     "question": "Can I cap my usage so my bill doesn't run over?",
-    "answer": "Yes. Spend caps are on by default on the pro tier. You can turn spend caps off for usage beyond the tier limits to pay as you grow."
+    "answer": "Yes. Spend caps are on by default on the Pro tier. You can turn spend caps off for usage beyond the tier limits to pay as you grow."
   },
   {
     "question": "I'm worried I could end up with a huge bill at the end of the month.",
@@ -9,7 +9,7 @@
   },
   {
     "question": "When will I be billed?",
-    "answer": "Our Pro plan is charged up front, and billed on a monthly basis. Additional usage costs are also billed at the end of the month."
+    "answer": "Our Pro tier is charged up front, and billed on a monthly basis. Additional usage costs are also billed at the end of the month."
   },
   {
     "question": "Are you going to change your pricing in the future?",

apps/www/pages/404.tsx

@@ -5,7 +5,7 @@ import { Button } from 'ui'
 
 import DefaultLayout from '../components/Layouts/Default'
 
-import { useTheme } from '~/components/Providers'
+import { useTheme } from 'common/Providers'
 
 import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png'
 import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-wordmark--light.png'

apps/www/pages/_app.tsx

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

apps/www/pages/careers/index.tsx

@@ -8,7 +8,7 @@ import { Badge, Button, IconCheck } from 'ui'
 import Globe from '~/components/Globe'
 import DefaultLayout from '~/components/Layouts/Default'
 import SectionContainer from '~/components/Layouts/SectionContainer'
-import { useTheme } from '~/components/Providers'
+import { useTheme } from 'common/Providers'
 import career from '~/data/career.json'
 import Styles from './career.module.css'
 

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

@@ -9,7 +9,7 @@ import { createClient, Session } from '@supabase/supabase-js'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import TicketContainer from '~/components/LaunchWeek/Ticket/TicketContainer'
-import { useTheme } from '~/components/Providers'
+import { useTheme } from 'common/Providers'
 import classNames from 'classnames'
 import styleUtils from '~/components/LaunchWeek/Ticket/utils.module.css'
 import { SITE_ORIGIN } from '~/lib/constants'

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

@@ -8,7 +8,7 @@ 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 '~/components/Providers'
+import { useTheme } from 'common/Providers'
 
 type Props = {
   username: string | null

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

@@ -6,7 +6,7 @@ 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 '~/components/Providers'
+import { useTheme } from 'common/Providers'
 
 export default function TicketHome() {
   const { isDarkMode } = useTheme()

apps/www/public/images/pricing/addons-support-hero.svg

@@ -0,0 +1,136 @@
+<svg width="333" height="261" viewBox="0 0 333 261" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2610_73953)">
+<rect width="332" height="260" transform="translate(0.394531 0.335449)" fill="#232323"/>
+<rect x="83.5059" y="242.855" width="35.3035" height="33.3142" transform="rotate(-180 83.5059 242.855)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="276.167" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 276.167)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="242.855" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 242.855)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="276.167" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 276.167)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="242.855" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 242.855)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="242.855" width="35.3035" height="33.3142" transform="rotate(-180 154.112 242.855)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.5059" y="209.54" width="35.3035" height="33.3142" transform="rotate(-180 83.5059 209.54)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.5059" y="176.225" width="35.3035" height="33.3142" transform="rotate(-180 83.5059 176.225)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="209.54" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 209.54)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="176.225" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 176.225)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="209.54" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 209.54)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="176.225" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 176.225)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="176.225" width="35.3035" height="33.3142" transform="rotate(-180 154.112 176.225)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.809" y="209.54" width="35.3035" height="33.3142" transform="rotate(-180 118.809 209.54)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.809" y="176.225" width="35.3035" height="33.3142" transform="rotate(-180 118.809 176.225)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.5059" y="142.911" width="35.3035" height="33.3142" transform="rotate(-180 83.5059 142.911)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.5059" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 83.5059 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="85.5229" y="109.599" width="17.5839" height="33.3142" transform="rotate(-180 85.5229 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.024" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 260.024 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="142.911" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 142.911)" stroke="#346458" stroke-opacity="0.3" stroke-width="0.898712"/>
+<rect x="48.2026" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.722" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 224.722 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="142.911" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 142.911)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.415" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 189.415 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="142.911" width="35.3035" height="33.3142" transform="rotate(-180 154.112 142.911)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 154.112 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.809" y="142.911" width="35.3035" height="33.3142" transform="rotate(-180 118.809 142.911)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="365.934" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 365.934 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.627" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 330.627 109.599)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.024" y="76.2832" width="35.3035" height="33.3142" transform="rotate(-180 260.024 76.2832)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.024" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 260.024 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="76.2837" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 76.2837)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.722" y="76.2832" width="35.3035" height="33.3142" transform="rotate(-180 224.722 76.2832)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.2026" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 48.2026 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.722" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 224.722 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="76.2837" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 76.2837)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.415" y="76.2832" width="35.3035" height="33.3142" transform="rotate(-180 189.415 76.2832)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.415" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 189.415 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="76.2832" width="35.3035" height="33.3142" transform="rotate(-180 154.112 76.2832)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.112" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 154.112 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.809" y="76.2832" width="35.3035" height="33.3142" transform="rotate(-180 118.809 76.2832)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.809" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 118.809 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="365.934" y="76.2837" width="35.3035" height="33.3142" transform="rotate(-180 365.934 76.2837)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="365.934" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 365.934 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.627" y="76.2837" width="35.3035" height="33.3142" transform="rotate(-180 330.627 76.2837)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.627" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 330.627 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.328" y="76.2837" width="35.3035" height="33.3142" transform="rotate(-180 295.328 76.2837)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.328" y="42.9697" width="35.3035" height="33.3142" transform="rotate(-180 295.328 42.9697)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.024" y="9.6543" width="35.3035" height="33.3142" transform="rotate(-180 260.024 9.6543)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.722" y="9.6543" width="35.3035" height="33.3142" transform="rotate(-180 224.722 9.6543)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="9.65479" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 9.65479)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="365.934" y="9.65479" width="35.3035" height="33.3142" transform="rotate(-180 365.934 9.65479)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.627" y="9.65479" width="35.3035" height="33.3142" transform="rotate(-180 330.627 9.65479)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.328" y="9.65479" width="35.3035" height="33.3142" transform="rotate(-180 295.328 9.65479)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="12.8994" y="109.599" width="35.3035" height="33.3142" transform="rotate(-180 12.8994 109.599)" stroke="#346458" stroke-opacity="0.3" stroke-width="0.898712"/>
+<g filter="url(#filter0_f_2610_73953)">
+<path d="M514.395 167.336L61.395 167.336L216.567 -4.66429L349.869 -4.66428L514.395 167.336Z" fill="#0B554C" fill-opacity="0.4"/>
+</g>
+<g filter="url(#filter1_b_2610_73953)">
+<rect x="68.3945" y="26.1309" width="329" height="238.205" rx="6.42646" fill="url(#paint0_linear_2610_73953)"/>
+<rect x="68.7962" y="26.5325" width="328.197" height="237.401" rx="6.02481" stroke="url(#paint1_linear_2610_73953)" stroke-width="0.803308"/>
+</g>
+<circle cx="105.018" cy="60.4672" r="16.1772" fill="#3A9F6F"/>
+<path d="M108.667 57.1303V55.5909H100.752V57.1303H103.886V65.2495H105.52V57.1303H108.667Z" fill="url(#paint2_linear_2610_73953)"/>
+<path d="M135.319 49.1042V48.227H129.805V49.1042H132.09V55.0615H133.035V49.1042H135.319ZM136.893 55.0615V50.4248H135.997V55.0615H136.893ZM135.794 48.6704C135.794 49.0271 136.083 49.3163 136.44 49.3163C136.806 49.3163 137.096 49.0271 137.096 48.6704C137.096 48.3041 136.806 48.0149 136.44 48.0149C136.083 48.0149 135.794 48.3041 135.794 48.6704ZM139.331 55.0615V52.266C139.331 51.572 139.765 51.09 140.411 51.09C141.105 51.09 141.394 51.5527 141.394 52.1503V55.0615H142.3V52.2564C142.3 51.5912 142.734 51.09 143.37 51.09C144.055 51.09 144.354 51.543 144.354 52.1503V55.0615H145.25V52.0539C145.25 50.8393 144.46 50.2899 143.65 50.2899C143.062 50.2899 142.464 50.5019 142.098 51.1671C141.847 50.5694 141.288 50.2899 140.71 50.2899C140.17 50.2899 139.592 50.5309 139.302 51.0418V50.4248H138.435V55.0615H139.331Z" fill="#ECEDEE"/>
+<path d="M154.88 51.0112C154.87 50.9149 154.86 50.8185 154.86 50.7317C154.86 50.0184 155.246 49.4496 156.065 49.4496C156.856 49.4496 157.241 49.9798 157.241 50.5485C157.241 51.0305 156.972 51.474 156.383 51.8499L155.342 52.5247C154.282 53.2091 153.877 53.9899 153.858 55.0117H158.234V54.1345H155.024C155.111 53.7489 155.429 53.4886 155.786 53.2573L157.02 52.4668C157.733 52.0138 158.196 51.3583 158.196 50.5389C158.196 49.4978 157.425 48.6206 156.085 48.6206C154.716 48.6206 153.925 49.5749 153.925 50.6449C153.925 50.7221 153.925 50.8088 153.935 50.8956L154.88 51.0112ZM162.7 55.0117V52.2162C162.7 51.5222 163.134 51.0402 163.78 51.0402C164.474 51.0402 164.763 51.5029 164.763 52.1005V55.0117H165.669V52.2066C165.669 51.5414 166.103 51.0402 166.739 51.0402C167.424 51.0402 167.723 51.4932 167.723 52.1005V55.0117H168.619V52.0041C168.619 50.7895 167.829 50.2401 167.019 50.2401C166.431 50.2401 165.833 50.4521 165.467 51.1173C165.216 50.5196 164.657 50.2401 164.079 50.2401C163.539 50.2401 162.961 50.4811 162.671 50.992V50.375H161.804V55.0117H162.7ZM170.966 55.0117V50.375H170.069V55.0117H170.966ZM169.867 48.6206C169.867 48.9773 170.156 49.2665 170.513 49.2665C170.879 49.2665 171.168 48.9773 171.168 48.6206C171.168 48.2543 170.879 47.9651 170.513 47.9651C170.156 47.9651 169.867 48.2543 169.867 48.6206ZM173.413 52.3319C173.413 51.6282 173.78 51.0594 174.493 51.0594C175.303 51.0594 175.573 51.58 175.573 52.2258V55.0117H176.479V52.0716C176.479 51.0402 175.929 50.2401 174.821 50.2401C174.281 50.2401 173.732 50.4618 173.394 51.0402V50.375H172.507V55.0117H173.413V52.3319ZM180.882 54.4526C180.882 54.6454 180.901 54.9057 180.92 55.0117H181.788C181.769 54.8478 181.74 54.5201 181.74 54.1538V50.375H180.834V53.1705C180.834 53.8742 180.467 54.3562 179.735 54.3562C178.973 54.3562 178.684 53.7971 178.684 53.1609V50.375H177.778V53.2959C177.778 54.3466 178.433 55.1563 179.513 55.1563C180.053 55.1563 180.631 54.9346 180.882 54.4526ZM184.501 48.9098H183.672V49.6617C183.672 50.0666 183.46 50.375 182.958 50.375H182.708V51.1944H183.595V53.7393C183.595 54.5779 184.096 55.0599 184.886 55.0599C185.195 55.0599 185.426 55.0021 185.503 54.9732V54.202C185.426 54.2213 185.262 54.2405 185.147 54.2405C184.674 54.2405 184.501 54.0285 184.501 53.6043V51.1944H185.503V50.375H184.501V48.9098ZM187.254 52.2162C187.292 51.6185 187.755 51.0305 188.516 51.0305C189.336 51.0305 189.77 51.5511 189.789 52.2162H187.254ZM189.924 53.4212C189.75 53.9417 189.374 54.3562 188.622 54.3562C187.842 54.3562 187.244 53.7778 187.225 52.9488H190.714C190.724 52.891 190.734 52.7753 190.734 52.6596C190.734 51.2137 189.933 50.2304 188.507 50.2304C187.34 50.2304 186.29 51.2233 186.29 52.6789C186.29 54.2502 187.379 55.1563 188.622 55.1563C189.702 55.1563 190.444 54.5105 190.705 53.6911L189.924 53.4212ZM191.456 53.8068C191.534 54.3369 192.073 55.1563 193.346 55.1563C194.493 55.1563 195.042 54.3755 195.042 53.72C195.042 53.0356 194.599 52.5247 193.76 52.3415L193.008 52.1776C192.652 52.1005 192.478 51.8981 192.478 51.6185C192.478 51.3004 192.787 51.0016 193.249 51.0016C193.982 51.0016 194.175 51.5318 194.213 51.7728L195.014 51.474C194.917 51.0594 194.522 50.2304 193.249 50.2304C192.343 50.2304 191.601 50.9052 191.601 51.6957C191.601 52.3512 192.035 52.8428 192.758 52.997L193.548 53.1705C193.934 53.2573 194.146 53.479 194.146 53.7682C194.146 54.0959 193.866 54.3851 193.355 54.3851C192.7 54.3851 192.334 53.9996 192.276 53.5176L191.456 53.8068ZM198.37 53.7682C198.37 54.5008 198.977 55.1563 199.922 55.1563C200.751 55.1563 201.213 54.7129 201.416 54.3851C201.416 54.7225 201.445 54.896 201.464 55.0117H202.351C202.331 54.896 202.293 54.6551 202.293 54.2502V51.927C202.293 51.0209 201.753 50.2304 200.365 50.2304C199.362 50.2304 198.562 50.8474 198.466 51.7342L199.334 51.9367C199.391 51.3968 199.748 51.0016 200.384 51.0016C201.088 51.0016 201.387 51.3776 201.387 51.8306C201.387 51.9945 201.31 52.1391 201.03 52.1776L199.777 52.3608C198.977 52.4765 198.37 52.9392 198.37 53.7682ZM200.047 54.3948C199.584 54.3948 199.295 54.067 199.295 53.72C199.295 53.3055 199.584 53.0838 199.97 53.0259L201.387 52.8139V53.0259C201.387 54.0381 200.789 54.3948 200.047 54.3948ZM203.367 55.2624C203.483 56.2552 204.35 56.9879 205.507 56.9879C207.252 56.9879 207.83 55.8407 207.83 54.6647V50.375H206.934V51.0209C206.702 50.5582 206.22 50.2883 205.507 50.2883C204.235 50.2883 203.377 51.2908 203.377 52.544C203.377 53.855 204.273 54.79 205.507 54.79C206.201 54.79 206.702 54.4526 206.924 54.0285V54.6936C206.924 55.6961 206.481 56.1974 205.507 56.1974C204.803 56.1974 204.312 55.7058 204.244 55.0599L203.367 55.2624ZM205.642 54.0285C204.823 54.0285 204.302 53.4501 204.302 52.544C204.302 51.6475 204.842 51.0594 205.642 51.0594C206.423 51.0594 206.963 51.6475 206.963 52.544C206.963 53.4404 206.423 54.0285 205.642 54.0285ZM211.263 54.3466C210.492 54.3466 209.817 53.7682 209.817 52.6886C209.817 51.6185 210.492 51.0402 211.263 51.0402C212.034 51.0402 212.709 51.6185 212.709 52.6886C212.709 53.7682 212.034 54.3466 211.263 54.3466ZM211.263 5Line truncated
+<path d="M135.956 70.4673V63.6327H135.011V66.5536H131.521V63.6327H130.577V70.4673H131.521V67.4308H135.011V70.4673H135.956ZM138.185 67.6718C138.224 67.0741 138.686 66.4861 139.448 66.4861C140.267 66.4861 140.701 67.0066 140.72 67.6718H138.185ZM140.855 68.8767C140.682 69.3973 140.306 69.8118 139.554 69.8118C138.773 69.8118 138.175 69.2334 138.156 68.4044H141.646C141.655 68.3466 141.665 68.2309 141.665 68.1152C141.665 66.6692 140.865 65.686 139.438 65.686C138.272 65.686 137.221 66.6789 137.221 68.1345C137.221 69.7057 138.31 70.6119 139.554 70.6119C140.633 70.6119 141.376 69.966 141.636 69.1466L140.855 68.8767ZM143.884 72.4049L146.901 65.8306H145.928L144.54 69.031L143.094 65.8306H142.053L144.048 69.9564L142.891 72.4049H143.884ZM146.613 69.8503C146.613 70.2649 146.902 70.5058 147.259 70.5058C147.365 70.5058 147.442 70.4769 147.471 70.4576C147.461 70.9204 147.143 71.3927 146.671 71.4987V72C147.269 71.9229 148.098 71.3927 148.098 70.1203C148.098 69.513 147.731 69.2045 147.317 69.2045C146.912 69.2045 146.613 69.5033 146.613 69.8503ZM152.859 67.7393C152.878 67.0548 153.245 66.515 153.939 66.515C154.748 66.515 155.018 67.0356 155.018 67.6814V70.4673H155.925V67.5272C155.925 66.4957 155.375 65.6956 154.266 65.6956C153.736 65.6956 153.196 65.8788 152.859 66.3704V63.4881H151.953V70.4673H152.859V67.7393ZM159.352 69.8021C158.58 69.8021 157.906 69.2238 157.906 68.1441C157.906 67.0741 158.58 66.4957 159.352 66.4957C160.123 66.4957 160.798 67.0741 160.798 68.1441C160.798 69.2238 160.123 69.8021 159.352 69.8021ZM159.352 65.686C157.964 65.686 156.98 66.7367 156.98 68.1441C156.98 69.5612 157.964 70.6119 159.352 70.6119C160.74 70.6119 161.723 69.5612 161.723 68.1441C161.723 66.7367 160.74 65.686 159.352 65.686ZM165.401 65.8306L164.196 69.3202L163.154 65.8306H162.162L163.685 70.4673H164.639L165.844 66.9392L167.078 70.4673H168.013L169.517 65.8306H168.562L167.541 69.3202L166.336 65.8306H165.401ZM174.789 66.5247C175.58 66.5247 175.917 67.0548 176.033 67.5079L176.852 67.1609C176.659 66.4572 176.023 65.686 174.789 65.686C173.469 65.686 172.456 66.6982 172.456 68.1441C172.456 69.5515 173.449 70.6119 174.799 70.6119C176.004 70.6119 176.669 69.8311 176.891 69.1659L176.091 68.8189C175.985 69.1852 175.667 69.7732 174.799 69.7732C174.047 69.7732 173.382 69.2045 173.382 68.1441C173.382 67.0645 174.057 66.5247 174.789 66.5247ZM177.617 69.2238C177.617 69.9564 178.225 70.6119 179.169 70.6119C179.998 70.6119 180.461 70.1685 180.664 69.8407C180.664 70.1781 180.693 70.3516 180.712 70.4673H181.599C181.579 70.3516 181.541 70.1106 181.541 69.7057V67.3826C181.541 66.4765 181.001 65.686 179.613 65.686C178.61 65.686 177.81 66.3029 177.714 67.1898L178.581 67.3922C178.639 66.8524 178.996 66.4572 179.632 66.4572C180.336 66.4572 180.635 66.8331 180.635 67.2862C180.635 67.4501 180.558 67.5947 180.278 67.6332L179.025 67.8164C178.225 67.932 177.617 68.3948 177.617 69.2238ZM179.295 69.8503C178.832 69.8503 178.543 69.5226 178.543 69.1756C178.543 68.7611 178.832 68.5393 179.218 68.4815L180.635 68.2694V68.4815C180.635 69.4937 180.037 69.8503 179.295 69.8503ZM183.859 67.7875C183.859 67.0838 184.225 66.515 184.938 66.515C185.748 66.515 186.018 67.0356 186.018 67.6814V70.4673H186.924V67.5272C186.924 66.4957 186.375 65.6956 185.266 65.6956C184.726 65.6956 184.177 65.9174 183.839 66.4957V65.8306H182.952V70.4673H183.859V67.7875ZM191.836 70.4673V63.6327H190.872V70.4673H191.836ZM195.598 69.2238C195.598 69.9564 196.205 70.6119 197.15 70.6119C197.979 70.6119 198.441 70.1685 198.644 69.8407C198.644 70.1781 198.673 70.3516 198.692 70.4673H199.579C199.56 70.3516 199.521 70.1106 199.521 69.7057V67.3826C199.521 66.4765 198.981 65.686 197.593 65.686C196.591 65.686 195.791 66.3029 195.694 67.1898L196.562 67.3922C196.62 66.8524 196.976 66.4572 197.612 66.4572C198.316 66.4572 198.615 66.8331 198.615 67.2862C198.615 67.4501 198.538 67.5947 198.258 67.6332L197.005 67.8164C196.205 67.932 195.598 68.3948 195.598 69.2238ZM197.275 69.8503C196.812 69.8503 196.523 69.5226 196.523 69.1756C196.523 68.7611 196.812 68.5393 197.198 68.4815L198.615 68.2694V68.4815C198.615 69.4937 198.017 69.8503 197.275 69.8503ZM201.473 68.1345C201.473 67.1802 202.012 66.5054 202.841 66.5054C203.67 66.5054 204.172 67.1609 204.172 68.1152C204.172 69.0695 203.661 69.7925 202.832 69.7925C201.964 69.7925 201.473 69.0888 201.473 68.1345ZM204.181 69.8407C204.181 70.1203 204.21 70.3612 204.23 70.4673H205.107C205.097 70.3902 205.059 70.0528 205.059 69.6094V63.4881H204.162V66.4861C204.008 66.1101 203.564 65.7053 202.745 65.7053C201.434 65.7053 200.547 66.8235 200.547 68.1345C200.547 69.513 201.386 70.5926 202.745 70.5926C203.468 70.5926 203.96 70.207 204.181 69.7636V69.8407ZM207.14 68.1345C207.14 67.1802 207.679 66.5054 208.508 66.5054C209.337 66.5054 209.839 67.1609 209.839 68.1152C209.839 69.0695 209.328 69.7925 208.499 69.7925C207.631 69.7925 207.14 69.0888 207.14 68.1345ZM209.848 69.8407C209.848 70.1203 209.877 70.3612 209.897 70.4673H210.774C210.764 70.3902 210.726 70.0528 210.726 69.6094V63.4881H209.829V66.4861C209.Line truncated
+<circle cx="105.018" cy="111.665" r="16.1772" fill="#585858"/>
+<rect x="112.68" y="116.773" width="11.4943" height="11.4943" rx="5.74717" fill="#4CC38A" stroke="#28302E" stroke-width="3.40573"/>
+<path d="M108.34 116.447H110.125L106.365 106.789H104.471L100.711 116.447H102.442L103.341 114.022H107.428L108.34 116.447ZM105.384 108.56L106.855 112.51H103.913L105.384 108.56Z" fill="url(#paint3_linear_2610_73953)"/>
+<path d="M136.587 105.873H137.609L134.89 99.0385H133.801L131.083 105.873H132.095L132.818 103.964H135.845L136.587 105.873ZM134.322 100.022L135.507 103.087H133.155L134.322 100.022ZM139.338 103.193C139.338 102.49 139.704 101.921 140.418 101.921C141.227 101.921 141.497 102.441 141.497 103.087V105.873H142.403V102.933C142.403 101.901 141.854 101.101 140.745 101.101C140.206 101.101 139.656 101.323 139.319 101.901V101.236H138.432V105.873H139.338V103.193ZM144.751 103.193C144.751 102.49 145.117 101.921 145.831 101.921C146.64 101.921 146.91 102.441 146.91 103.087V105.873H147.816V102.933C147.816 101.901 147.267 101.101 146.158 101.101C145.618 101.101 145.069 101.323 144.732 101.901V101.236H143.845V105.873H144.751V103.193ZM148.968 104.63C148.968 105.362 149.576 106.018 150.52 106.018C151.349 106.018 151.812 105.574 152.015 105.246C152.015 105.584 152.044 105.757 152.063 105.873H152.95C152.93 105.757 152.892 105.516 152.892 105.112V102.788C152.892 101.882 152.352 101.092 150.964 101.092C149.961 101.092 149.161 101.709 149.065 102.596L149.932 102.798C149.99 102.258 150.347 101.863 150.983 101.863C151.687 101.863 151.986 102.239 151.986 102.692C151.986 102.856 151.909 103 151.629 103.039L150.376 103.222C149.576 103.338 148.968 103.801 148.968 104.63ZM150.646 105.256C150.183 105.256 149.894 104.928 149.894 104.581C149.894 104.167 150.183 103.945 150.569 103.887L151.986 103.675V103.887C151.986 104.899 151.388 105.256 150.646 105.256Z" fill="#ECEDEE"/>
+<path d="M160.991 103.618C160.991 104.929 161.781 105.796 163.121 105.796C164.393 105.796 165.174 104.803 165.174 103.608V98.8171H164.23V103.675C164.23 104.466 163.805 104.919 163.111 104.919C162.427 104.919 161.935 104.514 161.935 103.608V102.962L160.991 103.174V103.618ZM169.774 105.093C169.774 105.285 169.793 105.546 169.813 105.652H170.68C170.661 105.488 170.632 105.16 170.632 104.794V101.015H169.726V103.81C169.726 104.514 169.36 104.996 168.627 104.996C167.865 104.996 167.576 104.437 167.576 103.801V101.015H166.67V103.936C166.67 104.986 167.326 105.796 168.405 105.796C168.945 105.796 169.524 105.574 169.774 105.093ZM171.745 104.447C171.822 104.977 172.361 105.796 173.634 105.796C174.781 105.796 175.331 105.015 175.331 104.36C175.331 103.675 174.887 103.165 174.048 102.981L173.297 102.818C172.94 102.74 172.766 102.538 172.766 102.258C172.766 101.94 173.075 101.642 173.538 101.642C174.27 101.642 174.463 102.172 174.502 102.413L175.302 102.114C175.205 101.699 174.81 100.87 173.538 100.87C172.631 100.87 171.889 101.545 171.889 102.336C171.889 102.991 172.323 103.483 173.046 103.637L173.836 103.81C174.222 103.897 174.434 104.119 174.434 104.408C174.434 104.736 174.154 105.025 173.644 105.025C172.988 105.025 172.622 104.639 172.564 104.157L171.745 104.447ZM177.752 99.5497H176.922V100.302C176.922 100.706 176.71 101.015 176.209 101.015H175.959V101.834H176.845V104.379C176.845 105.218 177.347 105.7 178.137 105.7C178.446 105.7 178.677 105.642 178.754 105.613V104.842C178.677 104.861 178.513 104.88 178.397 104.88C177.925 104.88 177.752 104.668 177.752 104.244V101.834H178.754V101.015H177.752V99.5497ZM183.28 102.972C183.28 102.268 183.646 101.699 184.359 101.699C185.169 101.699 185.439 102.22 185.439 102.866V105.652H186.345V102.712C186.345 101.68 185.796 100.88 184.687 100.88C184.147 100.88 183.598 101.102 183.26 101.68V101.015H182.373V105.652H183.28V102.972ZM189.772 104.986C189.001 104.986 188.326 104.408 188.326 103.328C188.326 102.258 189.001 101.68 189.772 101.68C190.543 101.68 191.218 102.258 191.218 103.328C191.218 104.408 190.543 104.986 189.772 104.986ZM189.772 100.87C188.384 100.87 187.401 101.921 187.401 103.328C187.401 104.745 188.384 105.796 189.772 105.796C191.16 105.796 192.143 104.745 192.143 103.328C192.143 101.921 191.16 100.87 189.772 100.87ZM195.821 101.015L194.616 104.504L193.575 101.015H192.582L194.105 105.652H195.059L196.264 102.123L197.498 105.652H198.433L199.937 101.015H198.983L197.961 104.504L196.756 101.015H195.821Z" fill="#707070"/>
+<path d="M137.233 121.664V114.83H136.288V117.751H132.799V114.83H131.854V121.664H132.799V118.628H136.288V121.664H137.233ZM139.462 118.869C139.501 118.271 139.964 117.683 140.725 117.683C141.545 117.683 141.978 118.204 141.998 118.869H139.462ZM142.133 120.074C141.959 120.594 141.583 121.009 140.831 121.009C140.05 121.009 139.453 120.43 139.433 119.601H142.923C142.933 119.544 142.942 119.428 142.942 119.312C142.942 117.866 142.142 116.883 140.715 116.883C139.549 116.883 138.498 117.876 138.498 119.332C138.498 120.903 139.588 121.809 140.831 121.809C141.911 121.809 142.653 121.163 142.913 120.344L142.133 120.074ZM145.162 123.602L148.179 117.028H147.205L145.817 120.228L144.371 117.028H143.33L145.325 121.153L144.169 123.602H145.162ZM156.3 115.707V114.83H150.786V115.707H153.07V121.664H154.015V115.707H156.3ZM157.873 121.664V117.028H156.977V121.664H157.873ZM156.775 115.273C156.775 115.63 157.064 115.919 157.42 115.919C157.787 115.919 158.076 115.63 158.076 115.273C158.076 114.907 157.787 114.618 157.42 114.618C157.064 114.618 156.775 114.907 156.775 115.273ZM160.312 121.664V118.869C160.312 118.175 160.745 117.693 161.391 117.693C162.085 117.693 162.375 118.155 162.375 118.753V121.664H163.281V118.859C163.281 118.194 163.714 117.693 164.351 117.693C165.035 117.693 165.334 118.146 165.334 118.753V121.664H166.23V118.657C166.23 117.442 165.44 116.893 164.63 116.893C164.042 116.893 163.445 117.105 163.078 117.77C162.828 117.172 162.268 116.893 161.69 116.893C161.15 116.893 160.572 117.134 160.283 117.645V117.028H159.415V121.664H160.312ZM167.584 121.047C167.584 121.462 167.873 121.703 168.23 121.703C168.336 121.703 168.413 121.674 168.442 121.655C168.432 122.117 168.114 122.59 167.642 122.696V123.197C168.24 123.12 169.069 122.59 169.069 121.317C169.069 120.71 168.702 120.402 168.288 120.402C167.883 120.402 167.584 120.7 167.584 121.047ZM173.83 118.936C173.849 118.252 174.216 117.712 174.91 117.712C175.719 117.712 175.989 118.233 175.989 118.878V121.664H176.895V118.724C176.895 117.693 176.346 116.893 175.237 116.893C174.707 116.893 174.167 117.076 173.83 117.567V114.685H172.924V121.664H173.83V118.936ZM178.925 118.869C178.963 118.271 179.426 117.683 180.188 117.683C181.007 117.683 181.441 118.204 181.46 118.869H178.925ZM181.595 120.074C181.421 120.594 181.046 121.009 180.294 121.009C179.513 121.009 178.915 120.43 178.896 119.601H182.385C182.395 119.544 182.405 119.428 182.405 119.312C182.405 117.866 181.605 116.883 180.178 116.883C179.012 116.883 177.961 117.876 177.961 119.332C177.961 120.903 179.05 121.809 180.294 121.809C181.373 121.809 182.116 121.163 182.376 120.344L181.595 120.074ZM186.135 116.979C186.087 116.97 185.962 116.95 185.836 116.95C185.364 116.95 184.786 117.124 184.448 117.837V117.028H183.561V121.664H184.468V119.341C184.468 118.319 184.978 117.914 185.74 117.914C185.865 117.914 186 117.924 186.135 117.943V116.979ZM187.642 118.869C187.681 118.271 188.143 117.683 188.905 117.683C189.724 117.683 190.158 118.204 190.177 118.869H187.642ZM190.312 120.074C190.139 120.594 189.763 121.009 189.011 121.009C188.23 121.009 187.632 120.43 187.613 119.601H191.103C191.112 119.544 191.122 119.428 191.122 119.312C191.122 117.866 190.322 116.883 188.895 116.883C187.729 116.883 186.678 117.876 186.678 119.332C186.678 120.903 187.767 121.809 189.011 121.809C190.09 121.809 190.833 121.163 191.093 120.344L190.312 120.074ZM191.507 115.341C191.507 115.726 191.777 115.958 192.114 115.958C192.211 115.958 192.278 115.929 192.307 115.909C192.297 116.343 191.999 116.787 191.565 116.883V117.346C192.124 117.278 192.895 116.787 192.895 115.591C192.895 115.032 192.548 114.743 192.163 114.743C191.787 114.743 191.507 115.023 191.507 115.341ZM193.087 120.459C193.165 120.99 193.704 121.809 194.977 121.809C196.124 121.809 196.673 121.028 196.673 120.373C196.673 119.688 196.23 119.177 195.391 118.994L194.639 118.83C194.283 118.753 194.109 118.551 194.109 118.271C194.109 117.953 194.418 117.654 194.88 117.654C195.613 117.654 195.806 118.184 195.844 118.425L196.644 118.127C196.548 117.712 196.153 116.883 194.88 116.883C193.974 116.883 193.232 117.558 193.232 118.348C193.232 119.004 193.666 119.495 194.389 119.65L195.179 119.823C195.565 119.91 195.777 120.132 195.777 120.421C195.777 120.749 195.497 121.038 194.986 121.038C194.331 121.038 193.965 120.652 193.907 120.17L193.087 120.459ZM200 120.421C200 121.153 200.608 121.809 201.552 121.809C202.381 121.809 202.844 121.365 203.047 121.038C203.047 121.375 203.076 121.549 203.095 121.664H203.982C203.962 121.549 203.924 121.308 203.924 120.903V118.58C203.924 117.673 203.384 116.883 201.996 116.883C200.993 116.883 200.193 117.5 200.097 118.387L200.964 118.589C201.022 118.049 201.379 117.654 202.015 117.654C202.719 117.654 203.018 118.03 203.018 118.483C203.018 118.647 202.941 118.792 202.661 118.83L201.408 119.013C200.608 119.129 200 119.592 200 120.421ZM201.678 121.047C201.215 121.047 200.926 120.72 200.926 120.373C200.926 119.958 201.215 119.736 201.601 119.679L203.018 119.466V119.679C203.018 120.691 20Line truncated
+<path d="M94.4506 163.727V162.85H88.9367V163.727H91.2213V169.685H92.166V163.727H94.4506ZM96.0245 169.685V165.048H95.128V169.685H96.0245ZM94.9255 163.293C94.9255 163.65 95.2147 163.939 95.5714 163.939C95.9377 163.939 96.2269 163.65 96.2269 163.293C96.2269 162.927 95.9377 162.638 95.5714 162.638C95.2147 162.638 94.9255 162.927 94.9255 163.293ZM98.4626 169.685V166.889C98.4626 166.195 98.8964 165.713 99.5423 165.713C100.236 165.713 100.526 166.176 100.526 166.773V169.685H101.432V166.879C101.432 166.214 101.865 165.713 102.502 165.713C103.186 165.713 103.485 166.166 103.485 166.773V169.685H104.381V166.677C104.381 165.462 103.591 164.913 102.781 164.913C102.193 164.913 101.596 165.125 101.229 165.79C100.979 165.192 100.419 164.913 99.8411 164.913C99.3013 164.913 98.7229 165.154 98.4337 165.665V165.048H97.5661V169.685H98.4626ZM109.138 169.685V165.048H108.241V169.685H109.138ZM108.039 163.293C108.039 163.65 108.328 163.939 108.685 163.939C109.051 163.939 109.34 163.65 109.34 163.293C109.34 162.927 109.051 162.638 108.685 162.638C108.328 162.638 108.039 162.927 108.039 163.293ZM110.246 168.48C110.323 169.01 110.863 169.829 112.135 169.829C113.282 169.829 113.832 169.048 113.832 168.393C113.832 167.708 113.388 167.198 112.55 167.014L111.798 166.851C111.441 166.773 111.268 166.571 111.268 166.291C111.268 165.973 111.576 165.674 112.039 165.674C112.771 165.674 112.964 166.205 113.003 166.446L113.803 166.147C113.706 165.732 113.311 164.903 112.039 164.903C111.133 164.903 110.39 165.578 110.39 166.369C110.39 167.024 110.824 167.516 111.547 167.67L112.338 167.843C112.723 167.93 112.935 168.152 112.935 168.441C112.935 168.769 112.656 169.058 112.145 169.058C111.489 169.058 111.123 168.672 111.065 168.19L110.246 168.48ZM118.663 163.583H117.834V164.335C117.834 164.739 117.622 165.048 117.12 165.048H116.87V165.867H117.756V168.412C117.756 169.251 118.258 169.733 119.048 169.733C119.357 169.733 119.588 169.675 119.665 169.646V168.875C119.588 168.894 119.424 168.913 119.308 168.913C118.836 168.913 118.663 168.701 118.663 168.277V165.867H119.665V165.048H118.663V163.583ZM122.078 171.622L125.096 165.048H124.122L122.734 168.248L121.288 165.048H120.247L122.242 169.174L121.086 171.622H122.078ZM126.864 171.516V169.058C127.115 169.472 127.654 169.81 128.368 169.81C129.727 169.81 130.527 168.74 130.527 167.361C130.527 166.012 129.785 164.942 128.397 164.942C127.645 164.942 127.095 165.308 126.845 165.771V165.048H125.967V171.516H126.864ZM129.602 167.361C129.602 168.316 129.071 169 128.233 169C127.404 169 126.854 168.316 126.854 167.361C126.854 166.436 127.404 165.742 128.233 165.742C129.081 165.742 129.602 166.436 129.602 167.361ZM132.578 169.685V165.048H131.682V169.685H132.578ZM131.479 163.293C131.479 163.65 131.768 163.939 132.125 163.939C132.491 163.939 132.781 163.65 132.781 163.293C132.781 162.927 132.491 162.638 132.125 162.638C131.768 162.638 131.479 162.927 131.479 163.293ZM135.026 167.005C135.026 166.301 135.392 165.732 136.106 165.732C136.915 165.732 137.185 166.253 137.185 166.899V169.685H138.091V166.744C138.091 165.713 137.542 164.913 136.433 164.913C135.893 164.913 135.344 165.135 135.007 165.713V165.048H134.12V169.685H135.026V167.005ZM139.195 169.935C139.311 170.928 140.179 171.661 141.335 171.661C143.08 171.661 143.658 170.514 143.658 169.338V165.048H142.762V165.694C142.531 165.231 142.049 164.961 141.335 164.961C140.063 164.961 139.205 165.964 139.205 167.217C139.205 168.528 140.101 169.463 141.335 169.463C142.029 169.463 142.531 169.125 142.752 168.701V169.366C142.752 170.369 142.309 170.87 141.335 170.87C140.632 170.87 140.14 170.379 140.072 169.733L139.195 169.935ZM141.47 168.701C140.651 168.701 140.13 168.123 140.13 167.217C140.13 166.32 140.67 165.732 141.47 165.732C142.251 165.732 142.791 166.32 142.791 167.217C142.791 168.113 142.251 168.701 141.47 168.701ZM145.009 169.068C145.009 169.444 145.298 169.733 145.674 169.733C146.05 169.733 146.349 169.444 146.349 169.068C146.349 168.692 146.05 168.393 145.674 168.393C145.298 168.393 145.009 168.692 145.009 169.068ZM147.702 169.068C147.702 169.444 147.991 169.733 148.367 169.733C148.743 169.733 149.041 169.444 149.041 169.068C149.041 168.692 148.743 168.393 148.367 168.393C147.991 168.393 147.702 168.692 147.702 169.068ZM150.394 169.068C150.394 169.444 150.683 169.733 151.059 169.733C151.435 169.733 151.734 169.444 151.734 169.068C151.734 168.692 151.435 168.393 151.059 168.393C150.683 168.393 150.394 168.692 150.394 169.068Z" fill="#707070"/>
+<g filter="url(#filter2_b_2610_73953)">
+<rect x="88.8403" y="181.704" width="261.275" height="25.3764" rx="6.42646" fill="url(#paint4_linear_2610_73953)"/>
+<rect x="89.242" y="182.106" width="260.471" height="24.5731" rx="6.02481" stroke="url(#paint5_linear_2610_73953)" stroke-width="0.803308"/>
+</g>
+<path d="M104.885 192.301C104.722 191.514 104.068 190.503 102.433 190.503C101.095 190.503 100.042 191.524 100.042 192.658C100.042 193.742 100.778 194.416 101.81 194.641L102.842 194.865C103.567 195.019 103.925 195.468 103.925 195.989C103.925 196.623 103.435 197.144 102.433 197.144C101.34 197.144 100.768 196.398 100.696 195.591L99.7359 195.897C99.8687 196.929 100.696 198.053 102.443 198.053C103.986 198.053 104.947 197.031 104.947 195.908C104.947 194.896 104.272 194.14 103.067 193.874L101.984 193.639C101.371 193.507 101.054 193.108 101.054 192.587C101.054 191.913 101.636 191.381 102.454 191.381C103.465 191.381 103.905 192.097 103.986 192.618L104.885 192.301ZM106.745 194.937C106.786 194.303 107.276 193.68 108.083 193.68C108.952 193.68 109.412 194.232 109.432 194.937H106.745ZM109.575 196.214C109.391 196.766 108.993 197.205 108.196 197.205C107.368 197.205 106.735 196.592 106.714 195.713H110.413C110.423 195.652 110.433 195.53 110.433 195.407C110.433 193.874 109.585 192.832 108.073 192.832C106.837 192.832 105.723 193.885 105.723 195.427C105.723 197.093 106.878 198.053 108.196 198.053C109.34 198.053 110.127 197.369 110.403 196.5L109.575 196.214ZM112.62 195.06C112.62 194.314 113.008 193.711 113.764 193.711C114.622 193.711 114.908 194.263 114.908 194.947V197.9H115.869V194.784C115.869 193.69 115.286 192.842 114.111 192.842C113.539 192.842 112.957 193.077 112.599 193.69V192.985H111.659V197.9H112.62V195.06ZM117.969 195.427C117.969 194.416 118.541 193.701 119.42 193.701C120.298 193.701 120.83 194.395 120.83 195.407C120.83 196.418 120.288 197.185 119.409 197.185C118.49 197.185 117.969 196.439 117.969 195.427ZM120.84 197.236C120.84 197.532 120.87 197.788 120.891 197.9H121.821C121.81 197.818 121.77 197.461 121.77 196.991V190.503H120.819V193.68C120.656 193.282 120.186 192.853 119.317 192.853C117.928 192.853 116.988 194.038 116.988 195.427C116.988 196.888 117.877 198.033 119.317 198.033C120.084 198.033 120.605 197.624 120.84 197.154V197.236ZM125.651 196.582C125.651 197.358 126.295 198.053 127.296 198.053C128.175 198.053 128.665 197.583 128.88 197.236C128.88 197.593 128.91 197.777 128.931 197.9H129.871C129.85 197.777 129.809 197.522 129.809 197.093V194.63C129.809 193.67 129.237 192.832 127.766 192.832C126.703 192.832 125.855 193.486 125.753 194.426L126.673 194.641C126.734 194.068 127.112 193.65 127.786 193.65C128.532 193.65 128.849 194.048 128.849 194.528C128.849 194.702 128.767 194.855 128.471 194.896L127.143 195.09C126.295 195.213 125.651 195.703 125.651 196.582ZM127.429 197.246C126.938 197.246 126.632 196.899 126.632 196.531C126.632 196.091 126.938 195.856 127.347 195.795L128.849 195.57V195.795C128.849 196.868 128.215 197.246 127.429 197.246ZM134.81 197.9V194.937C134.81 194.201 135.27 193.69 135.954 193.69C136.69 193.69 136.996 194.181 136.996 194.814V197.9H137.957V194.927C137.957 194.222 138.417 193.69 139.091 193.69C139.816 193.69 140.133 194.171 140.133 194.814V197.9H141.083V194.712C141.083 193.425 140.246 192.842 139.387 192.842C138.764 192.842 138.131 193.067 137.742 193.772C137.477 193.139 136.884 192.842 136.271 192.842C135.699 192.842 135.086 193.098 134.779 193.639V192.985H133.86V197.9H134.81ZM143.243 194.937C143.284 194.303 143.775 193.68 144.582 193.68C145.45 193.68 145.91 194.232 145.931 194.937H143.243ZM146.074 196.214C145.89 196.766 145.491 197.205 144.694 197.205C143.867 197.205 143.233 196.592 143.213 195.713H146.911C146.922 195.652 146.932 195.53 146.932 195.407C146.932 193.874 146.084 192.832 144.572 192.832C143.335 192.832 142.222 193.885 142.222 195.427C142.222 197.093 143.376 198.053 144.694 198.053C145.839 198.053 146.625 197.369 146.901 196.5L146.074 196.214ZM147.698 196.623C147.78 197.185 148.352 198.053 149.701 198.053C150.916 198.053 151.499 197.226 151.499 196.531C151.499 195.805 151.029 195.264 150.14 195.07L149.343 194.896C148.965 194.814 148.781 194.6 148.781 194.303C148.781 193.966 149.108 193.65 149.598 193.65C150.375 193.65 150.579 194.211 150.62 194.467L151.468 194.15C151.366 193.711 150.947 192.832 149.598 192.832C148.638 192.832 147.851 193.547 147.851 194.385C147.851 195.08 148.311 195.601 149.077 195.765L149.915 195.948C150.324 196.04 150.549 196.275 150.549 196.582C150.549 196.929 150.252 197.236 149.711 197.236C149.016 197.236 148.628 196.827 148.567 196.316L147.698 196.623ZM152.318 196.623C152.399 197.185 152.972 198.053 154.32 198.053C155.536 198.053 156.119 197.226 156.119 196.531C156.119 195.805 155.649 195.264 154.76 195.07L153.963 194.896C153.585 194.814 153.401 194.6 153.401 194.303C153.401 193.966 153.728 193.65 154.218 193.65C154.995 193.65 155.199 194.211 155.24 194.467L156.088 194.15C155.986 193.711 155.567 192.832 154.218 192.832C153.258 192.832 152.471 193.547 152.471 194.385C152.471 195.08 152.931 195.601 153.697 195.765L154.535 195.948C154.944 196.04 155.168 196.275 155.168 196.582C155.168 196.929 154.872 197.236 154.331 197.236C153.636 197.236 153.248 196.827 153.186 196.316L152.318 196.623ZM156.991 196.582C156.991 197.358 157.635 198.053 158.636 198.053C159.515 198.05Line truncated
+<rect x="0.394531" y="0.335449" width="332" height="260" fill="url(#paint6_radial_2610_73953)"/>
+</g>
+<defs>
+<filter id="filter0_f_2610_73953" x="-178.285" y="-244.344" width="932.36" height="651.36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="119.84" result="effect1_foregroundBlur_2610_73953"/>
+</filter>
+<filter id="filter1_b_2610_73953" x="56.3449" y="14.0812" width="353.099" height="262.304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="6.02481"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_2610_73953"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2610_73953" result="shape"/>
+</filter>
+<filter id="filter2_b_2610_73953" x="76.7907" y="169.655" width="285.374" height="49.4757" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="6.02481"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_2610_73953"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2610_73953" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_2610_73953" x1="232.895" y1="26.1309" x2="232.895" y2="264.335" gradientUnits="userSpaceOnUse">
+<stop stop-color="#929292" stop-opacity="0.26"/>
+<stop offset="1" stop-color="#1C1C1C" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2610_73953" x1="203.468" y1="21.167" x2="308.875" y2="225.054" gradientUnits="userSpaceOnUse">
+<stop stop-color="#868686" stop-opacity="0.37"/>
+<stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2610_73953" x1="100.575" y1="70.3091" x2="119.687" y2="56.3418" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#82978D"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2610_73953" x1="100.575" y1="121.507" x2="119.687" y2="107.54" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#82978D"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2610_73953" x1="106.713" y1="101.2" x2="304.327" y2="308.051" gradientUnits="userSpaceOnUse">
+<stop stop-color="#929292" stop-opacity="0.26"/>
+<stop offset="1" stop-color="#1C1C1C" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2610_73953" x1="196.108" y1="181.176" x2="198.008" y2="208.57" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3E3E3E"/>
+<stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint6_radial_2610_73953" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(163.399 82.3355) rotate(90) scale(162.5 180.365)">
+<stop offset="0.53125" stop-color="#242424" stop-opacity="0"/>
+<stop offset="1" stop-color="#232323"/>
+</radialGradient>
+<clipPath id="clip0_2610_73953">
+<rect width="332" height="260" fill="white" transform="translate(0.394531 0.335449)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/pricing/addons-support-light.svg

@@ -0,0 +1,136 @@
+<svg width="333" height="261" viewBox="0 0 333 261" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2627_69093)">
+<rect width="332" height="260" transform="translate(0.546387 0.164062)" fill="white"/>
+<rect x="83.6572" y="242.684" width="35.3035" height="33.3142" transform="rotate(-180 83.6572 242.684)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="275.996" width="35.3035" height="33.3142" transform="rotate(-180 48.354 275.996)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="242.684" width="35.3035" height="33.3142" transform="rotate(-180 48.354 242.684)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="275.996" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 275.996)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="242.684" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 242.684)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="242.684" width="35.3035" height="33.3142" transform="rotate(-180 154.263 242.684)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.6572" y="209.369" width="35.3035" height="33.3142" transform="rotate(-180 83.6572 209.369)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.6572" y="176.053" width="35.3035" height="33.3142" transform="rotate(-180 83.6572 176.053)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="209.369" width="35.3035" height="33.3142" transform="rotate(-180 48.354 209.369)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="176.053" width="35.3035" height="33.3142" transform="rotate(-180 48.354 176.053)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="209.369" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 209.369)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="176.053" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 176.053)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="176.053" width="35.3035" height="33.3142" transform="rotate(-180 154.263 176.053)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.96" y="209.369" width="35.3035" height="33.3142" transform="rotate(-180 118.96 209.369)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.96" y="176.053" width="35.3035" height="33.3142" transform="rotate(-180 118.96 176.053)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.6572" y="142.74" width="35.3035" height="33.3142" transform="rotate(-180 83.6572 142.74)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="83.6572" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 83.6572 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="85.6743" y="109.427" width="17.5839" height="33.3142" transform="rotate(-180 85.6743 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.176" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 260.176 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="142.74" width="35.3035" height="33.3142" transform="rotate(-180 48.354 142.74)" stroke="#346458" stroke-opacity="0.3" stroke-width="0.898712"/>
+<rect x="48.354" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 48.354 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.873" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 224.873 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="142.74" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 142.74)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.566" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 189.566 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="142.74" width="35.3035" height="33.3142" transform="rotate(-180 154.263 142.74)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 154.263 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.96" y="142.74" width="35.3035" height="33.3142" transform="rotate(-180 118.96 142.74)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="366.085" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 366.085 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.779" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 330.779 109.427)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.176" y="76.1118" width="35.3035" height="33.3142" transform="rotate(-180 260.176 76.1118)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.176" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 260.176 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="76.1123" width="35.3035" height="33.3142" transform="rotate(-180 48.354 76.1123)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.873" y="76.1118" width="35.3035" height="33.3142" transform="rotate(-180 224.873 76.1118)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="48.354" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 48.354 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.873" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 224.873 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="76.1123" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 76.1123)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.566" y="76.1118" width="35.3035" height="33.3142" transform="rotate(-180 189.566 76.1118)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="189.566" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 189.566 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="76.1118" width="35.3035" height="33.3142" transform="rotate(-180 154.263 76.1118)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="154.263" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 154.263 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.96" y="76.1118" width="35.3035" height="33.3142" transform="rotate(-180 118.96 76.1118)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="118.96" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 118.96 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="366.085" y="76.1123" width="35.3035" height="33.3142" transform="rotate(-180 366.085 76.1123)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="366.085" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 366.085 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.779" y="76.1123" width="35.3035" height="33.3142" transform="rotate(-180 330.779 76.1123)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.779" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 330.779 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.479" y="76.1123" width="35.3035" height="33.3142" transform="rotate(-180 295.479 76.1123)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.479" y="42.7983" width="35.3035" height="33.3142" transform="rotate(-180 295.479 42.7983)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="260.176" y="9.48291" width="35.3035" height="33.3142" transform="rotate(-180 260.176 9.48291)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="224.873" y="9.48291" width="35.3035" height="33.3142" transform="rotate(-180 224.873 9.48291)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="9.4834" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 9.4834)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="366.085" y="9.4834" width="35.3035" height="33.3142" transform="rotate(-180 366.085 9.4834)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="330.779" y="9.4834" width="35.3035" height="33.3142" transform="rotate(-180 330.779 9.4834)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="295.479" y="9.4834" width="35.3035" height="33.3142" transform="rotate(-180 295.479 9.4834)" stroke="#396764" stroke-opacity="0.1" stroke-width="0.386912"/>
+<rect x="13.0508" y="109.427" width="35.3035" height="33.3142" transform="rotate(-180 13.0508 109.427)" stroke="#346458" stroke-opacity="0.3" stroke-width="0.898712"/>
+<g filter="url(#filter0_f_2627_69093)">
+<path d="M514.547 167.164L61.5469 167.164L216.719 -4.83567L350.021 -4.83566L514.547 167.164Z" fill="#AAF5F5"/>
+</g>
+<g filter="url(#filter1_b_2627_69093)">
+<rect x="68.5464" y="25.9595" width="329" height="238.205" rx="8" fill="url(#paint0_linear_2627_69093)"/>
+<rect x="69.0464" y="26.4595" width="328" height="237.205" rx="7.5" stroke="url(#paint1_linear_2627_69093)"/>
+</g>
+<circle cx="105.169" cy="60.2959" r="16.1772" fill="#4CC38A"/>
+<path d="M108.819 56.9589V55.4195H100.904V56.9589H104.037V65.0781H105.672V56.9589H108.819Z" fill="url(#paint2_linear_2627_69093)"/>
+<path d="M135.471 48.9328V48.0556H129.957V48.9328H132.242V54.8901H133.187V48.9328H135.471ZM137.045 54.8901V50.2534H136.148V54.8901H137.045ZM135.946 48.499C135.946 48.8557 136.235 49.1449 136.592 49.1449C136.958 49.1449 137.247 48.8557 137.247 48.499C137.247 48.1327 136.958 47.8435 136.592 47.8435C136.235 47.8435 135.946 48.1327 135.946 48.499ZM139.483 54.8901V52.0946C139.483 51.4006 139.917 50.9186 140.563 50.9186C141.257 50.9186 141.546 51.3813 141.546 51.979V54.8901H142.452V52.085C142.452 51.4198 142.886 50.9186 143.522 50.9186C144.207 50.9186 144.505 51.3716 144.505 51.979V54.8901H145.402V51.8826C145.402 50.668 144.611 50.1185 143.802 50.1185C143.214 50.1185 142.616 50.3306 142.25 50.9957C141.999 50.398 141.44 50.1185 140.862 50.1185C140.322 50.1185 139.743 50.3595 139.454 50.8704V50.2534H138.587V54.8901H139.483Z" fill="#232323"/>
+<path d="M155.032 50.8399C155.022 50.7435 155.012 50.6471 155.012 50.5603C155.012 49.847 155.398 49.2782 156.217 49.2782C157.008 49.2782 157.393 49.8084 157.393 50.3772C157.393 50.8591 157.123 51.3026 156.535 51.6785L155.494 52.3533C154.434 53.0377 154.029 53.8185 154.01 54.8403H158.386V53.9631H155.176C155.263 53.5775 155.581 53.3173 155.938 53.0859L157.172 52.2955C157.885 51.8424 158.348 51.1869 158.348 50.3675C158.348 49.3264 157.576 48.4492 156.237 48.4492C154.868 48.4492 154.077 49.4035 154.077 50.4736C154.077 50.5507 154.077 50.6374 154.087 50.7242L155.032 50.8399ZM162.852 54.8403V52.0448C162.852 51.3508 163.286 50.8688 163.932 50.8688C164.626 50.8688 164.915 51.3315 164.915 51.9291V54.8403H165.821V52.0352C165.821 51.37 166.255 50.8688 166.891 50.8688C167.576 50.8688 167.874 51.3218 167.874 51.9291V54.8403H168.771V51.8327C168.771 50.6181 167.981 50.0687 167.171 50.0687C166.583 50.0687 165.985 50.2808 165.619 50.9459C165.368 50.3482 164.809 50.0687 164.231 50.0687C163.691 50.0687 163.112 50.3097 162.823 50.8206V50.2036H161.956V54.8403H162.852ZM171.117 54.8403V50.2036H170.221V54.8403H171.117ZM170.019 48.4492C170.019 48.8059 170.308 49.0951 170.664 49.0951C171.031 49.0951 171.32 48.8059 171.32 48.4492C171.32 48.0829 171.031 47.7937 170.664 47.7937C170.308 47.7937 170.019 48.0829 170.019 48.4492ZM173.565 52.1605C173.565 51.4568 173.932 50.8881 174.645 50.8881C175.455 50.8881 175.725 51.4086 175.725 52.0545V54.8403H176.631V51.9002C176.631 50.8688 176.081 50.0687 174.973 50.0687C174.433 50.0687 173.883 50.2904 173.546 50.8688V50.2036H172.659V54.8403H173.565V52.1605ZM181.034 54.2812C181.034 54.474 181.053 54.7343 181.072 54.8403H181.94C181.921 54.6765 181.892 54.3487 181.892 53.9824V50.2036H180.986V52.9992C180.986 53.7028 180.619 54.1848 179.887 54.1848C179.125 54.1848 178.836 53.6257 178.836 52.9895V50.2036H177.93V53.1245C177.93 54.1752 178.585 54.9849 179.665 54.9849C180.205 54.9849 180.783 54.7632 181.034 54.2812ZM184.653 48.7384H183.824V49.4903C183.824 49.8952 183.611 50.2036 183.11 50.2036H182.86V51.023H183.746V53.5679C183.746 54.4065 184.248 54.8885 185.038 54.8885C185.347 54.8885 185.578 54.8307 185.655 54.8018V54.0306C185.578 54.0499 185.414 54.0692 185.298 54.0692C184.826 54.0692 184.653 53.8571 184.653 53.4329V51.023H185.655V50.2036H184.653V48.7384ZM187.405 52.0448C187.444 51.4472 187.907 50.8591 188.668 50.8591C189.488 50.8591 189.921 51.3797 189.941 52.0448H187.405ZM190.076 53.2498C189.902 53.7703 189.526 54.1848 188.774 54.1848C187.994 54.1848 187.396 53.6065 187.377 52.7774H190.866C190.876 52.7196 190.885 52.6039 190.885 52.4882C190.885 51.0423 190.085 50.059 188.659 50.059C187.492 50.059 186.442 51.0519 186.442 52.5075C186.442 54.0788 187.531 54.9849 188.774 54.9849C189.854 54.9849 190.596 54.3391 190.856 53.5197L190.076 53.2498ZM191.608 53.6354C191.685 54.1656 192.225 54.9849 193.498 54.9849C194.645 54.9849 195.194 54.2041 195.194 53.5486C195.194 52.8642 194.751 52.3533 193.912 52.1701L193.16 52.0063C192.804 51.9291 192.63 51.7267 192.63 51.4472C192.63 51.1291 192.939 50.8302 193.401 50.8302C194.134 50.8302 194.327 51.3604 194.365 51.6014L195.165 51.3026C195.069 50.8881 194.674 50.059 193.401 50.059C192.495 50.059 191.753 50.7338 191.753 51.5243C191.753 52.1798 192.187 52.6714 192.91 52.8256L193.7 52.9992C194.086 53.0859 194.298 53.3076 194.298 53.5968C194.298 53.9246 194.018 54.2138 193.507 54.2138C192.852 54.2138 192.486 53.8282 192.428 53.3462L191.608 53.6354ZM198.521 53.5968C198.521 54.3294 199.129 54.9849 200.073 54.9849C200.902 54.9849 201.365 54.5415 201.568 54.2138C201.568 54.5511 201.596 54.7247 201.616 54.8403H202.503C202.483 54.7247 202.445 54.4837 202.445 54.0788V51.7556C202.445 50.8495 201.905 50.059 200.517 50.059C199.514 50.059 198.714 50.676 198.618 51.5628L199.485 51.7653C199.543 51.2254 199.9 50.8302 200.536 50.8302C201.24 50.8302 201.539 51.2062 201.539 51.6592C201.539 51.8231 201.462 51.9677 201.182 52.0063L199.929 52.1894C199.129 52.3051 198.521 52.7678 198.521 53.5968ZM200.199 54.2234C199.736 54.2234 199.447 53.8956 199.447 53.5486C199.447 53.1341 199.736 52.9124 200.122 52.8546L201.539 52.6425V52.8546C201.539 53.8667 200.941 54.2234 200.199 54.2234ZM203.519 55.091C203.635 56.0839 204.502 56.8165 205.659 56.8165C207.404 56.8165 207.982 55.6693 207.982 54.4933V50.2036H207.086V50.8495C206.854 50.3868 206.372 50.1169 205.659 50.1169C204.387 50.1169 203.529 51.1194 203.529 52.3726C203.529 53.6836 204.425 54.6186 205.659 54.6186C206.353 54.6186 206.854 54.2812 207.076 53.8571V54.5222C207.076 55.5248 206.633 56.026 205.659 56.026C204.955 56.026 204.464 55.5344 204.396 54.8885L203.519 55.091ZM205.794 53.8571C204.975 53.8571 204.454 53.2787 204.454 52.3726C204.454 51.4761 204.994 50.8881 205.794 50.8881C206.575 50.8881 207.115 51.4761 207.115 52.3726C207.115 53.2691 206.575 53.8571 205.794 53.8571ZM211.415 54.1752C210.644 54.1752 209.969 53.5968 209.969 52.5172C209.969 51.4472 210.644 50.8688 211.415 50.8688C212.186 50.8688 212.861 51.4472 212.861 52.5172C212.861 53.5968 212.186Line truncated
+<path d="M136.107 70.2959V63.4614H135.163V66.3822H131.673V63.4614H130.728V70.2959H131.673V67.2594H135.163V70.2959H136.107ZM138.337 67.5004C138.375 66.9027 138.838 66.3147 139.6 66.3147C140.419 66.3147 140.853 66.8352 140.872 67.5004H138.337ZM141.007 68.7053C140.834 69.2259 140.458 69.6404 139.706 69.6404C138.925 69.6404 138.327 69.062 138.308 68.233H141.797C141.807 68.1752 141.817 68.0595 141.817 67.9438C141.817 66.4979 141.017 65.5146 139.59 65.5146C138.424 65.5146 137.373 66.5075 137.373 67.9631C137.373 69.5344 138.462 70.4405 139.706 70.4405C140.785 70.4405 141.528 69.7946 141.788 68.9753L141.007 68.7053ZM144.036 72.2335L147.053 65.6592H146.08L144.692 68.8596L143.246 65.6592H142.205L144.2 69.785L143.043 72.2335H144.036ZM146.765 69.679C146.765 70.0935 147.054 70.3345 147.411 70.3345C147.517 70.3345 147.594 70.3055 147.623 70.2863C147.613 70.749 147.295 71.2213 146.823 71.3273V71.8286C147.42 71.7515 148.249 71.2213 148.249 69.9489C148.249 69.3416 147.883 69.0331 147.469 69.0331C147.064 69.0331 146.765 69.3319 146.765 69.679ZM153.011 67.5679C153.03 66.8834 153.397 66.3436 154.091 66.3436C154.9 66.3436 155.17 66.8642 155.17 67.51V70.2959H156.076V67.3558C156.076 66.3243 155.527 65.5243 154.418 65.5243C153.888 65.5243 153.348 65.7074 153.011 66.199V63.3168H152.105V70.2959H153.011V67.5679ZM159.503 69.6308C158.732 69.6308 158.058 69.0524 158.058 67.9727C158.058 66.9027 158.732 66.3243 159.503 66.3243C160.275 66.3243 160.949 66.9027 160.949 67.9727C160.949 69.0524 160.275 69.6308 159.503 69.6308ZM159.503 65.5146C158.115 65.5146 157.132 66.5653 157.132 67.9727C157.132 69.3898 158.115 70.4405 159.503 70.4405C160.892 70.4405 161.875 69.3898 161.875 67.9727C161.875 66.5653 160.892 65.5146 159.503 65.5146ZM165.552 65.6592L164.347 69.1488L163.306 65.6592H162.313L163.837 70.2959H164.791L165.996 66.7678L167.23 70.2959H168.165L169.669 65.6592H168.714L167.692 69.1488L166.487 65.6592H165.552ZM174.941 66.3533C175.732 66.3533 176.069 66.8834 176.185 67.3365L177.004 66.9895C176.811 66.2858 176.175 65.5146 174.941 65.5146C173.621 65.5146 172.608 66.5268 172.608 67.9727C172.608 69.3801 173.601 70.4405 174.951 70.4405C176.156 70.4405 176.821 69.6597 177.043 68.9945L176.243 68.6475C176.136 69.0138 175.818 69.6018 174.951 69.6018C174.199 69.6018 173.534 69.0331 173.534 67.9727C173.534 66.8931 174.209 66.3533 174.941 66.3533ZM177.769 69.0524C177.769 69.785 178.377 70.4405 179.321 70.4405C180.15 70.4405 180.613 69.9971 180.815 69.6693C180.815 70.0067 180.844 70.1802 180.864 70.2959H181.751C181.731 70.1802 181.693 69.9392 181.693 69.5344V67.2112C181.693 66.3051 181.153 65.5146 179.765 65.5146C178.762 65.5146 177.962 66.1316 177.866 67.0184L178.733 67.2208C178.791 66.681 179.148 66.2858 179.784 66.2858C180.488 66.2858 180.787 66.6617 180.787 67.1148C180.787 67.2787 180.709 67.4233 180.43 67.4618L179.177 67.645C178.377 67.7607 177.769 68.2234 177.769 69.0524ZM179.447 69.679C178.984 69.679 178.695 69.3512 178.695 69.0042C178.695 68.5897 178.984 68.368 179.37 68.3101L180.787 68.098V68.3101C180.787 69.3223 180.189 69.679 179.447 69.679ZM184.01 67.6161C184.01 66.9124 184.377 66.3436 185.09 66.3436C185.9 66.3436 186.17 66.8642 186.17 67.51V70.2959H187.076V67.3558C187.076 66.3243 186.526 65.5243 185.418 65.5243C184.878 65.5243 184.329 65.746 183.991 66.3243V65.6592H183.104V70.2959H184.01V67.6161ZM191.988 70.2959V63.4614H191.024V70.2959H191.988ZM195.75 69.0524C195.75 69.785 196.357 70.4405 197.302 70.4405C198.131 70.4405 198.593 69.9971 198.796 69.6693C198.796 70.0067 198.825 70.1802 198.844 70.2959H199.731C199.712 70.1802 199.673 69.9392 199.673 69.5344V67.2112C199.673 66.3051 199.133 65.5146 197.745 65.5146C196.743 65.5146 195.942 66.1316 195.846 67.0184L196.714 67.2208C196.771 66.681 197.128 66.2858 197.764 66.2858C198.468 66.2858 198.767 66.6617 198.767 67.1148C198.767 67.2787 198.69 67.4233 198.41 67.4618L197.157 67.645C196.357 67.7607 195.75 68.2234 195.75 69.0524ZM197.427 69.679C196.964 69.679 196.675 69.3512 196.675 69.0042C196.675 68.5897 196.964 68.368 197.35 68.3101L198.767 68.098V68.3101C198.767 69.3223 198.169 69.679 197.427 69.679ZM201.624 67.9631C201.624 67.0088 202.164 66.334 202.993 66.334C203.822 66.334 204.324 66.9895 204.324 67.9438C204.324 68.8981 203.813 69.6211 202.984 69.6211C202.116 69.6211 201.624 68.9174 201.624 67.9631ZM204.333 69.6693C204.333 69.9489 204.362 70.1899 204.381 70.2959H205.259C205.249 70.2188 205.21 69.8814 205.21 69.438V63.3168H204.314V66.3147C204.16 65.9388 203.716 65.5339 202.897 65.5339C201.586 65.5339 200.699 66.6521 200.699 67.9631C200.699 69.3416 201.538 70.4212 202.897 70.4212C203.62 70.4212 204.111 70.0356 204.333 69.5922V69.6693ZM207.292 67.9631C207.292 67.0088 207.831 66.334 208.66 66.334C209.489 66.334 209.991 66.9895 209.991 67.9438C209.991 68.8981 209.48 69.6211 208.651 69.6211C207.783 69.6211 207.292 68.9174 207.292 67.9631ZM210 69.6693C210 69.9489 210.029 70.1899 210.048 70.2959H210.926C210.916 70.2188 210.877 69.8814 210.877 69.438V63.3168H209.981V66.3147C209.827 65.9388 209.383 65.53Line truncated
+<circle cx="105.169" cy="111.493" r="16.1772" fill="#585858"/>
+<rect x="112.832" y="116.602" width="11.4943" height="11.4943" rx="5.74717" fill="#4CC38A" stroke="#F2FDFD" stroke-width="3.40573"/>
+<path d="M108.492 116.276H110.277L106.517 106.617H104.623L100.863 116.276H102.593L103.493 113.851H107.579L108.492 116.276ZM105.536 108.388L107.007 112.339H104.065L105.536 108.388Z" fill="url(#paint3_linear_2627_69093)"/>
+<path d="M136.739 105.702H137.761L135.042 98.8671H133.953L131.235 105.702H132.247L132.97 103.793H135.997L136.739 105.702ZM134.474 99.8504L135.659 102.916H133.307L134.474 99.8504ZM139.49 103.022C139.49 102.318 139.856 101.749 140.569 101.749C141.379 101.749 141.649 102.27 141.649 102.916V105.702H142.555V102.762C142.555 101.73 142.006 100.93 140.897 100.93C140.357 100.93 139.808 101.152 139.471 101.73V101.065H138.584V105.702H139.49V103.022ZM144.903 103.022C144.903 102.318 145.269 101.749 145.982 101.749C146.792 101.749 147.062 102.27 147.062 102.916V105.702H147.968V102.762C147.968 101.73 147.419 100.93 146.31 100.93C145.77 100.93 145.221 101.152 144.883 101.73V101.065H143.997V105.702H144.903V103.022ZM149.12 104.458C149.12 105.191 149.728 105.846 150.672 105.846C151.501 105.846 151.964 105.403 152.166 105.075C152.166 105.412 152.195 105.586 152.215 105.702H153.102C153.082 105.586 153.044 105.345 153.044 104.94V102.617C153.044 101.711 152.504 100.92 151.116 100.92C150.113 100.92 149.313 101.537 149.217 102.424L150.084 102.627C150.142 102.087 150.499 101.692 151.135 101.692C151.839 101.692 152.138 102.067 152.138 102.521C152.138 102.684 152.06 102.829 151.781 102.868L150.528 103.051C149.728 103.166 149.12 103.629 149.12 104.458ZM150.798 105.085C150.335 105.085 150.046 104.757 150.046 104.41C150.046 103.995 150.335 103.774 150.721 103.716L152.138 103.504V103.716C152.138 104.728 151.54 105.085 150.798 105.085Z" fill="#232323"/>
+<path d="M161.143 103.446C161.143 104.757 161.933 105.625 163.273 105.625C164.545 105.625 165.326 104.632 165.326 103.437V98.6457H164.381V103.504C164.381 104.295 163.957 104.748 163.263 104.748C162.579 104.748 162.087 104.343 162.087 103.437V102.791L161.143 103.003V103.446ZM169.926 104.921C169.926 105.114 169.945 105.374 169.965 105.48H170.832C170.813 105.316 170.784 104.989 170.784 104.622V100.844H169.878V103.639C169.878 104.343 169.511 104.825 168.779 104.825C168.017 104.825 167.728 104.266 167.728 103.629V100.844H166.822V103.764C166.822 104.815 167.478 105.625 168.557 105.625C169.097 105.625 169.675 105.403 169.926 104.921ZM171.896 104.275C171.974 104.805 172.513 105.625 173.786 105.625C174.933 105.625 175.482 104.844 175.482 104.189C175.482 103.504 175.039 102.993 174.2 102.81L173.448 102.646C173.092 102.569 172.918 102.367 172.918 102.087C172.918 101.769 173.227 101.47 173.689 101.47C174.422 101.47 174.615 102 174.653 102.241L175.453 101.942C175.357 101.528 174.962 100.699 173.689 100.699C172.783 100.699 172.041 101.374 172.041 102.164C172.041 102.82 172.475 103.311 173.198 103.466L173.988 103.639C174.374 103.726 174.586 103.948 174.586 104.237C174.586 104.564 174.306 104.854 173.795 104.854C173.14 104.854 172.774 104.468 172.716 103.986L171.896 104.275ZM177.903 99.3783H177.074V100.13C177.074 100.535 176.862 100.844 176.361 100.844H176.11V101.663H176.997V104.208C176.997 105.046 177.498 105.528 178.289 105.528C178.597 105.528 178.829 105.471 178.906 105.442V104.67C178.829 104.69 178.665 104.709 178.549 104.709C178.077 104.709 177.903 104.497 177.903 104.073V101.663H178.906V100.844H177.903V99.3783ZM183.431 102.8C183.431 102.097 183.798 101.528 184.511 101.528C185.321 101.528 185.591 102.048 185.591 102.694V105.48H186.497V102.54C186.497 101.509 185.947 100.709 184.839 100.709C184.299 100.709 183.75 100.93 183.412 101.509V100.844H182.525V105.48H183.431V102.8ZM189.924 104.815C189.153 104.815 188.478 104.237 188.478 103.157C188.478 102.087 189.153 101.509 189.924 101.509C190.695 101.509 191.37 102.087 191.37 103.157C191.37 104.237 190.695 104.815 189.924 104.815ZM189.924 100.699C188.536 100.699 187.553 101.75 187.553 103.157C187.553 104.574 188.536 105.625 189.924 105.625C191.312 105.625 192.295 104.574 192.295 103.157C192.295 101.75 191.312 100.699 189.924 100.699ZM195.973 100.844L194.768 104.333L193.727 100.844H192.734L194.257 105.48H195.211L196.416 101.952L197.65 105.48H198.585L200.089 100.844H199.135L198.113 104.333L196.908 100.844H195.973Z" fill="#707070"/>
+<path d="M137.385 121.493V114.658H136.44V117.579H132.95V114.658H132.006V121.493H132.95V118.456H136.44V121.493H137.385ZM139.614 118.697C139.653 118.1 140.115 117.512 140.877 117.512C141.696 117.512 142.13 118.032 142.149 118.697H139.614ZM142.284 119.902C142.111 120.423 141.735 120.837 140.983 120.837C140.202 120.837 139.605 120.259 139.585 119.43H143.075C143.084 119.372 143.094 119.257 143.094 119.141C143.094 117.695 142.294 116.712 140.867 116.712C139.701 116.712 138.65 117.705 138.65 119.16C138.65 120.731 139.739 121.638 140.983 121.638C142.063 121.638 142.805 120.992 143.065 120.172L142.284 119.902ZM145.313 123.43L148.331 116.856H147.357L145.969 120.057L144.523 116.856H143.482L145.477 120.982L144.321 123.43H145.313ZM156.451 115.536V114.658H150.938V115.536H153.222V121.493H154.167V115.536H156.451ZM158.025 121.493V116.856H157.129V121.493H158.025ZM156.926 115.102C156.926 115.458 157.216 115.748 157.572 115.748C157.939 115.748 158.228 115.458 158.228 115.102C158.228 114.735 157.939 114.446 157.572 114.446C157.216 114.446 156.926 114.735 156.926 115.102ZM160.463 121.493V118.697C160.463 118.003 160.897 117.521 161.543 117.521C162.237 117.521 162.526 117.984 162.526 118.582V121.493H163.433V118.688C163.433 118.023 163.866 117.521 164.503 117.521C165.187 117.521 165.486 117.974 165.486 118.582V121.493H166.382V118.485C166.382 117.271 165.592 116.721 164.782 116.721C164.194 116.721 163.596 116.933 163.23 117.598C162.979 117.001 162.42 116.721 161.842 116.721C161.302 116.721 160.724 116.962 160.435 117.473V116.856H159.567V121.493H160.463ZM167.736 120.876C167.736 121.29 168.025 121.531 168.382 121.531C168.488 121.531 168.565 121.503 168.594 121.483C168.584 121.946 168.266 122.418 167.794 122.524V123.026C168.391 122.949 169.22 122.418 169.22 121.146C169.22 120.539 168.854 120.23 168.44 120.23C168.035 120.23 167.736 120.529 167.736 120.876ZM173.982 118.765C174.001 118.08 174.367 117.541 175.062 117.541C175.871 117.541 176.141 118.061 176.141 118.707V121.493H177.047V118.553C177.047 117.521 176.498 116.721 175.389 116.721C174.859 116.721 174.319 116.904 173.982 117.396V114.514H173.076V121.493H173.982V118.765ZM179.077 118.697C179.115 118.1 179.578 117.512 180.339 117.512C181.159 117.512 181.593 118.032 181.612 118.697H179.077ZM181.747 119.902C181.573 120.423 181.197 120.837 180.446 120.837C179.665 120.837 179.067 120.259 179.048 119.43H182.537C182.547 119.372 182.557 119.257 182.557 119.141C182.557 117.695 181.756 116.712 180.33 116.712C179.163 116.712 178.113 117.705 178.113 119.16C178.113 120.731 179.202 121.638 180.446 121.638C181.525 121.638 182.267 120.992 182.528 120.172L181.747 119.902ZM186.287 116.808C186.239 116.798 186.114 116.779 185.988 116.779C185.516 116.779 184.938 116.953 184.6 117.666V116.856H183.713V121.493H184.619V119.17C184.619 118.148 185.13 117.743 185.892 117.743C186.017 117.743 186.152 117.753 186.287 117.772V116.808ZM187.794 118.697C187.832 118.1 188.295 117.512 189.057 117.512C189.876 117.512 190.31 118.032 190.329 118.697H187.794ZM190.464 119.902C190.29 120.423 189.915 120.837 189.163 120.837C188.382 120.837 187.784 120.259 187.765 119.43H191.254C191.264 119.372 191.274 119.257 191.274 119.141C191.274 117.695 190.474 116.712 189.047 116.712C187.881 116.712 186.83 117.705 186.83 119.16C186.83 120.731 187.919 121.638 189.163 121.638C190.242 121.638 190.985 120.992 191.245 120.172L190.464 119.902ZM191.659 115.169C191.659 115.555 191.929 115.786 192.266 115.786C192.363 115.786 192.43 115.757 192.459 115.738C192.449 116.172 192.15 116.615 191.717 116.712V117.174C192.276 117.107 193.047 116.615 193.047 115.42C193.047 114.861 192.7 114.572 192.314 114.572C191.938 114.572 191.659 114.851 191.659 115.169ZM193.239 120.288C193.316 120.818 193.856 121.638 195.129 121.638C196.276 121.638 196.825 120.857 196.825 120.201C196.825 119.517 196.382 119.006 195.543 118.823L194.791 118.659C194.435 118.582 194.261 118.379 194.261 118.1C194.261 117.782 194.57 117.483 195.032 117.483C195.765 117.483 195.958 118.013 195.996 118.254L196.796 117.955C196.7 117.541 196.305 116.712 195.032 116.712C194.126 116.712 193.384 117.386 193.384 118.177C193.384 118.832 193.818 119.324 194.541 119.478L195.331 119.652C195.717 119.738 195.929 119.96 195.929 120.249C195.929 120.577 195.649 120.866 195.138 120.866C194.483 120.866 194.116 120.481 194.059 119.999L193.239 120.288ZM200.152 120.249C200.152 120.982 200.76 121.638 201.704 121.638C202.533 121.638 202.996 121.194 203.198 120.866C203.198 121.204 203.227 121.377 203.247 121.493H204.134C204.114 121.377 204.076 121.136 204.076 120.731V118.408C204.076 117.502 203.536 116.712 202.148 116.712C201.145 116.712 200.345 117.329 200.249 118.215L201.116 118.418C201.174 117.878 201.531 117.483 202.167 117.483C202.871 117.483 203.17 117.859 203.17 118.312C203.17 118.476 203.092 118.62 202.813 118.659L201.56 118.842C200.76 118.958 200.152 119.42 200.152 120.249ZM201.83 120.876C201.367 120.876 201.078 120.548 201.078 120.201C201.078 119.787 201.367 119.565 201.753 119.507L203.17 119.295V119.507C203Line truncated
+<path d="M94.6025 163.556V162.679H89.0886V163.556H91.3732V169.513H92.3179V163.556H94.6025ZM96.1763 169.513V164.876H95.2798V169.513H96.1763ZM95.0774 163.122C95.0774 163.479 95.3666 163.768 95.7233 163.768C96.0896 163.768 96.3788 163.479 96.3788 163.122C96.3788 162.756 96.0896 162.467 95.7233 162.467C95.3666 162.467 95.0774 162.756 95.0774 163.122ZM98.6145 169.513V166.718C98.6145 166.024 99.0483 165.542 99.6941 165.542C100.388 165.542 100.677 166.004 100.677 166.602V169.513H101.584V166.708C101.584 166.043 102.017 165.542 102.654 165.542C103.338 165.542 103.637 165.995 103.637 166.602V169.513H104.533V166.506C104.533 165.291 103.743 164.742 102.933 164.742C102.345 164.742 101.747 164.954 101.381 165.619C101.13 165.021 100.571 164.742 99.993 164.742C99.4531 164.742 98.8748 164.983 98.5856 165.493V164.876H97.718V169.513H98.6145ZM109.29 169.513V164.876H108.393V169.513H109.29ZM108.191 163.122C108.191 163.479 108.48 163.768 108.837 163.768C109.203 163.768 109.492 163.479 109.492 163.122C109.492 162.756 109.203 162.467 108.837 162.467C108.48 162.467 108.191 162.756 108.191 163.122ZM110.398 168.308C110.475 168.838 111.015 169.658 112.287 169.658C113.434 169.658 113.984 168.877 113.984 168.221C113.984 167.537 113.54 167.026 112.701 166.843L111.95 166.679C111.593 166.602 111.419 166.4 111.419 166.12C111.419 165.802 111.728 165.503 112.191 165.503C112.923 165.503 113.116 166.033 113.155 166.274L113.955 165.975C113.858 165.561 113.463 164.732 112.191 164.732C111.284 164.732 110.542 165.407 110.542 166.197C110.542 166.853 110.976 167.344 111.699 167.498L112.489 167.672C112.875 167.759 113.087 167.98 113.087 168.27C113.087 168.597 112.807 168.887 112.297 168.887C111.641 168.887 111.275 168.501 111.217 168.019L110.398 168.308ZM118.814 163.411H117.985V164.163C117.985 164.568 117.773 164.876 117.272 164.876H117.021V165.696H117.908V168.241C117.908 169.079 118.41 169.561 119.2 169.561C119.509 169.561 119.74 169.504 119.817 169.475V168.703C119.74 168.723 119.576 168.742 119.46 168.742C118.988 168.742 118.814 168.53 118.814 168.106V165.696H119.817V164.876H118.814V163.411ZM122.23 171.451L125.248 164.876H124.274L122.886 168.077L121.44 164.876H120.399L122.394 169.002L121.237 171.451H122.23ZM127.016 171.345V168.887C127.266 169.301 127.806 169.638 128.52 169.638C129.879 169.638 130.679 168.568 130.679 167.19C130.679 165.84 129.937 164.77 128.549 164.77C127.797 164.77 127.247 165.137 126.997 165.599V164.876H126.119V171.345H127.016ZM129.753 167.19C129.753 168.144 129.223 168.829 128.385 168.829C127.556 168.829 127.006 168.144 127.006 167.19C127.006 166.265 127.556 165.571 128.385 165.571C129.233 165.571 129.753 166.265 129.753 167.19ZM132.73 169.513V164.876H131.833V169.513H132.73ZM131.631 163.122C131.631 163.479 131.92 163.768 132.277 163.768C132.643 163.768 132.932 163.479 132.932 163.122C132.932 162.756 132.643 162.467 132.277 162.467C131.92 162.467 131.631 162.756 131.631 163.122ZM135.178 166.833C135.178 166.13 135.544 165.561 136.257 165.561C137.067 165.561 137.337 166.081 137.337 166.727V169.513H138.243V166.573C138.243 165.542 137.694 164.742 136.585 164.742C136.045 164.742 135.496 164.963 135.158 165.542V164.876H134.272V169.513H135.178V166.833ZM139.347 169.764C139.463 170.757 140.33 171.489 141.487 171.489C143.232 171.489 143.81 170.342 143.81 169.166V164.876H142.914V165.522C142.682 165.06 142.2 164.79 141.487 164.79C140.215 164.79 139.357 165.792 139.357 167.045C139.357 168.356 140.253 169.291 141.487 169.291C142.181 169.291 142.682 168.954 142.904 168.53V169.195C142.904 170.198 142.461 170.699 141.487 170.699C140.783 170.699 140.292 170.207 140.224 169.561L139.347 169.764ZM141.622 168.53C140.803 168.53 140.282 167.952 140.282 167.045C140.282 166.149 140.822 165.561 141.622 165.561C142.403 165.561 142.943 166.149 142.943 167.045C142.943 167.942 142.403 168.53 141.622 168.53ZM145.161 168.896C145.161 169.272 145.45 169.561 145.826 169.561C146.202 169.561 146.501 169.272 146.501 168.896C146.501 168.52 146.202 168.221 145.826 168.221C145.45 168.221 145.161 168.52 145.161 168.896ZM147.853 168.896C147.853 169.272 148.143 169.561 148.519 169.561C148.895 169.561 149.193 169.272 149.193 168.896C149.193 168.52 148.895 168.221 148.519 168.221C148.143 168.221 147.853 168.52 147.853 168.896ZM150.546 168.896C150.546 169.272 150.835 169.561 151.211 169.561C151.587 169.561 151.886 169.272 151.886 168.896C151.886 168.52 151.587 168.221 151.211 168.221C150.835 168.221 150.546 168.52 150.546 168.896Z" fill="#A0A0A0"/>
+<g filter="url(#filter2_b_2627_69093)">
+<rect x="88.9922" y="181.533" width="261.275" height="25.3764" rx="7.69231" fill="url(#paint4_linear_2627_69093)"/>
+<rect x="89.473" y="182.014" width="260.313" height="24.4149" rx="7.21154" stroke="url(#paint5_linear_2627_69093)" stroke-width="0.961538"/>
+</g>
+<path d="M105.037 192.129C104.874 191.343 104.22 190.331 102.585 190.331C101.247 190.331 100.194 191.353 100.194 192.487C100.194 193.57 100.93 194.244 101.962 194.469L102.994 194.694C103.719 194.847 104.077 195.297 104.077 195.818C104.077 196.451 103.586 196.972 102.585 196.972C101.492 196.972 100.92 196.227 100.848 195.419L99.8878 195.726C100.021 196.758 100.848 197.882 102.595 197.882C104.138 197.882 105.099 196.86 105.099 195.736C105.099 194.725 104.424 193.969 103.219 193.703L102.136 193.468C101.523 193.335 101.206 192.937 101.206 192.416C101.206 191.741 101.788 191.21 102.606 191.21C103.617 191.21 104.056 191.925 104.138 192.446L105.037 192.129ZM106.897 194.766C106.938 194.132 107.428 193.509 108.235 193.509C109.104 193.509 109.564 194.061 109.584 194.766H106.897ZM109.727 196.043C109.543 196.594 109.145 197.034 108.348 197.034C107.52 197.034 106.887 196.421 106.866 195.542H110.565C110.575 195.481 110.585 195.358 110.585 195.236C110.585 193.703 109.737 192.661 108.225 192.661C106.989 192.661 105.875 193.713 105.875 195.256C105.875 196.921 107.03 197.882 108.348 197.882C109.492 197.882 110.279 197.197 110.555 196.329L109.727 196.043ZM112.772 194.888C112.772 194.142 113.16 193.539 113.916 193.539C114.774 193.539 115.06 194.091 115.06 194.776V197.729H116.021V194.612C116.021 193.519 115.438 192.671 114.263 192.671C113.691 192.671 113.109 192.906 112.751 193.519V192.814H111.811V197.729H112.772V194.888ZM118.121 195.256C118.121 194.244 118.693 193.529 119.571 193.529C120.45 193.529 120.981 194.224 120.981 195.236C120.981 196.247 120.44 197.013 119.561 197.013C118.642 197.013 118.121 196.267 118.121 195.256ZM120.992 197.064C120.992 197.361 121.022 197.616 121.043 197.729H121.972C121.962 197.647 121.921 197.289 121.921 196.819V190.331H120.971V193.509C120.808 193.11 120.338 192.681 119.469 192.681C118.08 192.681 117.14 193.866 117.14 195.256C117.14 196.717 118.029 197.861 119.469 197.861C120.236 197.861 120.757 197.453 120.992 196.983V197.064ZM125.803 196.41C125.803 197.187 126.446 197.882 127.448 197.882C128.326 197.882 128.817 197.412 129.031 197.064C129.031 197.422 129.062 197.606 129.082 197.729H130.022C130.002 197.606 129.961 197.35 129.961 196.921V194.459C129.961 193.499 129.389 192.661 127.918 192.661C126.855 192.661 126.007 193.315 125.905 194.255L126.824 194.469C126.886 193.897 127.264 193.478 127.938 193.478C128.684 193.478 129.001 193.877 129.001 194.357C129.001 194.531 128.919 194.684 128.623 194.725L127.294 194.919C126.446 195.041 125.803 195.532 125.803 196.41ZM127.581 197.075C127.09 197.075 126.784 196.727 126.784 196.359C126.784 195.92 127.09 195.685 127.499 195.624L129.001 195.399V195.624C129.001 196.697 128.367 197.075 127.581 197.075ZM134.962 197.729V194.766C134.962 194.03 135.422 193.519 136.106 193.519C136.842 193.519 137.148 194.009 137.148 194.643V197.729H138.109V194.755C138.109 194.05 138.569 193.519 139.243 193.519C139.968 193.519 140.285 193.999 140.285 194.643V197.729H141.235V194.541C141.235 193.253 140.397 192.671 139.539 192.671C138.916 192.671 138.282 192.896 137.894 193.601C137.629 192.967 137.036 192.671 136.423 192.671C135.851 192.671 135.238 192.926 134.931 193.468V192.814H134.012V197.729H134.962ZM143.395 194.766C143.436 194.132 143.927 193.509 144.734 193.509C145.602 193.509 146.062 194.061 146.082 194.766H143.395ZM146.225 196.043C146.042 196.594 145.643 197.034 144.846 197.034C144.019 197.034 143.385 196.421 143.365 195.542H147.063C147.074 195.481 147.084 195.358 147.084 195.236C147.084 193.703 146.236 192.661 144.724 192.661C143.487 192.661 142.374 193.713 142.374 195.256C142.374 196.921 143.528 197.882 144.846 197.882C145.99 197.882 146.777 197.197 147.053 196.329L146.225 196.043ZM147.85 196.451C147.932 197.013 148.504 197.882 149.852 197.882C151.068 197.882 151.651 197.054 151.651 196.359C151.651 195.634 151.181 195.092 150.292 194.898L149.495 194.725C149.117 194.643 148.933 194.428 148.933 194.132C148.933 193.795 149.26 193.478 149.75 193.478C150.527 193.478 150.731 194.04 150.772 194.296L151.62 193.979C151.518 193.539 151.099 192.661 149.75 192.661C148.79 192.661 148.003 193.376 148.003 194.214C148.003 194.909 148.463 195.43 149.229 195.593L150.067 195.777C150.476 195.869 150.701 196.104 150.701 196.41C150.701 196.758 150.404 197.064 149.863 197.064C149.168 197.064 148.78 196.656 148.718 196.145L147.85 196.451ZM152.47 196.451C152.551 197.013 153.124 197.882 154.472 197.882C155.688 197.882 156.27 197.054 156.27 196.359C156.27 195.634 155.8 195.092 154.912 194.898L154.115 194.725C153.737 194.643 153.553 194.428 153.553 194.132C153.553 193.795 153.88 193.478 154.37 193.478C155.147 193.478 155.351 194.04 155.392 194.296L156.24 193.979C156.138 193.539 155.719 192.661 154.37 192.661C153.41 192.661 152.623 193.376 152.623 194.214C152.623 194.909 153.083 195.43 153.849 195.593L154.687 195.777C155.095 195.869 155.32 196.104 155.32 196.41C155.32 196.758 155.024 197.064 154.482 197.064C153.788 197.064 153.399 196.656 153.338 196.145L152.47 196.451ZM157.143 196.41C157.143 197.187 157Line truncated
+<rect x="0.546387" y="0.164062" width="332" height="260" fill="url(#paint6_radial_2627_69093)"/>
+</g>
+<defs>
+<filter id="filter0_f_2627_69093" x="-178.133" y="-244.515" width="932.36" height="651.36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="119.84" result="effect1_foregroundBlur_2627_69093"/>
+</filter>
+<filter id="filter1_b_2627_69093" x="53.5464" y="10.9595" width="359" height="268.205" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="7.5"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_2627_69093"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2627_69093" result="shape"/>
+</filter>
+<filter id="filter2_b_2627_69093" x="74.5691" y="167.11" width="290.121" height="54.2226" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="7.21154"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_2627_69093"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_2627_69093" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_2627_69093" x1="346.797" y1="25.9595" x2="95.3962" y2="276.75" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.87"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2627_69093" x1="203.619" y1="20.9957" x2="309.027" y2="224.883" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CACECE"/>
+<stop offset="1" stop-color="#DEDEDE" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2627_69093" x1="100.727" y1="70.1377" x2="119.839" y2="56.1704" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#82978D"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2627_69093" x1="100.727" y1="121.335" x2="119.839" y2="107.368" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#82978D"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2627_69093" x1="175.342" y1="181.533" x2="350.267" y2="238.49" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CDCDCD" stop-opacity="0.26"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2627_69093" x1="196.26" y1="181.004" x2="198.16" y2="208.398" gradientUnits="userSpaceOnUse">
+<stop stop-color="#868686" stop-opacity="0.37"/>
+<stop offset="1" stop-color="#3E3E3E" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint6_radial_2627_69093" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(163.551 19.1641) rotate(90) scale(225 376.615)">
+<stop offset="0.629777" stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<clipPath id="clip0_2627_69093">
+<rect width="332" height="260" fill="white" transform="translate(0.546387 0.164062)"/>
+</clipPath>
+</defs>
+</svg>

apps/www/public/images/pricing/compute-upgrade-green.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33957 7.56018H4.37744V12.5602" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M16.25 6.80144V2.56055H3.75V7.56055H10.3031" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M16.25 14.0046V17.5605H3.75V12.5605H10.9114" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.318 14.3976L11.318 9.38611L8.53809 9.38611L13.6881 4.16174L18.8381 9.38611L16.2526 9.38611L16.2526 15.0605" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.6729 10.0287V15.6481" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>

apps/www/public/images/pricing/compute-upgrade-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><path stroke="#11181c" stroke-linejoin="bevel" stroke-miterlimit="10" d="M5.472 4.599h-3.97v4M11 9.754V12.6H1v-4h5.73M11 3.992V.599H1v4h5.242m.812 5.47v-4.01H4.831L8.95 1.88l4.12 4.18h-2.069v4.54M8.938 6.573v4.495"/></svg>

apps/www/public/images/pricing/compute-upgrade.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><path stroke="#fff" stroke-linejoin="bevel" stroke-miterlimit="10" d="M5.472 4.599h-3.97v4M11 9.754V12.6H1v-4h5.73M11 3.992V.599H1v4h5.242m.812 5.47v-4.01H4.831L8.95 1.88l4.12 4.18h-2.069v4.54M8.938 6.573v4.495"/></svg>

apps/www/public/images/pricing/custom-domain-upgrade-light.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.548665 7.59922H13.4517M1.69334 3.69304C3.19287 4.43137 5.02363 4.86519 6.9999 4.86519C8.97618 4.86519 10.8069 4.43137 12.3065 3.69304M12.3065 11.5304C10.8069 10.7921 8.97618 10.3583 6.99991 10.3583C5.02363 10.3583 3.19287 10.7921 1.69334 11.5304M9.55163 7.59922C9.55163 11.189 8.40918 14.0991 6.99991 14.0991C5.59063 14.0991 4.44818 11.189 4.44818 7.59922C4.44818 4.00942 5.59063 1.09931 6.99991 1.09931C8.40918 1.09931 9.55163 4.00942 9.55163 7.59922ZM13.4998 7.59903C13.4998 11.1888 10.5897 14.0989 6.99991 14.0989C3.41011 14.0989 0.5 11.1888 0.5 7.59903C0.5 4.00923 3.41011 1.09912 6.99991 1.09912C10.5897 1.09912 13.4998 4.00923 13.4998 7.59903Z" stroke="#11181c"/>
+</svg>

apps/www/public/images/pricing/custom-domain-upgrade.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.548665 7.59922H13.4517M1.69334 3.69304C3.19287 4.43137 5.02363 4.86519 6.9999 4.86519C8.97618 4.86519 10.8069 4.43137 12.3065 3.69304M12.3065 11.5304C10.8069 10.7921 8.97618 10.3583 6.99991 10.3583C5.02363 10.3583 3.19287 10.7921 1.69334 11.5304M9.55163 7.59922C9.55163 11.189 8.40918 14.0991 6.99991 14.0991C5.59063 14.0991 4.44818 11.189 4.44818 7.59922C4.44818 4.00942 5.59063 1.09931 6.99991 1.09931C8.40918 1.09931 9.55163 4.00942 9.55163 7.59922ZM13.4998 7.59903C13.4998 11.1888 10.5897 14.0989 6.99991 14.0989C3.41011 14.0989 0.5 11.1888 0.5 7.59903C0.5 4.00923 3.41011 1.09912 6.99991 1.09912C10.5897 1.09912 13.4998 4.00923 13.4998 7.59903Z" stroke="#fff"/>
+</svg>

apps/www/public/images/pricing/pitr-upgrade-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" fill="none"><path stroke="#11181c" stroke-linejoin="bevel" stroke-miterlimit="10" d="M2.522 8.137a6.5 6.5 0 1 1 .508 2.038M.812 6.923l1.715 1.714 1.715-1.714m2.005-2.574h5.416v2.16H6.247v-2.16Zm.258 2.16h4.873v2.16H6.505v-2.16Zm-.258 2.16h5.417v2.16H6.247v-2.16Z"/></svg>

apps/www/public/images/pricing/pitr-upgrade.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" fill="none"><path stroke="#fff" stroke-linejoin="bevel" stroke-miterlimit="10" d="M2.522 8.137a6.5 6.5 0 1 1 .508 2.038M.812 6.923l1.715 1.714 1.715-1.714m2.005-2.574h5.416v2.16H6.247v-2.16Zm.258 2.16h4.873v2.16H6.505v-2.16Zm-.258 2.16h5.417v2.16H6.247v-2.16Z"/></svg>

apps/www/public/images/pricing/support-upgrade-light.svg

@@ -0,0 +1,9 @@
+<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.46582 0L0.96582 0.5V12.2167L1.46582 12.7167H5.18688V15.5L6.04754 15.8463L9.05243 12.7167H9.81807V12.8432H10.8181V7.32562L10.3181 6.82562H8.73318L12.6882 2.81349L15.9658 6.13841V6.257H16.0827L16.6433 6.82562H15.2528L14.7528 7.32562V13H15.7528V7.82562H17.8382L18.1943 6.97461L16.9658 5.72839V0.5L16.4658 0H1.46582ZM15.9658 4.71395V1H1.96582V11.7167H5.68688L6.18688 12.2167V14.2573L8.47868 11.8704L8.83934 11.7167H9.81807V8.46826H4.2655V7.46826H7.38868L7.18213 6.97461L8.81583 5.31732H4.2655V4.31732H9.8016L12.3321 1.75025H13.0443L15.9658 4.71395ZM12.3093 15.5V7.96826H13.3093V15.5H12.3093Z" fill="url(#paint0_linear_2725_14902)"/>
+<defs>
+<linearGradient id="paint0_linear_2725_14902" x1="0.96582" y1="15.8463" x2="16.7569" y2="-1.32212" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.5"/>
+<stop offset="1" stop-color="#020202"/>
+</linearGradient>
+</defs>
+</svg>

apps/www/public/images/pricing/support-upgrade.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.46582 2L1.96582 2.5V14.2167L2.46582 14.7167H6.18688V17.5L7.04754 17.8463L10.0524 14.7167H10.8181V14.8432H11.8181V9.32562L11.3181 8.82562H9.73318L13.6882 4.81349L16.9658 8.13841V8.257H17.0827L17.6433 8.82562H16.2528L15.7528 9.32562V15H16.7528V9.82562L18.8382 9.82562L19.1943 8.97461L17.9658 7.72838V2.5L17.4658 2H2.46582ZM16.9658 6.71395V3H2.96582V13.7167H6.68688L7.18688 14.2167V16.2573L9.47868 13.8704L9.83934 13.7167H10.8181V10.4683H5.2655V9.46826H8.38868L8.18213 8.97461L9.81583 7.31732H5.2655V6.31732H10.8016L13.3321 3.75025L14.0443 3.75025L16.9658 6.71395ZM13.3093 17.5V9.96826H14.3093V17.5H13.3093Z" fill="url(#paint0_linear_2737_13787)"/>
+<defs>
+<linearGradient id="paint0_linear_2737_13787" x1="1.96582" y1="17.8463" x2="17.7569" y2="0.677878" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EDEDED" stop-opacity="0.5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

apps/www/public/sitemap_www.xml

@@ -60,12 +60,6 @@
     <changefreq>0.5</changefreq>
   </url>
 
-  <url>
-    <loc>https://supabase.com/blog/</loc>
-    <changefreq>weekly</changefreq>
-    <changefreq>0.5</changefreq>
-  </url>
-
   <url>
     <loc>https://supabase.com/contact/mfa</loc>
     <changefreq>weekly</changefreq>
@@ -73,7 +67,7 @@
   </url>
 
   <url>
-    <loc>https://supabase.com/database</loc>
+    <loc>https://supabase.com/blog/</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
@@ -85,13 +79,19 @@
   </url>
 
   <url>
-    <loc>https://supabase.com/launch-week/ticket-image</loc>
+    <loc>https://supabase.com/legal/dpa</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
 
   <url>
-    <loc>https://supabase.com/legal/dpa</loc>
+    <loc>https://supabase.com/database</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/launch-week/ticket-image</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
@@ -974,24 +974,66 @@
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/blog/custom-domain-names</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/blog/launch-week-6-community-day</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/blog/launch-week-6-wrap-up</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/blog/new-in-postgres-15</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/blog/pg-graphql-v1</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/blog/postgres-point-in-time-recovery</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/blog/postgrest-11-prerelease</loc>
     <changefreq>weekly</changefreq>
     <changefreq>0.5</changefreq>
   </url>
 
+  <url>
+    <loc>https://supabase.com/blog/vault-now-in-beta</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/blog/launch-week-6-hackathon-winners</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
+  <url>
+    <loc>https://supabase.com/blog/supabase-beta-december-2022</loc>
+    <changefreq>weekly</changefreq>
+    <changefreq>0.5</changefreq>
+  </url>
+
   <url>
     <loc>https://supabase.com/alternatives/supabase-vs-firebase</loc>
     <changefreq>weekly</changefreq>

apps/www/styles/index.css

@@ -659,3 +659,36 @@ launch week
 
   -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
 }
+
+/* Text with a gradient background */
+[class*='gradient-text-'] {
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+[class*='gradient-text-']::selection {
+  background-color: var(--colors-brand9);
+  background-clip: unset;
+  -webkit-text-fill-color: white;
+}
+
+@layer utilities {
+  .gradient-text-brand-100 {
+    background-image: linear-gradient(45deg, var(--colors-brand8) 0%, var(--colors-brand9) 100%);
+  }
+  .gradient-text-brand-500 {
+    background-image: linear-gradient(45deg, var(--colors-brand8) 0%, var(--colors-brand9) 100%);
+  }
+
+  .gradient-text-scale-100 {
+    background-image: -webkit-linear-gradient(45deg, #fff 0%, var(--colors-green12) 100%);
+  }
+
+  .gradient-text-scale-500 {
+    background-image: -webkit-linear-gradient(
+      45deg,
+      var(--colors-scale10) 0%,
+      var(--colors-scale12) 100%
+    );
+  }
+}

packages/ui/src/lib/theme/defaultTheme.ts

@@ -117,9 +117,9 @@ export default {
           flex flex-row
           gap-3
           items-center
-          w-full 
-          text-left 
-          cursor-pointer 
+          w-full
+          text-left
+          cursor-pointer
 
           outline-none
           focus-visible:ring-1
@@ -143,27 +143,27 @@ export default {
           group
           border
           border-scale-700
-          
+
           first:rounded-tl-md first:rounded-tr-md
           last:rounded-bl-md last:rounded-br-md
         `,
         trigger: `
           flex flex-row
           items-center
-          px-6 py-4 
-          w-full 
-          text-left 
-          cursor-pointer 
-          
-          font-medium 
-          text-base 
-          bg-transparent 
+          px-6 py-4
+          w-full
+          text-left
+          cursor-pointer
+
+          font-medium
+          text-base
+          bg-transparent
 
           outline-none
           focus-visible:ring-1
           focus-visible:z-50
           ring-scale-1100
-          
+
           transition-colors
           hover:bg-scale-200
 
@@ -252,8 +252,8 @@ export default {
 
   alert: {
     base: `
-      relative rounded border py-4 px-6 
-      flex space-x-4 items-start 
+      relative rounded border py-4 px-6
+      flex space-x-4 items-start
     `,
     header: 'block text-sm font-normal mb-1',
     description: `text-xs`,
@@ -290,11 +290,11 @@ export default {
       },
     },
     close: `
-      absolute 
-      right-6 top-4 
-      p-0 m-0 
+      absolute
+      right-6 top-4
+      p-0 m-0
       text-scale-900
-      cursor-pointer transition ease-in-out 
+      cursor-pointer transition ease-in-out
       bg-transparent border-transparent focus:outline-none
       opacity-50 hover:opacity-100`,
   },
@@ -306,15 +306,15 @@ export default {
   card: {
     base: `
       bg-white dark:bg-scaleDark-700
-      
-      border
-      ${defaults.border.primary} 
 
-      flex flex-col 
+      border
+      ${defaults.border.primary}
+
+      flex flex-col
       rounded-md shadow-lg overflow-hidden relative
     `,
     hoverable: 'transition hover:-translate-y-1 hover:shadow-2xl',
-    head: `px-8 py-6 flex justify-between 
+    head: `px-8 py-6 flex justify-between
     border-b
       ${defaults.border.primary} `,
     content: 'p-8',
@@ -328,20 +328,20 @@ export default {
     base: `w-full justify-between space-y-4`,
     underlined: {
       list: `
-        flex items-center border-b 
+        flex items-center border-b
         ${defaults.border.secondary}
         `,
-      base: ` 
-        relative 
-        cursor-pointer 
-        text-scale-900 
-        flex 
-        items-center 
+      base: `
+        relative
+        cursor-pointer
+        text-scale-900
+        flex
+        items-center
         space-x-2
-        text-center 
+        text-center
         transition
-        focus:outline-none 
-        focus-visible:ring 
+        focus:outline-none
+        focus-visible:ring
         focus-visible:ring-scale-700
         focus-visible:border-scale-900
       `,
@@ -355,18 +355,18 @@ export default {
     },
     pills: {
       list: 'flex space-x-1',
-      base: ` 
-        relative 
-        cursor-pointer 
-        flex 
-        items-center 
+      base: `
+        relative
+        cursor-pointer
+        flex
+        items-center
         space-x-2
-        text-center 
+        text-center
         transition
         shadow-sm
         rounded
-        focus:outline-none 
-        focus-visible:ring 
+        focus:outline-none
+        focus-visible:ring
         focus-visible:ring-scale-700
         focus-visible:border-scale-900
         `,
@@ -378,23 +378,23 @@ export default {
       active: `
         bg-scale-1200
         text-scale-200
-        border-scale-1200 
+        border-scale-1200
       `,
     },
     'rounded-pills': {
       list: 'flex flex-wrap gap-2',
-      base: ` 
-        relative 
-        cursor-pointer 
-        flex 
-        items-center 
+      base: `
+        relative
+        cursor-pointer
+        flex
+        items-center
         space-x-2
-        text-center 
+        text-center
         transition
         shadow-sm
         rounded-full
-        focus:outline-none 
-        focus-visible:ring 
+        focus:outline-none
+        focus-visible:ring
         focus-visible:ring-scale-700
         focus-visible:border-scale-900
         `,
@@ -406,7 +406,7 @@ export default {
       active: `
         bg-scale-1200
         text-scale-200
-        border-scale-1200 
+        border-scale-1200
       `,
     },
     block: 'w-full flex items-center justify-center',
@@ -427,15 +427,15 @@ export default {
 
   button: {
     base: `
-      relative 
-      cursor-pointer 
-      inline-flex items-center space-x-2 
-      text-center 
+      relative
+      cursor-pointer
+      inline-flex items-center space-x-2
+      text-center
       font-regular
-      transition ease-out duration-200 
-      rounded 
+      transition ease-out duration-200
+      rounded
       ${defaults['focus-visible']}
-      
+
     `,
     label: `truncate`,
     container: 'inline-flex font-medium',
@@ -449,7 +449,7 @@ export default {
       secondary: `
         bg-scale-1200
         text-scale-100 hover:text-scale-800
-        focus-visible:text-scale-600 
+        focus-visible:text-scale-600
 
         bordershadow-scale-1100 hover:bordershadow-scale-900
 
@@ -462,7 +462,7 @@ export default {
         dark:bordershadow-scale-700 hover:dark:bordershadow-scale-800
         dark:bg-scale-500 dark:hover:bg-scale-600
         focus-visible:outline-brand-600
-        
+
       `,
       alternative: `
         text-brand-1100
@@ -473,14 +473,14 @@ export default {
         focus-visible:outline-brand-600
       `,
       outline: `
-        text-scale-1200 
-        bg-transparent 
+        text-scale-1200
+        bg-transparent
         bordershadow-scale-600 hover:bordershadow-scale-700
         dark:bordershadow-scale-800 hover:dark:bordershadow-scale-900
         focus-visible:outline-scale-700
       `,
       dashed: `
-        text-scale-1200 
+        text-scale-1200
         border
         border-dashed
         border-scale-700 hover:border-scale-900
@@ -498,7 +498,7 @@ export default {
         focus-visible:outline-scale-700
       `,
       text: `
-        text-scale-1200 
+        text-scale-1200
         hover:bg-scale-500
         shadow-none
         focus-visible:outline-scale-700
@@ -538,13 +538,13 @@ export default {
 
   input: {
     base: `
-      block 
-      box-border 
-      w-full 
-      rounded-md 
-      shadow-sm 
+      block
+      box-border
+      w-full
+      rounded-md
+      shadow-sm
       transition-all
-      text-scale-1200  
+      text-scale-1200
       border
       focus:shadow-md
       ${defaults.focus}
@@ -559,7 +559,7 @@ export default {
         `,
       error: `
         bg-red-100
-        border border-red-700 
+        border border-red-700
         focus:ring-red-500
         placeholder:text-red-600
        `,
@@ -581,13 +581,13 @@ export default {
 
   select: {
     base: `
-      block 
-      box-border 
-      w-full 
-      rounded-md 
-      shadow-sm 
+      block
+      box-border
+      w-full
+      rounded-md
+      shadow-sm
       transition-all
-      text-scale-1200  
+      text-scale-1200
       border
       focus:shadow-md
       ${defaults.focus}
@@ -605,7 +605,7 @@ export default {
         `,
       error: `
         bg-red-100
-        border border-red-700 
+        border border-red-700
         focus:ring-red-500
         placeholder:text-red-600
        `,
@@ -618,7 +618,7 @@ export default {
     disabled: 'opacity-50',
     actions_container: 'absolute inset-y-0 right-0 pl-3 pr-1 mr-5 flex items-center',
     chevron_container: 'absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none',
-    chevron: 'h-5 w-5 text-scale-600',
+    chevron: 'h-5 w-5 text-scale-800',
   },
 
   /*
@@ -628,12 +628,12 @@ export default {
   inputNumber: {
     base: `
       block
-      box-border 
-      w-full 
-      rounded-md 
-      shadow-sm 
+      box-border
+      w-full
+      rounded-md
+      shadow-sm
       transition-all
-      text-scale-1200  
+      text-scale-1200
       border
       focus:shadow-md
       ${defaults.focus}
@@ -651,7 +651,7 @@ export default {
       `,
       error: `
         bg-red-100
-        border border-red-700 
+        border border-red-700
         focus:ring-red-500
         placeholder:text-red-600
        `,
@@ -668,9 +668,9 @@ export default {
   /*
    *  Checkbox
    *
-   * 
+   *
    * This Checkbox requires a plugin in your config:
-  
+
     ```
     // tailwind.config.js
     module.exports = {
@@ -681,17 +681,17 @@ export default {
       ],
     }
     ```
-   * 
-   * 
+   *
+   *
   */
 
   checkbox: {
     base: `
-      bg-transparent 
+      bg-transparent
       ${defaults.focus}
       focus:ring-scale-400
-      text-brand-900 
-      border-scale-700 
+      text-brand-900
+      border-scale-700
       shadow-sm
       rounded
       cursor-pointer
@@ -727,9 +727,9 @@ export default {
   /*
    *  Radio
    *
-   * 
+   *
    * This Radio requires a plugin in your config:
-  
+
     ```
     // tailwind.config.js
     module.exports = {
@@ -740,8 +740,8 @@ export default {
       ],
     }
     ```
-   * 
-   * 
+   *
+   *
   */
 
   radio: {
@@ -750,7 +750,7 @@ export default {
       ${defaults.focus}
       focus:ring-brand-400
       border-scale-700
-      
+
       text-brand-900
       shadow-sm
       cursor-pointer
@@ -797,7 +797,7 @@ export default {
         `,
         active: `
           bg-scale-300 dark:bg-scale-600 z-10
-          border-scale-900 dark:border-scale-900 
+          border-scale-900 dark:border-scale-900
           border-1
         `,
         radio_offset: 'left-4',
@@ -816,7 +816,7 @@ export default {
           transition
           rounded-md
           border
-          shadow-sm 
+          shadow-sm
         `,
         size: {
           tiny: `px-5 py-3`,
@@ -833,7 +833,7 @@ export default {
         `,
         active: `
           bg-scale-300 dark:bg-scale-600 z-10
-          border-scale-900 dark:border-scale-900 
+          border-scale-900 dark:border-scale-900
           border-1
         `,
         radio_offset: 'left-4',
@@ -849,9 +849,9 @@ export default {
         },
         group: `flex flex-row gap-3`,
         base: `
-          transition 
+          transition
           border
-          rounded-lg 
+          rounded-lg
           grow
           items-center
           flex-wrap
@@ -888,10 +888,10 @@ export default {
         },
         group: `flex flex-row gap-3`,
         base: `
-          transition 
-          border border-scale-700 hover:border-scale-900 
+          transition
+          border border-scale-700 hover:border-scale-900
           shadow-sm
-          rounded-lg 
+          rounded-lg
           grow
         `,
         size: {
@@ -909,7 +909,7 @@ export default {
         `,
         active: `
           bg-scale-300 dark:bg-scale-600 z-10
-          border-scale-900 dark:border-scale-900 
+          border-scale-900 dark:border-scale-900
           border-1
         `,
         radio_offset: 'left-4',
@@ -969,21 +969,21 @@ export default {
   sidepanel: {
     base: `
       bg-scale-100 dark:bg-scale-300
-      flex flex-col 
-      fixed 
-      inset-y-0 
-      max-w-full 
+      flex flex-col
+      fixed
+      inset-y-0
+      max-w-full
       h-screen
       border-l border-overlay-border
       shadow-xl
     `,
     header: `
-      space-y-1 py-4 px-4 bg-overlay-bg sm:px-6 
+      space-y-1 py-4 px-4 bg-overlay-bg sm:px-6
       border-b border-overlay-border
     `,
     contents: `
-      relative 
-      flex-1 
+      relative
+      flex-1
       overflow-y-auto
     `,
     content: `
@@ -1002,12 +1002,12 @@ export default {
     align: {
       left: `
         left-0
-        data-open:animate-panel-slide-left-out 
+        data-open:animate-panel-slide-left-out
         data-closed:animate-panel-slide-left-in
       `,
       right: `
         right-0
-        data-open:animate-panel-slide-right-out 
+        data-open:animate-panel-slide-right-out
         data-closed:animate-panel-slide-right-in
       `,
     },
@@ -1023,9 +1023,9 @@ export default {
       dark:bg-scale-100
       h-full w-full
       left-0
-      top-0 
+      top-0
       opacity-75
-      data-closed:animate-fade-out-overlay-bg 
+      data-closed:animate-fade-out-overlay-bg
       data-open:animate-fade-in-overlay-bg
     `,
     // this is to reset the button
@@ -1041,10 +1041,10 @@ export default {
 
   toggle: {
     base: `
-      p-0 relative 
-      inline-flex flex-shrink-0 
-      border-2 border-transparent 
-      rounded-full 
+      p-0 relative
+      inline-flex flex-shrink-0
+      border-2 border-transparent
+      rounded-full
       cursor-pointer
       transition-colors ease-in-out duration-200
       ${defaults.focus}
@@ -1054,8 +1054,8 @@ export default {
       hover:bg-scale-700
     `,
     active: `
-      bg-brand-900    
-      hover:bg-brand-900    
+      bg-brand-900
+      hover:bg-brand-900
     `,
     handle_container: {
       tiny: 'h-4 w-7',
@@ -1066,12 +1066,12 @@ export default {
     },
     handle: {
       base: `
-        inline-block h-5 w-5 
-        rounded-full 
+        inline-block h-5 w-5
+        rounded-full
         bg-scale-100
         dark:bg-scale-900
-        shadow ring-0 
-        transition 
+        shadow ring-0
+        transition
         ease-in-out duration-200
       `,
       tiny: 'h-3 w-3',
@@ -1159,7 +1159,7 @@ export default {
     },
     error: {
       base: `
-        text-red-900 
+        text-red-900
         transition-all
         data-show:mt-2
         data-show:animate-slide-down-normal
@@ -1187,7 +1187,7 @@ export default {
     trigger: `
       flex
 
-      border-none 
+      border-none
       rounded
       bg-transparent p-0
       outline-none
@@ -1279,8 +1279,8 @@ export default {
   popover: {
     trigger: `
       flex
-      border-none 
-  
+      border-none
+
       rounded
       bg-transparent
       p-0
@@ -1300,7 +1300,7 @@ export default {
       data-closed:animate-dropdown-content-hide
       min-w-fit
 
-      origin-popover 
+      origin-popover
       data-open:animate-dropdown-content-show
       data-closed:animate-dropdown-content-hide
     `,
@@ -1344,7 +1344,7 @@ export default {
         cursor-pointer
         flex space-x-3 items-center
         outline-none
-        focus-visible:ring-1 ring-scale-1200 focus-visible:z-10 
+        focus-visible:ring-1 ring-scale-1200 focus-visible:z-10
         group
       `,
       content: {
@@ -1415,7 +1415,7 @@ export default {
     },
     group: {
       base: `
-        flex space-x-3 
+        flex space-x-3
         mb-2
         font-normal
       `,
@@ -1438,20 +1438,20 @@ export default {
       bg-scale-100 dark:bg-scale-300
       my-4
       border border-scale-300 dark:border-scale-500
-      rounded-md 
-      shadow-xl 
-      data-open:animate-overlay-show 
-      data-closed:animate-overlay-hide  
-      
+      rounded-md
+      shadow-xl
+      data-open:animate-overlay-show
+      data-closed:animate-overlay-hide
+
     `,
     header: `
       bg-scale-200 dark:bg-scale-400
-      space-y-1 py-3 px-4 sm:px-5 
+      space-y-1 py-3 px-4 sm:px-5
       border-b border-scale-300 dark:border-scale-500
     `,
     footer: `
       flex justify-end gap-2
-      py-3 px-5 
+      py-3 px-5
       border-t border-scale-300 dark:border-scale-500
     `,
     size: {
@@ -1469,9 +1469,9 @@ export default {
       dark:bg-scale-100
       h-full w-full
       left-0
-      top-0 
+      top-0
       opacity-75
-      data-closed:animate-fade-out-overlay-bg 
+      data-closed:animate-fade-out-overlay-bg
       data-open:animate-fade-in-overlay-bg
     `,
     scroll_overlay: `
@@ -1480,7 +1480,8 @@ export default {
       grid
       place-items-center
       overflow-y-auto
-      data-open:animate-overlay-show data-closed:animate-overlay-hide  
+      data-open:animate-overlay-show data-closed:animate-overlay-hide
+      z-50
     `,
     separator: `
       w-full
@@ -1495,12 +1496,12 @@ export default {
 
   listbox: {
     base: `
-      block 
-      box-border 
-      w-full 
-      rounded-md 
-      shadow-sm 
-      text-scale-1200  
+      block
+      box-border
+      w-full
+      rounded-md
+      shadow-sm
+      text-scale-1200
       border
       focus:shadow-md
       ${defaults.focus}
@@ -1524,24 +1525,24 @@ export default {
         `,
       error: `
         bg-red-100
-        border border-red-700 
+        border border-red-700
         focus:ring-red-500
         placeholder:text-red-600
        `,
     },
     options_container_animate: `
       transition
-      data-open:animate-slide-down 
+      data-open:animate-slide-down
       data-open:opacity-1
       data-closed:animate-slide-up
       data-closed:opacity-0
     `,
     options_container: `
-      bg-scale-100 dark:bg-scale-300 
-      shadow-lg 
-      border border-solid 
-      border-gray-100 dark:border-gray-600 max-h-60 
-      rounded-md py-1 text-base 
+      bg-scale-100 dark:bg-scale-300
+      shadow-lg
+      border border-solid
+      border-gray-100 dark:border-gray-600 max-h-60
+      rounded-md py-1 text-base
       sm:text-sm z-10 overflow-hidden overflow-y-scroll
 
       origin-dropdown
@@ -1561,7 +1562,7 @@ export default {
     chevron: 'h-5 w-5 text-scale-600',
     option: `
       w-listbox
-      transition cursor-pointer select-none relative py-2 pl-3 pr-9 
+      transition cursor-pointer select-none relative py-2 pl-3 pr-9
       text-scale-900
       text-sm
       hover:bg-scale-300 dark:hover:bg-scale-500
@@ -1587,9 +1588,9 @@ export default {
 
   inputErrorIcon: {
     base: `
-      flex items-center 
-      right-3 pr-2 pl-2 
-      inset-y-0 
+      flex items-center
+      right-3 pr-2 pl-2
+      inset-y-0
       pointer-events-none
       text-red-900
     `,
@@ -1597,8 +1598,8 @@ export default {
 
   inputIconContainer: {
     base: `
-    absolute inset-y-0 
-    left-0 pl-3 flex 
+    absolute inset-y-0
+    left-0 pl-3 flex
     items-center pointer-events-none
     text-scale-1100
     `,