Footer 10

    
<template>
  <footer class="site-footer map-footer">
    <div class="footer-top">
      <div class="container-fluid">
        <div class="row equal-wraper">
          <div
            class="col-md-4 col-lg-6 col-sm-12 p-a0 equal-col wow fadeInLeft"
            data-wow-duration="2s"
            data-wow-delay="0.3s"
          >
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d14444.846145183914!2d75.84806889203723!3d25.16233421040968!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1517832215254"
              style="
                border: 0;
                width: 100%;
                min-height: 300px;
                height: 100%;
                vertical-align: middle;
              "
              allowfullscreen
            />
          </div>
          <div
            class="col-md-8 col-lg-6 col-sm-12 equal-col wow fadeInRight"
            data-wow-duration="2s"
            data-wow-delay="0.3s"
          >
            <div class="p-tb60 p-lr15">
              <div class="max-w600">
                <div class="footer-logo m-b30 logo-white">
                  <img
                    alt=""
                    width="120"
                    src="/images/logo-white-7.png"
                    height="75"
                  />
                </div>
                <div class="m-b0">
                  <h5 class="m-b10 text-white">Subscribe To Our Newsletter</h5>
                  <p class="text-capitalize m-b20">
                    Lorem Ipsum is simply dummy text of the printing and
                    typesetting industry has been the industry's standard dummy
                    text ever since the..
                  </p>
                  <div class="subscribe-form form-white m-b20">
                    <form class="dzSubscribe" @submit.prevent="handleSubscribe">
                      <div class="dzSubscribeMsg" />
                      <div class="input-group">
                        <input
                          name="dzEmail"
                          required
                          class="form-control"
                          placeholder="Your Email Address"
                          type="email"
                        />
                        <span class="input-group-btn">
                          <button
                            name="submit"
                            value="Submit"
                            type="submit"
                            class="site-button btnhover17 radius-xl"
                          >
                            Subscribe
                          </button>
                        </span>
                      </div>
                    </form>
                  </div>
                  <ul class="list-inline m-a0">
                    <template v-for="(link, index) in socialLinks" :key="index">
                      <li>
                        <a
                          :href="link.href"
                          :class="`site-button circle ${link.className}`"
                        >
                          <i :class="link.iconClass" />
                        </a>
                      </li>
                      {{ " " }}
                    </template>
                  </ul>
                </div>
              </div>
            </div>
            <div class="footer-bottom text-left row">
              <div class="col-md-12 col-sm-12 text-left p-lr30">
                <span>
                  Copyright ©
                  <span class="current-year">{{ currentYear }}</span>
                  <a href="https://dexignzone.com/" target="_blank">
                    DexignZone
                  </a>
                  . all rights reserved.
                </span>
                <div class="widget-link m-t10">
                  <ul>
                    <li
                      v-for="(link, index) in footerLinks2.slice(0, 5)"
                      :key="index"
                    >
                      <nuxt-link :to="link.href">{{ link.label }}</nuxt-link>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>

<script setup>
import { socialLinks, footerLinks2 } from "@/data/footerLinks";

const currentYear = ref(new Date().getFullYear());

const handleSubscribe = (e) => {
  e.preventDefault();
  // Handle subscription logic here
};
</script>

<style scoped>
/* Add your styles here */
</style>