iwz/layouts/index.html

{{ define "main" }}
<section class="hero" style="background-image: url('/images/haus/Wolframm-Fewo-Kaufbeuren-Ferienwohnung-Ferienwohnungen-Wohnungen-mieten-87600-allgaeu-Titel.jpg');">
  <div class="hero-inner">
    <h1>Ferienwohnungen im Allgäu</h1>
  </div>
</section>

<section class="welcome">
  <div class="welcome-inner">
    <h1>Herzlich Willkommen</h1>
    <p class="welcome-sub">in den Ferienwohnungen Wolframm</p>
    <div class="welcome-text">{{ .Content }}</div>
    <p class="welcome-cta">
      <a href="/ferienwohnungen/" class="btn btn-primary">Unsere Wohnungen</a>
      <a href="/preise/" class="btn btn-outline">Preise</a>
    </p>
  </div>
</section>

<section class="belegungsplan-band">
  <div class="container">
    <button type="button" class="btn belegungsplan-band-btn" id="belegungsplan-btn" aria-expanded="false" aria-controls="belegungsplan-frame">
      Belegungsplan – hier freie Kapazitäten einsehen
    </button>
    <div class="belegungsplan-frame" id="belegungsplan-frame" data-src="https://www.webplanner.de/tools/?76703072363837353064343069" hidden></div>
  </div>
</section>

{{/* Highlights-Block vorerst ausgeblendet – siehe Wunsch, dass "Unsere Wohnungen" zuerst steht.
<section class="highlights">
  <div class="container">
    <div class="highlight-grid">
      <div class="highlight-card">
        <div class="highlight-icon">🏠</div>
        <h3>3 Wohnungen</h3>
        <p>40–56 qm, für 2–5 Personen, vollständig ausgestattet.</p>
      </div>
      <div class="highlight-card">
        <div class="highlight-icon">🌿</div>
        <h3>Allergikerfreundlich</h3>
        <p>Alle Wohnungen sind allergikergerecht eingerichtet.</p>
      </div>
      <div class="highlight-card">
        <div class="highlight-icon">👨‍👩‍👧</div>
        <h3>Familiengeeignet</h3>
        <p>Babybett, Hochstuhl und Kinderausstattung vorhanden.</p>
      </div>
      <div class="highlight-card">
        <div class="highlight-icon">💼</div>
        <h3>Geschäftsreisende</h3>
        <p>WLAN, ruhige Lage, komfortabel eingerichtet.</p>
      </div>
    </div>
  </div>
</section>
*/}}

<section class="fewo-preview">
  <div class="container">
    <h2>Unsere Wohnungen</h2>
    <div class="fewo-grid">
      {{ $pages := where .Site.RegularPages "Section" "ferienwohnungen" }}
      {{ range $page := $pages }}
      <div class="fewo-card">
        {{ $vorschau := $page.Params.vorschau }}
        {{ if and (not $vorschau) $page.Params.bilder }}
          {{ $erstes := index $page.Params.bilder 0 }}
          {{ $vorschau = cond (reflect.IsMap $erstes) $erstes.bild $erstes }}
        {{ end }}
        {{ with $vorschau }}
        <a href="{{ $page.RelPermalink }}" class="fewo-card-imglink">
          <img src="{{ . }}" alt="{{ $page.Title }}" class="fewo-card-img" loading="lazy">
        </a>
        {{ end }}
        <div class="fewo-card-body">
          <h3><a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a></h3>
          <p class="fewo-meta">
            {{ with $page.Params.groesse }}<span>{{ . }}</span>{{ end }}
            {{ with $page.Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
            {{ with $page.Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
          </p>
          <div class="fewo-card-actions">
            <a href="{{ $page.RelPermalink }}" class="btn btn-outline">Details</a>
            {{ with $page.Params.belegungsplan }}
            <a href="{{ . }}" class="btn btn-primary" target="_blank" rel="noopener">Buchung</a>
            {{ end }}
          </div>
        </div>
      </div>
      {{ end }}
    </div>
  </div>
</section>

<section class="feature">
  <div class="container feature-inner">
    <div class="feature-img">
      <img src="/images/haus/Zielazek-allgaeu.jpg" alt="Ruhige Lage am Waldrand" loading="lazy">
    </div>
    <div class="feature-text">
      <h2>Auszeit oder Dienst?</h2>
      <p>Berufstätige auf Geschäftsreise oder Monteure im Arbeitseinsatz genießen nach Feierabend die aussergewöhnliche Ruhe in ihrem Zuhause auf Zeit. Entspannen Sie nach Feierabend in einer unserer das Haus umgebenden Sitzecken.</p>
    </div>
  </div>
</section>

<section class="feature feature--reverse">
  <div class="container feature-inner">
    <div class="feature-img">
      <img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-leiterwagen-haus.jpg" alt="Unser Haus am Waldrand" loading="lazy">
    </div>
    <div class="feature-text">
      <h2>Allergikerfreundlich</h2>
      <p>Um allen Gästen einen gleichwohl angenehmen Aufenthalt in unseren Nichtraucherwohnungen zu ermöglichen, haben wir uns für eine allergikerfreundliche Vermietung und gegen die Aufnahme von Haustieren entschieden.</p>
    </div>
  </div>
</section>

<section class="feature">
  <div class="container feature-inner">
    <div class="feature-img">
      <img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-hausansicht.jpg" alt="Hausansicht" loading="lazy">
    </div>
    <div class="feature-text">
      <h2>Für Jung &amp; Alt</h2>
      <p>Unsere älteren Gäste wissen die Ebenerdigkeit der Wohnungen zu schätzen, unsere jüngsten die mögliche babygerechte Ausstattung. Gerne dürfen Sie kostenfrei unseren W-LAN-Zugang nutzen. Für jede Ferienwohnung steht ein PKW-Parkplatz auf dem Grundstück zur Verfügung.</p>
    </div>
  </div>
</section>

<section class="lage">
  <div class="container">
    <h2>Unsere Lage</h2>
    <p>Kaufbeuren-Hirschzell liegt im Herzen des Allgäus, umgeben von Wiesen und Wäldern.
    In 40 Minuten erreichen Sie Schloss Neuschwanstein, in 30 Minuten den Forggensee.</p>
    <p class="lage-cta">
      <a href="/ausflugsziele/" class="btn">Ausflugsziele entdecken</a>
      <a href="https://g.page/Ferienwohnungen-Wolframm?share" class="btn btn-outline" target="_blank" rel="noopener">So kommen Sie zu uns</a>
    </p>
  </div>
</section>
{{ end }}