{{template "base/head" .}}
<div class="page-content pages-landing pages-portfolio">
	{{template "pages/header" .}}

	<main class="pages-main">
		<!-- Hero Section -->
		<section class="pages-hero">
			<div class="container">
				{{if .Config.Branding.Logo}}
				<img src="{{.Config.Branding.Logo}}" alt="{{.Repository.Name}}" class="pages-logo">
				{{end}}
				<h1 class="pages-title">{{if .Config.Hero.Title}}{{.Config.Hero.Title}}{{else}}{{.Repository.Name}}{{end}}</h1>
				{{if .Config.Hero.Tagline}}
				<p class="pages-tagline">{{.Config.Hero.Tagline}}</p>
				{{end}}
				<div class="pages-cta">
					{{if .Config.Hero.CTAPrimary.Text}}
					<a href="{{.Config.Hero.CTAPrimary.Link}}" class="ui primary button">
						{{.Config.Hero.CTAPrimary.Text}}
					</a>
					{{end}}
					{{if .Config.Hero.CTASecondary.Text}}
					<a href="{{.Config.Hero.CTASecondary.Link}}" class="ui button">
						{{.Config.Hero.CTASecondary.Text}}
					</a>
					{{end}}
				</div>
			</div>
		</section>

		<!-- Gallery Section -->
		{{if .Config.Gallery.Items}}
		<section class="pages-gallery">
			<div class="container">
				<div class="pages-gallery-grid" style="--columns: {{if .Config.Gallery.Columns}}{{.Config.Gallery.Columns}}{{else}}4{{end}}">
					{{range .Config.Gallery.Items}}
					<div class="pages-gallery-item">
						{{if .Link}}
						<a href="{{.Link}}">
						{{end}}
						<img src="{{.Image}}" alt="{{.Title}}" class="pages-gallery-image">
						{{if .Title}}
						<div class="pages-gallery-caption">{{.Title}}</div>
						{{end}}
						{{if .Link}}
						</a>
						{{end}}
					</div>
					{{end}}
				</div>
			</div>
		</section>
		{{end}}

		<!-- README Section -->
		{{if .ReadmeContent}}
		<section class="pages-readme">
			<div class="container">
				<div class="markup">
					{{.ReadmeContent}}
				</div>
			</div>
		</section>
		{{end}}
	</main>

	{{template "pages/footer" .}}
</div>
{{template "base/footer" .}}
