first task

src/pages/homepage.jsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import hero from '../components/hero'; 
+import homecards from '../components/homecards';
+import joblistings from '../components/joblistings';
+import viewalljobs from '../components/viewalljobs';
+
+const homepage = () => {
+  return (
+    <>
+    <hero />
+    <homecards />
+    <joblistings />
+    <viewalljobs />
+    </>
+  );
+}
+
+export default homepage

src/pages/jobspage.jsx

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

src/pages/notfoundpage.jsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import {Link} from 'react-router-dom'; 
+import { FaExclamationTriangle } from 'react-icons/fa';
+
+const notfoundpage = () => {
+  return (
+    <section className="text-center flex flex-col justify-center items-center h-96">
+    <FaExclamationTriangle className='text-yellow-400 text-6xl mb-4' />
+    <h1 className="text-6xl font-bold mb-4">404 Not Found</h1>
+    <p className="text-xl mb-5">This page does not exist</p>
+    <Link
+      tp="/"
+      className="text-white bg-indigo-700 hover:bg-indigo-900 rounded-md px-3 py-2 mt-4"
+      >Go Back</Link
+    >
+  </section>
+  )
+}
+
+export default notfoundpage