added new pages

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