Files
supabase/apps/www/data/Solutions.tsx
Francesco Sansalvadore e76aa11508 homepage cleanup (#29295)
* new homepage logos marquee

* add products claim

* logos spacing

* dashboard table editor demo

* dashboard table editor demo

* dashboard recordings

* rls policies

* update hp frameworks

* add dataAPIs to homepage bento

* tweet section update

* padding

* hp products update

* new customer stories hp section

* height

* finish homepage details

* update logos

* fix database visual

* improve functions visual ux

* animate data-apis visual

* realtime visual update

* reduce-motion and update chatbase logo

* lighter heading paragraph

* improve video tabs components

* add priority to offsetted images

* video plays inline

* fix mobile tweets spacing

* smoll

* load video slightly before the component enters the viewport

* fix product pointer-events

* theme based and light weight dashboard video

* testimonials margin

* remove yellow tint from light mode recordings

* fix vitest window-matchMedia error

* fix vitest window-matchMedia error

* fix url type

* remove tweet
2024-09-17 11:07:38 +02:00

93 lines
2.4 KiB
TypeScript

import { products } from 'shared-data'
import { PRODUCT_NAMES, PRODUCT_SHORTNAMES } from 'shared-data/products'
export type SolutionsType = {
[key: string]: {
name: string
icon: string
description: string | JSX.Element
description_short: string
label: string
url: string
}
}
const solutions: SolutionsType = {
[PRODUCT_SHORTNAMES.DATABASE]: {
name: PRODUCT_NAMES.DATABASE,
icon: products.database.icon[24],
description: (
<>
Every project is <strong>a full Postgres database</strong>, the world's most trusted
relational database.
</>
),
description_short: 'Fully portable Postgres database',
label: '',
url: '/database',
},
[PRODUCT_SHORTNAMES.AUTHENTICATION]: {
name: PRODUCT_NAMES.AUTHENTICATION,
icon: products.authentication.icon[24],
description: (
<>
<strong>Add user sign ups and logins</strong>, securing your data with Row Level Security.
</>
),
description_short: 'User Management out of the box',
label: '',
url: '/auth',
},
[PRODUCT_SHORTNAMES.STORAGE]: {
name: PRODUCT_NAMES.STORAGE,
icon: products.storage.icon[24],
description: (
<>
<strong>Store, organize, and serve</strong> large files, from videos to images.
</>
),
description_short: 'Serverless storage for any media',
label: '',
url: '/storage',
},
[PRODUCT_SHORTNAMES.FUNCTIONS]: {
name: PRODUCT_NAMES.FUNCTIONS,
icon: products.functions.icon[24],
description: (
<>
Easily write custom code <strong>without deploying or scaling servers.</strong>
</>
),
description_short: 'Deploy code globally on the edge',
label: '',
url: '/edge-functions',
},
[PRODUCT_SHORTNAMES.REALTIME]: {
name: PRODUCT_NAMES.REALTIME,
icon: products.realtime.icon[24],
description: (
<>
<strong>Build multiplayer experiences</strong> with real-time data synchronization.
</>
),
description_short: 'Synchronize and broadcast events',
label: '',
url: '/realtime',
},
[PRODUCT_SHORTNAMES.VECTOR]: {
name: PRODUCT_NAMES.VECTOR,
icon: products.vector.icon[24],
description: (
<>
Integrate your favorite ML-models to{' '}
<strong>store, index and search vector embeddings</strong>.
</>
),
description_short: 'AI toolkit to manage embeddings',
label: '',
url: '/vector',
},
}
export default solutions