supabase/apps/www/data/MainProducts.tsx

import { products } from 'shared-data'
import { PRODUCT_NAMES, PRODUCT_SHORTNAMES } from 'shared-data/products'

export type ProductType = {
  [key: string]: {
    name: string
    icon: string
    description: string | JSX.Element
    description_short: string
    label: string
    url: string
  }
}

const MainProducts: ProductType = {
  [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',
  },
}

export default MainProducts