s1

src/pages/profile.astro

@@ -1,10 +1,12 @@
 ---
 import Layout from "../layouts/Layout.astro";
-const phpHello = `$_SESSION['userName']`;
+// const phpHello = `$_SESSION['userName']`;
+import UserProfile from "../components/UserProfile";
 ---
 
 <Layout title="Profile Page">
-  <div class="flex items-center justify-center min-h-screen bg-gray-700">
+  <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>
@@ -15,5 +17,5 @@ const phpHello = `$_SESSION['userName']`;
         <button class="bg-gray-200 text-black px-4 py-2 rounded-lg">Message</button>
       </div>
     </div>
-  </div>
+  </div> -->
 </Layout>