wsdfs

frontend/package.json

 {
   "name": "frontend",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/App.js

             />
           }
         />
-        <Route exact path="/portfolio" element={<Portfolio   />} />
+        <Route exact path="/portfolio" element={<Portfolio   />}/>
         <Route exact path="/casestudybi" element={<CaseStudyBI />} />
         <Route exact path="/casestudystrata" element={<CaseStudyStrata />} />
         <Route exact path="/casestudyfinancial" element={<CaseStudyFinantial />} />

frontend/src/components/shared/ClientForm.jsx

     .max(50, "First name too long").required('First Name is Required'),
     lastName: Yup.string().min(2, "Last name too short")
     .max(50, "Last name too long").required('Last Name is Required'),
-    description: Yup.string().required('Description is Required'),
+    description: Yup.string().trim().min(2, "Description too short").required('Description is Required'),
   });
 
   return (

frontend/src/components/shared/JobForm.jsx

     .max(50, "First name too long").required('First Name is Required'),
     lastName: Yup.string().min(2, "Last name too short")
     .max(50, "Last name too long").required('Last name is Required'),
-    coverLetter: Yup.string().required('Cover Letter is Required'),
+    coverLetter: Yup.string().trim().min(2, "Cover Letter too short").required('Cover Letter is Required'),
 
   });
 

frontend/src/pages/About.jsx

 }
 
 export default function About() {
+
+  useEffect(() => {
+    document.title = 'About Us';
+  },[]);
+
   // const api_url = process.env.REACT_APP_API_URL;
   // const [cntAbout, setCntAbout] = useState('');
   // const [isLoaded, setIsLoaded] = useState('');

frontend/src/pages/Careers.jsx

 
   const api_url = process.env.REACT_APP_API_URL;
 
+  useEffect(() => {
+    document.title = 'Careers';
+  },[]);
+
   useEffect(async () => {
     var vid = document.getElementById('animation');
     vid.playbackRate = 2;

frontend/src/pages/CaseStudyBI.jsx

 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyBI() {
+
+  useEffect(() => {
+    document.title = 'Case Study: BI Healthcare Solution';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyCentralized.jsx

 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyCentralized() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Centralized Monitoring System';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyFinantial.jsx

 import net from './../assets/icons/caseStudy/net.svg';
 import angular from './../assets/icons/caseStudy/angular.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyFinantial() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Financial Engine';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyResource.jsx

 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyResource() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Resource Planning System';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyStrata.jsx

 import jquery from './../assets/icons/caseStudy/jquery.svg';
 import react from './../assets/icons/caseStudy/react-native.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyStrata() {
+  useEffect(() => {
+    document.title = 'Case Study: Healthcare Tracking Software';
+  },[]);
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyTicketing.jsx

 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import raspberry from './../assets/icons/caseStudy/raspberrypi.svg';
 import ionic from './../assets/icons/caseStudy/ionic.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
 };
 
 export default function CaseStudyTicketing() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Ticketing System For Passengers';
+  },[]);
+
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/ContactPage.jsx

-import React from 'react';
+import React, { useEffect } from 'react';
 import Contact from '../components/shared/Contact';
 import PageLayout from '../layout/PageLayout';
 import Layout from '../layout/PageLayout';
 
 function ContactPage() {
+  useEffect(() => {
+    document.title = 'Contact Us';
+  },[]);
   return (
     <PageLayout>
       <section

frontend/src/pages/Home.jsx

   //   tab: '',
   //   contactRef: contactRef
   // };
+  useEffect(() => {
+    document.title = 'Diligent Software';
+  },[]);
 
 
   useEffect(() => {

frontend/src/pages/OpenDay.jsx

-import React from 'react';
+import React, { useEffect } from 'react';
 import Map from '../components/integrations/GoogleMaps/Map';
 import HighlighedText from '../components/shared/HighlighedText';
 import PageTitle from '../components/shared/PageTitle';
 const OpenDay = () => {
   const EventDate = new Date('Oct 26, 2022 17:00:00').getTime();
 
+  useEffect(() => {
+    document.title = 'Diligent Open Day';
+  },[]);
+
   return (
     <PageLayout>
       <div className="pt-32 text-center">

frontend/src/pages/Portfolio.jsx

   //   );
   // }
 
+  useEffect(() => {
+    document.title = 'Case Studies';
+  },[]);
+
   return (
     <PageLayout>
     <div className="flex flex-col gap-90p pt-32">

frontend/src/pages/ProcessPage.jsx

   const windowInfo = useWindowSize();
 
   useEffect(() => {
-    console.log(windowInfo.width);
+    document.title = 'Process';
+  },[]);
+
+  useEffect(() => {
     if (windowInfo.width < 1000) 
     setIsMobile(true);
     else