---
import BaseLayout from '@/layouts/BaseLayout.astro';
import { getLangFromUrl } from '@/i18n/utils';

const lang = getLangFromUrl(Astro.url);
---
<BaseLayout
  title={lang === 'en' ? 'Terms of service' : 'Términos del servicio'}
  description={lang === 'en' ? 'Terms of service of Hosting del Sur.' : 'Términos del servicio de Hosting del Sur.'}
  lang={lang}
>
  <article class="py-16 md:py-20 bg-hds-marfil">
    <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 prose prose-lg">
      <h1>{lang === 'en' ? 'Terms of service' : 'Términos del servicio'}</h1>
      <p class="text-sm text-hds-humo">
        {lang === 'en' ? 'Last updated' : 'Última actualización'}: 2026
      </p>

      <h2>{lang === 'en' ? '1. Services' : '1. Servicios'}</h2>
      <p>
        {lang === 'en'
          ? 'Hosting del Sur provides web hosting, email, web development, e-commerce, content management and IT infrastructure services under individual agreements with each client.'
          : 'Hosting del Sur brinda servicios de hosting web, correo, desarrollo web, e-commerce, gestión de contenido e infraestructura IT bajo acuerdos individuales con cada cliente.'}
      </p>

      <h2>{lang === 'en' ? '2. Acceptable use' : '2. Uso aceptable'}</h2>
      <p>
        {lang === 'en'
          ? 'The client agrees to use the services in accordance with current legislation and the Acceptable Use Policy, refraining from activities that may damage third parties or the integrity of our infrastructure.'
          : 'El cliente se compromete a utilizar los servicios de conformidad con la legislación vigente y la Política de Uso Aceptable, absteniéndose de realizar actividades que puedan dañar a terceros o la integridad de nuestra infraestructura.'}
      </p>

      <h2>{lang === 'en' ? '3. Liability' : '3. Responsabilidad'}</h2>
      <p>
        {lang === 'en'
          ? 'Hosting del Sur is not liable for damages caused by improper use of the services, force majeure, or third-party actions beyond our control.'
          : 'Hosting del Sur no se hace responsable por daños causados por uso indebido de los servicios, fuerza mayor o acciones de terceros fuera de nuestro control.'}
      </p>

      <h2>{lang === 'en' ? '4. Modifications' : '4. Modificaciones'}</h2>
      <p>
        {lang === 'en'
          ? 'We reserve the right to modify these terms. Clients will be notified with reasonable advance notice.'
          : 'Nos reservamos el derecho de modificar estos términos. Los clientes serán notificados con antelación razonable.'}
      </p>
    </div>
  </article>
</BaseLayout>
