diff --git a/app/(pages)/(home)/page.jsx b/app/(pages)/(home)/page.jsx
index d1079ac..7693fd7 100644
--- a/app/(pages)/(home)/page.jsx
+++ b/app/(pages)/(home)/page.jsx
@@ -91,6 +91,7 @@ export default async function Home() {
             alt={"JVMC Teddy Bear"}
             style={{ objectFit: "cover" }}
             fill={true}
+            sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
           />
         </div>
 
@@ -197,6 +198,7 @@ export default async function Home() {
               alt={"Group of medical students"}
               style={{ objectFit: "cover" }}
               fill={true}
+              sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
             />
           </div>
         </div>
diff --git a/app/(pages)/_components/AboutUsCard/AboutUs.jsx b/app/(pages)/_components/AboutUsCard/AboutUs.jsx
new file mode 100644
index 0000000..ce1aa0e
--- /dev/null
+++ b/app/(pages)/_components/AboutUsCard/AboutUs.jsx
@@ -0,0 +1,25 @@
+import Image from "next/image";
+import styles from "./AboutUsCard.module.scss";
+
+export default function AboutUsCard({ content, img, title, alt, alignment }) {
+  return (
+    <div className={`${styles.cardWrapper} ${styles[alignment]}`}>
+      <div className={styles.cardContainer}>
+        <h3>{title}</h3>
+        {/* Map chunks of text to <p> elements */}
+        {content.map((text, idx) => (
+          <p key={idx}>{text}</p>
+        ))}
+      </div>
+      <div className={`${styles.img} ${styles[alignment]}`}>
+        <Image
+          src={img}
+          style={{ objectFit: "cover" }}
+          fill={true}
+          alt={alt}
+          sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 100vw"}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/app/(pages)/_components/AboutUsCard/AboutUsCard.jsx b/app/(pages)/_components/AboutUsCard/AboutUsCard.jsx
index ca3d5d0..e022750 100644
--- a/app/(pages)/_components/AboutUsCard/AboutUsCard.jsx
+++ b/app/(pages)/_components/AboutUsCard/AboutUsCard.jsx
@@ -13,7 +13,10 @@ export default function AboutUsCard({
       <div className={styles.cardContainer}>
         <h3>{title}</h3>
         {/* LONG TEXT */}
-        <p dangerouslySetInnerHTML={{ __html: content }} />
+        <div
+          className={styles.content}
+          dangerouslySetInnerHTML={{ __html: content }}
+        />
       </div>
       <div className={`${styles.img} ${styles[alignment]}`}>
         <Image
@@ -21,8 +24,8 @@ export default function AboutUsCard({
           style={{ objectFit: "cover" }}
           fill={true}
           alt={imgAlt}
+          sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 100vw"}
         />
-        {console.log(imgAlt)}
       </div>
     </div>
   );
diff --git a/app/(pages)/_components/AboutUsCard/AboutUsCard.module.scss b/app/(pages)/_components/AboutUsCard/AboutUsCard.module.scss
index e30c8a7..9c19292 100644
--- a/app/(pages)/_components/AboutUsCard/AboutUsCard.module.scss
+++ b/app/(pages)/_components/AboutUsCard/AboutUsCard.module.scss
@@ -43,3 +43,11 @@
 .img.right {
   border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
 }
+
+.content {
+  @include mixins.fontStyle(1.1rem, 400, 150%, var(--font2));
+
+  @include mixins.tablet {
+    @include mixins.fontStyle(1rem, 400, 150%, var(--font2));
+  }
+}
diff --git a/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.jsx b/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.jsx
index addf5be..5ec0515 100644
--- a/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.jsx
+++ b/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.jsx
@@ -18,14 +18,24 @@ export default function ClinicRolesCard({
           style={{ objectFit: "cover" }}
           fill={true}
           alt={imgAlt}
+          sizes={"(max-width: 1048px) 33vw, (max-width: 720px) 50vw, 100vw"}
         />
       </div>
       <div className={styles.cardTop}>
-        <Image src={icon} width={40} height={40} alt={iconAlt} />
+        <Image
+          src={icon}
+          width={40}
+          height={40}
+          alt={iconAlt}
+          sizes={"(max-width: 1048px) 33vw"}
+        />
         <h3>{title}</h3>
       </div>
       {/* Below is LONG TEXT */}
-      <p dangerouslySetInnerHTML={{ __html: description }} />
+      <div
+        className={styles.description}
+        dangerouslySetInnerHTML={{ __html: description }}
+      />
     </div>
   );
 }
diff --git a/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.module.scss b/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.module.scss
index 1e5aa58..8f2134a 100644
--- a/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.module.scss
+++ b/app/(pages)/_components/ClinicRolesCard/ClinicRolesCard.module.scss
@@ -1,3 +1,5 @@
+@use "@/app/(pages)/_globals/mixins.scss";
+
 .page {
   display: flex;
   flex-direction: column;
@@ -56,3 +58,11 @@
     transform: translate(-50%, -50%); // moves 0, 0 point to center of image
   }
 }
+
+.description {
+  @include mixins.fontStyle(1.1rem, 400, 150%, var(--font2));
+
+  @include mixins.tablet {
+    @include mixins.fontStyle(1rem, 400, 150%, var(--font2));
+  }
+}
diff --git a/app/(pages)/_components/ClinicSchedulesCard/ClinicSchedulesCard.module.scss b/app/(pages)/_components/ClinicSchedulesCard/ClinicSchedulesCard.module.scss
index bfefb73..8fe19fb 100644
--- a/app/(pages)/_components/ClinicSchedulesCard/ClinicSchedulesCard.module.scss
+++ b/app/(pages)/_components/ClinicSchedulesCard/ClinicSchedulesCard.module.scss
@@ -12,7 +12,7 @@
 
   @include mixins.tablet {
     gap: 16px;
-    width: 90%;
+    width: 100%;
   }
 }
 
diff --git a/app/(pages)/_components/CommunityPartnersCard/CommunityPartnersCard.jsx b/app/(pages)/_components/CommunityPartnersCard/CommunityPartnersCard.jsx
index 616ccb5..b2eb12e 100644
--- a/app/(pages)/_components/CommunityPartnersCard/CommunityPartnersCard.jsx
+++ b/app/(pages)/_components/CommunityPartnersCard/CommunityPartnersCard.jsx
@@ -17,6 +17,7 @@ export default function CommunityPartnersCard({ index, partner }) {
           src={partner.imageSrc}
           style={{ objectFit: "cover", objectPosition: "50% 20%" }}
           fill={true}
+          sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 100vw"}
           alt={partner.imageAlt}
         />
       </div>
diff --git a/app/(pages)/_components/CommunityPartnersCarousel/CommunityPartnersCarousel.jsx b/app/(pages)/_components/CommunityPartnersCarousel/CommunityPartnersCarousel.jsx
index e87a3df..c198496 100644
--- a/app/(pages)/_components/CommunityPartnersCarousel/CommunityPartnersCarousel.jsx
+++ b/app/(pages)/_components/CommunityPartnersCarousel/CommunityPartnersCarousel.jsx
@@ -10,13 +10,13 @@ export default function CommunityPartnersCarousel({ images }) {
       <div className={styles.row}>
         {doubleImages.map((image, index) => (
           <div key={index} className={styles.column}>
-            {console.log(image.src)}
             <Image
               className={styles.img}
               src={image.src}
               alt={image.alt}
               fill={true}
               style={{ objectFit: "cover" }}
+              sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
             />
           </div>
         ))}
diff --git a/app/(pages)/_components/Footer/Footer.jsx b/app/(pages)/_components/Footer/Footer.jsx
index adb6e73..c0e293b 100644
--- a/app/(pages)/_components/Footer/Footer.jsx
+++ b/app/(pages)/_components/Footer/Footer.jsx
@@ -17,8 +17,9 @@ export default function Footer() {
           <Image
             src={data.img}
             alt={data.imgAlt}
-            style={{ objectFit: "fill" }}
+            style={{ objectFit: "cover" }}
             fill={true}
+            sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
           />
         </div>
         <ul className={styles.socialLinks}>
diff --git a/app/(pages)/_components/Footer/Footer.module.scss b/app/(pages)/_components/Footer/Footer.module.scss
index 68fcc66..ea4d389 100644
--- a/app/(pages)/_components/Footer/Footer.module.scss
+++ b/app/(pages)/_components/Footer/Footer.module.scss
@@ -124,7 +124,6 @@ $logo-width: calc(8px * 20);
   display: flex;
   background-color: var(--teal);
   color: var(--offwhite);
-  font-family: var(--font2);
   font-weight: var(--light);
 }
 
diff --git a/app/(pages)/_components/Header/Header.jsx b/app/(pages)/_components/Header/Header.jsx
index f88924b..5db0934 100644
--- a/app/(pages)/_components/Header/Header.jsx
+++ b/app/(pages)/_components/Header/Header.jsx
@@ -6,7 +6,7 @@ import Link from "next/link";
 import navLinks from "../../_data/header.json";
 import styles from "./Header.module.scss";
 import { useState } from "react";
-import {Menu, X} from 'lucide-react';
+import { Menu, X } from "lucide-react";
 
 export default function Header() {
   const pathname = usePathname();
@@ -14,17 +14,19 @@ export default function Header() {
 
   return (
     <div className={styles.header}>
-      <Image src="/images/JVMC Logo 1.png" alt="JVMC Logo" width={120} height={88} />
-      
+      <Image src="/logo.png" alt="JVMC Logo" width={120} height={88} />
+
       {/* Mobile Menu Icon */}
       <div className={styles.menuIcon} onClick={() => setMenuOpen(!menuOpen)}>
         {menuOpen ? <X /> : <Menu />}
       </div>
 
       {/* Mobile Header Links (with class showMenu applied to toggle visibility) */}
-      <div className={`${styles.mobileMenu} ${menuOpen ? styles.showMenu : ""}`}>
+      <div
+        className={`${styles.mobileMenu} ${menuOpen ? styles.showMenu : ""}`}
+      >
         <div className={styles.mobileHeaderLinks}>
-          {navLinks.map(({ href, label}) => {
+          {navLinks.map(({ href, label }) => {
             return (
               <Link
                 key={href}
@@ -48,10 +50,10 @@ export default function Header() {
               key={href}
               href={href}
               className={
-                  isButton
-                    ? `${"btn"} ${styles.btnSize} ${isActive && styles.btnActive}`
-                    : `${styles.headerItems} ${isActive && styles.active}`
-                }
+                isButton
+                  ? `${"btn"} ${styles.btnSize} ${isActive && styles.btnActive}`
+                  : `${styles.headerItems} ${isActive && styles.active}`
+              }
             >
               {label}
             </Link>
diff --git a/app/(pages)/_components/Header/Header.module.scss b/app/(pages)/_components/Header/Header.module.scss
index 3cd1232..9f683f0 100644
--- a/app/(pages)/_components/Header/Header.module.scss
+++ b/app/(pages)/_components/Header/Header.module.scss
@@ -93,7 +93,6 @@
   text-decoration: none;
   color: var(--dark-grey);
   @include mixins.fontStyle(1.1rem, 400, 150%, var(--font2));
-  // border: solid 1px green;
   transition:
     font-weight 0.2s ease,
     color 0.2s ease;
diff --git a/app/(pages)/_components/HomeCard/HomeCard.jsx b/app/(pages)/_components/HomeCard/HomeCard.jsx
index 9df0805..5add42d 100644
--- a/app/(pages)/_components/HomeCard/HomeCard.jsx
+++ b/app/(pages)/_components/HomeCard/HomeCard.jsx
@@ -21,6 +21,7 @@ export default function HomeCard({
           alt={imgAlt}
           fill={true}
           style={{ objectFit: "cover" }}
+          sizes={"(max-width: 1048px) 33vw, (max-width: 720px) 100vw"}
         />
       </div>
 
diff --git a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
index a775438..072b4e4 100644
--- a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
+++ b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.jsx
@@ -69,6 +69,7 @@ export default function HomepageCarousel({ data }) {
                     alt="image"
                     fill
                     style={{ objectFit: "cover" }}
+                    sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
                   />
                 </div>
                 <div className={styles.info}>
diff --git a/app/(pages)/_components/VolunteerCard/VolunteerCard.jsx b/app/(pages)/_components/VolunteerCard/VolunteerCard.jsx
index ad055d1..fa57a58 100644
--- a/app/(pages)/_components/VolunteerCard/VolunteerCard.jsx
+++ b/app/(pages)/_components/VolunteerCard/VolunteerCard.jsx
@@ -14,7 +14,7 @@ export default function VolunteerCard({
 }) {
   return (
     <div className={`${styles.cardComponent} ${styles[direction]}`}>
-      <div className={styles.cardText}>
+      <div className={`${styles.cardText} ${styles[direction]}`}>
         <div className={styles.cardTitle}>
           <div className={styles.icon}>
             <Image
@@ -22,6 +22,7 @@ export default function VolunteerCard({
               alt={iconAlt}
               style={{ objectFit: "cover" }}
               fill={true}
+              sizes={"(max-width: 1048px) 33vw"}
             />
           </div>
           <h4>{title}</h4>
@@ -43,6 +44,7 @@ export default function VolunteerCard({
           alt={imageAlt}
           fill={true}
           style={{ objectFit: "cover" }}
+          sizes={"(max-width: 1048px) 33vw, (max-width: 720px) 50vw, 100vw"}
         />
       </div>
     </div>
diff --git a/app/(pages)/_components/VolunteerCard/VolunteerCard.module.scss b/app/(pages)/_components/VolunteerCard/VolunteerCard.module.scss
index 29a29be..16f3fbf 100644
--- a/app/(pages)/_components/VolunteerCard/VolunteerCard.module.scss
+++ b/app/(pages)/_components/VolunteerCard/VolunteerCard.module.scss
@@ -4,6 +4,7 @@
   display: flex;
   width: 1000px;
   position: relative;
+  text-align: left;
 
   background-color: var(--card-background);
   border-radius: var(--card-border-radius);
@@ -24,6 +25,8 @@
 .cardComponent.left {
   flex-direction: row-reverse;
   margin-left: 64px;
+  justify-content: flex-end;
+
   @include mixins.tablet {
     margin-left: 0px;
     flex-direction: column-reverse;
@@ -52,6 +55,18 @@
   }
 }
 
+.cardText.left {
+  margin-left: 240px;
+
+  @include mixins.sm-desktop {
+    margin-left: 135px;
+  }
+
+  @include mixins.tablet {
+    margin-left: 0px;
+  }
+}
+
 .cardTitle {
   display: flex;
   align-items: center;
diff --git a/app/(pages)/_globals/globals.scss b/app/(pages)/_globals/globals.scss
index 6b23bd0..dadfcf4 100644
--- a/app/(pages)/_globals/globals.scss
+++ b/app/(pages)/_globals/globals.scss
@@ -36,8 +36,6 @@
 
   // Text
   --bold: 700; // font-weight: var(--bold);
-  --font1: "Merriweather", sans-serif;
-  --font2: "Inter", sans-serif;
 
   // Shadows ( box-shadow: var(--drop-shadow); is syntax for shadows )
   --drop-shadow: 0px 0px 50px 0px rgba(173, 173, 173, 0.25); // For bigger shapes
diff --git a/app/(pages)/about-us/page.jsx b/app/(pages)/about-us/page.jsx
index c77491c..d3cf021 100644
--- a/app/(pages)/about-us/page.jsx
+++ b/app/(pages)/about-us/page.jsx
@@ -163,12 +163,14 @@ export default async function About() {
             src={eventCardData.eventImage}
             style={{ objectFit: "cover" }}
             fill={true}
+            sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 100vw"}
             alt={eventCardData.eventImageAlt}
           />
         </div>
         <div className={styles.fairText}>
           <h4>{eventCardData.eventTitle}</h4>
-          <p
+          <div
+            className={styles.eventDescription}
             dangerouslySetInnerHTML={{
               __html: eventCardData.eventDescription,
             }}
diff --git a/app/(pages)/about-us/page.module.scss b/app/(pages)/about-us/page.module.scss
index 83b9c09..bce0dfc 100644
--- a/app/(pages)/about-us/page.module.scss
+++ b/app/(pages)/about-us/page.module.scss
@@ -93,3 +93,11 @@
   width: 100%;
   height: 100%;
 }
+
+.eventDescription {
+  @include mixins.fontStyle(1.1rem, 400, 150%, var(--font2));
+
+  @include mixins.tablet {
+    @include mixins.fontStyle(1rem, 400, 150%, var(--font2));
+  }
+}
diff --git a/app/(pages)/clinic-schedule/page.module.scss b/app/(pages)/clinic-schedule/page.module.scss
index 9271230..72987f5 100644
--- a/app/(pages)/clinic-schedule/page.module.scss
+++ b/app/(pages)/clinic-schedule/page.module.scss
@@ -136,4 +136,9 @@
   flex-direction: column;
   align-items: center;
   gap: 64px;
+
+  @include mixins.tablet {
+    max-width: calc(8px * 104);
+    width: 90%;
+  }
 }
diff --git a/app/(pages)/community-partners/page.jsx b/app/(pages)/community-partners/page.jsx
index eb37e1b..318ce48 100644
--- a/app/(pages)/community-partners/page.jsx
+++ b/app/(pages)/community-partners/page.jsx
@@ -107,6 +107,7 @@ export default async function CommunityPartners() {
             src={"/images/communityPartnersGradient.png"}
             alt={"Bottom gradient"}
             fill={true}
+            priority={true}
           />
         </div>
       </div>
diff --git a/app/(pages)/contact-us/page.jsx b/app/(pages)/contact-us/page.jsx
index e4c6b50..2ee4e77 100644
--- a/app/(pages)/contact-us/page.jsx
+++ b/app/(pages)/contact-us/page.jsx
@@ -37,8 +37,6 @@ export default async function ContactUs() {
   const generalData = await getContactUsGeneralInfo();
   const { heading1, heading2 } = contactData.questionsCard;
 
-  console.log(generalData.apptInstructions);
-
   return (
     <main className={styles.contactUs}>
       {/* MAP COMPONENT */}
@@ -48,6 +46,7 @@ export default async function ContactUs() {
           alt="Decorative Rainbow Top"
           fill="true"
           style={{ objectFit: "contain" }}
+          priority={true}
         />
       </div>
       <h1>Contact Us</h1>
@@ -81,6 +80,7 @@ export default async function ContactUs() {
               alt="Decorative Dots Left"
               fill="true"
               style={{ objectFit: "contain" }}
+              sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
             />
           </div>
         </div>
@@ -112,6 +112,7 @@ export default async function ContactUs() {
               alt="Decorative Dots Right"
               fill="true"
               style={{ objectFit: "contain" }}
+              sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 33vw"}
             />
           </div>
         </div>
diff --git a/app/(pages)/contact-us/page.module.scss b/app/(pages)/contact-us/page.module.scss
index a3631c8..ad56448 100644
--- a/app/(pages)/contact-us/page.module.scss
+++ b/app/(pages)/contact-us/page.module.scss
@@ -32,20 +32,28 @@
   position: absolute;
   z-index: 0;
   pointer-events: none;
-  top: -810.41px;
-  // left: 364.59px;
-  left: 30%;
+  top: -730.41px;
+  left: 250px;
   rotate: 12deg;
   width: 1482px;
   height: 1350px;
 
+  @include mixins.tablet {
+    left: -50px;
+    top: -860px;
+  }
+
   @include mixins.phone {
-    top: -100px;
-    left: -30%;
+    top: -260px;
+    left: 0;
     rotate: 0deg;
     width: 1000px;
     height: 560px;
   }
+
+  @include mixins.sm-phone {
+    left: 50px;
+  }
 }
 
 .rainbowBottom {
diff --git a/app/(pages)/layout.jsx b/app/(pages)/layout.jsx
index 1169027..c09b999 100644
--- a/app/(pages)/layout.jsx
+++ b/app/(pages)/layout.jsx
@@ -3,11 +3,17 @@ import Footer from "./_components/Footer/Footer";
 import "./_globals/globals.scss";
 import { Inter, Merriweather } from "next/font/google";
 
-const inter = Inter({ subsets: ["latin"], variable: "--font2" });
+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font2",
+  display: "swap",
+});
 const merriweather = Merriweather({
   subsets: ["latin"],
   weight: ["400", "700", "900"],
   variable: "--font1",
+  display: "swap",
+  preload: false,
 });
 
 export const metadata = {
diff --git a/app/(pages)/volunteer/page.jsx b/app/(pages)/volunteer/page.jsx
index 609f43a..e59938c 100644
--- a/app/(pages)/volunteer/page.jsx
+++ b/app/(pages)/volunteer/page.jsx
@@ -95,6 +95,7 @@ export default async function Volunteer() {
               src={generalData.landingImage}
               style={{ objectFit: "cover" }}
               fill={true}
+              sizes={"(max-width: 1048px) 50vw, (max-width: 720px) 50vw, 100vw"}
               alt={generalData.landingImageAlt}
             />
           </div>
diff --git a/app/(pages)/volunteer/page.module.scss b/app/(pages)/volunteer/page.module.scss
index ce9fb45..26000e5 100644
--- a/app/(pages)/volunteer/page.module.scss
+++ b/app/(pages)/volunteer/page.module.scss
@@ -47,7 +47,6 @@
   flex-direction: row;
   align-items: center;
   column-gap: 40px;
-  border: 1px solid red;
 
   @include mixins.tablet {
     flex-direction: column;
diff --git a/next.config.mjs b/next.config.mjs
index d56a938..7422d97 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,15 @@
 /** @type {import('next').NextConfig} */
+const cspHeader = `
+  default-src 'self';
+  script-src 'self' https://apis.google.com https://www.gstatic.com https://maps.googleapis.com 'unsafe-inline' 'unsafe-eval';
+  script-src-elem 'self' https://apis.google.com https://www.gstatic.com 'unsafe-inline';
+  style-src 'self' https://fonts.googleapis.com 'unsafe-inline';
+  img-src 'self' https://*.googleusercontent.com https://res.cloudinary.com data:;
+  font-src 'self' https://fonts.gstatic.com data:;
+  frame-src https://calendar.google.com https://www.google.com/maps https://maps.google.com https://*.google.com;
+  connect-src 'self' https://*.googleapis.com;
+  `;
+
 const nextConfig = {
   reactStrictMode: true,
   images: {
@@ -9,6 +20,19 @@ const nextConfig = {
       },
     ],
   },
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          {
+            key: "Content-Security-Policy",
+            value: cspHeader.replace(/\n/g, " ").trim(),
+          },
+        ],
+      },
+    ];
+  },
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index 56c5e95..c168df1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "i": "^0.3.7",
         "lucide-react": "^0.483.0",
-        "next": "^15.2.3",
+        "next": "^15.2.4",
         "nodemailer": "^6.10.0",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
@@ -604,9 +604,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.3.tgz",
-      "integrity": "sha512-a26KnbW9DFEUsSxAxKBORR/uD9THoYoKbkpFywMN/AFvboTt94b8+g/07T8J6ACsdLag8/PDU60ov4rPxRAixw==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz",
+      "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -620,9 +620,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.2.3.tgz",
-      "integrity": "sha512-uaBhA8aLbXLqwjnsHSkxs353WrRgQgiFjduDpc7YXEU0B54IKx3vU+cxQlYwPCyC8uYEEX7THhtQQsfHnvv8dw==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.2.4.tgz",
+      "integrity": "sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==",
       "cpu": [
         "arm64"
       ],
@@ -636,9 +636,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.2.3.tgz",
-      "integrity": "sha512-pVwKvJ4Zk7h+4hwhqOUuMx7Ib02u3gDX3HXPKIShBi9JlYllI0nU6TWLbPT94dt7FSi6mSBhfc2JrHViwqbOdw==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.2.4.tgz",
+      "integrity": "sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==",
       "cpu": [
         "x64"
       ],
@@ -652,9 +652,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.2.3.tgz",
-      "integrity": "sha512-50ibWdn2RuFFkOEUmo9NCcQbbV9ViQOrUfG48zHBCONciHjaUKtHcYFiCwBVuzD08fzvzkWuuZkd4AqbvKO7UQ==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.2.4.tgz",
+      "integrity": "sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==",
       "cpu": [
         "arm64"
       ],
@@ -668,9 +668,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.2.3.tgz",
-      "integrity": "sha512-2gAPA7P652D3HzR4cLyAuVYwYqjG0mt/3pHSWTCyKZq/N/dJcUAEoNQMyUmwTZWCJRKofB+JPuDVP2aD8w2J6Q==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.2.4.tgz",
+      "integrity": "sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==",
       "cpu": [
         "arm64"
       ],
@@ -684,9 +684,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.2.3.tgz",
-      "integrity": "sha512-ODSKvrdMgAJOVU4qElflYy1KSZRM3M45JVbeZu42TINCMG3anp7YCBn80RkISV6bhzKwcUqLBAmOiWkaGtBA9w==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.2.4.tgz",
+      "integrity": "sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==",
       "cpu": [
         "x64"
       ],
@@ -700,9 +700,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.2.3.tgz",
-      "integrity": "sha512-ZR9kLwCWrlYxwEoytqPi1jhPd1TlsSJWAc+H/CJHmHkf2nD92MQpSRIURR1iNgA/kuFSdxB8xIPt4p/T78kwsg==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.2.4.tgz",
+      "integrity": "sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==",
       "cpu": [
         "x64"
       ],
@@ -716,9 +716,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.2.3.tgz",
-      "integrity": "sha512-+G2FrDcfm2YDbhDiObDU/qPriWeiz/9cRR0yMWJeTLGGX6/x8oryO3tt7HhodA1vZ8r2ddJPCjtLcpaVl7TE2Q==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.2.4.tgz",
+      "integrity": "sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==",
       "cpu": [
         "arm64"
       ],
@@ -732,9 +732,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.2.3.tgz",
-      "integrity": "sha512-gHYS9tc+G2W0ZC8rBL+H6RdtXIyk40uLiaos0yj5US85FNhbFEndMA2nW3z47nzOWiSvXTZ5kBClc3rD0zJg0w==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.2.4.tgz",
+      "integrity": "sha512-SbnWkJmkS7Xl3kre8SdMF6F/XDh1DTFEhp0jRTj/uB8iPKoU2bb2NDfcu+iifv1+mxQEd1g2vvSxcZbXSKyWiQ==",
       "cpu": [
         "x64"
       ],
@@ -3988,12 +3988,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.2.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.2.3.tgz",
-      "integrity": "sha512-x6eDkZxk2rPpu46E1ZVUWIBhYCLszmUY6fvHBFcbzJ9dD+qRX6vcHusaqqDlnY+VngKzKbAiG2iRCkPbmi8f7w==",
+      "version": "15.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.2.4.tgz",
+      "integrity": "sha512-VwL+LAaPSxEkd3lU2xWbgEOtrM8oedmyhBqaVNmgKB+GvZlCy9rgaEc+y2on0wv+l0oSFqLtYD6dcC1eAedUaQ==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.2.3",
+        "@next/env": "15.2.4",
         "@swc/counter": "0.1.3",
         "@swc/helpers": "0.5.15",
         "busboy": "1.6.0",
@@ -4008,14 +4008,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.2.3",
-        "@next/swc-darwin-x64": "15.2.3",
-        "@next/swc-linux-arm64-gnu": "15.2.3",
-        "@next/swc-linux-arm64-musl": "15.2.3",
-        "@next/swc-linux-x64-gnu": "15.2.3",
-        "@next/swc-linux-x64-musl": "15.2.3",
-        "@next/swc-win32-arm64-msvc": "15.2.3",
-        "@next/swc-win32-x64-msvc": "15.2.3",
+        "@next/swc-darwin-arm64": "15.2.4",
+        "@next/swc-darwin-x64": "15.2.4",
+        "@next/swc-linux-arm64-gnu": "15.2.4",
+        "@next/swc-linux-arm64-musl": "15.2.4",
+        "@next/swc-linux-x64-gnu": "15.2.4",
+        "@next/swc-linux-x64-musl": "15.2.4",
+        "@next/swc-win32-arm64-msvc": "15.2.4",
+        "@next/swc-win32-x64-msvc": "15.2.4",
         "sharp": "^0.33.5"
       },
       "peerDependencies": {
diff --git a/package.json b/package.json
index f4e0d51..ede47f2 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "i": "^0.3.7",
     "lucide-react": "^0.483.0",
-    "next": "^15.2.3",
+    "next": "^15.2.4",
     "nodemailer": "^6.10.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",