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

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

  return (
    <WebsiteSectionShell
      sectionLabel="FAQ"
      title={t('title.faq')}
      subtitle={t('website.faq.subtitle')}
    >
      <p className={styles.placeholderLead}>{t('website.faq.lead')}</p>
      <p className={styles.placeholderNote}>{t('website.faq.note')}</p>
      <ul className={styles.featureList}>
        <li>{t('website.faq.feature.crud')}</li>
        <li>{t('website.faq.feature.groups')}</li>
        <li>{t('website.faq.feature.publish')}</li>
      </ul>
    </WebsiteSectionShell>
  )
}
