<script>
</script>

<section>
	<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 bg-red-600 p-10 rounded-lg">
					<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>

						<h1 class="mr-10">@Username</h1>
					</div>
				</div>
			</div>
		</div>

		<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">@Username</h2>
						<p class="text-gray-500">lorem ipsum something</p>
					</div>
				</div>
			</div>
		</div>

		<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">@Username</h2>
						<p class="text-gray-500">
							Lorem ipsum something again and asdadadadasdadsadsadasdadnadadada
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
