{{- $loggedIn := and (and .Identity .Identity.AccessToken) true -}}


<section class="flex justify-center max-w-full mt-[3em] mb-[3em]">
	<h1 class="
		min-[400px]:px-[calc(10vw-0.5em)]
		min-[400px]:py-[calc(8vw-0.5em)]
		border-[1px] border-sidebar-border rounded-lg
		bg-card
		text-nowrap
		text-center
	">
		Inventory++
	</h1>

</section>

<section class="flex flex-col items-center max-w-full mt-[1em] mb-[1em] gap-y-[2em]">
	<p class="text-lg text-center max-w-[50%]">
		Synchronize inventory automatically!
	</p>

	<div class="border-button border-sidebar-border bg-card text-lg text-center max-w-[50%]">
		{{- if $loggedIn }}
			<a hx-post="/api/accounts" hx-target="body" class="block p-[1em] font-bold">
				Create an Account
			</a>
		{{- else }}
			<a href="/api/auth/login" hx-boost="false" class="block p-[1em] font-bold">
				New Login
			</a>
		{{- end }}
	</div>

	<p class="text-lg text-center max-w-[50%]">
		...and start syncing your shops today!
	</p>
</section>