From 639547a26790fdb68945113f4f6b2be445535b87 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 7 Mar 2025 13:17:59 +0100
Subject: Unify footer component

---
 src/components/Footer.tsx | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/Footer.tsx

(limited to 'src/components/Footer.tsx')

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..9ad24b8
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { Link } from 'react-router';
+
+interface FooterProps {
+  currentPage?: 'home' | 'chart';
+}
+
+const Footer: React.FC<FooterProps> = ({ currentPage = 'home' }) => {
+  return (
+    <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>
+              {currentPage === 'chart' && (
+                <li><Link to="/">Morse Hero Game</Link></li>
+              )}
+              {currentPage === 'home' && (
+                <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>
+  );
+};
+
+export default Footer;
-- 
cgit v1.3.1

