Deletes SplashPage and modifies HomePage

thaleycode · Nov 5, 2023 · 2a7a401 · 2a7a401
1 parent d33a45e
commit 2a7a401
Show file tree

Hide file tree

Showing 8 changed files with 70 additions and 67 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Spectrum Analyzer - Team 5</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.jsx b/src/App.jsx
@@ -2,9 +2,7 @@ import React from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Header from './headerfooter/Header';
 import Footer from './headerfooter/Footer';
-import SplashPage from './pages/SplashPage';
 import HomePage from './pages/HomePage';
-import AboutPage from './pages/AboutPage';
 import ContactPage from './pages/ContactPage';
 import TermsPage from './pages/TermsPage';
 import './css/global.css';
@@ -15,9 +13,7 @@ function App() {
       <div className="App">
         <Header />
         <Routes>
-          <Route path="/" element={<SplashPage />} />
-          <Route path="/Home" element={<HomePage />} />
-          <Route path="/about" element={<AboutPage />} />
+          <Route path="/" element={<HomePage />} />
           <Route path="/contact" element={<ContactPage />} />
           <Route path="/terms" element={<TermsPage />} />
         </Routes>

diff --git a/src/components/About.jsx b/src/components/About.jsx
@@ -0,0 +1,48 @@
+import React from 'react';
+
+const About = () => {
+  return (
+    <div className="about-container">
+      <h1>About the Spectrum Analyzer Analysis Tool</h1>
+      <h2>Purpose:</h2>
+      <p>
+        The Spectrum Analyzer Analysis Tool is a capstone creation, dedicated to
+        advancing the analysis of frequency spectrums within video feeds. Our tool
+        automates the detection and measurement of signal waveforms to support
+        the 402 SWEG's data analysis requirements.
+      </p>
+      <h2>How It Works:</h2>
+      <p>
+        By employing computer vision techniques and leveraging the OpenCV library, 
+        this software tool processes video frames to identify grid lines and signal 
+        patterns, calculates waveform properties, and extracts vital information like 
+        amplitude and frequency details.
+      </p>
+      <h2>Functionality:</h2>
+      <ul>
+        <li><strong>Grid Detection:</strong> Identifies grid patterns for reference scaling.</li>
+        <li><strong>Wave Analysis:</strong> Measures waveform properties against the detected grid.</li>
+        <li><strong>Data Extraction:</strong> Outputs analysis results to CSV files for further study.</li>
+      </ul>
+      <h2>Benefits:</h2>
+      <p>
+        This tool is engineered to enhance efficiency and accuracy in spectrum analysis 
+        and to make complex signal analysis more accessible for both educational and 
+        professional use.
+      </p>
+      <h2>Future Directions:</h2>
+      <p>
+        We are committed to continuously improving the tool by adding real-time analysis
+        capabilities, expanding the detectable signal range, and refining the user interface.
+      </p>
+      <h2>Team:</h2>
+      <p>
+        This project is brought to you by Masood Afzal, Ashly Altman, Brooke Ebetino, 
+        Tyler Halley, and Joey Thompson, under the mentorship of Dr. Yan Huang.
+      </p>
+      <p>For inquiries or more information, please <a href="#contact">contact us</a>.</p>
+    </div>
+  );
+};
+
+export default About;
diff --git a/src/headerfooter/Footer.jsx b/src/headerfooter/Footer.jsx
@@ -6,7 +6,6 @@ function Footer() {
   return (
     <footer className="footer">
       <nav>
-        <Link to="/about">About</Link> | 
         <Link to="/contact">Contact</Link> | 
         <Link to="/terms">Terms</Link>
       </nav>

diff --git a/src/headerfooter/Header.jsx b/src/headerfooter/Header.jsx
@@ -7,11 +7,10 @@ function Header() {
   return (
     <header className="header">
       <div className="brand" onClick={() => navigate("/")}>
-        Joey's React Template
+        Spectrum Analyzer - Team 5
       </div>
       <nav className="navigation">
         <button onClick={() => navigate("/")}>Home</button>
-        <button onClick={() => navigate("/about")}>About</button>
       </nav>
     </header>
   );

diff --git a/src/pages/AboutPage.jsx b/src/pages/AboutPage.jsx
diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
@@ -1,29 +1,40 @@
 import React from 'react';
 import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
 import 'react-tabs/style/react-tabs.css';
+import About from '../components/About';
 
 function HomePage() {
+  // URL to your S3 bucket where the app installer is hosted
+  const appInstallerUrl = "https://spectrum-analyzer-installer.s3.amazonaws.com/SpectrumAnalyzerTeam5.exe";
+
   return (
     <div className="home-page">
       <Tabs>
         <TabList>
-          <Tab>Tab 1</Tab>
-          <Tab>Tab 2</Tab>
-          <Tab>Tab 3</Tab>
-          <Tab>Tab 4</Tab>
+          <Tab>Download</Tab>
+          <Tab>About</Tab>
+          <Tab>Documentation</Tab>
+          <Tab>Contact</Tab>
         </TabList>
 
         <TabPanel>
-          <h2>Content for Tab 1</h2>
+          <h2>Download the App</h2>
+          {/* Replace href with your actual S3 URL */}
+          <a href={appInstallerUrl} download>
+            <button>Download Installer</button>
+          </a>
         </TabPanel>
         <TabPanel>
-          <h2>Content for Tab 2</h2>
+          <h2>About the Project</h2>
+          <About />
         </TabPanel>
         <TabPanel>
-          <h2>Content for Tab 3</h2>
+          <h2>Documentation</h2>
+          <p>Access to user guides, API documentation, etc.</p>
         </TabPanel>
         <TabPanel>
-          <h2>Content for Tab 4</h2>
+          <h2>Contact Information</h2>
+          <p>How to reach the team for support or inquiries.</p>
         </TabPanel>
       </Tabs>
     </div>

diff --git a/src/pages/SplashPage.jsx b/src/pages/SplashPage.jsx