diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index c7bb0a8..a6ddb56 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -764,8 +764,12 @@ Responsive Codes
 }
 /* about us page css */
 .about-banner-section{
-    padding: 3rem 6rem;
-    background: #0A2849;
+    background: url('../images/aboutus-banner.png');
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover!important;
+    position: relative;
 }
 .who-we-section{
     padding: 3rem 6rem;
@@ -812,8 +816,12 @@ Responsive Codes
 }
 /* contact us css */
 .contact-us-section{
-    padding: 3rem 6rem;
-    background: #0A2849;
+    background: url('../images/contact-us-banner.png');
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover!important;
+    position: relative;
 }
 .get-in-touch-section{
     padding: 3rem 6rem;
@@ -936,16 +944,21 @@ Responsive Codes
     height: 40vh;
     background-repeat: no-repeat;
     background-size: cover!important;
+    position: relative;
 }
-.chef-banner-content h2{
+.chef-banner-content h2, 
+.about-banner-content h2,
+.contact-banner-content h2{
     font-weight: 700;
-    font-size: 80px;
+    font-size: 60px;
     line-height: 3rem;
     color: #FFFFFF;
     text-align: center;
-    margin-top: 4rem;
-    margin-bottom: 25px;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 .chef-banner-content p{
     font-weight: 500;
diff --git a/public/frontend/images/aboutus-banner.png b/public/frontend/images/aboutus-banner.png
new file mode 100644
index 0000000..16422bc
Binary files /dev/null and b/public/frontend/images/aboutus-banner.png differ
diff --git a/public/frontend/images/contact-us-banner.png b/public/frontend/images/contact-us-banner.png
new file mode 100644
index 0000000..f32d7e4
Binary files /dev/null and b/public/frontend/images/contact-us-banner.png differ
diff --git a/public/frontend/images/need-chef.png b/public/frontend/images/need-chef.png
index 33beb0c..03670d8 100644
Binary files a/public/frontend/images/need-chef.png and b/public/frontend/images/need-chef.png differ
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index bde30fc..a2be4b1 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -6,10 +6,13 @@
     <section class="about-banner-section">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
-              <li class="breadcrumb-item"><a href="#">Home</a></li>
+              <li class="breadcrumb-item"><a href="/">Home</a></li>
               <li class="breadcrumb-item active" aria-current="page">About</li>
             </ol>
         </nav>
+        <div class="about-banner-content">
+            <h2>About us</h2>
+        </div>
     </section>
     <section class="who-we-section">
         <div class="row">
diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php
index 2d196e9..5e4b5ff 100644
--- a/resources/views/contact.blade.php
+++ b/resources/views/contact.blade.php
@@ -7,10 +7,13 @@
     <section class="contact-us-section">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
-              <li class="breadcrumb-item"><a href="#">Home</a></li>
+              <li class="breadcrumb-item"><a href="/">Home</a></li>
               <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
             </ol>
         </nav>
+        <div class="contact-banner-content">
+            <h2>Contact us</h2>
+        </div>
     </section>
     <section class="get-in-touch-section">
         <div class="get-in-card">
diff --git a/resources/views/layout/app.blade.php b/resources/views/layout/app.blade.php
index fb437a4..efb126a 100644
--- a/resources/views/layout/app.blade.php
+++ b/resources/views/layout/app.blade.php
@@ -47,7 +47,7 @@
             </ul>
         </li>
         <li class="nav-item">
-            <a class="nav-link" href="{{url('/recruitment')}}">Recruitment</a>
+            <a class="nav-link" href="{{url('/need_chef')}}">Recruitment</a>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="{{url('/insurance')}}">Insurance</a>
diff --git a/resources/views/need_chef.blade.php b/resources/views/need_chef.blade.php
index 395a454..510fd46 100644
--- a/resources/views/need_chef.blade.php
+++ b/resources/views/need_chef.blade.php
@@ -6,13 +6,12 @@
     <section class="need-chef-banner">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
-              <li class="breadcrumb-item"><a href="#">Home</a></li>
+              <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>
               <li class="breadcrumb-item active" aria-current="page">Recruitment</li>
             </ol>
         </nav>
         <div class="chef-banner-content">
             <h2>I need a Chef</h2>
-            <p>Are you struggling to find chefs? Aplus has placed over 600 chefs in hospitality venues across Australia</p>
         </div>
     </section>
     <section class="hiring-chef">