[add] captcha, banner and css fixed

public/frontend/css/style.css

@@ -61,7 +61,8 @@ h4{
 }
 .header-scroll {
     padding: 0 6rem;
-    background: #0E2B52;
+    background: rgba(14, 43, 82, 0.9);
+    backdrop-filter: blur(12px);
     position: sticky;
     box-shadow: 0 2px 4px rgba(99, 99, 99, 0.25);
   }
@@ -254,8 +255,7 @@ Responsive Codes
     position: relative;
 }
 .banner-section video {
-    min-width: 100%; 
-    min-height: 140%; 
+    display:block; 
 }
 .banner-section .banner-shadow {
     position: absolute;
@@ -263,12 +263,12 @@ Responsive Codes
     height: 100%;
     top: 0;
     left: 0;
-    box-shadow: inset 0 1700px rgb(0 0 0 / 40%) !important;
+    box-shadow: inset 0 1700px rgb(0 0 0 / 45%) !important;
 }
 .banner-section .banner-description{
     position: absolute;
-    top: 40%;
-    left: 5%;
+    top: 36%;
+    left: 6%;
 }
 .banner-description span::before{
     content: "Study Programme";
@@ -296,8 +296,8 @@ Responsive Codes
 }
 .banner-description h2, .banner-description-two h2, .banner-description-three h2{
     font-weight: 800;
-    font-size: 46px;
-    line-height: 69px;
+    font-size: 54px;
+    line-height: 78px;
     color: #FFFFFF;
 }
 @keyframes anim-lineUp {
@@ -922,7 +922,6 @@ Responsive Codes
 }
 /* contact us css */
 .contact-us-section{
-    background: url('../images/contact-us-banner.png');
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1062,7 +1061,6 @@ Responsive Codes
 }
 /* need a chef page css */
 .need-chef-banner{
-    background: url('../images/need-chef.png');
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1152,6 +1150,9 @@ Responsive Codes
 .chef-hire-form .input-group-text{
     padding: .9rem .75rem !important;
 }
+.enquiry-form .captch-field{
+    background: rgba(255, 255, 255, 0.55);
+}
 .captch-field{
     background: #FFFFFF;
     padding: 0.5rem;
@@ -1162,6 +1163,7 @@ Responsive Codes
 }
 .captch-field input, .captch-field input:focus-visible{
     border: none;
+    background: none;
     box-shadow: none;
     outline: none;
     width: 100%;
@@ -1224,7 +1226,6 @@ Responsive Codes
 }
 /* service detail css */
 .service-detail-banner{
-    background: url('../images/service-detail.png');
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1300,7 +1301,6 @@ Responsive Codes
 
 /* news and update section */
 .news-banner-section{
-    background: url(../images/news-banner.png);
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1468,7 +1468,6 @@ Responsive Codes
 
 /* recruitment page css */
 .recruitment-banner{
-    background: url(../images/recruitment.png);
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1537,7 +1536,6 @@ Responsive Codes
 }
 /* insurance page css */
 .insurance-banner{
-    background: url(../images/insurance.png);
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
@@ -1572,13 +1570,75 @@ Responsive Codes
     padding: 3rem 6rem;
 }
 .labor-agreement-banner{
-    background: url(../images//labor-agreement.png);
     padding: 6rem;
     height: 40vh;
     background-repeat: no-repeat;
     background-size: cover !important;
     position: relative;
 }
+
+/* Labor agreement section */
+.pathway-banner-section{
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover !important;
+    position: relative;
+}
+.pathway-steps-section{
+    padding: 3rem 6rem;
+}
+.pathway-step-header h2{
+    font-weight: 600;
+    font-size: 38px;
+    line-height: 56px;
+    text-align: center;
+    padding: 0 20%;
+    color: #082548;
+}
+.pathway-step-header p{
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 1.8rem;
+    padding: 0 10%;
+    text-align: center;
+    color: #252525;
+}
+.pathway-step-header h5{
+    font-weight: 600;
+    font-size: 16px;
+    padding: 20px 0;
+    line-height: 1.8rem;
+    text-align: center;
+    color: #252525;
+}
+.pathway-step-card{
+    background: #1853A4;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
+    border-radius: 15px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30px 20px;
+    min-height: 22pc;
+}
+.pathway-steps-icon{
+    background: #FFFFFF;
+    padding: 10px;
+    border-radius: 5px;
+    margin-bottom: 25px;
+}
+.pathway-step-desc h3{
+    color: #FFFFFF;
+    text-align: center;
+    margin-bottom: 20px;
+    font-size: 24px;
+}
+.pathway-step-desc p{
+    color: #FFFFFF;
+    text-align: center;
+}
+
 @media only screen and (min-width: 320px) and (max-width: 480px) {
     /* contact us mobile view */
     .about-banner-section .breadcrumb, 
@@ -1647,7 +1707,8 @@ Responsive Codes
     .recruitment-card,
     .insurance-desc,
     .labor-section-primary,
-    .labor-section-secondary{
+    .labor-section-secondary,
+    .pathway-steps-section{
         padding: 2rem;
     }
     .visa-services, 
@@ -1675,12 +1736,18 @@ Responsive Codes
     }
     .insurance-content h2, 
     .labor-section-primary h2, 
-    .labor-section-secondary h2 {
+    .labor-section-secondary h2,
+    .pathway-step-header h2 {
         font-weight: 600;
         font-size: 28px;
         line-height: 42px;
         color: #082548;
     }
+    .pathway-step-header h2,
+    .pathway-step-header p{
+        text-align: left;
+        padding: 0;
+    }
     .blog-header h2,
     .enquiry-contacts h2{
         text-align: center;
@@ -1706,7 +1773,8 @@ Responsive Codes
     .news-and-update-section .row{
         gap: 20px;
     }
-    .more-news{
+    .more-news,
+    .services-cards{
         grid-template-columns: 1fr;
     }
     .chef-hire-form{

public/frontend/icons/enq-phone-icon.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9293 11.1516L15.3911 13.6133C15.7274 13.9496 15.7274 14.4949 15.3911 14.8312C13.5728 16.6494 10.6942 16.854 8.6371 15.3112L7.29524 14.3048C5.55171 12.9971 4.00289 11.4483 2.69524 9.70476L1.68884 8.3629C0.145996 6.30577 0.350568 3.42721 2.16883 1.60895C2.50514 1.27264 3.05041 1.27263 3.38673 1.60895L5.84845 4.07067C6.23897 4.4612 6.23897 5.09436 5.84845 5.48488L4.92331 6.41002C4.77005 6.56329 4.73205 6.79743 4.82898 6.9913C5.94972 9.23277 7.76723 11.0503 10.0087 12.171C10.2026 12.268 10.4367 12.23 10.59 12.0767L11.5151 11.1516C11.9056 10.761 12.5388 10.761 12.9293 11.1516Z" stroke="#071C39" stroke-width="0.8"/>
+</svg>

resources/views/am_chef.blade.php

@@ -3,7 +3,7 @@
     <title>I am Chef</title>
 @endsection
 @section('content')
-    <section class="need-chef-banner">
+    <section class="need-chef-banner" style="background: url('frontend/images/need-chef.png')">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

resources/views/contact.blade.php

@@ -4,7 +4,7 @@
 @endsection
 @section('content')
 
-    <section class="contact-us-section">
+    <section class="contact-us-section" style="background: url('frontend/images/contact-us-banner.png')">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="/">Home</a></li>

resources/views/insurance.blade.php

@@ -3,7 +3,7 @@
     <title>Insurance</title>
 @endsection
 @section('content')
-    <section class="insurance-banner">
+    <section class="insurance-banner" style="background: url('frontend/images/insurance.png')">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
             <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

resources/views/labor_agreement.blade.php

@@ -3,7 +3,7 @@
     <title>Labor Agreement</title>
 @endsection
 @section('content')
-<section class="labor-agreement-banner">
+<section class="labor-agreement-banner" style="background: url('frontend/images/labor-agreement.png')">
     <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
           <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

resources/views/layout/app.blade.php

@@ -163,7 +163,7 @@
                     <h2>Quick Links</h2>
                     <ul>
                         <li><a href="/about">About us</a></li>
-                        <li><a href="">Pathway Programme</a></li>
+                        <li><a href="/pathway_programme">Pathway Programme</a></li>
                         <li><a href="{{url('/news')}}">News</a></li>
                         <li><a href="/contact">Contact us</a></li>
                     </ul>

resources/views/need_chef.blade.php

@@ -3,7 +3,7 @@
     <title>I need a Chef</title>
 @endsection
 @section('content')
-    <section class="need-chef-banner">
+    <section class="need-chef-banner" style="background: url('frontend/images/need-chef.png')">
         <nav aria-label="breadcrumb">
             <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

resources/views/news.blade.php

@@ -3,7 +3,7 @@
     <title>News & Updates</title>
 @endsection
 @section('content')
-    <section class="news-banner-section">
+    <section class="news-banner-section" style="background: url('frontend/images/news-banner.png')">
         <div class="news-banner-desc">
             <h2>News & Updates</h2>
         </div>

resources/views/pathway_programme.blade.php

@@ -0,0 +1,64 @@
+@extends('layout.app')
+@section('title')
+    <title>Pathway Programme</title>
+@endsection
+@section('content')
+    <section class="pathway-banner-section" style="background: url('frontend/images/pathway-banner.png')">
+        <div class="services-banner-content">
+            <h2>Pathway Programme</h2>
+        </div>
+    </section>
+    <section class="pathway-steps-section">
+        <div class="pathway-step-header">
+            <h2>Pathway to Australian PR through 4 simple steps</h2>
+            <p>The current certification needed is a Cert IV in Commercial Cookery to receive a positive skills assessment. You can even accomplish this without an employer's sponsorship or having to reside in a rural area.</p>
+            <h5>Here are a few easy steps that could help you follow this road.</h5>
+        </div>
+        <div class="row g-4">
+            <div class="col-md-3">
+                <div class="pathway-step-card">
+                    <div class="pathway-steps-icon">
+                        <img src="{{url('frontend/icons/write-blue.svg')}}" alt="">
+                    </div>
+                    <div class="pathway-step-desc">
+                        <h3>Study Programme</h3>
+                        <p>To be able to acquire the necessary skills and qualifications, students need an approved and accredited career in commercial cooking.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="pathway-step-card">
+                    <div class="pathway-steps-icon">
+                        <img src="{{url('frontend/icons/online-learning.svg')}}" alt="">
+                    </div>
+                    <div class="pathway-step-desc">
+                        <h3>Training Programme</h3>
+                        <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="pathway-step-card">
+                    <div class="pathway-steps-icon">
+                        <img src="{{url('frontend/icons/efficiency.svg')}}" alt="">
+                    </div>
+                    <div class="pathway-step-desc">
+                        <h3>Skill Assessment</h3>
+                        <p>Trade skill assessment is a process to assess the right skills and knowledge required in the occupation field.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="pathway-step-card">
+                    <div class="pathway-steps-icon">
+                        <img src="{{url('frontend/icons/recruitment-icon.svg')}}" alt="">
+                    </div>
+                    <div class="pathway-step-desc">
+                        <h3>Skilled Recruitment</h3>
+                        <p>We assist international students in finding full-time employment in Australia through a variety of hiring options.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

resources/views/recruitment.blade.php

@@ -3,7 +3,7 @@
     <title>Recruitment</title>
 @endsection
 @section('content')
-    <section class="recruitment-banner">
+    <section class="recruitment-banner" style="background: url('frontend/images/recruitment.png')">
         <div class="service-detail-desc">
             <h2>Recruitment</h2>
         </div>

resources/views/service_detail.blade.php

@@ -3,7 +3,7 @@
     <title>{{$service->name}}</title>
 @endsection
 @section('content')
-    <section class="service-detail-banner">
+    <section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
         <div class="service-detail-desc">
             <h2>{{$service->name}}</h2>
         </div>

resources/views/service_view.blade.php

@@ -3,7 +3,7 @@
     <title>{{$service->name}}</title>
 @endsection
 @section('content')
-    <section class="service-detail-banner">
+    <section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
         <div class="service-detail-desc">
             <h2>{{$service->name}}</h2>
         </div>

resources/views/welcome.blade.php

@@ -8,14 +8,12 @@
         @endphp
     <!-- Slider section -->
     <section class="banner-section" >
-      <div class="video-container">
         <video id="vid" autoplay playsinline loop muted>
           <source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
         </video>
         <span class="banner-shadow"></span>
-      </div>
       <div class="banner-description">
-        <h2>4 Easy Steps to Permanent <br> Residency in Australia <span></span></h2>
+        <h2>4 Easy Steps To <br> Permanent Residency <br> In Australia <span></span></h2>
 
         {{-- <h3>{{$slider->title2}}</h3> --}}
         {{-- <p>{{$slider->description}}</p> --}}
@@ -295,7 +293,7 @@
                 <div class="input-group mb-3">
                   <div class="input-group-prepend">
                     <span class="input-group-text" id="basic-addon1">
-                      <i class="fa-solid fa-phone"></i>
+                      <img src="{{url('frontend/icons/enq-phone-icon.svg')}}" alt="">
                     </span>
                   </div>
                   <input type="text" name = "phone" class="form-control" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon1">
@@ -328,6 +326,34 @@
                   <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Message" name="message"></textarea>
                 </div>
               </div>
+              <div class="col-md-12">
+                @php
+                    $code = Str::random(5);
+                @endphp
+                <div class=" mb-3">
+                  <div class="contact-captcha">
+                      <div class="input-group captcha-sec">
+                        <div class="input-group-prepend">
+                          <span class="input-group-text" id="basic-addon1">
+                            <img src="{{url('frontend/icons/captcha-icon.svg')}}" alt="">
+                          </span>
+                        </div>
+                          <input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
+                          <input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
+                      </div>
+                      <div class="captch-field">
+                          <!-- name = "captcha_code" value = "{{$code}}" -->
+                          <input type = "text" id="captcha_code" readonly  name = "captcha_code" value = "{{$code}}"/>
+                          <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
+                      </div>
+                  </div>
+                </div>
+                @if ($errors->has('captcha'))
+                    <span class="help-block">
+                        <strong>{{ $errors->first('captcha') }}</strong>
+                    </span>
+                @endif
+              </div>
               <div class="text-center mt-3">
                 <button class="btn-submit">Submit</button>
               </div>
@@ -370,5 +396,19 @@
                   icon: 'success'
               })
         }
+
+        $('#refresh').click(function(event){
+            event.preventDefault();
+            $.ajax({
+                type:'GET',
+                url:'refreshcaptcha',
+                success:function(data){
+                  document.getElementById('captcha_code').readOnly = false;
+                  document.getElementById('captcha_code').value = (data.captcha_code);
+                  document.getElementById('displayed_captcha_code').value = (data.captcha_code);
+                  document.getElementById('captcha_code').readOnly = true;
+                }
+            });
+        });
 </script>
 @endsection

routes/web.php

@@ -52,6 +52,11 @@ Route::get('/refreshcaptcha', [HomeController::class,'refreshCaptcha']);
 Route::get('/need_chef', function(){
     return view('need_chef');
 });
+
+Route::get('/pathway_programme', function(){
+    return view('pathway_programme');
+});
+
 Route::get('/labor_agreement', function(){
     return view('labor_agreement');
 });