Footer links

frontend/src/App.js

@@ -15,6 +15,17 @@ import Review from "./Component/Review";
 import AOS from "aos";
 import "aos/dist/aos.css";
 import { Toaster } from "react-hot-toast";
+import RemoteJobs from "./pages/RemoteJobs";
+import AI from "./pages/AI";
+import Movie from "./pages/Movie";
+import { Extension } from "./pages/Extension";
+import UI from "./pages/UI";
+import FrontendTools from "./pages/FrontendTools";
+import EthicalHacking from "./pages/EthicalHacking";
+import CodingPlateform from "./pages/CodingPlateform";
+import CourcesPlatform from "./pages/CourcesPlatform";
+
+
 import { BrowserRouter } from 'react-router-dom';
 import ScrollToTop from "./Component/ScrollToTop";
 function App() {
@@ -33,6 +44,15 @@ function App() {
         <Route path="/about" element={<About />}></Route>
         <Route path="/open-source" element={<OpenSource />}></Route>
         <Route path="/review" element={<Review />}></Route>
+        <Route path="/remote-jobs" element={<RemoteJobs />}></Route>
+        <Route path="/ai" element={<AI />}></Route>
+        <Route path="/movies-series" element={<Movie />}></Route>
+        <Route path="/extension" element={<Extension />}></Route>
+        <Route path="/ui-design" element={<UI />}></Route>
+        <Route path="/front-end-tools" element={<FrontendTools />}></Route>
+        <Route path="/ethical-hacking" element={<EthicalHacking />}></Route>
+        <Route path="/coding-platform" element={<CodingPlateform />}></Route>
+        <Route path="/cources-platform" element={<CourcesPlatform />}></Route>
         <Route path="*" element={<NotFound />} /> {/* 404 route */}
       </Routes>
 

frontend/src/Component/Footer.js

@@ -63,27 +63,27 @@ function Footer() {
               <h5>Quick Links</h5>
               <ul>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/remote-jobs">
                     Remote Jobs
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/ai">
                     AI
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/movies-series">
                     Movie/Series
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/extension">
                     Extension
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/ui-design">
                     Ui Design
                   </a>
                 </li>
@@ -93,22 +93,22 @@ function Footer() {
               <h5>Explore</h5>
               <ul>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/front-end-tools">
                     Frontend Tools
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/ethical-hacking">
                     Ethical Hacking
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/coding-platform">
                     Coding Platforms
                   </a>
                 </li>
                 <li className="nav-item">
-                  <a className="" href="/">
+                  <a className="" href="/cources-platform">
                     Course Platforms
                   </a>
                 </li>

frontend/src/pages/AI.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const AI = () => {
+  return (
+    <div style={{marginTop: "200px"}}>AI</div>
+  )
+}
+
+export default AI

frontend/src/pages/CodingPlateform.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const CodingPlateform = () => {
+  return (
+    <div style={{marginTop: "200px"}}>CodingPlateform</div>
+  )
+}
+
+export default CodingPlateform

frontend/src/pages/CourcesPlatform.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const CourcesPlatform = () => {
+  return (
+    <div style={{marginTop: "200px"}}>CourcesPlatform</div>
+  )
+}
+
+export default CourcesPlatform

frontend/src/pages/EthicalHacking.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const EthicalHacking = () => {
+  return (
+    <div style={{marginTop: "200px"}}>EthicalHacking</div>
+  )
+}
+
+export default EthicalHacking

frontend/src/pages/Extension.jsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const Extension = () => {
+  return (
+    <div style={{marginTop: "200px"}}>Extension</div>
+  )
+}

frontend/src/pages/FrontendTools.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const FrontendTools = () => {
+  return (
+    <div style={{marginTop: "200px"}}>FrontendTools</div>
+  )
+}
+
+export default FrontendTools

frontend/src/pages/Movie.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Movie = () => {
+  return (
+    <div style={{marginTop: "200px"}}>Movie & Series</div>
+  )
+}
+
+export default Movie

frontend/src/pages/RemoteJobs.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const RemoteJobs = () => {
+  return (
+    <div className='' style={{marginTop: "200px"}}>RemoteJobs</div>
+  )
+}
+
+export default RemoteJobs

frontend/src/pages/UI.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const UI = () => {
+  return (
+    <div style={{marginTop: "200px"}}>UI</div>
+  )
+}
+
+export default UI