---
import BaseLayout from '@/layouts/BaseLayout.astro';
import Hero from '@/components/Hero.astro';
import StatsSection from '@/components/StatsSection.astro';
import DifferenceCards from '@/components/DifferenceCards.astro';
import CloudDivider from '@/components/CloudDivider.astro';
import ServicesSection from '@/components/ServicesSection.astro';
import ProcessSteps from '@/components/ProcessSteps.astro';
import GalleryMosaic from '@/components/GalleryMosaic.astro';
import Testimonials from '@/components/Testimonials.astro';
import FAQAccordion from '@/components/FaqSection.astro';
import CtaFinal from '@/components/CtaFinal.astro';
import { getLangFromUrl, useTranslations } from '@/i18n/utils';

const lang = getLangFromUrl(Astro.url);
const t = useTranslations(lang);
const whatsappUrl = 'https://wa.me/59899812487';

const description = lang === 'en'
  ? 'Cloud hosting, websites, e-commerce and infrastructure with real human support from Maldonado, Uruguay. Hosting del Sur — technology with a human face.'
  : 'Alojamiento en la nube, sitios web, e-commerce e infraestructura con soporte humano real desde Maldonado, Uruguay. Hosting del Sur — tecnología con cara de persona.';
---
<BaseLayout
  title={lang === 'en' ? 'Cloud hosting with real human support' : 'Alojamiento en la nube con soporte humano real'}
  description={description}
  lang={lang}
>
  <Hero t={t} whatsappUrl={whatsappUrl} />

  <CloudDivider fillClass="fill-hds-bg-soft" />

  <StatsSection t={t} lang={lang} />
  <DifferenceCards t={t} />

  <CloudDivider fillClass="fill-hds-bg" flip={true} />

  <ServicesSection t={t} lang={lang} />

  <CloudDivider fillClass="fill-hds-bg-soft" />

  <ProcessSteps t={t} />

  <GalleryMosaic lang={lang} />

  <FAQAccordion lang={lang} />

  <CtaFinal t={t} whatsappUrl={whatsappUrl} />
</BaseLayout>