diff options
Diffstat (limited to 'src/pages/HomePage.tsx')
| -rw-r--r-- | src/pages/HomePage.tsx | 24 |
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>© {new Date().getFullYear()} Morse Hero</p> - </div> - </div> - </div> - </footer> + <Footer currentPage="home" /> </div > ); }; |