Unify footer component

1 files changed, 2 insertions, 22 deletions

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 931ccce..ab977aa 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { Link } from 'react-router';
 import cw from 'cw';
 import '../styles.css';
+import Footer from '../components/Footer';
 
 declare global {
   interface Window {
@@ -368,28 +369,7 @@ const HomePage = () => {
         )
       }
 
-      <footer className="footer">
-        <div className="footer-unified">
-          <div className="footer-sections">
-            <div className="footer-section">
-              <h3>About Morse Code</h3>
-              <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p>
-            </div>
-            <div className="footer-section">
-              <h3>Quick Links</h3>
-              <ul>
-                <li><Link to="/chart">Morse Code Chart</Link></li>
-                <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li>
-              </ul>
-            </div>
-            <div className="footer-section">
-              <h3>Resources</h3>
-              <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p>
-              <p>&copy; {new Date().getFullYear()} Morse Hero</p>
-            </div>
-          </div>
-        </div>
-      </footer>
+      <Footer currentPage="home" />
     </div >
   );
 };