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

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

  return (
    <WebsiteSectionShell
      sectionLabel="Badges"
      title={t('title.badges')}
      subtitle={t('website.badges.subtitle')}
    >
      <p className={styles.placeholderLead}>{t('website.badges.lead')}</p>
      <p className={styles.placeholderNote}>{t('website.badges.note')}</p>
      <ul className={styles.featureList}>
        <li>{t('website.badges.feature.upload')}</li>
        <li>{t('website.badges.feature.reorder')}</li>
        <li>{t('website.badges.feature.toggle')}</li>
      </ul>
    </WebsiteSectionShell>
  )
}
