Fixed

src/Pages/Licensing.jsx

@@ -1,7 +1,6 @@
-import {React,useEffect} from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 
-
 const Container = styled.div`
   max-width: 800px;
   margin: 0 auto;
@@ -31,15 +30,21 @@ const Subtitle = styled.h2`
 `;
 
 const Licensing = () => {
-    useEffect(() => {
-        window.scrollTo(0, 0);
-      }, []);
+  const [currentYear, setCurrentYear] = useState('');
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+
+    const year = new Date().getFullYear();
+    setCurrentYear(year);
+  }, []);
+
   return (
     <Container>
       <Title>Licensing</Title>
       <Paragraph>Welcome to StartConnect Hub! This website is licensed under the MIT License. This page outlines the terms of the license and provides details on how you can use, modify, and distribute our software.</Paragraph>
       <Subtitle>MIT License</Subtitle>
-      <Paragraph>Copyright (c) 2024 StartConnect-Hub</Paragraph>
+      <Paragraph>Copyright (c) {currentYear} StartConnect-Hub</Paragraph>
       <Paragraph>
         Permission is hereby granted, free of charge, to any person obtaining a copy
         of this software and associated documentation files (the "Software"), to deal
@@ -63,7 +68,6 @@ const Licensing = () => {
       </Paragraph>
       <Subtitle>Contact Information</Subtitle>
       <p>If you have any questions or concerns about this licensing agreement, please contact us at Email: <a href="mailto:startconnecthub@gmail.com">startconnecthub@gmail.com</a> </p>
-
     </Container>
   );
 };

src/Pages/PrivacyPolicy.jsx

@@ -1,15 +1,25 @@
-import {React,useEffect} from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
+
 const PrivacyPolicy = () => {
+  const [lastUpdatedDate, setLastUpdatedDate] = useState('');
+
   useEffect(() => {
     window.scrollTo(0, 0);
+
+    const currentDate = new Date();
+    const options = { year: 'numeric', month: 'long', day: 'numeric' };
+    const formattedDate = new Intl.DateTimeFormat('en-US', options).format(currentDate);
+
+    setLastUpdatedDate(formattedDate);
   }, []);
+
   return (
     <PolicyWrapper>
       <div>
         <h1>Privacy Policy</h1>
         <section>
-          <p>Last updated: May 19, 2024</p>
+          <p>Last updated: {lastUpdatedDate}</p>
           <p>Welcome to StartConnect Hub! We are committed to protecting your personal information and your right to privacy. If you have any questions or concerns about our policy or our practices regarding your personal information, please contact us at <a href="mailto:startconnecthub@gmail.com"> startconnecthub@gmail.com</a>.</p>
         </section>
         <section>
@@ -66,16 +76,16 @@ const PolicyWrapper = styled.div`
 
   h1 {
     font-size: 2.5rem;
+    margin-bottom: 20px;
     margin-top: 80px;
   }
 
-h2 {
+  h2 {
     text-align: center;
     font-weight: 600;
     display: flex;
     justify-content: left;
     margin-bottom: 15px;
-    padding: 0;
   }
 
   p {

src/Pages/TermsAndConditions.jsx

@@ -1,17 +1,25 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 
 const TermsAndConditions = () => {
+  const [lastUpdatedDate, setLastUpdatedDate] = useState('');
+
   useEffect(() => {
     window.scrollTo(0, 0);
+
+    const currentDate = new Date();
+    const options = { year: 'numeric', month: 'long', day: 'numeric' };
+    const formattedDate = new Intl.DateTimeFormat('en-US', options).format(currentDate);
+
+    setLastUpdatedDate(formattedDate);
   }, []);
 
   return (
     <TermsWrapper>
       <div>
         <h1>Terms and Conditions</h1>
         <section>
-          <p>Last updated: May 22, 2024</p>
+          <p>Last updated: {lastUpdatedDate}</p>
           <p>Welcome to StartConnect Hub! By using our platform, you agree to comply with and be bound by the following terms and conditions. Please review these terms carefully. If you do not agree to these terms, you should not use our platform.</p>
         </section>
         <section>
@@ -55,6 +63,7 @@ const TermsWrapper = styled.div`
 
   h1 {
     font-size: 2.5rem;
+    margin-bottom: 20px;
     margin-top: 80px;
   }
 
@@ -72,4 +81,3 @@ const TermsWrapper = styled.div`
 `;
 
 export default TermsAndConditions;
-