diff --git a/src/app/(panels)/suite/patient/account/page.jsx b/src/app/(panels)/suite/patient/account/page.jsx
index c14a946..0798117 100644
--- a/src/app/(panels)/suite/patient/account/page.jsx
+++ b/src/app/(panels)/suite/patient/account/page.jsx
@@ -45,7 +45,6 @@ const AccountPage = () => {
 					<br />
 					{userData.medications.map((medication, index) => (
 						<div key={index} className="mb-2 grid grid-cols-3 gap-2">
-
 							<p>{medication.name}</p>
 							<p>{medication.dosage}</p>
 							<p>{medication.frequency}</p>
@@ -53,7 +52,7 @@ const AccountPage = () => {
 					))}
 					<div className="mb-4">
 						<Label>Diagnoses:</Label>
-						<p>{userData.diagnoses.join(', ')}</p>
+						<p>{userData.diagnoses ? userData.diagnoses.join(', ') : ''}</p>
 					</div>
 				</CardContent>
 			</Card>
diff --git a/src/app/(web)/page.tsx b/src/app/(web)/page.tsx
index a5e7fb6..91f3e21 100644
--- a/src/app/(web)/page.tsx
+++ b/src/app/(web)/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { Hero } from "@/components/hero";
+import { Facts } from "@/components/facts";
 
 import SignupPage from './signup/page'
 import Link from "next/link";
@@ -8,7 +9,10 @@ import Link from "next/link";
 export default function Home() {
 	return (
 		<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+
 			<Hero />
+			<Facts />
+
 			<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100vh' }}>
 				<h1 style={{ fontSize: 64, marginBottom: 20 }}>Welcome to Hoya</h1>
 				<SignupPage />
diff --git a/src/components/facts.tsx b/src/components/facts.tsx
new file mode 100644
index 0000000..bd75698
--- /dev/null
+++ b/src/components/facts.tsx
@@ -0,0 +1,19 @@
+"use client"
+import { Card, CardContent } from "./ui/card"
+
+export function Facts() {
+    return (
+        <section className="mx-auto my-auto bg-white dark:bg-gray-900">
+            <Card>
+                <CardContent>
+                    <h2>
+                        OUR MISSION
+                    </h2>
+                    At PostCare we want to ensure the health of those throughout the world.
+                    Our goal is to make sure that our services can ensure clarity and accessibility
+                    <center>As well as a smooth experience</center>
+                </CardContent>
+            </Card>
+        </section>
+    )
+}
\ No newline at end of file
diff --git a/src/components/hero.tsx b/src/components/hero.tsx
index ece82ba..e13ec26 100644
--- a/src/components/hero.tsx
+++ b/src/components/hero.tsx
@@ -1,5 +1,5 @@
 "use client"
-import { Card } from "./ui/card"
+
 import Link from "next/link"
 import { Button } from "@/components/ui/button"
 
@@ -35,17 +35,7 @@ export function Hero() {
 						</Link>
 					</Button>
 				</div>
-					<Card>
-						<h2>
-							OUR MISSION
-						</h2>
-						At PostCare we want to ensure the health of those throughout the world.
-						Our goal is to make sure that our services can ensure clarity and accessibility
-						<center>As well as a smooth experience</center>
-					</Card>
-
 			</div>
-				
 		</section>
 	)
 }
\ No newline at end of file