first task

src/components/viewalljobs.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import {Link} from 'react-router-dom'
+
+const viewalljobs = () => {
+  return (
+    <section className="m-auto max-w-lg my-10 px-6">
+        <Link
+          to="/jobs"
+          className="block bg-black text-white text-center py-4 px-6 rounded-xl hover:bg-gray-700"
+          >View All Jobs
+          </Link>
+        
+      </section>
+  )
+}
+
+export default viewalljobs