---
import Layout from "../layouts/Layout.astro";
// const phpHello = `$_SESSION['userName']`;
import UserProfile from "../components/UserProfile";
---

<Layout title="Profile Page">
  <UserProfile client:load />
  <!-- <div class="flex items-center justify-center min-h-screen bg-gray-700">
    <div class="w-96 p-6 shadow-lg rounded-lg bg-white text-center">
      <img class="w-24 h-24 rounded-full border-4 border-blue-500 mx-auto" src="/profile.jpg" alt="Profile Picture" />
      <h2 class="text-2xl font-semibold mt-4" set:html={phpHello ? phpHello : 'User Name'}></h2>
      <p class="text-gray-600">Frontend Developer</p>
      <p class="text-gray-500 text-sm mt-2">"Building amazing UI experiences one component at a time."</p>
      <div class="flex justify-center space-x-4 mt-4">
        <button class="bg-blue-500 text-white px-4 py-2 rounded-lg">Follow</button>
        <button class="bg-gray-200 text-black px-4 py-2 rounded-lg">Message</button>
      </div>
    </div>
  </div> -->
</Layout>