'use client';

import React from 'react';
import { useT } from '@/i18n';
import s from '../content.module.css';

export default function TermsPage() {
  const t = useT();
  return (
    <>
      <section className={s.hero}>
        <h1 className={s.title}>{t('terms_title')}</h1>
      </section>
      <div className={s.body}>
        <p className={s.updated}>{t('terms_updated')}</p>
        <h2>{t('terms_s1_title')}</h2>
        <p>{t('terms_s1_p1')}</p>
        <p>{t('terms_s1_p2')}</p>
        <h2>{t('terms_s2_title')}</h2>
        <p>{t('terms_s2_p1')}</p>
        <ul>
          <li>{t('terms_s2_li1')}</li>
          <li>{t('terms_s2_li2')}</li>
          <li>{t('terms_s2_li3')}</li>
        </ul>
        <h2>{t('terms_s3_title')}</h2>
        <p>{t('terms_s3_p1')}</p>
        <p>{t('terms_s3_p2')}</p>
        <h2>{t('terms_s4_title')}</h2>
        <p>{t('terms_s4_p1')}</p>
        <h2>{t('terms_s5_title')}</h2>
        <p>{t('terms_s5_p1')}</p>
        <h2>{t('terms_s6_title')}</h2>
        <p>{t('terms_s6_p1')}</p>
      </div>
    </>
  );
}
