sa

frontend/package-lock.json

 {
   "name": "frontend",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "frontend",
-      "version": "1.0.18",
+      "version": "1.0.20",
       "dependencies": {
         "@faceless-ui/slider": "^1.1.14",
         "@faceless-ui/window-info": "^2.1.1",

frontend/package.json

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

frontend/src/pages/About.jsx

 
 export default function About() {
 
-  useAnalytics();
   useEffect(() => {
     document.title = 'About Us';
   }, []);
 
+  useAnalytics();
+
   return (
     <PageLayout>
       <div className="bg-white dark:bg-dg-primary-1700 w-full pt-32">

frontend/src/pages/Careers.jsx

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

frontend/src/pages/CaseStudy.jsx

 import ActionCard from '../components/shared/ActionCard';
 import useAnalytics from '../hooks/useAnalytics';
 import PageLayout from '../layout/PageLayout';
+import { useEffect } from 'react';
 
 const technologies = [
   {
 ];
 
 export default function CaseStudy() {
+  useEffect(() => {
+    document.title = 'Case Studies';
+  },[]);
+
   useAnalytics();
   
   return (

frontend/src/pages/CaseStudyBI.jsx

 };
 
 export default function CaseStudyBI() {
-  useAnalytics();
   
   useEffect(() => {
     document.title = 'Case Study: BI Healthcare Solution';
   }, []);
 
+  useAnalytics();
+
   return (
     <PageLayout>
       <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyCentralized.jsx

 };
 
 export default function CaseStudyCentralized() {
-  useAnalytics();
   
   useEffect(() => {
     document.title = 'Case Study: Centralized Monitoring System';
   }, []);
 
+  useAnalytics();
+
   return (
     <PageLayout>
       <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyFinantial.jsx

 };
 
 export default function CaseStudyFinantial() {
-  useAnalytics();
   useEffect(() => {
     document.title = 'Case Study: Financial Engine';
   }, []);
 
+  useAnalytics();
+
   return (
     <PageLayout>
       <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyResource.jsx

 };
 
 export default function CaseStudyResource() {
-useAnalytics();
+
 
   useEffect(() => {
     document.title = 'Case Study: Resource Planning System';
   }, []);
 
+  useAnalytics();
+
   return (
     <PageLayout>
       <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyStrata.jsx

 };
 
 export default function CaseStudyStrata() {
-  useAnalytics();
 
   useEffect(() => {
     document.title = 'Case Study: Healthcare Tracking Software';
   }, []);
+
+  useAnalytics();
+  
   return (
     <PageLayout>
       <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyTicketing.jsx

 };
 
 export default function CaseStudyTicketing() {
-  useAnalytics();
+
   
   useEffect(() => {
     document.title = 'Case Study: Ticketing System For Passengers';
   }, []);
 
+  useAnalytics();
+
   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, { useEffect, useState } from 'react';
 import Contact from '../components/shared/Contact';
 import PageLayout from '../layout/PageLayout';
-import Layout from '../layout/PageLayout';
-import axios from 'axios';
-import useDataApi from '../hooks/useDataApi';
 import useAnalytics from '../hooks/useAnalytics';
 
 function ContactPage() {
   const [isLoaded, setIsLoaded] = useState('');
 
   //const hookdata = useDataApi(`${api_url}/api/job-submissions`);
-  useAnalytics();
 
   useEffect(() => {
     document.title = 'Contact Us';
   }, []);
 
+  useAnalytics();
+
   // useEffect(() => {
   //   console.log(hookdata);
   // })

frontend/src/pages/Home.jsx

   const [contactRef, setRef] = useState(forwardedRef)
   const [contactElement, setContactElement] = useState(0);
 
-  useAnalytics();
+  
 
   // const UIContext = useContext(UIContext);
 
     document.title = 'Diligent Software';
   },[]);
 
+  useAnalytics();
+
 
   useEffect(() => {
     var vid = document.getElementById('animation');

frontend/src/pages/Portfolio.jsx

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

frontend/src/pages/PrivacyPolicy.jsx

 import Wrapper from '../layout/Wrapper';
 
 const PrivacyPolicy = () => {
-  useAnalytics;
 
   useEffect(() => {
     document.title = 'Privacy Policy';
   }, []);
 
+  useAnalytics();
+
 
   return (
     <div className="mt-32p">

frontend/src/pages/ProcessPage.jsx

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