Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Adjust header positioning in user layout and update HeroSection image fit, padding, and button text color.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-19 10:01:40 +05:30
parent 5a845e4b5d
commit a2860162b2
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/(user)/layout.tsx
View File

@@ -38,16 +38,15 @@ export default function UserLayout({
} }
return ( return (
<div className="min-h-screen bg-[#f0f4f3] flex flex-col"> <div className="min-h-screen flex flex-col">
{/* Header */} {/* Main Content with Header inside */}
<div className="sticky top-0 z-50 px-4 py-3 bg-[#f0f4f3]"> <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"> <div className="max-w-7xl mx-auto">
<CommonHeader /> <CommonHeader />
</div> </div>
</div> </div>
{/* Main Content */}
<main className="flex-1">
{children} {children}
</main> </main>

6
src/components/home/HeroSection.tsx
View File

@@ -67,12 +67,12 @@ export function HeroSection() {
src="/assets/images/user_home_top.png" src="/assets/images/user_home_top.png"
alt="" alt=""
fill fill
className="object-cover object-center" className="object-cover object-bottom"
priority priority
/> />
</div> </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 */} {/* Headline */}
<div className="text-center mb-8"> <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"> <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"> <div className="flex justify-center mt-6">
<button <button
onClick={handleSeeAllAgents} 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 See All Agents
</button> </button>