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

refactor: Standardize user dashboard path to /user/dashboard and refine HeroSection helper text styling.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-20 01:24:43 +05:30
parent 484f01d74d
commit d1b4458e26
6 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,19 +6,15 @@ import Image from 'next/image';
const propertyTypes = [
{ value: '', label: 'Types' },
{ value: 'residential', label: 'Residential' },
{ value: 'commercial', label: 'Commercial' },
{ value: 'luxury', label: 'Luxury Homes' },
{ value: 'rentals', label: 'Rentals' },
{ value: 'professionals', label: 'Professionals' },
{ value: 'lenders', label: 'Lenders' },
];
const categories = [
{ value: '', label: 'Categories' },
{ value: 'luxury-broker', label: 'Luxury Broker' },
{ value: 'buying', label: 'Buying Agent' },
{ value: 'selling', label: 'Selling Agent' },
{ value: 'investment', label: 'Investment' },
{ value: 'property-management', label: 'Property Management' },
{ value: 'luxury-homes', label: 'Luxury Homes' },
{ value: 'commercial', label: 'Commercial' },
{ value: 'mortgages', label: 'Mortgages' },
];
@@ -67,12 +63,15 @@ export function HeroSection() {
/>
</div>
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-24">
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-8 min-h-[600px] flex flex-col">
{/* Headline */}
<div className="text-center mb-8">
<div className="text-center mb-5">
<h1 className="font-fractul font-bold text-[24px] md:text-[28px] lg:text-[30px] leading-[50px] text-[#00293d] max-w-4xl mx-auto">
&ldquo;Discover verified, top-rated real estate professionals to guide your buying, selling, or investing journey.&rdquo;
</h1>
<p className="font-fractul font-bold text-[20px] md:text-[24px] leading-[40px] text-[#00293d] mt-2">
Discover verified, top-rated real estate professionals
</p>
</div>
{/* Search Form */}
@@ -179,8 +178,12 @@ export function HeroSection() {
</div>
</div>
</div>
{/* Bottom Section - pushed to bottom */}
<div className="mt-auto">
{/* See All Agents Button */}
<div className="flex justify-center mt-6">
<div className="flex justify-center">
<button
onClick={handleSeeAllAgents}
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"
@@ -190,7 +193,7 @@ export function HeroSection() {
</div>
{/* Helper Text */}
<p className="text-center font-serif text-sm text-[#00293d]/60 mt-4 max-w-2xl mx-auto">
<p className="text-center font-serif font-normal text-[14px] leading-[19px] text-[#00293D] mt-3 max-w-[419px] mx-auto">
Connect with trusted local agents to explore homes, compare options, and make smarter decisions.
</p>
</div>