diff --git a/src/app/code-of-conduct/code-of-conduct.scss b/src/app/code-of-conduct/code-of-conduct.scss
index 0dac644..7e2fc84 100644
--- a/src/app/code-of-conduct/code-of-conduct.scss
+++ b/src/app/code-of-conduct/code-of-conduct.scss
@@ -3,169 +3,176 @@
 .code-of-conduct {
 
   @include tablet {
-    padding: 0 98px;
+    padding: 0 6.125rem;
   }
 
   @include mobile {
-    padding: 0 16px;
+    padding: 0 1rem;
   }
 
   &__heading-container {
-    padding: 96px 0;
-    text-align: center;
+    padding: 6rem 0;
 
     @include tablet {
-      padding: 48px 0;
+      padding: 3rem 0;
     }
 
     @include mobile {
-      padding: 32px 0;
+      padding: 2rem 0;
     }
   }
 
+  &__heading {
+    font-family: inherit;
+    font-size: 2.75rem;
+    line-height: 3.4375rem;
+    font-weight: 600;
+    color: $heading-color-primary;
+  }
+
   &__main-wrapper {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
-    gap: 64px;
-    padding: 64px 0;
+    gap: 4rem;
+    padding: 4rem 0;
 
     @include tablet {
-      gap: 32px;
-      padding: 48px 0;
+      gap: 2rem;
+      padding: 3rem 0;
     }
 
     @include mobile {
-      padding: 32px 0;
+      padding: 2rem 0;
     }
   }
 
   &__wrapper {
     display: flex;
     flex-direction: column;
-    gap: 32px;
+    gap: 2rem;
 
     @include tablet {
-      gap: 24px;
+      gap: 1.5rem;
     }
   }
 
   &__sub-heading {
     font-family: inherit;
-    font-size: 32px;
-    line-height: 40px;
+    font-size: 2rem;
+    line-height: 2.5rem;
     font-weight: 600;
-    color: $heading-color-primary;
+    color: $navbar-text-color;
 
     @include tablet {
-      font-size: 28px;
-      line-height: 35px;
+      font-size: 1.75rem;
+      line-height: 2.1875rem;
     }
 
     @include mobile {
-      font-size: 24px;
-      line-height: 30px;
+      font-size: 1.5rem;
+      line-height: 1.875rem;
     }
   }
 
   &__text {
     font-family: inherit;
-    font-size: 28px;
-    line-height: 35px;
+    font-size: 1.75rem;
+    line-height: 2.1875rem;
     font-weight: 500;
-    color: $heading-color-secondary;
+    color: $navbar-text-color;
 
     @include tablet {
-      font-size: 24px;
-      line-height: 30px;
+      font-size: 1.5rem;
+      line-height: 1.875rem;
     }
 
     @include mobile {
-      font-size: 20px;
-      line-height: 25px;
+      font-size: 1.25rem;
+      line-height: 1.5625rem;
     }
   }
 
   &__list {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 0.75rem;
   }
 
   &__list-item {
     font-family: inherit;
-    font-size: 24px;
+    font-size: 1.5rem;
     font-weight: 500;
-    line-height: 30px;
-    color: $heading-color-secondary;
+    line-height: 1.875rem;
+    color: $navbar-text-color;
 
     @include tablet {
-      font-size: 20px;
-      line-height: 25px;
+      font-size: 1.25rem;
+      line-height: 1.5625rem;
     }
   }
 
   &__list-text {
     font-family: inherit;
-    font-size: 24px;
+    font-size: 1.5rem;
     font-weight: 500;
-    line-height: 30px;
-    color: $heading-color-secondary;
+    line-height: 1.875rem;
+    color: $navbar-text-color;
 
     @include tablet {
-      font-size: 20px;
-      line-height: 25px;
+      font-size: 1.25rem;
+      line-height: 1.5625rem;
     }
   }
 
   &__tertiary-heading {
     font-family: inherit;
-    font-size: 28px;
-    line-height: 35px;
+    font-size: 1.75rem;
+    line-height: 2.1875rem;
     font-weight: 700;
-    color: $heading-color-secondary;
+    color: $navbar-text-color;
 
     @include tablet {
-      font-size: 24px;
-      line-height: 30px;
+      font-size: 1.5rem;
+      line-height: 1.875rem;
     }
 
     @include mobile {
-      font-size: 20px;
-      line-height: 25px;
+      font-size: 1.25rem;
+      line-height: 1.5625rem;
     }
   }
 
   &__reporting-template {
     max-width: 800px;
-    padding: 16px;
+    padding: 1rem;
     box-shadow: 0px 10px 20px -3px rgba(16, 24, 40, 0.10), 0px 4px 6px -4px rgba(16, 24, 40, 0.10);
     align-self: center;
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 1rem;
   }
 
   &__note {
-    padding: 96px 0;
+    padding: 6rem 0;
 
     @include tablet {
-      padding: 48px 0;
+      padding: 3rem 0;
     }
 
     @include mobile {
-      padding: 32px 0;
+      padding: 2rem 0;
     }
   }
 
   &__note-text {
     font-family: inherit;
-    font-size: 28px;
-    line-height: 35px;
+    font-size: 1.75rem;
+    line-height: 2.1875rem;
     font-weight: 600;
     color: $text-color-primary;
-    padding-top: 16px;
+    padding-top: 1rem;
     border-top: 1.6px solid $divider-color-secondary;
   }
 }
diff --git a/src/app/code-of-conduct/page.tsx b/src/app/code-of-conduct/page.tsx
index 3bd8b8e..10a4aa2 100644
--- a/src/app/code-of-conduct/page.tsx
+++ b/src/app/code-of-conduct/page.tsx
@@ -5,7 +5,7 @@ export default function CodeOfConduct() {
   return (
     <Container className="code-of-conduct">
       <Box className="code-of-conduct__heading-container">
-        <Typography variant="h1" className="page-heading">
+        <Typography variant="h1" className="code-of-conduct__heading">
           CodeForBC is a space for everyone.
         </Typography>
       </Box>
diff --git a/src/app/privacy-policy/page.tsx b/src/app/privacy-policy/page.tsx
new file mode 100644
index 0000000..a86c8be
--- /dev/null
+++ b/src/app/privacy-policy/page.tsx
@@ -0,0 +1,203 @@
+import { Box, Container, Typography } from '@mui/material';
+import Link from 'next/link';
+import React from 'react';
+import './privacy-policy.scss';
+
+export default function PrivacyPolicy() {
+  return (
+    <Container className="privacy-page">
+      <Box className="privacy-page__heading-container">
+        <Typography variant="h1" className="privacy-page__heading">
+          Privacy Policy
+        </Typography>
+        <Typography variant="body1" className="privacy-page__sub-heading">
+          Effective Date: 2024-05-29
+        </Typography>
+      </Box>
+      <Box className="privacy-page__content-container">
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            1. Introduction
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            CodeForBC (&quot;we,&quot; &quot;us,&quot; or &quot;our&quot;) is
+            committed to protecting your privacy. This Privacy Policy explains
+            how we collect, use, disclose, and safeguard your personal
+            information when you visit our website https://www.codeforbc.ca and
+            use our services.
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            2. Information We Collect
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We may collect personal information about you in various ways,
+            including:
+          </Typography>
+          <br />
+          <Typography variant="body1" className="privacy-page__text">
+            Personal Identification Information: Name, email address, phone
+            number, and mailing address.
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            Technical Data: IP address, browser type, operating system, and
+            website usage data collected through cookies and similar
+            technologies.
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            3. How We Use Your Information
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We use the collected information for the following purposes:
+          </Typography>
+          <br />
+          <ul className="privacy-page__list">
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To provide, operate, and maintain our website and services.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To improve, personalize, and expand our website and services.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To communicate with you, including responding to your inquiries
+                and providing updates.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To process transactions and send related information.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To comply with legal obligations and protect our rights.
+              </Typography>
+            </li>
+          </ul>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            4. Information Sharing and Disclosure
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We do not sell, trade, or otherwise transfer your personal
+            information to outside parties except as described below:
+          </Typography>
+          <br />
+          <Typography variant="body1" className="privacy-page__text">
+            Service Providers: We may share your information with third-party
+            service providers who assist us in operating our website, conducting
+            our business, or providing services to you, as long as these parties
+            agree to keep this information confidential.
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            Legal Requirements: We may disclose your information if required to
+            do so by law or in response to valid requests by public authorities
+            (e.g., a court or government agency).
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            5. Data Security
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We implement appropriate technical and organizational measures to
+            protect your personal information against unauthorized access,
+            disclosure, alteration, and destruction.
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            6. Your Rights
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            You have the right to:
+          </Typography>
+          <br />
+          <ul className="privacy-page__list">
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                Access and receive a copy of your personal information.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                Correct any inaccurate or incomplete personal information.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                Request the deletion of your personal information.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                Object to the processing of your personal information.
+              </Typography>
+            </li>
+            <li className="privacy-page__list-item">
+              <Typography variant="body1" className="privacy-page__text">
+                To exercise these rights, please contact us at
+                codeforbc@gmail.com.
+              </Typography>
+            </li>
+          </ul>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            7. Cookies and Tracking Technologies
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We use cookies and similar tracking technologies to track the
+            activity on our website and hold certain information. You can
+            instruct your browser to refuse all cookies or to indicate when a
+            cookie is being sent. However, if you do not accept cookies, you may
+            not be able to use some portions of our website.
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            8. Changes to This Privacy Policy
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            We may update our Privacy Policy from time to time. We will notify
+            you of any changes by posting the new Privacy Policy on this page
+            and updating the effective date at the top.
+          </Typography>
+        </Box>
+        <Box className="privacy-page__content-item">
+          <Typography variant="h2" className="privacy-page__title">
+            9. Contact Us
+          </Typography>
+          <Typography variant="body1" className="privacy-page__text">
+            If you have any questions about this Privacy Policy, please contact
+            us at:
+          </Typography>
+          <br />
+          <Typography
+            variant="body1"
+            className="privacy-page__text privacy-page__text--email"
+          >
+            CodeForBC
+            <br />
+            Email:&nbsp;
+            <Link
+              className="privacy-page__text privacy-page__text--email"
+              href="mailto:codeforbc@gmail.com"
+            >
+              codeforbc@gmail.com
+            </Link>
+          </Typography>
+        </Box>
+      </Box>
+    </Container>
+  );
+}
diff --git a/src/app/privacy-policy/privacy-policy-page.test.tsx b/src/app/privacy-policy/privacy-policy-page.test.tsx
new file mode 100644
index 0000000..8d79c3e
--- /dev/null
+++ b/src/app/privacy-policy/privacy-policy-page.test.tsx
@@ -0,0 +1,12 @@
+import PrivacyPolicy from '@/app/privacy-policy/page';
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+
+describe('Privacy Policy Page', () => {
+  it('should render title', () => {
+    render(<PrivacyPolicy />);
+    const title = screen.getByText('Privacy Policy');
+    expect(title).toBeInTheDocument();
+  });
+});
diff --git a/src/app/privacy-policy/privacy-policy.scss b/src/app/privacy-policy/privacy-policy.scss
new file mode 100644
index 0000000..fad4d10
--- /dev/null
+++ b/src/app/privacy-policy/privacy-policy.scss
@@ -0,0 +1,72 @@
+@use '../globals.scss' as *;
+
+.privacy-page {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+
+  &__heading-container {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 2rem;
+  }
+
+  &__heading {
+    font-family: inherit;
+    font-size: 2.75rem;
+    line-height: 3.4375rem;
+    font-weight: 600;
+    color: $heading-color-primary;
+  }
+
+  &__sub-heading {
+    font-family: inherit;
+    font-size: 1.125rem;
+    font-weight: 500;
+    line-height: 1.5rem;
+    color: $navbar-text-color;
+  }
+
+  &__content-container {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  &__content-item {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__title {
+    font-family: inherit;
+    font-size: 1.25rem;
+    font-weight: 700;
+    line-height: 1.875rem;
+    color: $navbar-text-color;
+  }
+
+  &__text {
+    font-family: inherit;
+    font-size: 1.25rem;
+    font-weight: 500;
+    line-height: 1.875rem;
+    color: $navbar-text-color;
+
+    &--email {
+      color: $button-color-primary;
+      text-decoration: none;
+    }
+  }
+
+  &__list {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+}
diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx
index 7bf8632..012392c 100644
--- a/src/components/footer/footer.tsx
+++ b/src/components/footer/footer.tsx
@@ -18,12 +18,15 @@ function Footer() {
                 Code of Conduct
               </Link>
               <Link
-                href="/join-us"
+                href="/about-us"
                 className="footer__button footer__button--highlight"
               >
                 Get Engaged!
               </Link>
-              <Link href="#" className="footer__button">
+              <Link
+                href="mailto:codeforbc@gmail.com"
+                className="footer__button"
+              >
                 Contact Us
               </Link>
             </Box>
@@ -72,10 +75,7 @@ function Footer() {
             </IconButton>
           </Box>
           <Box className="footer__links">
-            <Link href="#" className="footer__link">
-              Terms of Service
-            </Link>
-            <Link href="#" className="footer__link">
+            <Link href="/privacy-policy" className="footer__link">
               Privacy Policy
             </Link>
           </Box>