diff --git a/package-lock.json b/package-lock.json
index 192a5a9..e3f950c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -45,7 +45,8 @@
         "prettier": "^3.4.2",
         "prisma": "^6.4.1",
         "ts-jest": "^29.3.2",
-        "typescript": "^5"
+        "ts-node": "^10.9.2",
+        "typescript": "^5.8.3"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -597,6 +598,30 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@cspotcode/source-map-support": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "0.3.9"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
     "node_modules/@emnapi/runtime": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.1.tgz",
@@ -2921,6 +2946,34 @@
         "tslib": "^2.8.0"
       }
     },
+    "node_modules/@tsconfig/node10": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+      "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node12": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node14": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tsconfig/node16": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -3367,6 +3420,19 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/acorn-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -3436,6 +3502,13 @@
         "node": ">= 8"
       }
     },
+    "node_modules/arg": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -4462,6 +4535,13 @@
         }
       }
     },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -4655,6 +4735,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
     "node_modules/diff-sequences": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
@@ -10423,6 +10513,50 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/ts-node": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspotcode/source-map-support": "^0.8.0",
+        "@tsconfig/node10": "^1.0.7",
+        "@tsconfig/node12": "^1.0.7",
+        "@tsconfig/node14": "^1.0.0",
+        "@tsconfig/node16": "^1.0.2",
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
+      },
+      "peerDependencies": {
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -10549,10 +10683,11 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -10643,6 +10778,13 @@
         "base64-arraybuffer": "^1.0.2"
       }
     },
+    "node_modules/v8-compile-cache-lib": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/v8-to-istanbul": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
@@ -11019,6 +11161,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 7fb7feb..73fb0da 100644
--- a/package.json
+++ b/package.json
@@ -23,9 +23,9 @@
     "@mui/material": "^6.4.3",
     "@mui/x-data-grid": "^7.26.0",
     "@prisma/client": "^6.4.1",
+    "dayjs": "^1.11.13",
     "jspdf": "^3.0.1",
     "jspdf-autotable": "^5.0.2",
-    "dayjs": "^1.11.13",
     "mongoose": "^8",
     "next": "^15.2.1",
     "nodemailer": "^6.10.0",
@@ -50,6 +50,7 @@
     "prettier": "^3.4.2",
     "prisma": "^6.4.1",
     "ts-jest": "^29.3.2",
-    "typescript": "^5"
+    "ts-node": "^10.9.2",
+    "typescript": "^5.8.3"
   }
 }
diff --git a/public/logo.jpg b/public/assets/logo.jpg
similarity index 100%
rename from public/logo.jpg
rename to public/assets/logo.jpg
diff --git a/public/produce.jpg b/public/assets/produce.jpg
similarity index 100%
rename from public/produce.jpg
rename to public/assets/produce.jpg
diff --git a/public/produce_2.jpg b/public/assets/produce_2.jpg
similarity index 100%
rename from public/produce_2.jpg
rename to public/assets/produce_2.jpg
diff --git a/public/trash.png b/public/assets/trash.png
similarity index 100%
rename from public/trash.png
rename to public/assets/trash.png
diff --git a/public/fonts/Montserrat-Bold.ttf b/public/fonts/Montserrat-Bold.ttf
new file mode 100644
index 0000000..02ff6ff
Binary files /dev/null and b/public/fonts/Montserrat-Bold.ttf differ
diff --git a/src/app/api/referral/route.ts b/src/app/api/referral/route.ts
index f5a3ef5..7046d86 100644
--- a/src/app/api/referral/route.ts
+++ b/src/app/api/referral/route.ts
@@ -26,6 +26,11 @@ export async function POST(req: NextRequest) {
     if (!Array.isArray(prospects) || prospects.length === 0) {
       return NextResponse.json({ message: "At least one prospect is required." }, { status: 400 });
     }
+
+    if (prospects.length > 5) {
+      return NextResponse.json({ message: "You can only refer up to 5 prospects at a time." }, { status: 400 });
+    }
+
     // Loop through prospects to validate each entry
     for (let i = 0; i < prospects.length; i++) {
       const prospect = prospects[i];
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc156fd..fe95f24 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,7 +23,7 @@ export default function Home() {
         </div>
         <div className={styles.heroImageWrapper}>
           <Image
-            src="/produce.jpg"
+            src="/assets/produce.jpg"
             alt="Fresh Produce"
             fill
             className={styles.heroImage}
@@ -32,12 +32,12 @@ export default function Home() {
         </div>
       </section>
 
-      {/* Why Refer & Referral History */}
+      {/* Why Refer & Referral History Section */}
       <section className={styles.referralSection}>
         <div className={styles.leftSection}>
           <div className={styles.produceImageWrapper}>
             <Image
-              src="/produce_2.jpg"
+              src="/assets/produce_2.jpg"
               alt="Fresh Produce"
               fill
               className={styles.produceImage}
diff --git a/src/components/ReferralDatabase/ReferralDataGrid.tsx b/src/components/ReferralDatabase/ReferralDataGrid.tsx
index f21a729..e6f117c 100644
--- a/src/components/ReferralDatabase/ReferralDataGrid.tsx
+++ b/src/components/ReferralDatabase/ReferralDataGrid.tsx
@@ -14,6 +14,7 @@ import Switch from "@mui/material/Switch";
 import jsPDF from "jspdf";
 import autoTable from "jspdf-autotable";
 
+// Custom Toolbar
 const CustomToolbar = ({ onExport }: { onExport: () => void }) => {
   return (
     <div style={{ padding: "8px", display: "flex", alignItems: "center", justifyContent: "space-between" }}>
diff --git a/src/components/ReferralForm/ReferralForm.module.css b/src/components/ReferralForm/ReferralForm.module.css
index 8fb87e8..4a7bc5a 100644
--- a/src/components/ReferralForm/ReferralForm.module.css
+++ b/src/components/ReferralForm/ReferralForm.module.css
@@ -56,26 +56,26 @@
   box-sizing: border-box;
 }
 
-/* Button styling */
 .button {
   display: flex;
-  width: 80px;
-  height: 36px;
-  padding: 12px 18px;
   align-items: center;
+  justify-content: center;
+  width: auto;
+  height: auto;
+  padding: 0.5rem 1.5rem;
   gap: 10px;
-  border-radius: 8px;
-  background: var(--red, #831002);
-  color: #ffffff;
   border: none;
+  border-radius: 8px;
+  background-color: var(--red, #831002);
+  color: #fff;
   font-size: 1.125rem;
   font-weight: 200;
+  text-align: center;
   cursor: pointer;
+  align-self: flex-end;
   transition:
     background-color 0.2s,
     transform 0.1s;
-  text-align: center;
-  align-self: flex-end;
 }
 
 /* Button hover and active effects */
@@ -139,7 +139,8 @@
 .error {
   color: red;
   font-weight: bold;
-  margin-top: 10px;
+  align-self: flex-end;
+  margin-top: -1.5rem;
 }
 
 .inputFields {
@@ -156,13 +157,11 @@
   flex-wrap: wrap;
 }
 
-/* .nameRow input {
-  flex: 1;
-  min-width: 120px; 
-} */
-
 .emailRow {
   display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
   width: 100%;
 }
 
@@ -205,21 +204,15 @@
 @media (min-width: 768px) {
   .inputFields {
     flex-direction: row;
-    /* gap: 15px; */
   }
 
   .nameRow {
-    width: 60%;
+    flex: 1;
   }
 
   .emailRow {
-    width: 40%;
+    flex: 1;
   }
-
-  /* .crossButton {
-    margin-bottom: 0;
-    align-self: center;
-  } */
 }
 
 @media (max-width: 480px) {
@@ -227,3 +220,10 @@
     flex-direction: column;
   }
 }
+
+.limitMessage {
+  font-size: 1.8rem;
+  font-weight: 600;
+  color: #7b3f00;
+  margin: 0;
+}
diff --git a/src/components/ReferralForm/ReferralForm.tsx b/src/components/ReferralForm/ReferralForm.tsx
index abdcc94..b3bfe45 100644
--- a/src/components/ReferralForm/ReferralForm.tsx
+++ b/src/components/ReferralForm/ReferralForm.tsx
@@ -110,13 +110,21 @@ export default function ReferralForm() {
   };
 
   const addProspect = () => {
+    if (prospects.length >= 5) {
+      setErrorMessage("You can only refer up to 5 prospects at a time.");
+      return;
+    }
     setProspects([...prospects, { email: "", fullName: "" }]);
+    setErrorMessage(""); // Clear error message when adding a new prospect
   };
 
   const deleteProspect = (index: number) => {
     const newProspects = [...prospects];
     newProspects.splice(index, 1);
     setProspects(newProspects);
+    if (errorMessage) {
+      setErrorMessage("");
+    }
   };
 
   return (
@@ -148,7 +156,7 @@ export default function ReferralForm() {
           {prospects.map((prospect, index) => (
             <div key={index} className={styles.prospectContainer}>
               <button type="button" onClick={() => deleteProspect(index)} className={styles.crossButton}>
-                <Image src="/trash.png" alt="Delete" width={18} height={18} />
+                <Image src="/assets/trash.png" alt="Delete" width={18} height={18} />
               </button>
               <div className={styles.inputFields}>
                 <div className={styles.nameRow}>
@@ -180,11 +188,14 @@ export default function ReferralForm() {
         <button type="submit" className={styles.button}>
           Invite
         </button>
-        <button type="button" onClick={addProspect} className={styles.plusBox}>
-          +
-        </button>
-
         {errorMessage && <p className={styles.error}>{errorMessage}</p>}
+        {prospects.length < 5 ? (
+          <button type="button" onClick={addProspect} className={styles.plusBox}>
+            +
+          </button>
+        ) : (
+          <p className={styles.limitMessage}>You’ve reached the max of 5 referrals.</p>
+        )}
         <input type="hidden" name="referrerEmail" value={referrerEmail} />
         <input type="hidden" name="referrerFirstName" value={referrerFirstName} />
         <input type="hidden" name="referrerLastName" value={referrerLastName} />
diff --git a/tsconfig.json b/tsconfig.json
index 673b175..746f0c6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,6 +23,6 @@
       "@/*": ["*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/utils/generateChecksum.js"],
   "exclude": ["node_modules"]
 }