<!-- prettier-ignore -->
{% extends "main.html" %}
{% block tabs %}
{{ super() }}

<style>
	:root {
		--goreleaser-primary-color: #163959;
	}

	.md-header {
		position: initial;
	}

	.md-main__inner {
		margin: 0;
	}

	.md-content {
		display: none;
	}

	sup {
		font-size: 0.7em;
	}

	[data-md-color-scheme="slate"] .tx-container {
		padding-top: 1rem;
		background: linear-gradient(
				to bottom,
				var(--md-primary-fg-color),
				var(--goreleaser-primary-color) 99%,
				#fff 99%
			);
	}

	.gradient-text {
		background: linear-gradient(to right, #e6f7ff, #40a9ff, #e6f7ff, #91d5ff );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.gradient-text-2 {
		background: linear-gradient(to right, #40a9ff, #e6f7ff, #91d5ff );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.tx-container {
		padding-top: 1rem;
		background:
			url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>")
				no-repeat bottom,
			linear-gradient(
				to bottom,
				var(--md-primary-fg-color),
				var(--goreleaser-primary-color) 99%,
				#fff 99%
			);
	}

	.tx-container-2 ul {
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 1rem;
		padding: 0;
		margin: 0;
	}

	[data-md-color-scheme="slate"] .tx-container-2 {
		margin-top: -50px;
		background-color: #163754;
	}

	.tx-container-2 {
		margin-top: -50px;
		background-color: var(--md-primary-bg-color);
	}

	.tx-container-2 ul {
		list-style-type: none;
	}

	[data-md-color-scheme="slate"] .tx-container-2 li h3 {
		color: var(--md-primary-bg-color);
	}

	.tx-intro {
		text-align: center;
	}

	.tx-intro h1 {
		font-weight: 600;
		margin: 0;
	}

	.feature-grid {
		gap: 2rem;
	}

	.feature-grid .twemoji {
		padding-right: 0.2rem;
	}

	.feature-grid > div {
		margin: 0px 10px;
	}

	.feature-grid > div > p {
		margin-left: 1.5rem;
	}

	.feature-grid h3 {
		padding: 0;
		margin: 0;
		padding-top: 0.5rem;
	}


	[data-md-color-scheme="slate"] .tx-intro h1 {
		color: var(--md-primary-bg-color);
	}

	.tx-hero {
		margin: 0 0.8rem;
		color: var(--md-primary-bg-color);
	}

	.tx-hero h1 {
		margin-bottom: 2rem;
		color: currentColor;
		font-weight: 700;
	}

	.tx-hero__content {
		padding-bottom: 6rem;
	}

	.tx-hero .md-button {
		margin-top: 0.5rem;
		margin-right: 0.5rem;
		color: var(--md-primary-bg-color);
	}

	.tx-hero .md-button--primary {
		background-color: var(--md-primary-bg-color);
		color: var(--goreleaser-primary-color);
		border-color: var(--md-primary-bg-color);
	}

	.tx-hero .md-button:focus,
	.tx-hero .md-button:hover {
		background-color: var(--goreleaser-primary-color);
		color: var(--md-default-bg-color);
		border-color: var(--goreleaser-primary-color);
	}

	@media screen and (max-width: 70em) {
		.tx-hero h1 {
			font-size: 1.4rem;
		}

		.tx-hero__image {
			text-align: center;
		}

		.tx-hero__image img {
			max-width: 10rem;
		}

		.hide-small {
			display: none;
		}
	}

	@media screen and (min-width: 70em) {
		.md-sidebar--secondary {
			display: none;
		}

		.tx-hero {
			display: flex;
			align-items: stretch;
		}

		.tx-hero__content {
			max-width: 30rem;
			margin-top: 3.5rem;
			padding-bottom: 14vw;
		}

		.tx-hero__image {
			order: 1;
			margin-left: auto;
			margin-top: 2rem;
		}

		.tx-hero__image img {
			max-width: 15rem;
		}
	}

	@media screen and (min-width: 76.25em) {
		.md-sidebar--primary {
			display: none;
		}

		.tx-hero__image {
			margin-left: auto;
		}

		.tx-hero__image img {
			max-width: 30rem;
		}
	}
</style>
<section class="tx-container">
	<div class="md-grid md-typeset">
		<div class="tx-hero">
			<div class="tx-hero__image">
				<img src="static/goreleaser_hero.png" width="100%" alt="GoReleaser hero image" draggable="false" />
			</div>
			<div class="tx-hero__content">
				<h1 style="font-size: 3rem;" class="gradient-text">
					Release engineering, simplified.
				</h1>
				<p>
					We handle the complexities of releasing so you can focus
					in building what really matters: <strong class="gradient-text-2">your software</strong> -
					and it doesn't need to be written in Go!
				</p>
				<p>
					<span class="twemoji">
						{% include ".icons/simple/go.svg" %}
					</span>
					<span class="twemoji">
						{% include ".icons/simple/rust.svg" %}
					</span>
					<span class="twemoji">
						{% include ".icons/simple/typescript.svg" %}
					</span>
					<span class="twemoji">
						{% include ".icons/simple/zig.svg" %}
					</span>
					<span class="twemoji">
						{% include ".icons/simple/python.svg" %}
					</span>
				</p>
				<a
					href="/intro/"
					title="{{ page.next_page.title | striptags }}"
					class="md-button md-button--primary"
				>
					Get started
				</a>
				<a
					href="/pro/"
					title="{{ lang.t('source.link.title') }}"
					class="md-button"
				>
					Pro
				</a>
			</div>
		</div>
	</div>
</section>
<section class="tx-container-2">
	<div class="md-grid md-typeset hide-small">
		<img
			src="/static/goreleaser.png"
			alt="GoReleaser releasing an example project."/>
	</div>
	<div class="md-grid md-typeset" style="max-width: 40rem; padding-top: 3rem; margin-bottom: 3rem;">
		<div class="tx-intro">
			<h1>Everything you need to release with confidence</h1>
			<p class="subtext">GoReleaser does everything you need to create a professional release process for Go, Rust, TypeScript, and Zig projects.</p>
		</div>
		<div class="items-center feature-grid grid">
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/material/lightning-bolt.svg" %}
					</span>
					Fast & Automated
				</h3>
				<p>
				From commit to a release in seconds - automate your entire workflow with a single command.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/material/code-tags.svg" %}
					</span>
					Multiple Languages
					<sup>
						<span class="twemoji">
							{% include ".icons/material/new-box.svg" %}
						</span>
					</sup>
				</h3>
				<p>
					First-class support for Go, Rust, TypeScript, Python, and Zig projects.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/material/shipping-pallet.svg" %}
					</span>
					Cross-Platform
				</h3>
				<p>
				Build and release for multiple platforms and architectures.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/octicons/package-24.svg" %}
					</span>
					Multiple Formats
				</h3>
				<p>
				Package your software exactly how your users want it - from binaries to Docker images and system packages.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/material/security.svg" %}
					</span>
					Security Made Easy
				</h3>
				<p>
				Release with confidence using built-in SBOM generation, code signing, and notarization.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/simple/rocket.svg" %}
					</span>
					GitHub Actions and beyond
				</h3>
				<p>
				Works seamlessly with GitHub Actions, GitLab CI, and other popular CI/CD platforms.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/material/text.svg" %}
					</span>
					What's changed?
				</h3>
				<p>
				Keep users informed with auto-generated, customizable changelogs for every release.
				</p>
			</div>
			<div>
				<h3>
					<span class="twemoji">
						{% include ".icons/octicons/megaphone-24.svg" %}
					</span>
					Let your users know
				</h3>
				<p>
				Announce releases to 𝕏, Slack, Discord, and more.
				</p>
			</div>
		</div>
	</div>
</section>
<section class="tx-container-2" style="padding-bottom: 2rem">
	<div class="md-grid md-typeset" style="max-width: 40rem; padding-top: 3rem">
		<div class="tx-intro">
			<h1>Trusted by Industry Leaders</h1>
			<p class="subtext">
				Join <a href="/users/">thousands of developers and companies</a>
				who rely on GoReleaser for their mission-critical releases.
			</p>
			<div class="grid cards">
				<p class="card">
				<span class="twemoji">
					{% include ".icons/fontawesome/brands/google.svg" %}
				</span>
				Google
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/material/microsoft.svg" %}
				</span>
				Microsoft
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/fontawesome/brands/aws.svg" %}
				</span>
				AWS
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/fontawesome/brands/shopify.svg" %}
				</span>
				Shopify
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/uber.svg" %}
				</span>
				Uber
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/splunk.svg" %}
				</span>
				Splunk
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/datadog.svg" %}
				</span>
				Datadog
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/hashicorp.svg" %}
				</span>
				Hashicorp
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/fontawesome/brands/github.svg" %}
				</span>
				GitHub
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/grafana.svg" %}
				</span>
				Grafana
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/kubernetes.svg" %}
				</span>
				Kubernetes
				</p>
				<p class="card">
				<span class="twemoji">
					{% include ".icons/simple/nginx.svg" %}
				</span>
				NGinx
				</p>
			</div>
		</div>
	</div>
</section>
<a style="display: none" rel="me" href="https://fosstodon.org/@goreleaser"></a>
<!-- prettier-ignore -->
{% endblock %}
{% block content %}
{% endblock %}
