{{ define "main" }}
<div class="flex flex-col w-full p-0 m-0">
	{{ partial "layouts/home/opensource.html" . }}
	<hr class="border-t border-gray-200 dark:border-gray-800 my-10 lg:my-14">
	{{ partial "layouts/home/sponsors.html" (dict "ctx" . "gtag" "home") }}
	<hr class="border-t border-gray-200 dark:border-gray-800 my-10 lg:my-14">
	{{ partial "layouts/home/features.html" . }}
</div>
{{ end }}

{{ define "hero" }}
<div class="relative isolate px-6 lg:px-8">
	<div class="mx-auto max-w-2xl pt-16">
		<div class="text-center">
			<img
				src="{{ `images/hugo-logo-wide.svg` | relURL }}"
				alt="Hugo Logo"
				class="w-64 aspect-3/1 mx-auto mb-8">
			<h1
				class="text-4xl font-bold tracking-tight text-balance text-gray-900 dark:text-gray-300 sm:text-6xl">
				The world’s fastest framework for building websites
			</h1>
			<div
				class="mt-8 text-lg font-medium text-pretty text-gray-800 dark:text-gray-400  sm:text-xl/8">
				Hugo is one of the most popular open-source static site generators.
				With its amazing speed and flexibility, Hugo makes building websites
				fun again.
			</div>
			<div class="mt-10 flex items-center justify-center gap-x-6">
				{{ with site.GetPage "/getting-started" }}
					<a
						href="{{ .RelPermalink }}"
						class="rounded-md uppercase tracking-wide bg-blue-600  hover:bg-blue-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
					>{{ .LinkTitle }}</a
					>
				{{ end }}
				<div class="-my-5 mr-6 sm:mr-8 md:mr-0">
					{{ partial "layouts/search/button.html" (dict "page" . "standalone" true) }}
				</div>
			</div>
		</div>
	</div>
</div>
{{ end }}

{{ define "rightsidebar" }}
{{ printf "%c" '\u00A0' }}
{{ end }}

{{ define "leftsidebar" }}
{{ printf "%c" '\u00A0' }}
{{ end }}
