start

frontend/src/pages/WorkWithUs.jsx

@@ -126,11 +126,30 @@ const WorkWithUs = () => {
     document.title = 'Work With Us';
   },[]);
 
+  if (isLoading) {
+    return (
+      <div className="z-50 w-full h-screen bg-white dark:bg-dg-primary-1700 overflow-hidden dark:text-white flex items-center justify-center text-3xl font-semibold">
+        <video id="animation" width="540" height="540" autoPlay muted loop>
+          <source src={Animation_Diligent} type="video/webm" />
+          Loading...
+        </video>
+      </div>
+    );
+  } else {
+   
+      
+      
+
+
+          {/* Landing Section */}
+          // {data && <Landing heading={data.Heading} numbers={data.HeroNumbers.number} button={data.button} paragraph={data.paragraph} />}
+
   return (
+    <PageLayout>
     <div className='mt-90p'>
       <Wrapper padding={' py-[48px]'}>
-        <PageTitle heading={'Diligent at a Glance'} subheading={'work with us'} />
-        </Wrapper>
+        {data ? <PageTitle heading={'Diligent at a Glance'} subheading={'work with us'}/> : null}
+      </Wrapper>
         <div className='flex flex-col md:flex gap-[32px] w-fit mx-auto'>
             <CustomLink href={_data.downloadFilePath} downloadFile={_data.downloadFileName} context={'Company Overview'}>
               <p>Company Overview</p>
@@ -242,6 +261,8 @@ const WorkWithUs = () => {
         
          
     </div>
+    </PageLayout>
+   
     
   )