'use client';

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

export default function PrivacyPage() {
  const t = useT();
  return (
    <>
      <section className={s.hero}>
        <h1 className={s.title}>{t('privacy_title')}</h1>
      </section>
      <div className={s.body}>
        <p className={s.updated}>{t('privacy_updated')}</p>
        <h2>{t('privacy_s1_title')}</h2>
        <p>{t('privacy_s1_p1')}</p>
        <h2>{t('privacy_s2_title')}</h2>
        <p>{t('privacy_s2_p1')}</p>
        <ul>
          <li>{t('privacy_s2_li1')}</li>
          <li>{t('privacy_s2_li2')}</li>
          <li>{t('privacy_s2_li3')}</li>
          <li>{t('privacy_s2_li4')}</li>
        </ul>
        <h2>{t('privacy_s3_title')}</h2>
        <p>{t('privacy_s3_p1')}</p>
        <h2>{t('privacy_s4_title')}</h2>
        <p>{t('privacy_s4_p1')}</p>
        <h2>{t('privacy_s5_title')}</h2>
        <p>{t('privacy_s5_p1')}</p>
        <h2>{t('privacy_s6_title')}</h2>
        <p>{t('privacy_s6_p1')}</p>
      </div>
    </>
  );
}
