{{define "content" -}}
<section class="hero"><div class="wrap">
  <p class="eyebrow">Swap &middot; Rent &middot; Explore</p>
  <h1>Trade a few weeks in your rig for time on the water.</h1>
  <p>Luxury Swap connects owners of high-end RVs, liveaboard boats, and riverboat cabins for direct swaps and rentals &mdash; matched two ways, on the criteria that actually matter to you.</p>
  <div class="hero-actions">
    <a class="btn btn-primary" href="/listings">Browse listings</a>
    <a class="btn btn-outline" href="/submit">List your place</a>
  </div>
</div></section>

<section class="section"><div class="wrap">
  <div class="section-head"><h2>Featured escapes</h2><a href="/listings">See all &rarr;</a></div>
  {{with .Data}}
  <div class="grid">
    {{range .Featured}}{{template "card" .}}{{end}}
  </div>
  {{end}}
</div></section>
{{- end}}