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

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

  return (
    <WebsiteSectionShell
      sectionLabel="E-Payment"
      title={t('title.ePayment')}
      subtitle={t('website.ePayment.subtitle')}
    >
      <p className={styles.placeholderLead}>{t('website.ePayment.lead')}</p>
      <p className={styles.placeholderNote}>{t('website.ePayment.note')}</p>
      <ul className={styles.featureList}>
        <li>{t('website.ePayment.feature.enable')}</li>
        <li>{t('website.ePayment.feature.credentials')}</li>
        <li>{t('website.ePayment.feature.methods')}</li>
      </ul>
    </WebsiteSectionShell>
  )
}
