{{- $c := site.Data.content -}}
<div class="rows">
    
    <article class="row" id="order">
      <div class="info">
        <div class="num">{{ $c.rows.div_1 }}</div>
        <h3>{{ $c.rows.h3_2 }}</h3>
        <p>{{ $c.rows.p_3 }}</p>
      </div>
      <div class="card">
        
        <form id="f-order" class="fgk fgk-order" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Order">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_4 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <label class="fgk-field">{{ $c.rows.text_5 }}
            <select name="piece" required data-piece-select>
              <option value disabled selected>{{ $c.rows.option_6 }}</option>
              <option>{{ $c.rows.option_7 }}</option><option>{{ $c.rows.option_8 }}</option><option>{{ $c.rows.option_9 }}</option><option>{{ $c.rows.option_10 }}</option>
            </select>
          </label>
          <div class="fgk-field">{{ $c.rows.text_11 }}
            <div class="fgk-qty"><button type="button" data-step-by="-1" aria-label="One less">−</button><input type="number" name="quantity" value="1" min="1" max="6" inputmode="numeric" aria-label="How many"><button type="button" data-step-by="1" aria-label="One more">+</button></div>
          </div>
          <div class="fgk-row">
            <label class="fgk-field">{{ $c.rows.text_12 }}<input name="name" autocomplete="name" placeholder="Giulia Neri" required></label>
            <label class="fgk-field">{{ $c.rows.text_13 }}<input type="email" name="email" autocomplete="email" placeholder="giulia@mail.com" required></label>
          </div>
          <label class="fgk-field">{{ $c.rows.text_14 }}<input name="country" autocomplete="country-name" placeholder="Italy" required></label>
          <button type="submit">{{ $c.rows.button_15 }}</button>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
          <div class="fgk-sent" tabindex="-1">
            <svg class="fgk-tick" viewBox="0 0 60 60" aria-hidden="true"><circle cx="30" cy="30" r="26" /><path d="m19 31 7.5 7.5L41.5 23" /></svg>
            <p class="fgk-big">{{ $c.rows.p_16_html | safeHTML }}</p>
            <p class="fgk-small">{{ $c.rows.p_17 }}</p>
            <button type="button" class="fgk-ghost" data-again>{{ $c.rows.button_18 }}</button>
          </div>
        </form>
      </div>
    </article>

    
    <article class="row" id="workshop">
      <div class="info">
        <div class="pic"><img src="{{ ($c.rows.img_19_image | relURL) }}" width="900" height="600" alt="{{ $c.rows.img_19_alt }}" loading="lazy"></div>
        <div class="num">{{ $c.rows.div_20 }}</div>
        <h3>{{ $c.rows.h3_21 }}</h3>
        <p>{{ $c.rows.p_22 }}</p>
      </div>
      <div class="card">
        <form id="f-workshop" class="fgk fgk-steps" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Workshop">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_23 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <div class="fgk-top"><div class="fgk-bar"><i></i></div><p class="fgk-steplabel" data-step-label>{{ $c.rows.p_24 }}</p></div>
          <div data-step>
            <fieldset>
              <legend>{{ $c.rows.legend_25 }}</legend>
              <div class="fgk-chips">
                <label class="fgk-chip"><input type="radio" name="slot" value="Saturday morning" required>{{ $c.rows.text_26 }}</label>
                <label class="fgk-chip"><input type="radio" name="slot" value="Saturday afternoon">{{ $c.rows.text_27 }}</label>
                <label class="fgk-chip"><input type="radio" name="slot" value="Private group">{{ $c.rows.text_28 }}</label>
              </div>
            </fieldset>
            <label class="fgk-field">{{ $c.rows.text_29 }}<input type="date" name="date" required data-min-today></label>
            <button type="button" class="fgk-primary" data-next>{{ $c.rows.button_30 }}</button>
          </div>
          <div data-step>
            <fieldset>
              <legend>{{ $c.rows.legend_31 }}</legend>
              <div class="fgk-opts">
                <label class="fgk-opt"><input type="radio" name="experience" value="Never" required><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="12" cy="12" r="3" /></svg>{{ $c.rows.text_32 }}</label>
                <label class="fgk-opt"><input type="radio" name="experience" value="A little"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="7" /></svg>{{ $c.rows.text_33 }}</label>
                <label class="fgk-opt"><input type="radio" name="experience" value="Often"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="12" cy="12" r="3" /><circle cx="12" cy="12" r="7" /><circle cx="12" cy="12" r="10.5" /></svg>{{ $c.rows.text_34 }}</label>
              </div>
            </fieldset>
            <label class="fgk-field">{{ $c.rows.text_35 }}
              <select name="people" required><option>{{ $c.rows.option_36 }}</option><option>{{ $c.rows.option_37 }}</option><option>{{ $c.rows.option_38 }}</option><option>{{ $c.rows.option_39 }}</option><option>{{ $c.rows.option_40 }}</option><option>{{ $c.rows.option_41 }}</option></select>
            </label>
            <div class="fgk-nav"><button type="button" class="fgk-ghost" data-back>{{ $c.rows.button_42 }}</button><button type="button" class="fgk-primary" data-next>{{ $c.rows.button_43 }}</button></div>
          </div>
          <div data-step>
            <label class="fgk-field">{{ $c.rows.text_44 }}<input name="name" autocomplete="name" placeholder="Giulia Neri" required></label>
            <label class="fgk-field">{{ $c.rows.text_45 }}<input type="email" name="email" autocomplete="email" placeholder="giulia@mail.com" required></label>
            <div class="fgk-nav"><button type="button" class="fgk-ghost" data-back>{{ $c.rows.button_46 }}</button><button type="submit">{{ $c.rows.button_47 }}</button></div>
          </div>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
          <div class="fgk-sent" tabindex="-1"><p class="fgk-big">{{ $c.rows.p_48_html | safeHTML }}</p><p class="fgk-small">{{ $c.rows.p_49 }}</p><button type="button" class="fgk-ghost" data-again>{{ $c.rows.button_50 }}</button></div>
        </form>
      </div>
    </article>

    
    <article class="row" id="commission">
      <div class="info">
        <div class="num">{{ $c.rows.div_51 }}</div>
        <h3>{{ $c.rows.h3_52 }}</h3>
        <p>{{ $c.rows.p_53 }}</p>
      </div>
      <div class="card">
        <form id="f-commission" class="fgk" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Commission">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_54 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <label class="fgk-field">{{ $c.rows.text_55 }}<textarea name="message" rows="3" maxlength="800" placeholder="Twelve plates for a small restaurant, in the orange glaze…" required data-autosize></textarea></label>
          <div class="fgk-meta"><span data-count="message">{{ $c.rows.span_56 }}</span></div>
          <div class="fgk-zone" data-drop data-max="3" data-mb="5">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M12 16V5M7.5 9.5 12 5l4.5 4.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" stroke-linecap="round" /></svg>
            <span>{{ $c.rows.span_57 }}</span>
            <small>{{ $c.rows.small_58 }}</small>
            <input type="file" name="reference" multiple accept="image/*,.pdf" aria-label="Attach up to 3 sketches or photos, 5 MB each">
          </div>
          <ul class="fgk-list" data-files></ul>
          <div class="fgk-row">
            <label class="fgk-field">{{ $c.rows.text_59 }}<input name="name" autocomplete="name" placeholder="Giulia Neri" required></label>
            <label class="fgk-field">{{ $c.rows.text_60 }}<input type="email" name="email" autocomplete="email" placeholder="giulia@mail.com" required></label>
          </div>
          <button type="submit">{{ $c.rows.button_61 }}</button>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
          <div class="fgk-sent" tabindex="-1"><p class="fgk-big">{{ $c.rows.p_62_html | safeHTML }}</p><p class="fgk-small">{{ $c.rows.p_63 }}</p><button type="button" class="fgk-ghost" data-again>{{ $c.rows.button_64 }}</button></div>
        </form>
      </div>
    </article>

    
    <article class="row" id="wholesale">
      <div class="info">
        <div class="num">{{ $c.rows.div_65 }}</div>
        <h3>{{ $c.rows.h3_66 }}</h3>
        <p>{{ $c.rows.p_67 }}</p>
      </div>
      <div class="card">
        <form id="f-wholesale" class="fgk fgk-loading" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data" data-keep>
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Wholesale">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_68 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <fieldset>
            <legend>{{ $c.rows.legend_69 }}</legend>
            <div class="fgk-opts">
              <label class="fgk-opt"><input type="radio" name="business" value="Shop" required><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 8h14l-1.2 11.5H6.2z" stroke-linejoin="round" /><path d="M9 8V6.5a3 3 0 0 1 6 0V8" /></svg>{{ $c.rows.text_70 }}</label>
              <label class="fgk-opt"><input type="radio" name="business" value="Café or restaurant"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 9h11v5a5 5 0 0 1-5 5h-1a5 5 0 0 1-5-5z" stroke-linejoin="round" /><path d="M16 11h1.5a2.5 2.5 0 0 1 0 5H16M8 3.5v2.5M11 3.5v2.5" /></svg>{{ $c.rows.text_71 }}</label>
              <label class="fgk-opt"><input type="radio" name="business" value="Hotel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M3 19V7M3 15h18v4M21 15v-3a3 3 0 0 0-3-3h-7v6" /><circle cx="7" cy="11.5" r="2" /></svg>{{ $c.rows.text_72 }}</label>
            </div>
          </fieldset>
          <label class="fgk-field">{{ $c.rows.text_73 }}<input name="company" autocomplete="organization" placeholder="Bottega Sole" required></label>
          <label class="fgk-field">{{ $c.rows.text_74 }}<input type="email" name="email" autocomplete="email" placeholder="orders@bottegasole.com" required></label>
          <button type="submit">
            <span class="fgk-b fgk-b1">{{ $c.rows.span_75 }}</span>
            <span class="fgk-b fgk-b2" aria-hidden="true">{{ $c.rows.span_76_html | safeHTML }}</span>
            <span class="fgk-b fgk-b3" aria-hidden="true"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 8.5 3 3 7-7" /></svg>{{ $c.rows.text_77 }}</span>
          </button>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
        </form>
      </div>
    </article>

    
    <article class="row" id="feedback">
      <div class="info">
        <div class="num">{{ $c.rows.div_78 }}</div>
        <h3>{{ $c.rows.h3_79 }}</h3>
        <p>{{ $c.rows.p_80 }}</p>
      </div>
      <div class="card">
        <form id="f-feedback" class="fgk fgk-rating" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Feedback">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_81 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <fieldset>
            <legend>{{ $c.rows.legend_82 }}</legend>
            <div class="fgk-faces">
              <label class="fgk-face"><input type="radio" name="rating" value="1" required aria-label="1 of 5, very bad"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9.5" /><circle cx="8.8" cy="10" r=".9" fill="currentColor" stroke="none" /><circle cx="15.2" cy="10" r=".9" fill="currentColor" stroke="none" /><path d="M8 16.5c2.4-2.6 5.6-2.6 8 0" /></svg></label>
              <label class="fgk-face"><input type="radio" name="rating" value="2" aria-label="2 of 5, bad"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9.5" /><circle cx="8.8" cy="10" r=".9" fill="currentColor" stroke="none" /><circle cx="15.2" cy="10" r=".9" fill="currentColor" stroke="none" /><path d="M8.5 16c2.2-1.3 4.8-1.3 7 0" /></svg></label>
              <label class="fgk-face"><input type="radio" name="rating" value="3" aria-label="3 of 5, okay"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9.5" /><circle cx="8.8" cy="10" r=".9" fill="currentColor" stroke="none" /><circle cx="15.2" cy="10" r=".9" fill="currentColor" stroke="none" /><path d="M8.5 15.5h7" /></svg></label>
              <label class="fgk-face"><input type="radio" name="rating" value="4" aria-label="4 of 5, good"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9.5" /><circle cx="8.8" cy="10" r=".9" fill="currentColor" stroke="none" /><circle cx="15.2" cy="10" r=".9" fill="currentColor" stroke="none" /><path d="M8.5 14.5c2.2 1.3 4.8 1.3 7 0" /></svg></label>
              <label class="fgk-face"><input type="radio" name="rating" value="5" aria-label="5 of 5, great"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9.5" /><circle cx="8.8" cy="10" r=".9" fill="currentColor" stroke="none" /><circle cx="15.2" cy="10" r=".9" fill="currentColor" stroke="none" /><path d="M7.5 13.5c2.4 3.4 6.6 3.4 9 0" /></svg></label>
            </div>
            <div class="fgk-ends"><span>{{ $c.rows.span_83 }}</span><span>{{ $c.rows.span_84 }}</span></div>
          </fieldset>
          <label class="fgk-field">{{ $c.rows.text_85 }}<textarea name="comment" rows="3" placeholder="It arrived in one piece and…"></textarea></label>
          <label class="fgk-field">{{ $c.rows.text_86 }}<input type="email" name="email" autocomplete="email" placeholder="giulia@mail.com"></label>
          <button type="submit">{{ $c.rows.button_87 }}</button>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
          <div class="fgk-sent" tabindex="-1"><p class="fgk-big">{{ $c.rows.p_88 }}</p><p class="fgk-small">{{ $c.rows.p_89 }}</p><button type="button" class="fgk-ghost" data-again>{{ $c.rows.button_90 }}</button></div>
        </form>
      </div>
    </article>

    
    <article class="row" id="write">
      <div class="info">
        <div class="num">{{ $c.rows.div_91 }}</div>
        <h3>{{ $c.rows.h3_92 }}</h3>
        <p>{{ $c.rows.p_93 }}</p>
      </div>
      <div class="card dark">
        <form id="f-write" class="fgk fgk-float" action="https://formgong.com/submit" method="POST" enctype="multipart/form-data">
          <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
          <input type="hidden" name="request" value="Message">
          <div class="fgk-hp" aria-hidden="true"><label>{{ $c.rows.text_94 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
          <label class="fgk-fl"><input name="name" autocomplete="name" placeholder=" " required><span>{{ $c.rows.span_95 }}</span></label>
          <label class="fgk-fl"><input type="email" name="email" autocomplete="email" placeholder=" " required><span>{{ $c.rows.span_96 }}</span></label>
          <label class="fgk-fl"><textarea name="message" rows="2" placeholder=" " required data-autosize></textarea><span>{{ $c.rows.span_97 }}</span></label>
          <button type="submit">{{ $c.rows.button_98 }}</button>
          <p class="fgk-status" data-status role="status" aria-live="polite"></p>
          <div class="fgk-sent" tabindex="-1"><p class="fgk-big">{{ $c.rows.p_99_html | safeHTML }}</p><p class="fgk-small" style="color:rgba(255,255,255,.6)">{{ $c.rows.p_100 }}</p><button type="button" class="fgk-ghost" data-again>{{ $c.rows.button_101 }}</button></div>
        </form>
      </div>
    </article>
  </div>