import { WebsiteSectionShell } from '../components/WebsiteSectionShell'
import { useT } from '../i18n/useT'
import styles from './WebsitePage.module.css'

export function WebsiteSubscriptionsPage() {
  const t = useT()

  return (
    <WebsiteSectionShell
      sectionLabel="Subscriptions"
      title={t('title.subscriptions')}
      subtitle={t('website.subscriptions.subtitle')}
    >
      <p className={styles.placeholderLead}>{t('website.subscriptions.lead')}</p>
      <p className={styles.placeholderNote}>{t('website.subscriptions.note')}</p>
      <ul className={styles.featureList}>
        <li>{t('website.subscriptions.feature.enable')}</li>
        <li>{t('website.subscriptions.feature.welcome')}</li>
        <li>{t('website.subscriptions.feature.export')}</li>
      </ul>
    </WebsiteSectionShell>
  )
}
