diff --git a/src/routes/account/+page.svelte b/src/routes/account/+page.svelte
index 28297f0..5c5da4a 100644
--- a/src/routes/account/+page.svelte
+++ b/src/routes/account/+page.svelte
@@ -5,11 +5,11 @@
 	<div class="container">
 		<div class="flex items-center justify-center my-10">
 			<div class="card w-96 bg-base-100 shadow-xl">
-				<div class="card-body">
-					<h2 class="card-title">Card title!</h2>
-					<p>If a dog chews shoes whose shoes does he choose?</p>
-					<div class="card-actions justify-end">
-						<button class="btn btn-primary">Buy Now</button>
+				<div class="card-body bg-red-600 p-10">
+					<div class="avatar">
+						<div class="w-20 rounded-full">
+							<img src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" alt="profile pic" />
+						</div>
 					</div>
 				</div>
 			</div>
@@ -20,11 +20,8 @@
 		<div class="flex items-center justify-center my-10">
 			<div class="card w-96 bg-base-100 shadow-xl">
 				<div class="card-body">
-					<h2 class="card-title">Card title!</h2>
-					<p>If a dog chews shoes whose shoes does he choose?</p>
-					<div class="card-actions justify-end">
-						<button class="btn btn-primary">Buy Now</button>
-					</div>
+					<h2 class="card-title">@Username</h2>
+					<p class='text-gray-500'>lorem ipsum something</p>
 				</div>
 			</div>
 		</div>
@@ -34,11 +31,8 @@
 		<div class="flex items-center justify-center my-10">
 			<div class="card w-96 bg-base-100 shadow-xl">
 				<div class="card-body">
-					<h2 class="card-title">Card title!</h2>
-					<p>If a dog chews shoes whose shoes does he choose?</p>
-					<div class="card-actions justify-end">
-						<button class="btn btn-primary">Buy Now</button>
-					</div>
+					<h2 class="card-title">@Username</h2>
+					<p class='text-gray-500'>Lorem ipsum something again and asdadadadasdadsadsadasdadnadadada</p>
 				</div>
 			</div>
 		</div>