From a2860162b22cb31b03fdc6b61a507fb6af6e5f8a Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Mon, 19 Jan 2026 10:01:40 +0530
Subject: [PATCH] refactor: Adjust header positioning in user layout and update
 HeroSection image fit, padding, and button text color.

---
 src/app/(user)/layout.tsx           | 17 ++++++++---------
 src/components/home/HeroSection.tsx |  6 +++---
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/app/(user)/layout.tsx b/src/app/(user)/layout.tsx
index c23bb8e..a47b195 100644
--- a/src/app/(user)/layout.tsx
+++ b/src/app/(user)/layout.tsx
@@ -38,16 +38,15 @@ export default function UserLayout({
   }
 
   return (
-    <div className="min-h-screen bg-[#f0f4f3] flex flex-col">
-      {/* Header */}
-      <div className="sticky top-0 z-50 px-4 py-3 bg-[#f0f4f3]">
-        <div className="max-w-7xl mx-auto">
-          <CommonHeader />
+    <div className="min-h-screen flex flex-col">
+      {/* Main Content with Header inside */}
+      <main className="flex-1 relative">
+        {/* Header overlaying the content */}
+        <div className="absolute top-0 left-0 right-0 z-50 px-4 py-3">
+          <div className="max-w-7xl mx-auto">
+            <CommonHeader />
+          </div>
         </div>
-      </div>
-
-      {/* Main Content */}
-      <main className="flex-1">
         {children}
       </main>
 
diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
index e9a1b64..19d7758 100644
--- a/src/components/home/HeroSection.tsx
+++ b/src/components/home/HeroSection.tsx
@@ -67,12 +67,12 @@ export function HeroSection() {
           src="/assets/images/user_home_top.png"
           alt=""
           fill
-          className="object-cover object-center"
+          className="object-cover object-bottom"
           priority
         />
       </div>
 
-      <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 pb-24">
+      <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-24">
         {/* Headline */}
         <div className="text-center mb-8">
           <h1 className="font-serif text-xl md:text-2xl lg:text-[26px] italic text-[#00293d] mb-3 leading-relaxed max-w-4xl mx-auto">
@@ -209,7 +209,7 @@ export function HeroSection() {
           <div className="flex justify-center mt-6">
             <button
               onClick={handleSeeAllAgents}
-              className="px-8 py-3 rounded-[15px] bg-[#e58625] hover:bg-[#d47720] text-white font-fractul font-bold text-base transition-colors shadow-md hover:shadow-lg"
+              className="px-8 py-3 rounded-[15px] bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-base transition-colors shadow-md hover:shadow-lg"
             >
               See All Agents
             </button>