file2

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/components/root/CustomLink.jsx

@@ -12,7 +12,7 @@ const CustomLink = ({href, downloadFile, bg, txt, children}) => {
         className: 'flex gap-2 items-center px-[16px] py-[12px] text-p font-medium bg-[#8568BF] text-white rounded-full' ,
         to: href,
         target: '_blank',
-        ...(downloadFile && {download: true}),
+        ...(downloadFile && {download: downloadFile}),
       }}>
         {children} 
     </Link>

frontend/src/pages/WorkWithUs.jsx

@@ -1,4 +1,4 @@
-import React, { Children } from 'react'
+import React, { Children, useEffect } from 'react'
 import { Link } from 'react-router-dom'
 import CustomLink from '../components/root/CustomLink'
 import TertiaryButton from '../components/root/TertiaryButton'
@@ -8,7 +8,6 @@ import PageHeading from '../components/shared/PageHeading'
 import PageTitle from '../components/shared/PageTitle'
 import Testimonials from '../components/Testimonials'
 import Wrapper from '../layout/Wrapper'
-import PDF from './../assets/docs/DiligentCompanyOverview.pdf';
 import {ReactComponent as DownalodIcon } from './../assets/download-icon.svg'
 import {ReactComponent as BusIcon } from './../assets/icons/workwithus/bus.svg'
 import {ReactComponent as FintechIcon } from './../assets/icons/workwithus/empty-wallet-tick.svg'
@@ -18,7 +17,7 @@ import {ReactComponent as SchoolIcon } from './../assets/icons/workwithus/teache
 const _data = {
     downloadIcon: '',
     downloadFilePath: `${process.env.PUBLIC_URL}/DiligentCompanyOverview.pdf`,
-    downloadFileName: 'DiligentCompanyOverview.pptx',
+    downloadFileName: 'Diligent Company Overview.pdf',
     problems: [
       {
         id:1,
@@ -88,13 +87,17 @@ const HelpParagraph = ({title, paragraph, key}) => {
 
 const WorkWithUs = () => {
 
+  useEffect(() => {
+    document.title = 'Work With Us';
+  },[]);
+
   return (
     <div className='mt-90p'>
       <Wrapper padding={' py-[48px]'}>
         <PageTitle heading={'Diligent at a Glance'} subheading={'work with us'} />
         </Wrapper>
         <div className='flex flex-col md:flex gap-[32px] w-fit mx-auto'>
-            <CustomLink href={_data.downloadFilePath} downloadFile context={'Company Overview'}>
+            <CustomLink href={_data.downloadFilePath} downloadFile={_data.downloadFileName} context={'Company Overview'}>
               <p>Company Overview</p>
               <DownalodIcon/>
             </CustomLink>