added cancel button

src/layouts/footers/footer.vue

@@ -15,9 +15,10 @@
       <div class="">Spring Rebuilders - (508) 799-9342</div>
     </nav>
     <nav>
-      <h6 class="footer-title">Other</h6>
-      <a class="link link-hover"></a>
-      <a class="link link-hover"></a>
+      <h6 class="footer-title">Google Review link / qrcode</h6>
+      <a class="link link-hover">https://g.page/r/CZHnPQ85LsMUEBM/review</a>
+      <button @click="copyReviewLink" class="btn btn-outline btn-sm ml-2">Copy Link</button>
+      <h6 class="link link-hover"> <img src="../../assets/images/googlereview.png" alt="Company Logo" class="h-10 w-auto" /></h6>
       <a class="link link-hover"></a>
     </nav>
   </footer>
@@ -36,7 +37,17 @@ export default defineComponent({
   },
 
   mounted() { },
-  methods: {},
+  methods: {
+    async copyReviewLink() {
+      try {
+        await navigator.clipboard.writeText('https://g.page/r/CZHnPQ85LsMUEBM/review')
+        alert('Link copied to clipboard!')
+      } catch (err) {
+        console.error('Failed to copy text: ', err)
+        alert('Failed to copy link. Please try again.')
+      }
+    },
+  },
 })
 </script>
-<style></style>
+<style></style>