after contact me div add these 3 icons in footer instaed of contact me

components/footer.js

@@ -56,19 +56,17 @@ class CustomFooter extends HTMLElement {
       <footer>
         <div class="footer-content">
           <div class="social-links">
-            <a href="#" aria-label="GitHub"><i data-feather="github"></i></a>
-            <a href="#" aria-label="LinkedIn"><i data-feather="linkedin"></i></a>
-            <a href="#" aria-label="Twitter"><i data-feather="twitter"></i></a>
-            <a href="#" aria-label="Dribbble"><i data-feather="dribbble"></i></a>
+            <a href="https://github.com" target="_blank" aria-label="GitHub"><i data-feather="github"></i></a>
+            <a href="https://linkedin.com" target="_blank" aria-label="LinkedIn"><i data-feather="linkedin"></i></a>
+            <a href="https://twitter.com" target="_blank" aria-label="Twitter"><i data-feather="twitter"></i></a>
           </div>
           <div class="footer-links">
             <a href="#home">Home</a>
             <a href="#about">About</a>
             <a href="#projects">Projects</a>
             <a href="#certificates">Certificates</a>
-            <a href="#contact">Contact</a>
-</div>
-          <p class="copyright">&copy; ${new Date().getFullYear()} John Doe. All rights reserved.</p>
+          </div>
+<p class="copyright">&copy; ${new Date().getFullYear()} John Doe. All rights reserved.</p>
         </div>
       </footer>
     `;