Ads github download description and Contact page

src/components/Contact.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+const Contact = () => {
+    const contacts = [
+        { name: 'Joey Thompson', email: 'jthom282@students.kennesaw.edu' },
+        { name: 'Ashly Altman', email: 'aaltman6@students.kennesaw.edu' },
+        { name: 'Brooke Ebetino', email: 'bebetino@students.kennesaw.edu' },
+        { name: 'Tyler Haley', email: 'thaley10@students.kennesaw.edu' },
+        { name: 'Masood Afzali', email: 'safzali1@students.kennesaw.edu' },
+        {
+            name: 'Nasiya Sharif',
+            title: 'Kennesaw State University Capstone Project Manager',
+            description: 'Organizer of the capstone project teams for Kennesaw State University. Acts as the intermediary between the project development team and the Robins Air Force Base representative.',
+            email: 'nrahman1@students.kennesaw.edu'
+        },
+    ];
+
+    return (
+        <div>
+            <h1>Contact</h1>
+            <ul>
+                {contacts.map((contact, index) => (
+                    <li key={index}>
+                        <h2>{contact.name}</h2>
+                        {contact.title && <h3>{contact.title}</h3>}
+                        {contact.description && <p>{contact.description}</p>}
+                        <p>Email: <a href={`mailto:${contact.email}`}>{contact.email}</a></p>
+                    </li>
+                ))}
+            </ul>
+        </div>
+    );
+};
+
+export default Contact;

src/components/Documentation.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Documentation = () => {
+    return(
+        <div>
+            <h1>Documentation</h1>
+        </div>
+    );
+};
+
+export default Documentation;

src/components/Download.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+const About = () => {
+    const appInstallerUrl = "https://spectrum-analyzer-installer.s3.amazonaws.com/SpectrumAnalyzerTeam5.exe";
+
+    return (
+        <div>
+            <h1>Download the Spectrum Analyzer</h1>
+            <h2>Installation Instructions:</h2>
+
+            <h3>GitHub Repository:</h3>
+            <p>You can also download and run the project from our GitHub repository. Here's how:</p>
+            <ol>
+                <li>Visit our GitHub repository at <a href="https://github.com/JoeyThompson10/spectrumAnalyzerProject" target="_blank">Spectrum Analyzer Project</a>.</li>
+                <li>Clone the repository or download the ZIP file and extract it on your computer.</li>
+                <li>Navigate to the project directory where the <code>main.py</code> file is located.</li>
+                <li>Open a terminal or command prompt in this directory.</li>
+                <li>Ensure you have Python installed on your system and the necessary libraries by running <code>pip install -r requirements.txt</code> (the requirements file should list all the necessary libraries).</li>
+                <li>Run the application by executing <code>python main.py</code> in the terminal.</li>
+            </ol>
+            <p>Note: You can find detailed instructions and documentation on how to set up and run the project in the repository's README file.</p>
+
+            <h3>Installer:</h3>
+            <p>Download the installer and run it on your system. Follow the on-screen instructions to complete the installation.</p>
+
+            <a href={appInstallerUrl} download>
+                <button className="download-button">Download Installer</button>
+            </a>
+            <p>Version: 1.6</p>
+            <p>File Size: 15 MB</p>
+            <p>Release Date: 2023-11-05</p>
+            <p>System Requirements: Windows 10/11, 4GB RAM, 500MB Disk Space</p>
+        </div>
+    );
+};
+
+export default About;

src/pages/HomePage.jsx

@@ -2,10 +2,11 @@ import React from 'react';
 import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
 import 'react-tabs/style/react-tabs.css';
 import About from '../components/About';
+import Download from '../components/Download';
+import Documentation from '../components/Documentation';
+import Contact from '../components/Contact';
 
 function HomePage() {
-  const appInstallerUrl = "https://spectrum-analyzer-installer.s3.amazonaws.com/SpectrumAnalyzerTeam5.exe";
-
   return (
     <div className="home-page">
       <Tabs>
@@ -15,38 +16,17 @@ function HomePage() {
           <Tab>Documentation</Tab>
           <Tab>Contact</Tab>
         </TabList>
-
         <TabPanel>
-          <h2>Download the Spectrum Analyzer</h2>
-          <h3>Installation Instructions:</h3>
-          <p>Download the installer and run it on your system. Follow the on-screen instructions to complete the installation.</p>
-
-          <a href={appInstallerUrl} download>
-            <button className="download-button">Download Installer</button>
-          </a>
-          <p>Version: 1.6</p>
-          <p>File Size: 15 MB</p>
-          <p>Release Date: 2023-11-05</p>
-          <p>System Requirements: Windows 10/11, 4GB RAM, 500MB Disk Space</p>
-
-          <h3>Release Notes:</h3>
-          <ul>
-            <li>Added support for new signal processing algorithms.</li>
-            <li>Improved UI responsiveness for high-resolution displays.</li>
-            <li>Fixed bug causing incorrect frequency display on certain devices.</li>
-          </ul>
-
-
+          <Download />
         </TabPanel>
-
         <TabPanel>
           <About />
         </TabPanel>
         <TabPanel>
-          <h2>Documentation</h2>
+          <Documentation />
         </TabPanel>
         <TabPanel>
-          <h2>Contact Information</h2>
+          <Contact />
         </TabPanel>
       </Tabs>
     </div>