[Website] - Burn-P3 Fixes

src/components/Navigation.tsx

@@ -22,7 +22,6 @@ const Navigation = () => {
           <Link to="/">Home</Link>
           <Link to="/project_team">Team</Link>
 
-
         <li
           onMouseOver={() => handleMouseOver('prometheus')}
           onMouseOut={handleMouseOut}
@@ -38,7 +37,6 @@ const Navigation = () => {
           </ul>
         </li>
 
-
         <li
           onMouseOver={() => handleMouseOver('wise')}
           onMouseOut={handleMouseOut}
@@ -53,7 +51,6 @@ const Navigation = () => {
           </ul>
         </li>
 
-
         <li
           onMouseOver={() => handleMouseOver('redapp')}
           onMouseOut={handleMouseOut}
@@ -68,22 +65,6 @@ const Navigation = () => {
           </ul>
         </li>
 
-
-
-
-        <li
-          onMouseOver={() => handleMouseOver('burnp3')}
-          onMouseOut={handleMouseOut}
-          className={activeMenu === 'burnp3' ? 'menuhover' : ''}
-        >
-          <Link to="/burnp3_overview">Burn-P3</Link>
-          <ul style={{ display: activeMenu === 'burnp3' ? 'block' : 'none' }}>
-            <li><Link to="/burnp3_overview">Overview</Link></li>
-            <li><Link to="/burnp3_documentation">Documentation</Link></li>
-            <li><Link to="/burnp3_software">Software</Link></li>
-            <li><Link to="/burnp3_support">Support</Link></li>
-          </ul>
-        </li>
         <li
           onMouseOver={() => handleMouseOver('burnp3plus')}
           onMouseOut={handleMouseOut}
@@ -97,6 +78,7 @@ const Navigation = () => {
             <li><Link to="/burnp3plus_support">Support</Link></li>
           </ul>
         </li>
+
         <li
           onMouseOver={() => handleMouseOver('pandora')}
           onMouseOut={handleMouseOut}
@@ -110,6 +92,20 @@ const Navigation = () => {
             <li><Link to="/pandora_support">Support</Link></li>
           </ul>
         </li>
+
+        <li
+          onMouseOver={() => handleMouseOver('burnp3')}
+          onMouseOut={handleMouseOut}
+          className={activeMenu === 'burnp3' ? 'menuhover' : ''}
+        >
+          <Link to="/burnp3_overview">Burn-P3 (Legacy)</Link>
+          <ul style={{ display: activeMenu === 'burnp3' ? 'block' : 'none' }}>
+            <li><Link to="/burnp3_overview">Overview</Link></li>
+            <li><Link to="/burnp3_documentation">Documentation</Link></li>
+            <li><Link to="/burnp3_software">Software</Link></li>
+            <li><Link to="/burnp3_support">Support</Link></li>
+          </ul>
+        </li>
         <li><Link to="/fban_tools">FBAN Tools</Link></li>
       </ul>
     </div>

src/pages/BurnP3Documentation.tsx

@@ -1,4 +1,5 @@
 import Banner from '../components/Banner';
+import { Link } from 'react-router-dom';
 import DocumentationTable from '../components/DocumentationTable';
 import '../styles/BurnP3Documentation.css';
 
@@ -22,13 +23,17 @@ const BurnP3Documentation = () => {
 
   return (
     <div>
-      <Banner title="Burn-P3" imageSrc="/images/burnp3_banner.jpg" />
+      <Banner title="Burn-P3 (Legacy)" imageSrc="/images/burnp3_banner.jpg" />
 
       <div className="content">
         <h1>Documentation</h1>
         <DocumentationTable items={documentationItems} />
+        <div className="warning">
+          <p>The <Link to="/burnp3plus">BurnP3+</Link> project is the modern, open-source successor to Burn-P3.</p>
+          </div>
       </div>
     </div>
+
   );
 };
 

src/pages/BurnP3Overview.tsx

@@ -5,12 +5,13 @@ import '../styles/BurnP3Overview.css';
 const BurnP3Overview = () => {
   return (
     <div>
-      <Banner title="Burn-P3" imageSrc="/images/burnp3_banner.jpg" />
+      <Banner title="Burn-P3 (Legacy)" imageSrc="/images/burnp3_banner.jpg" />
 
       <div className="content">
         <h1>Overview</h1>
         <div className="warning">
-          <p>The COM (Common Object Model) is a deprecated Microsoft Windows technology. The <Link to="/burnp3plus">BurnP3+</Link> project is the modern, open-source successor to Burn-P3.</p>
+          <p>The <Link to="/burnp3plus">BurnP3+</Link> project is the modern, open-source successor to Burn-P3 (Legacy).
+          The COM (Common Object Model) is a deprecated Microsoft Windows technology.</p>
         </div>
 
         <img className="right" src="/images/grid_output_burnp3.jpg" alt="Burn-P3 Grid Output" />

src/pages/BurnP3Software.tsx

@@ -1,4 +1,5 @@
 import Banner from '../components/Banner';
+import { Link } from 'react-router-dom';
 import TabContent from '../components/TabContent';
 import Image from '../components/Image';
 import '../styles/BurnP3Software.css';
@@ -148,11 +149,14 @@ const BurnP3Software = () => {
 
   return (
     <div>
-      <Banner title="Burn-P3" imageSrc="/images/burnp3_banner.jpg" />
+      <Banner title="Burn-P3 (Legacy)" imageSrc="/images/burnp3_banner.jpg" />
 
       <div className="content">
         <h1>Software</h1>
         <TabContent tabs={tabs} />
+        <div className="warning">
+            <p>The <Link to="/burnp3plus">BurnP3+</Link> project is the modern, open-source successor to Burn-P3.</p>
+          </div>
       </div>
     </div>
   );

src/pages/BurnP3Support.tsx

@@ -1,14 +1,17 @@
 import Banner from '../components/Banner';
+import { Link } from 'react-router-dom';
 import '../styles/BurnP3Support.css';
 
 const BurnP3Support = () => {
   return (
     <div>
-      <Banner title="Burn-P3" imageSrc="/images/burnp3_banner.jpg" />
+      <Banner title="Burn-P3 (Legacy)" imageSrc="/images/burnp3_banner.jpg" />
 
       <div className="content">
         <h1>Technical Support</h1>
-
+        <div className="warning">
+            <p>The <Link to="/burnp3plus">BurnP3+</Link> project is the modern, open-source successor to Burn-P3.</p>
+          </div>
         <div className="support-info">
           <p><b>Peter Englefield</b></p>
           <p>