---
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 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 = 'Cloud hosting, websites, e-commerce and infrastructure with real human support from Maldonado, Uruguay. Hosting del Sur — technology with a human face.';
---
<BaseLayout
  title="Cloud hosting with real human support"
  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>
