fix: update hero headline text and adjust section layout constraints for consistent height

This commit is contained in:
pradeepkumar
2026-04-13 23:31:32 +05:30
parent a904edba92
commit 369c7a0ac8

View File

@@ -8,7 +8,7 @@ import { profileSectionsService } from '@/services/profile-sections.service';
import type { HeroContent } from '@/types/cms'; import type { HeroContent } from '@/types/cms';
const defaultHeroContent: HeroContent = { const defaultHeroContent: HeroContent = {
headline: '\u201cDiscover verified, top-rated real estate professionals to guide your buying, selling, or investing journey.\u201d', headline: 'Discover verified, top-rated real estate professionals to guide your buying, selling, or investing journey.',
description: '', description: '',
ctaButtonText: 'See All', ctaButtonText: 'See All',
helperText: '', helperText: '',
@@ -110,7 +110,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
}; };
return ( return (
<section className="relative min-h-[540px] overflow-hidden"> <section className="relative h-[540px] overflow-hidden">
{/* Background Image */} {/* Background Image */}
<div className="absolute inset-0"> <div className="absolute inset-0">
<Image <Image
@@ -122,7 +122,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
/> />
</div> </div>
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-10 min-h-[540px] flex flex-col"> <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-10 h-[540px] flex flex-col justify-between">
{/* Headline */} {/* Headline */}
<div className="text-center mb-8"> <div className="text-center mb-8">
<h1 className="font-fractul font-bold text-[24px] md:text-[28px] lg:text-[30px] leading-[50px] text-[#00293d] max-w-4xl mx-auto"> <h1 className="font-fractul font-bold text-[24px] md:text-[28px] lg:text-[30px] leading-[50px] text-[#00293d] max-w-4xl mx-auto">