From 13425a7f4dd4b7922f0dd87ed92f222aec210926 Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:27:48 +0530
Subject: [PATCH 1/6] Add files via upload

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 app/(default)/careers/page.tsx | 88 ++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 app/(default)/careers/page.tsx

diff --git a/app/(default)/careers/page.tsx b/app/(default)/careers/page.tsx
new file mode 100644
index 00000000..506d6a53
--- /dev/null
+++ b/app/(default)/careers/page.tsx
@@ -0,0 +1,88 @@
+import Footer from '@/components/ui/footer';
+import Header from '@/components/ui/header';
+import React from 'react';
+
+export default function Page() {
+  return (
+    <>
+      <Header />
+      <main>
+        <section className="max-md:p-10 mx-auto mt-20 mb-[7rem] justify-center space-y-3 pt-4 text-center md:px-6 lg:mt-[11rem] lg:mb-[14.5rem] lg:space-y-6">
+          <h1 key="logo" className="text-4xl lg:text-7xl">
+            API tests faster than unit tests,
+            <br className="hidden lg:flex" /> from user traffic.
+          </h1>
+          <p key="logo" className="text-md basiersquare-medium lg:text-xl">
+            Come join us and make the web better.
+          </p>
+          <a
+            href="#jobs"
+            key="logo"
+            className="inline-flex items-center rounded-lg bg-[#332b54] py-3 px-4 text-white"
+          >
+            See open positions{" "}
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="ml-2 h-5 w-5"
+              viewBox="0 0 20 20"
+              fill="currentColor"
+            >
+              <path
+                fillRule="evenodd"
+                d="M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z"
+                clipRule="evenodd"
+              />
+            </svg>
+          </a>
+        </section>
+
+        <section className="mx-auto mt-[3rem] mb-[3rem] flex max-w-7xl lg:mb-[8rem] lg:mt-[8rem]">
+          <p className="w-[90rem] text-xl lg:text-3xl max-md:justify-center justify-center">
+            Keploy is a developer-centric API testing tool that creates tests along with built-in mocks, faster than unit tests. Keploy not only records API calls but also records database calls and replays them during testing, making it easy to use, powerful, and extensible.
+          </p>
+        </section>
+
+        <section className="mx-auto mt-[3rem] mb-[3rem] max-w-7xl lg:mb-[8rem] lg:mt-[8rem]">
+          <h2 className="text-3xl lg:text-5xl max-md:text-center">Perks & Benefits</h2>
+          <div className="mt-12 grid grid-cols-1 justify-start gap-4 md:grid-cols-2 lg:grid-cols-4">
+            {["Unlimited Holiday", "Competitive Salary", "Stock Options", "In-house Bar", "Growth", "Private Healthcare", "Work from Home", "Retirement"].map((perk) => (
+              <div key={perk} className="rounded-md bg-[#e2e8f0] py-4 px-4">
+                <h3>{perk}</h3>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section className="mx-auto mb-[10rem] max-w-7xl" id="jobs">
+          <h2 className="text-3xl lg:text-5xl max-md:text-center">Current Openings</h2>
+          <div className="mt-12 flex flex-col space-y-6">
+            {[
+              { title: "Junior Frontend Developer", location: "United Kingdom, Remote", salary: "£30k" },
+              { title: "Software Engineer, Web", location: "United Kingdom, Remote", salary: "£45k" },
+              { title: "Software Engineer, Mobile", location: "United Kingdom, Remote", salary: "£45k" },
+              { title: "Senior Software Engineer, Security", location: "United Kingdom, Remote", salary: "£85k+" },
+              { title: "Senior Software Engineer, Web", location: "United Kingdom, Remote", salary: "£85k+" }
+            ].map((job) => (
+              <a
+                key={job.title}
+                href="/"
+                className="flex w-full flex-col rounded-lg bg-[#e2e8f0] py-6 px-6 lg:flex-row lg:items-center"
+              >
+                <div className="basis-1/2">
+                  <span className="ogg-medium text-xl text-[#2d2d2d] lg:text-2xl">{job.title}</span>
+                </div>
+                <div className="basis-1/2">
+                  <span className="plain-regular text-md text-[#93928e] lg:text-lg">{job.location}</span>
+                </div>
+                <div>
+                  <a href="/" className="text-md lg:text-lg">{job.salary}</a>
+                </div>
+              </a>
+            ))}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}

From c503cf661af0cdde268b149fb7286a904bf37910 Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:30:00 +0530
Subject: [PATCH 2/6] Update header.tsx

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 components/ui/header.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/ui/header.tsx b/components/ui/header.tsx
index c129d27a..c2189b7d 100644
--- a/components/ui/header.tsx
+++ b/components/ui/header.tsx
@@ -106,6 +106,15 @@ export default function Header() {
                   Articles
                 </Link>
               </li>
+              <li>
+                <Link
+                  target="_blank"
+                  href="/careers"
+                  className="font-medium text-gray-600  hover:text-primary-300 px-5 py-3 flex items-center transition duration-150 ease-in-out"
+                >
+                  Careers
+                </Link>
+              </li>
               <div className="px-5">
                 {" "}
                 <NavItemWithSmallDropdown
@@ -159,6 +168,7 @@ export default function Header() {
               {/*</svg>*/}
             </Link>
           </div>
+          
           </div>
 
           <MobileMenu starsCount={starsCount} />

From c4e7820f51601b1633695ab480837586a9332378 Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:30:12 +0530
Subject: [PATCH 3/6] Update footer.tsx

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 components/ui/footer.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/ui/footer.tsx b/components/ui/footer.tsx
index 5b52bbe3..6f2c13a7 100644
--- a/components/ui/footer.tsx
+++ b/components/ui/footer.tsx
@@ -89,6 +89,9 @@ export default function Footer() {
               <li className="mb-2">
                 <Link href="https://keploy.io/docs/privacy-policy/" className="text-neutral-300 hover:text-primary-300 transition duration-150 ease-in-out">Privacy Policy</Link>
               </li>
+              <li className="mb-2">
+                <Link href="/careers" className="text-neutral-300 hover:text-primary-300 transition duration-150 ease-in-out">Careers</Link>
+              </li>
             </ul>
           </div>
 

From 06056d5c2611b160a660481b03a582f66457c1b1 Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Tue, 29 Oct 2024 00:36:43 +0530
Subject: [PATCH 4/6] Update page.tsx

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 app/(default)/careers/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/(default)/careers/page.tsx b/app/(default)/careers/page.tsx
index 506d6a53..95c3dd93 100644
--- a/app/(default)/careers/page.tsx
+++ b/app/(default)/careers/page.tsx
@@ -13,7 +13,7 @@ export default function Page() {
             <br className="hidden lg:flex" /> from user traffic.
           </h1>
           <p key="logo" className="text-md basiersquare-medium lg:text-xl">
-            Come join us and make the web better.
+            Come join us.
           </p>
           <a
             href="#jobs"
@@ -63,7 +63,7 @@ export default function Page() {
               { title: "Senior Software Engineer, Security", location: "United Kingdom, Remote", salary: "£85k+" },
               { title: "Senior Software Engineer, Web", location: "United Kingdom, Remote", salary: "£85k+" }
             ].map((job) => (
-              <a
+              <span
                 key={job.title}
                 href="/"
                 className="flex w-full flex-col rounded-lg bg-[#e2e8f0] py-6 px-6 lg:flex-row lg:items-center"
@@ -75,9 +75,9 @@ export default function Page() {
                   <span className="plain-regular text-md text-[#93928e] lg:text-lg">{job.location}</span>
                 </div>
                 <div>
-                  <a href="/" className="text-md lg:text-lg">{job.salary}</a>
+                  <span href="/" className="text-md lg:text-lg">{job.salary}</span>
                 </div>
-              </a>
+              </span>
             ))}
           </div>
         </section>

From 0d4dd377979d97c33e032284ee052a2891d9deca Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Tue, 29 Oct 2024 23:22:00 +0530
Subject: [PATCH 5/6] Update page.tsx

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 app/(default)/careers/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(default)/careers/page.tsx b/app/(default)/careers/page.tsx
index 95c3dd93..2caea469 100644
--- a/app/(default)/careers/page.tsx
+++ b/app/(default)/careers/page.tsx
@@ -18,7 +18,7 @@ export default function Page() {
           <a
             href="#jobs"
             key="logo"
-            className="inline-flex items-center rounded-lg bg-[#332b54] py-3 px-4 text-white"
+            className="bg-[#FF914D]  inline-flex items-center rounded-lg  py-3 px-4 text-white"
           >
             See open positions{" "}
             <svg

From cf2071b5ea525fe9667e3dc1edbb1e30731cbe90 Mon Sep 17 00:00:00 2001
From: Ayushmaan Agarwal
 <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
Date: Wed, 30 Oct 2024 01:32:23 +0530
Subject: [PATCH 6/6] Update page.tsx

Signed-off-by: Ayushmaan Agarwal <118350936+Ayushmaanagarwal1211@users.noreply.github.com>
---
 app/(default)/careers/page.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/app/(default)/careers/page.tsx b/app/(default)/careers/page.tsx
index 2caea469..9e1408fb 100644
--- a/app/(default)/careers/page.tsx
+++ b/app/(default)/careers/page.tsx
@@ -7,18 +7,21 @@ export default function Page() {
     <>
       <Header />
       <main>
-        <section className="max-md:p-10 mx-auto mt-20 mb-[7rem] justify-center space-y-3 pt-4 text-center md:px-6 lg:mt-[11rem] lg:mb-[14.5rem] lg:space-y-6">
-          <h1 key="logo" className="text-4xl lg:text-7xl">
+        <section  className="max-sm:w-[100vw]   flex flex-col items-center mt-[6rem] gap-10 justify-center relative text-center h-[60vh] w-[70vw] m-auto ">
+          <img  src="https://www.adecco.com/en-us/-/media/project/adecco/adeccous/resources/benefits-for-workers-and-employers-who-return-to-work-header.jpg?h=800&iar=0&w=1920&hash=C26F834AF70384665C47049C19FEBFF8" className='z-[0] absolute  left-0  rounded-lg   opacity-70 h-[100%] w-[100%]'></img>
+          <div className='absolute  left-0 h-[100%] w-[100%] z-[0] bg-black opacity-70'></div>
+          <h1 key="logo" className="text-4xl text-white relative opacity-85 lg:text-5xl  max-sm:text-xl z-[100]">
             API tests faster than unit tests,
-            <br className="hidden lg:flex" /> from user traffic.
+            <br className="hidden lg:flex  text-white  z-[100] opacity-85" /> from user traffic.
           </h1>
-          <p key="logo" className="text-md basiersquare-medium lg:text-xl">
+          <p key="logo" className="text-white  z-[100] opacity-85 text-md basiersquare-medium lg:text-xl">
             Come join us.
           </p>
           <a
             href="#jobs"
             key="logo"
-            className="bg-[#FF914D]  inline-flex items-center rounded-lg  py-3 px-4 text-white"
+            className="bg-[#FF914D] w-[300px] flex justify-center z-[100]  rounded-lg  py-3 px-4 text-white"
+
           >
             See open positions{" "}
             <svg
@@ -36,13 +39,9 @@ export default function Page() {
           </a>
         </section>
 
-        <section className="mx-auto mt-[3rem] mb-[3rem] flex max-w-7xl lg:mb-[8rem] lg:mt-[8rem]">
-          <p className="w-[90rem] text-xl lg:text-3xl max-md:justify-center justify-center">
-            Keploy is a developer-centric API testing tool that creates tests along with built-in mocks, faster than unit tests. Keploy not only records API calls but also records database calls and replays them during testing, making it easy to use, powerful, and extensible.
-          </p>
-        </section>
+     
 
-        <section className="mx-auto mt-[3rem] mb-[3rem] max-w-7xl lg:mb-[8rem] lg:mt-[8rem]">
+        <section className="mx-auto mt-[3rem]  mb-[3rem] max-w-7xl  lg:mb-[8rem] lg:mt-[8rem]">
           <h2 className="text-3xl lg:text-5xl max-md:text-center">Perks & Benefits</h2>
           <div className="mt-12 grid grid-cols-1 justify-start gap-4 md:grid-cols-2 lg:grid-cols-4">
             {["Unlimited Holiday", "Competitive Salary", "Stock Options", "In-house Bar", "Growth", "Private Healthcare", "Work from Home", "Retirement"].map((perk) => (