{{template "base/head" .}}
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home"}}{{end}}" class="page-content home">
	<div class="tw-mb-8 tw-px-8" style="padding-top: 2.5rem; padding-bottom: 2rem;">
		<div class="center">
			<img class="home-hero-logo" width="480" height="480" src="{{AssetUrlPrefix}}/img/logo.svg" alt="openlat.dev">
			<div class="hero">
				<h1 class="ui header title" style="font-size: 3.4rem; font-weight: 800; margin-bottom: 0.5rem; letter-spacing: -0.5px; border: none; padding: 0;">
					openlat.dev
				</h1>
				<h2 style="font-size: 1.4rem; font-weight: 400; max-width: 800px; margin: 0 auto; color: var(--color-text-light); line-height: 1.55;">
					Plataforma comunitaria de alojamiento de código de alto rendimiento, libre y orientada a Latinoamérica.
				</h2>

				{{if not .IsSigned}}
				<div style="margin-top: 2.2rem; display: flex; justify-content: center; align-items: center; gap: 1.25rem; flex-wrap: wrap;">
					<a class="ui primary button large" href="{{AppSubUrl}}/user/sign_up" style="font-weight: 600; padding: 1rem 2rem; border-radius: 8px; font-size: 1.15rem;">
						{{svg "octicon-person"}} Registrarse Gratis
					</a>
					<a class="ui secondary button large" href="{{AppSubUrl}}/explore/repos" style="font-weight: 600; padding: 1rem 2rem; border-radius: 8px; font-size: 1.15rem;">
						{{svg "octicon-repo"}} Explorar Repositorios
					</a>
				</div>
				{{end}}
			</div>
		</div>
	</div>

	<div class="ui stackable middle very relaxed page grid" style="margin-top: 2.5rem; margin-bottom: 3rem;">
		<div class="eight wide center column">
			<h2 class="ui header" style="color: var(--color-primary); font-size: 1.85rem; margin-bottom: 0.8rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem;">
				{{svg "octicon-globe" 32}} <span>Enfocado en Latinoamérica</span>
			</h2>
			<p class="large" style="font-size: 1.15rem; line-height: 1.65; color: var(--color-text);">
				Servicio de Git comunitario, libre y gratuito creado especialmente para desarrolladores, proyectos de software libre, comunidades tecnológicas y startups de toda América Latina.
			</p>
		</div>
		<div class="eight wide center column">
			<h2 class="ui header" style="color: var(--color-primary); font-size: 1.85rem; margin-bottom: 0.8rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem;">
				{{svg "octicon-zap" 32}} <span>Alta Disponibilidad 24/7</span>
			</h2>
			<p class="large" style="font-size: 1.15rem; line-height: 1.65; color: var(--color-text);">
				Infraestructura redundante optimizada en la nube con monitoreo constante, tiempo de actividad del 99.9% y velocidad ultra-rápida en la gestión de repositorios y flujos de trabajo.
			</p>
		</div>
	</div>

	<div class="ui stackable middle very relaxed page grid" style="margin-bottom: 5.5rem;">
		<div class="eight wide center column">
			<h2 class="ui header" style="color: var(--color-primary); font-size: 1.85rem; margin-bottom: 0.8rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem;">
				{{svg "octicon-shield-check" 32}} <span>Seguridad y Protección Elevada</span>
			</h2>
			<p class="large" style="font-size: 1.15rem; line-height: 1.65; color: var(--color-text);">
				Sistemas de defensa activos contra ciberataques (CrowdSec / Fail2Ban), cifrado SSL/TLS de punta a punta, autenticación multifactor (2FA) y protección estricta de privacidad.
			</p>
		</div>
		<div class="eight wide center column">
			<h2 class="ui header" style="color: var(--color-primary); font-size: 1.85rem; margin-bottom: 0.8rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem;">
				{{svg "octicon-heart" 32}} <span>100% Sin Fines de Lucro</span>
			</h2>
			<p class="large" style="font-size: 1.15rem; line-height: 1.65; color: var(--color-text);">
				Impulsado por y para la comunidad open source sobre tecnología Forgejo/Gitea. Alojamiento libre de publicidad, rastreadores o restricciones corporativas comerciales.
			</p>
		</div>
	</div>
</div>
{{template "base/footer" .}}