From 7625a2a4d4f2fc59b5aa0c97acf10f8bfb54c0f7 Mon Sep 17 00:00:00 2001
From: JacobDChamberlain <straightlegmusic@gmail.com>
Date: Thu, 14 May 2026 21:18:22 -0500
Subject: [PATCH] move contact info to about page

---
 frontend/src/components/App/App.js            |  2 --
 frontend/src/components/NavBar/NavBar.js      |  1 -
 frontend/src/components/Pages/About/About.css | 22 +++++++++++++++++++
 frontend/src/components/Pages/About/About.js  |  2 ++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/App/App.js b/frontend/src/components/App/App.js
index 18fdbf4..021eb19 100644
--- a/frontend/src/components/App/App.js
+++ b/frontend/src/components/App/App.js
@@ -11,7 +11,6 @@ import Merch from '../Pages/Merch/Merch';
 import About from '../Pages/About/About';
 import Shows from '../Pages/Shows/Shows';
 import Tours from '../Pages/Tours/Tours';
-import Contact from '../Pages/Contact/Contact';
 import Purchase from '../Pages/Purchase/Purchase';
 import NotFound from '../Pages/NotFound/NotFound';
 import FloatingCartButton from '../FloatingCartButton/FloatingCartButton';
@@ -109,7 +108,6 @@ function App() {
                 <Route path='/shows' Component={ Shows } />
                 <Route path='/tour' Component={ Tours } />
                 <Route path='/tours' Component={ Tours } />
-                <Route path='/contact' Component={ Contact } />
                 <Route path='/checkout' Component={ Purchase } />
                 <Route path='/successful-purchase' Component={ SuccessfulPurchase } />
                 <Route path='/sad-yeet' Component={ FailedPurchase } />
diff --git a/frontend/src/components/NavBar/NavBar.js b/frontend/src/components/NavBar/NavBar.js
index aad5693..7adab5c 100644
--- a/frontend/src/components/NavBar/NavBar.js
+++ b/frontend/src/components/NavBar/NavBar.js
@@ -12,7 +12,6 @@ export default function NavBar() {
                 <NavLink className="my-nav-link" to='/merch'>MERCH</NavLink>
                 <NavLink className="my-nav-link" to='/shows'>SHOWS</NavLink>
                 <NavLink className="my-nav-link" to='/about'>ABOUT</NavLink>
-                <NavLink className="my-nav-link" to='/contact'>CONTACT</NavLink>
             </div>
         </div>
     )
diff --git a/frontend/src/components/Pages/About/About.css b/frontend/src/components/Pages/About/About.css
index 3d0f8a5..d922545 100644
--- a/frontend/src/components/Pages/About/About.css
+++ b/frontend/src/components/Pages/About/About.css
@@ -22,6 +22,28 @@
     padding: 5px;
 }
 
+.booking-section {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.booking-header {
+    margin: 0 0 10px 0;
+}
+
+.email-link, .email-link:visited {
+    text-decoration: none;
+    color: var(--color-text-link);
+    font-size: 20px;
+    font-weight: bold;
+    transition: color var(--animation-duration) ease;
+}
+
+.email-link:hover {
+    cursor: pointer;
+    color: var(--color-text-accent);
+}
+
 .bandcamp-link, .bandcamp-link:visited {
     text-decoration: none;
     color: var(--color-text-link);
diff --git a/frontend/src/components/Pages/About/About.js b/frontend/src/components/Pages/About/About.js
index b84651c..c7c2290 100644
--- a/frontend/src/components/Pages/About/About.js
+++ b/frontend/src/components/Pages/About/About.js
@@ -18,6 +18,8 @@ export default function About() {
             <div className='band-photo-description'>
                 Maldevera, born Shawn Corey Carter, is a renowned American rapper, songwriter, and entrepreneur. Maldevera has achieved widespread acclaim for his lyrical prowess, entrepreneurial ventures, and cultural influence. With a career spanning decades, Maldevera has solidified his place as one of the most influential figures in hip-hop and popular culture.<br />
                 <Link to='https://maldevera.bandcamp.com/' className='bandcamp-link'>☞ Discography ☜</Link>
+                <br />
+                <a className="bandcamp-link" href="mailto:MaldeveraTX@gmail.com">☞ Booking: MaldeveraTX@gmail.com ☜</a>
             </div>
             <ul className='individual-photos-ul'>
                 <li className='individual-photo-li'>