// Prices is THE place to change prices. Keys are package slugs.
var Prices = map[string]Pricing{
	"wolfsburg":    {Setup: Price{Min: 499}, Monthly: Price{Min: 99}},
	"stuttgart":    {Setup: Price{Min: 1499}, Monthly: Price{Min: 179}},
	"autobahn":     {Setup: Price{Min: 2200}, Monthly: Price{Min: 249}},
	"nordschleife": {Setup: Price{Min: 5000, Plus: true}, Monthly: Price{Min: 449, Plus: true}},
}

// String renders the price for display: "$99", "$0–499", "$4,000+".
func (p Price) String() string {
	s := "$" + formatUSD(p.Min)
	if p.Max > 0 {
		s += "–" + formatUSD(p.Max)
	}
	if p.Plus {
		s += "+"
	}
	return s
}

templ PackageCard(p content.Package, priceView string) {
	<article class={ "pkg", templ.KV("pkg--popular", p.Popular) } id={ p.Slug }>
		<div class="pkg__sign">
			<h3 class="pkg__name">{ p.Name }</h3>
			<p class="pkg__subtitle">{ p.Subtitle }</p>
		</div>
		<div class="pkg__body">
			<p class="pkg__for">{ p.For }</p>
			<p class="pkg__price">
				<strong>{ p.Price().Setup.String() }</strong>
				<small>then { p.Price().Monthly.String() }/month</small>
			</p>
			<a class="btn" href={ templ.URL(p.CTA.Path) }>{ p.CTA.Label }</a>
		</div>
	</article>
}

Four starting points. Your brand on top.

Every site starts from one of these designs with your logo, photos and services. From Stuttgart up, we tune it to your brand colors. The examples below are made-up businesses with photos from our own jobs.