Added hero image and hireing model summary

recruitment/templates/recruitment/open_recruitments.html

@@ -99,6 +99,15 @@
                 padding-left: 4rem;
             }
 
+            .heropng {
+                width: 100vw;
+                height: auto;
+            }
+
+            .heropng_mobile {
+                display: none;
+            }
+
             @media (max-width: 768px) {
                 .points ul {
                     flex-direction: column;
@@ -120,23 +129,46 @@
                 .points ul li:nth-child(3) {
                     padding-left: 0;
                 }
+
+                .heropng {
+                    display: none;
+                }
+
+                .heropng_mobile{
+                    display: block;
+                    width: 100vw;
+                    height: auto;
+                }
             }
 
         </style>
 
         <div id="main">
+            <img src="{% static "/images/ui/hero.png" %}" class="heropng" alt="">
+            <img src="{% static "images/ui/hero_mobile.png" %}" class="heropng_mobile" alt="">
             <main class="oh-onboarding">
                 <div class=" oh-job__page-container">
                     <div class="oh-joblisting__title-container">
-                        <h1 class="oh-onboarding-card__title oh-onboarding-card__title--h1 text-center mb-3">
+                        <!-- <h1 class="oh-onboarding-card__title oh-onboarding-card__title--h1 text-center mb-3">
                             {% trans "JOBS AT OXLAC" %}
                         </h1>
                         <p class="oh-onboarding__content text-center m-auto">
                             {% trans "We're hiring! Join our team and be part of a vibrant workplace where your talents make a difference. Here are the open Recruitments...." %}
-                        </p>
+                        </p> -->
                     </div>
 
                     <div class="job-content">
+                        <h3 class="oh-onboarding-card__title" style="text-align: center;">Introducing the Oxlac Hiring Model</h3>
+                        <br><br>
+                        <p style="font-size: 1.5rem; text-align: center;">Join us to unlock a world of opportunities and be part of something extraordinary. At Oxlac, developers can apply by
+                        submitting their resumes and get assigned to exciting projects where they can earn passive income without investing a
+                        penny. By becoming a part of Oxlac, developers have a direct stake in the success of the projects they work on, giving
+                        them the opportunity to earn not just for the duration of the project, but potentially for a lifetime. We handle all the
+                        legal issues, project deployment, and marketing, allowing developers to focus solely on what they do best – developing
+                        innovative projects. Our supportive ecosystem encourages collaboration and creativity, enabling developers to not only
+                        bring their ideas to life but also thrive financially. Join Oxlac today and experience the joy of having a true share in
+                        the success of your work. Welcome to the future of hiring – welcome to Oxlac.</p>
+                        <br><br>
                         <h3 class="oh-onboarding-card__title">Benefits You Get</h3>
                         <br><br>
                         <div class="home-features1">