Premium Footer – Shopify

{% comment %}
  Dynamic Footer Section By CDesk Solutions
  Features: Store Info, Nav Menus, Newsletter, Social Links, Payment Icons
{% endcomment %}

<footer class="cds-footer" id="shopify-section-{{ section.id }}">

  {%- comment -%} ── TOP AREA ── {%- endcomment -%}
  <div class="cds-footer__top">
    <div class="cds-footer__container">
      <div class="cds-footer__grid">

        {%- comment -%} ── STORE INFORMATION BLOCK ── {%- endcomment -%}
        {% if section.settings.show_store_info %}
        <div class="cds-footer__col cds-footer__col--info">
          {% if section.settings.store_info_heading != blank %}
            <h3 class="cds-footer__heading">{{ section.settings.store_info_heading }}</h3>
          {% endif %}
          <ul class="cds-footer__info-list">
            {% if section.settings.store_address != blank %}
            <li class="cds-footer__info-item">
              <span class="cds-footer__icon cds-footer__icon--pin">
                <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                  <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/>
                </svg>
              </span>
              <span>{{ section.settings.store_address }}</span>
            </li>
            {% endif %}
            {% if section.settings.store_phone != blank %}
            <li class="cds-footer__info-item">
              <span class="cds-footer__icon cds-footer__icon--phone">
                <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                  <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/>
                </svg>
              </span>
              <span>{{ section.settings.store_phone }}</span>
            </li>
            {% endif %}
            {% if section.settings.store_fax != blank %}
            <li class="cds-footer__info-item">
              <span class="cds-footer__icon cds-footer__icon--fax">
                <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                  <path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/>
                </svg>
              </span>
              <span>{{ section.settings.store_fax }}</span>
            </li>
            {% endif %}
            {% if section.settings.store_email != blank %}
            <li class="cds-footer__info-item">
              <span class="cds-footer__icon cds-footer__icon--email">
                <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                  <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
                </svg>
              </span>
              <a href="mailto:{{ section.settings.store_email }}" class="cds-footer__link">{{ section.settings.store_email }}</a>
            </li>
            {% endif %}
          </ul>
        </div>
        {% endif %}

        {%- comment -%} ── MENU BLOCKS (up to 2) ── {%- endcomment -%}
        {% for block in section.blocks %}
          {% if block.type == 'menu' %}
          <div class="cds-footer__col cds-footer__col--menu" {{ block.shopify_attributes }}>
            {% if block.settings.heading != blank %}
              <h3 class="cds-footer__heading">{{ block.settings.heading }}</h3>
            {% endif %}
            {% if block.settings.menu != blank %}
              {% assign footer_menu = linklists[block.settings.menu] %}
              {% if footer_menu != blank %}
              <ul class="cds-footer__menu-list">
                {% for link in footer_menu.links %}
                <li class="cds-footer__menu-item">
                  <a href="{{ link.url }}" class="cds-footer__link">{{ link.title }}</a>
                </li>
                {% endfor %}
              </ul>
              {% endif %}
            {% endif %}
          </div>
          {% endif %}
        {% endfor %}

        {%- comment -%} ── NEWSLETTER BLOCK ── {%- endcomment -%}
        {% if section.settings.show_newsletter %}
        <div class="cds-footer__col cds-footer__col--newsletter">
          {% if section.settings.newsletter_heading != blank %}
            <h3 class="cds-footer__heading">{{ section.settings.newsletter_heading }}</h3>
          {% endif %}
          {% if section.settings.newsletter_subtext != blank %}
            <p class="cds-footer__newsletter-text">{{ section.settings.newsletter_subtext }}</p>
          {% endif %}

          {% form 'customer', id: 'CdsContactFooter' %}
            <input type="hidden" name="contact[tags]" value="newsletter">
            <div class="cds-footer__newsletter-form">
              <div class="cds-footer__field">
                <input
                  id="CdsNewsletterForm--{{ section.id }}"
                  type="email"
                  name="contact[email]"
                  class="cds-footer__input"
                  value="{{ customer.email }}"
                  aria-required="true"
                  autocorrect="off"
                  autocapitalize="off"
                  autocomplete="email"
                  placeholder="{{ section.settings.newsletter_placeholder | default: 'Your email' }}"
                  required
                >
                <button type="submit" class="cds-footer__newsletter-btn" aria-label="Subscribe">
                  <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path d="M22.984.638a.5.5,0,0,0-.718-.559L1.783,10.819a1.461,1.461,0,0,0-.1,2.527h0l4.56,2.882a.25.25,0,0,0,.3-.024L18.7,5.336a.249.249,0,0,1,.361.342L9.346,17.864a.25.25,0,0,0,.062.367L15.84,22.3a1.454,1.454,0,0,0,2.19-.895Z"/>
                    <path d="M7.885,19.182a.251.251,0,0,0-.385.211c0,1.056,0,3.585,0,3.585a1,1,0,0,0,1.707.707l2.018-2.017a.251.251,0,0,0-.043-.388Z"/>
                  </svg>
                  {{ section.settings.newsletter_btn_text | default: 'Subscribe' }}
                </button>
              </div>
            </div>

            {% if form.posted_successfully? %}
              <p class="cds-footer__newsletter-success">{{ 'general.newsletter_form.confirmation' | t }}</p>
            {% endif %}
          {% endform %}

          {%- comment -%} ── SOCIAL ICONS ── {%- endcomment -%}
          {% if section.settings.show_social %}
          <ul class="cds-footer__social-list" role="list">
            {% if settings.social_twitter_link != blank %}
            <li>
              <a href="{{ settings.social_twitter_link }}" class="cds-footer__social-link" target="_blank" rel="noopener" aria-label="Twitter">
                <svg aria-hidden="true" focusable="false" viewBox="0 0 18 15" fill="currentColor">
                  <path d="M17.64 2.6a7.33 7.33 0 01-1.75 1.82c0 .05 0 .13.02.23l.02.23a9.97 9.97 0 01-1.69 5.54c-.57.85-1.24 1.62-2.02 2.28a9.09 9.09 0 01-2.82 1.6 10.23 10.23 0 01-8.9-.98c.34.02.61.04.83.04 1.64 0 3.1-.5 4.38-1.5a3.6 3.6 0 01-3.3-2.45A2.91 2.91 0 004 9.35a3.47 3.47 0 01-2.02-1.21 3.37 3.37 0 01-.8-2.22v-.03c.46.24.98.37 1.58.4a3.45 3.45 0 01-1.54-2.9c0-.61.14-1.2.45-1.79a9.68 9.68 0 003.2 2.6 10 10 0 004.08 1.07 3 3 0 01-.13-.8c0-.97.34-1.8 1.03-2.48A3.45 3.45 0 0112.4.96a3.49 3.49 0 012.54 1.1c.8-.15 1.54-.44 2.23-.85a3.4 3.4 0 01-1.54 1.94c.74-.1 1.4-.28 2.01-.54z"/>
                </svg>
              </a>
            </li>
            {% endif %}
            {% if settings.social_facebook_link != blank %}
            <li>
              <a href="{{ settings.social_facebook_link }}" class="cds-footer__social-link" target="_blank" rel="noopener" aria-label="Facebook">
                <svg aria-hidden="true" focusable="false" viewBox="0 0 18 18" fill="currentColor">
                  <path d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z"/>
                </svg>
              </a>
            </li>
            {% endif %}
            {% if settings.social_pinterest_link != blank %}
            <li>
              <a href="{{ settings.social_pinterest_link }}" class="cds-footer__social-link" target="_blank" rel="noopener" aria-label="Pinterest">
                <svg aria-hidden="true" focusable="false" viewBox="0 0 17 18" fill="currentColor">
                  <path d="M8.48.58a8.42 8.42 0 015.9 2.45 8.42 8.42 0 011.33 10.08 8.28 8.28 0 01-7.23 4.16 8.5 8.5 0 01-2.37-.32c.42-.68.7-1.29.85-1.8l.59-2.29c.14.28.41.52.8.73.4.2.8.31 1.24.31.87 0 1.65-.25 2.34-.75a4.87 4.87 0 001.6-2.05 7.3 7.3 0 00.56-2.93c0-1.3-.5-2.41-1.49-3.36a5.27 5.27 0 00-3.8-1.43c-.93 0-1.8.16-2.58.48A5.23 5.23 0 002.85 8.6c0 .75.14 1.41.43 1.98.28.56.7.96 1.27 1.2.1.04.19.04.26 0 .07-.03.12-.1.15-.2l.18-.68c.05-.15.02-.3-.11-.45a2.35 2.35 0 01-.57-1.63A3.96 3.96 0 018.6 4.8c1.09 0 1.94.3 2.54.89.61.6.92 1.37.92 2.32 0 .8-.11 1.54-.33 2.21a3.97 3.97 0 01-.93 1.62c-.4.4-.87.6-1.4.6-.43 0-.78-.15-1.06-.47-.27-.32-.36-.7-.26-1.13a111.14 111.14 0 01.47-1.6l.18-.73c.06-.26.09-.47.09-.65 0-.36-.1-.66-.28-.89-.2-.23-.47-.35-.83-.35-.45 0-.83.2-1.13.62-.3.41-.46.93-.46 1.56a4.1 4.1 0 00.18 1.15l.06.15c-.6 2.58-.95 4.1-1.08 4.54-.12.55-.16 1.2-.13 1.94a8.4 8.4 0 01-5-7.65c0-2.3.81-4.28 2.44-5.9A8.04 8.04 0 018.48.57z"/>
                </svg>
              </a>
            </li>
            {% endif %}
            {% if settings.social_instagram_link != blank %}
            <li>
              <a href="{{ settings.social_instagram_link }}" class="cds-footer__social-link" target="_blank" rel="noopener" aria-label="Instagram">
                <svg aria-hidden="true" focusable="false" viewBox="0 0 18 18" fill="currentColor">
                  <path d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
                  <path d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z"/>
                </svg>
              </a>
            </li>
            {% endif %}
            {% if settings.social_youtube_link != blank %}
            <li>
              <a href="{{ settings.social_youtube_link }}" class="cds-footer__social-link" target="_blank" rel="noopener" aria-label="YouTube">
                <svg aria-hidden="true" focusable="false" viewBox="0 0 100 70" fill="currentColor">
                  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z"/>
                </svg>
              </a>
            </li>
            {% endif %}
          </ul>
          {% endif %}
        </div>
        {% endif %}

      </div>
    </div>
  </div>

</footer>

<style>
  /* ─────────────────────────────────────────────
     Footer – Design: Settings Driven
  ───────────────────────────────────────────── */
  #shopify-section-{{ section.id }} {
    --cds-bg: {{ section.settings.color_bg }};
    --cds-accent: {{ section.settings.color_accent }};
    --cds-accent-hover: {{ section.settings.color_accent_hover }};
    --cds-text: {{ section.settings.color_text }};
    --cds-text-muted: {{ section.settings.color_text_muted }};
    --cds-heading: {{ section.settings.color_heading }};
    --cds-border: {{ section.settings.color_border }};
    --cds-input-bg: {{ section.settings.color_input_bg }};
    --cds-input-border: {{ section.settings.color_input_border }};
    
    --cds-icon-size: 16px;
    --cds-radius: 4px;
    --cds-container: 1280px;
    --cds-gap: 40px;
    --cds-font: 'Helvetica Neue', Arial, sans-serif;
  }

  .cds-footer {
    background: var(--cds-bg);
    font-family: var(--cds-font);
    color: var(--cds-text);
    font-size: 14px;
    line-height: 1.6;
  }

  .cds-footer__container {
    max-width: 90rem;
    margin: 0 auto;
  }

  /* TOP SECTION */
  .cds-footer__top {
    padding: 64px 0 48px;
    border-bottom: 1px solid var(--cds-border);
  }

  .cds-footer__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.5fr;
    gap: var(--cds-gap);
    align-items: start;
  }

  @media (max-width: 1024px) {
    .cds-footer__grid {
      grid-template-columns: 1fr 1fr;
      gap: 36px;
    }
    .cds-footer__col--newsletter {
      grid-column: span 2;
    }
  }

  @media (max-width: 640px) {
    .cds-footer__grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .cds-footer__col--newsletter {
      grid-column: span 1;
    }
    .cds-footer__container {
      padding: 0 20px;
    }
  }

  /* HEADINGS */
  .cds-footer__heading {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cds-heading);
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--cds-accent);
    display: inline-block;
  }

  /* STORE INFO */
  .cds-footer__info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .cds-footer__info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--cds-text);
  }

  .cds-footer__icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    color: var(--cds-accent);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cds-footer__icon svg {
    width: 100%;
    height: 100%;
  }

  /* MENU */
  .cds-footer__menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .cds-footer__menu-item {
    line-height: 1.4;
  }

  /* LINKS */
  .cds-footer__link {
    color: var(--cds-text);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .cds-footer__link:hover {
    color: var(--cds-accent);
  }

  .cds-footer__menu-list .cds-footer__link {
    position: relative;
    padding-left: 0;
    transition: color 0.2s ease, padding-left 0.2s ease;
  }

  .cds-footer__menu-list .cds-footer__link::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 1px;
    background: var(--cds-accent);
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .cds-footer__menu-list .cds-footer__link:hover {
    color: var(--cds-accent);
    padding-left: 12px;
  }

  .cds-footer__menu-list .cds-footer__link:hover::before {
    opacity: 1;
    left: 0;
  }

  /* NEWSLETTER */
  .cds-footer__newsletter-text {
    color: var(--cds-text-muted);
    font-size: 13px;
    margin: 0 0 18px;
    line-height: 1.6;
  }

  .cds-footer__newsletter-form {
    margin-bottom: 20px;
  }

  .cds-footer__field {
    display: flex;
    border: 1px solid var(--cds-input-border);
    border-radius: var(--cds-radius);
    overflow: hidden;
    background: var(--cds-input-bg);
    transition: border-color 0.2s ease;
  }

  .cds-footer__field:focus-within {
    border-color: var(--cds-accent);
  }

  .cds-footer__input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 12px 14px;
    color: var(--cds-heading);
    font-size: 13px;
    font-family: var(--cds-font);
    min-width: 0;
  }

  .cds-footer__input::placeholder {
    color: var(--cds-text-muted);
  }

  .cds-footer__newsletter-btn {
    background: var(--cds-accent);
    border: none;
    padding: 12px 16px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: var(--cds-font);
    transition: background 0.2s ease;
    white-space: nowrap;
  }

  .cds-footer__newsletter-btn:hover {
    background: var(--cds-accent-hover);
  }

  .cds-footer__newsletter-btn svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
  }

  .cds-footer__newsletter-success {
    color: #4caf50;
    font-size: 13px;
    margin: 8px 0 0;
  }

  /* SOCIAL */
  .cds-footer__social-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .cds-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--cds-border);
    border-radius: 50%;
    color: var(--cds-text-muted);
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .cds-footer__social-link:hover {
    background: var(--cds-accent);
    border-color: var(--cds-accent);
    color: #fff;
  }

  .cds-footer__social-link svg {
    width: 15px;
    height: 15px;
  }
</style>

{% schema %}
{
  "name": "Footer",
  "tag": "section",
  "class": "shopify-section--footer",
  "settings": [
    {
      "type": "header",
      "content": "Store Information"
    },
    {
      "type": "checkbox",
      "id": "show_store_info",
      "label": "Show store information column",
      "default": true
    },
    {
      "type": "text",
      "id": "store_info_heading",
      "label": "Store info column heading",
      "default": "Store Information"
    },
    {
      "type": "text",
      "id": "store_address",
      "label": "Store address",
      "default": "Your Company Address"
    },
    {
      "type": "text",
      "id": "store_phone",
      "label": "Phone number",
      "default": "(+91) 000-000-0000"
    },
    {
      "type": "text",
      "id": "store_fax",
      "label": "Fax number",
      "default": "000000"
    },
    {
      "type": "text",
      "id": "store_email",
      "label": "Email address",
      "default": "info@yourcompany.com"
    },
    {
      "type": "header",
      "content": "Newsletter"
    },
    {
      "type": "checkbox",
      "id": "show_newsletter",
      "label": "Show newsletter column",
      "default": true
    },
    {
      "type": "text",
      "id": "newsletter_heading",
      "label": "Newsletter heading",
      "default": "Newsletter"
    },
    {
      "type": "text",
      "id": "newsletter_subtext",
      "label": "Newsletter description",
      "default": "Subscribe to our latest newsletter to get news about special discounts."
    },
    {
      "type": "text",
      "id": "newsletter_placeholder",
      "label": "Email input placeholder",
      "default": "Your email"
    },
    {
      "type": "text",
      "id": "newsletter_btn_text",
      "label": "Subscribe button text",
      "default": "Subscribe"
    },
    {
      "type": "header",
      "content": "Social Media"
    },
    {
      "type": "checkbox",
      "id": "show_social",
      "label": "Show social icons",
      "default": true
    },
    {
      "type": "paragraph",
      "content": "Social links are managed in Theme Settings → Social media."
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "color_bg",
      "label": "Background",
      "default": "#f0f0f0"
    },
    {
      "type": "color",
      "id": "color_text",
      "label": "Text",
      "default": "#121212"
    },
    {
      "type": "color",
      "id": "color_heading",
      "label": "Headings",
      "default": "#121212"
    },
    {
      "type": "color",
      "id": "color_text_muted",
      "label": "Muted Text & Icons",
      "default": "#777777"
    },
    {
      "type": "color",
      "id": "color_accent",
      "label": "Accent Color",
      "default": "#e63027"
    },
    {
      "type": "color",
      "id": "color_accent_hover",
      "label": "Accent Hover",
      "default": "#ff3b32"
    },
    {
      "type": "color",
      "id": "color_border",
      "label": "Borders",
      "default": "#d1d1d1"
    },
    {
      "type": "color",
      "id": "color_input_bg",
      "label": "Input Background",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "color_input_border",
      "label": "Input Border",
      "default": "#d1d1d1"
    }
  ],
  "blocks": [
    {
      "type": "menu",
      "name": "Navigation Menu",
      "settings": [
        {
          "type": "text",
          "id": "heading",
          "label": "Column heading",
          "default": "Quick Links"
        },
        {
          "type": "link_list",
          "id": "menu",
          "label": "Menu",
          "default": "footer"
        }
      ]
    }
  ],
  "max_blocks": 2,
  "presets": [
    {
      "name": "Footer",
      "blocks": [
        {
          "type": "menu",
          "settings": {
            "heading": "Information",
            "menu": "footer"
          }
        },
        {
          "type": "menu",
          "settings": {
            "heading": "My Account",
            "menu": "footer"
          }
        }
      ]
    }
  ]
}
{% endschema %}