From cfe6d4165c71dda4e84e62fc78d268a8f95915cc Mon Sep 17 00:00:00 2001 From: Alex Meng Date: Sun, 26 Apr 2026 17:50:52 -0700 Subject: [PATCH] Add profile page UI --- app/profile/page.tsx | 130 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 130 insertions(+) create mode 100644 app/profile/page.tsx diff --git a/app/profile/page.tsx b/app/profile/page.tsx new file mode 100644 index 0000000..421b450 --- /dev/null +++ b/app/profile/page.tsx @@ -0,0 +1,130 @@ +import Link from "next/link"; +import { + ArrowLeft, + CalendarDays, + FlaskConical, + Mail, + Phone, + UserRound, +} from "lucide-react"; + +const profile = { + name: "Dr. Xu", + pronouns: "He/him", + bio: "Experienced principal investigator at a lab specializing in computational neuroscience. Our lab focuses on developing innovative techniques for analysis in computational neuroscience.", + email: "Xu@ucsd.edu", + phone: "(xxx) xxx-xxxx", + labName: "Xu Computational Neuroscience Lab", + role: "Principal Investigator (PI)", + joined: "March 2026", + status: "Active", +}; + +function InfoCard({ + icon, + title, + children, +}: Readonly<{ + icon: React.ReactNode; + title: string; + children: React.ReactNode; +}>) { + return ( +
+
+
{icon}
+

{title}

+
+
{children}
+
+ ); +} + +function InfoRow({ + label, + value, +}: Readonly<{ + label: string; + value: string; +}>) { + return ( +
+

{label}

+

{value}

+
+ ); +} + +export default function ProfilePage() { + return ( +
+
+
+ + + Back to Market Place + +
+
+ +
+
+
+
+
+
+
+
+ +
+ +
+
+ +
+

+ {profile.name} +

+

{profile.pronouns}

+

+ {profile.bio} +

+
+
+
+
+ +
+ } + title="Contact Information" + > + + + + + } + title="Lab and Affiliation" + > + + +
+ +

Joined {profile.joined}.

+
+ +
+ +
+
+ {profile.status} +
+
+
+
+ ); +}