Merge pull request #2 from PyVersify/Nathan-Bransby-NMT/add-pages

Add pages for redundant links

Author: Nathan-Bransby-NMT

src/App.tsx

@@ -8,6 +8,13 @@ import MissionStatement from './components/MissionStatement';
 import FAQ from './components/FAQ';
 import CTA from './components/CTA';
 import Footer from './components/Footer';
+import Community from './components/Community';
+import Resources from './components/Resources';
+import Join from './components/Join';
+import Features from './components/Features';
+import Works from './components/Works';
+import Support from './components/Support';
+import Help from './components/Help';
 
 import smallLogo from './assets/images/logo_32x32.png';
 
@@ -34,6 +41,13 @@ function App() {
             <Route path="/about" element={<About />} />
             <Route path="/mission-statement" element={<MissionStatement /> } />
             <Route path="/faq" element={<FAQ openFaq={openFaq} setOpenFaq={setOpenFaq} />} />
+            <Route path="/community" element={<Community />} />
+            <Route path="/resources" element={<Resources />} />
+            <Route path="/join" element={<Join />} />
+            <Route path="/features" element={<Features />} />
+            <Route path="/works" element={<Works />} />
+            <Route path="/support" element={<Support />} />
+            <Route path="/help" element={<Help />} />
           </Routes>
         </main>
 
@@ -45,4 +59,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;

src/components/Community.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Community: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Community</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the community page! Here you can find information about our community events, forums, and how to get involved.
+      </p>
+    </div>
+  );
+};
+
+export default Community;

src/components/Features.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Features: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Features</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the features page! Here you can find information about the various features our platform offers.
+      </p>
+    </div>
+  );
+};
+
+export default Features;

src/components/Footer.tsx

@@ -74,4 +74,4 @@ const Footer: React.FC = () => {
     );
 };
 
-export default Footer;
+export default Footer;

src/components/Header.tsx

@@ -16,9 +16,9 @@ const baseLinks = [
             { name: 'FAQ', path: '/faq' },
         ]
     },
-    { name: 'Community', path: '#community' },
-    { name: 'Resources', path: '#resources' },
-    { name: 'Join Us', path: '#join' }
+    { name: 'Community', path: '/community' },
+    { name: 'Resources', path: '/resources' },
+    { name: 'Join Us', path: '/join' }
 ]
 
 const Header: React.FC<HeaderProps> = ({ fontLoaded, smallLogo }) => {

src/components/Help.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Help: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Help</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the help page! Here you can find information and resources to assist you with any questions or issues you may have.
+      </p>
+    </div>
+  );
+};
+
+export default Help;

src/components/Join.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Join: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Join Us</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the join page! Here you can find information about how to become a member of our community and the benefits of joining.
+      </p>
+    </div>
+  );
+};
+
+export default Join;

src/components/Resources.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Resources: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Resources</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the resources page! Here you can find various materials and tools to help you with your Python development journey.
+      </p>
+    </div>
+  );
+};
+
+export default Resources;

src/components/Support.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Support: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Support</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the support page! Here you can find information about how to get help and support for our platform.
+      </p>
+    </div>
+  );
+};
+
+export default Support;

src/components/Works.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const Works: React.FC = () => {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-4xl font-bold mb-4 text-[#4584b6]">Works</h1>
+      <p className="text-xl text-gray-600">
+        Welcome to the works page! Here you can find information about our projects and case studies.
+      </p>
+    </div>
+  );
+};
+
+export default Works;