import type { Metadata } from 'next'
import { getTranslations } from 'next-intl/server'

export const metadata: Metadata = {
  title: 'Política de privacidad',
}

export default async function PrivacyPolicyPage() {
  const t = await getTranslations('Legal')
  return (
    <div className="main-page">
      <div className="middle-content">
        <div className="body-content">
          <div className="title-content">
            <h1>{t('privacy.title')}</h1>
          </div>
          <div className="box-content">
            <div className="body-box-content justified">
              <p>{t('privacy.p1')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h1')}</p>
              <p>{t('privacy.p2')}</p>
              <p>{t('privacy.p3')}</p>
              <p>{t('privacy.p4')}</p>
              <p>{t('privacy.p5')}</p>
              <p>{t('privacy.p6')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h2')}</p>
              <p>{t('privacy.p7')}</p>
              <p>{t('privacy.p8')}</p>
              <p>{t('privacy.p9')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h3')}</p>
              <p>{t('privacy.p10')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h4')}</p>
              <p>{t('privacy.p11')}</p>
              <p>{t('privacy.p12')}</p>
              <p>{t('privacy.p13')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h5')}</p>
              <p>{t('privacy.p14')}</p>
              <p>{t('privacy.p15')}</p>
              <p>{t('privacy.p16')}</p>
              <p>{t('privacy.p17')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h6')}</p>
              <p>{t('privacy.p18')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h7')}</p>
              <p>{t('privacy.p19')}</p>
              <br />
              <hr />
              <br />
              <p className="second-brown">{t('privacy.h8')}</p>
              <p>{t('privacy.p20')}</p>
              <p>Error 404</p>
              <p>ultimowow.com</p>
              <p>info@ultimowow.com</p>
              <br />
              <p className="grey-info2">{t('privacy.updated')}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}