package html

templ Index() {
	@layout("index") {
		<main id="index" tabindex="-1">
			<header>
				<div>
					<h1>Słodkości tworzone z <span>pasją</span></h1>
					<p>
						Naturalne składniki, domowe receptury i pasja. Tworzymy torty i wypieki na Twoje najważniejsze chwile
						- od codziennych radości po wielkie uroczystości
					</p>
					<a href="/wyroby/" class="btn">Zobacz naszą ofertę</a>
				</div>
				<div>
					@AvifImage("001.avif", "tort", false)
				</div>
			</header>
			<section id="about-us">
				<div>
					<div>
						<div>
							@AvifImage("002.avif", "kawiarnia", true)
						</div>
						<div>
							@AvifImage("003.avif", "kawiarnia", true)
						</div>
					</div>
					<div>
						<span>Tradycja i serce</span>
						<h2>O nas</h2>
						<p>
							„Piekarnik Gosi” to marzenie, które dzięki wsparciu najbliższych stało się rzeczywistością. To pracownia cukiernicza, w której każdy wypiek tworzę od podstaw własnoręcznie – z pasji, najlepszych składników i dbałością o każdy detal.
						</p>
						<p>
							W mojej ofercie znajdziesz torty weselne i okazjonalne, słodkie stoły, tarty i ciasta na indywidualne zamówienie. Co wyróżnia moją pracownię? Domowy, naturalny smak i pełne zaangażowanie w każdą realizację. 🙂
						</p>
					</div>
				</div>
			</section>
			<section id="featured-delights">
				<h2>Nasze Wyroby</h2>
				<div class="card">
					<div>
						@AvifImage("004.avif", "tort", true)
					</div>
					<div>
						<h3>Torty Okazjonalne</h3>
						<p>Weselne, urodzinowe i te bez okazji – od klasyki po nowoczesne musy.</p>
						<a href="/wyroby/torty/">
							Przeglądaj Torty
							<svg
								xmlns="http://www.w3.org/2000/svg"
								width="24"
								height="24"
								viewBox="0 0 24 24"
								fill="none"
								stroke="currentColor"
								stroke-width="2"
								stroke-linecap="round"
								stroke-linejoin="round"
								class="lucide lucide-arrow-right-icon lucide-arrow-right"
							>
								<path d="M5 12h14"></path>
								<path d="m12 5 7 7-7 7"></path>
							</svg>
						</a>
					</div>
				</div>
				<div class="card">
					<div>
						@AvifImage("005.avif", "ciasto", true)
					</div>
					<div class="greener">
						<h3>Domowe Ciasta</h3>
						<p>Zapach tradycji: od serników po puszyste bezy</p>
						<a href="/wyroby/">
							Wyberz ciasto
							<svg
								xmlns="http://www.w3.org/2000/svg"
								width="24"
								height="24"
								viewBox="0 0 24 24"
								fill="none"
								stroke="currentColor"
								stroke-width="2"
								stroke-linecap="round"
								stroke-linejoin="round"
								class="lucide lucide-arrow-right-icon lucide-arrow-right"
							>
								<path d="M5 12h14"></path>
								<path d="m12 5 7 7-7 7"></path>
							</svg>
						</a>
					</div>
				</div>
				<div class="card">
					<div>
						@AvifImage("006.avif", "slodkosci", true)
					</div>
					<div>
						<h3>Słodkie Stoły</h3>
						<p>Kompleksowa oprawa słodkości na większe przyjęcia.</p>
						<a href="/wyroby/slodkie_stoly/">
							Sprawdź słodkie stoły
							<svg
								xmlns="http://www.w3.org/2000/svg"
								width="24"
								height="24"
								viewBox="0 0 24 24"
								fill="none"
								stroke="currentColor"
								stroke-width="2"
								stroke-linecap="round"
								stroke-linejoin="round"
								class="lucide lucide-arrow-right-icon lucide-arrow-right"
							>
								<path d="M5 12h14"></path>
								<path d="m12 5 7 7-7 7"></path>
							</svg>
						</a>
					</div>
				</div>
			</section>
			<section id="kawiarnia">
				<div>
					<div>
						<h3>Twój drugi dom</h3>
						<p>
							Poczuj się jak w domu. Codziennie czekają na Ciebie świeże wypieki prosto z naszej pracowni, najlepsza kawa i starannie wybrane herbaty. To tutaj nasze ciasta smakują najlepiej – podane z uśmiechem, w miejscu stworzonym z pasji do słodkości.
						</p>
						<ul>
							<li>
								<svg
									xmlns="http://www.w3.org/2000/svg"
									width="24"
									height="24"
									viewBox="0 0 24 24"
									fill="none"
									stroke="currentColor"
									stroke-width="2"
									stroke-linecap="round"
									stroke-linejoin="round"
									class="lucide lucide-coffee-icon lucide-coffee"
								>
									<path d="M10 2v2"></path>
									<path d="M14 2v2"></path>
									<path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path>
									<path d="M6 2v2"></path>
								</svg>
								<span>Miła atmosfera</span>
							</li>
							<li>
								<svg
									xmlns="http://www.w3.org/2000/svg"
									width="24"
									height="24"
									viewBox="0 0 24 24"
									fill="none"
									stroke="currentColor"
									stroke-width="2"
									stroke-linecap="round"
									stroke-linejoin="round"
									class="lucide lucide-wifi-icon lucide-wifi"
								>
									<path d="M12 20h.01"></path>
									<path d="M2 8.82a15 15 0 0 1 20 0"></path>
									<path d="M5 12.859a10 10 0 0 1 14 0"></path>
									<path d="M8.5 16.429a5 5 0 0 1 7 0"></path>
								</svg>
								<span>Darmowe wifi</span>
							</li>
						</ul>
					</div>
					<div>
						<div>
							@AvifImage("007.avif", "kawiarnia", true)
						</div>
						<div>
							@AvifImage("008.avif", "ciasto i kawa", true)
						</div>
					</div>
				</div>
			</section>
		</main>
	}
}