From 65f85d0027a472cbbf0f3652ebdf08eb4d1535e1 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sun, 8 Mar 2026 00:17:21 +0530
Subject: [PATCH] feat: Adjust HeroSection layout and category placeholder
 text, and update TestimonialsSection background color and add a divider.

---
 src/components/home/HeroSection.tsx         | 10 +++++-----
 src/components/home/TestimonialsSection.tsx |  7 ++++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx
index 5f0b3be..a757e46 100644
--- a/src/components/home/HeroSection.tsx
+++ b/src/components/home/HeroSection.tsx
@@ -98,7 +98,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
   };
 
   return (
-    <section className="relative min-h-[480px] overflow-hidden">
+    <section className="relative min-h-[540px] overflow-hidden">
       {/* Background Image */}
       <div className="absolute inset-0">
         <Image
@@ -110,9 +110,9 @@ export function HeroSection({ content }: { content?: HeroContent }) {
         />
       </div>
 
-      <div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-8 min-h-[480px] flex flex-col">
+      <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">
         {/* Headline */}
-        <div className="text-center mb-5">
+        <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">
             {data.headline}
           </h1>
@@ -186,7 +186,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
                   className="w-full h-[42px] px-4 rounded-[7px] border border-[#00293d]/10 bg-white text-left flex items-center justify-between focus:outline-none"
                 >
                   <span className="font-serif text-sm text-[#00293d]">
-                    {searchParams.category ? categoryOptions.find(c => c.id === searchParams.category)?.name : 'Category'}
+                    {searchParams.category ? categoryOptions.find(c => c.id === searchParams.category)?.name : 'Categories'}
                   </span>
                   <Image
                     src="/assets/icons/chevron-down-icon.svg"
@@ -246,7 +246,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
         </div>
 
         {/* Bottom Section */}
-        <div className="mt-8">
+        <div className="mt-auto pt-6">
           {/* See All Agents Button */}
           <div className="flex justify-center">
             <button
diff --git a/src/components/home/TestimonialsSection.tsx b/src/components/home/TestimonialsSection.tsx
index db200f6..ad5a14a 100644
--- a/src/components/home/TestimonialsSection.tsx
+++ b/src/components/home/TestimonialsSection.tsx
@@ -110,7 +110,7 @@ export function TestimonialsSection({ content }: { content?: TestimonialsContent
   const data = content ?? defaultContent;
 
   return (
-    <section className="py-12 md:py-16 bg-white">
+    <section className="py-12 md:py-16 bg-[#c5d6d6]">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         {/* Section Header */}
         <div className="text-center mb-6">
@@ -148,6 +148,11 @@ export function TestimonialsSection({ content }: { content?: TestimonialsContent
           ))}
         </div>
 
+        {/* Divider Line */}
+        <div className="w-full max-w-5xl mx-auto mb-10">
+          <div className="h-px bg-[#00293d]/20"></div>
+        </div>
+
         {/* Testimonials Grid */}
         <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
           {data.testimonials.map((testimonial, index) => (