Add src/app/donor-profile/page.tsx

src/app/donor-profile/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+
+export default function DonorProfile() {
+  return (
+    <ThemeProvider>
+      <NavbarLayoutFloatingInline
+        navItems={[{ name: "Home", id: "/" }, { name: "Register", id: "/donor-registration" }, { name: "Profile", id: "/donor-profile" }, { name: "Request", id: "/patient-request" }]} 
+        brandName="LifeBlood" 
+      />
+      <MetricCardFourteen
+        title="Your Donor Profile"
+        tag="Welcome"
+        metrics={[{id: "1", value: "3", description: "Lives Saved"}, {id: "2", value: "1", description: "Recent Donation"}]}
+      />
+    </ThemeProvider>
+  );
+}