From 46fb03b392eba3d42c7b8d013a21e01c8d5678ab Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Tue, 17 Feb 2026 11:20:32 +0530
Subject: [PATCH] reposnive text are updated

---
 src/components/ContactCTA.tsx   |  2 +-
 src/components/Lifestyle.tsx    |  2 +-
 src/components/PropertyCard.tsx | 42 ++++++++++++++++-----------------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/ContactCTA.tsx b/src/components/ContactCTA.tsx
index 9d144f0..cf0b858 100644
--- a/src/components/ContactCTA.tsx
+++ b/src/components/ContactCTA.tsx
@@ -116,7 +116,7 @@ export default function ContactCTA() {
     }, [alert.show]);
 
     return (
-        <section id="contact" className="relative pb-24 dark:bg-transparent">
+        <section id="contact" className="relative pb-24 pt-24 dark:bg-transparent">
 
             <div className="relative z-10 max-w-6xl mx-auto px-6">
                 <motion.div
diff --git a/src/components/Lifestyle.tsx b/src/components/Lifestyle.tsx
index 368055c..5ef8793 100644
--- a/src/components/Lifestyle.tsx
+++ b/src/components/Lifestyle.tsx
@@ -59,7 +59,7 @@ export default function Lifestyle() {
 
                         {/* Overlay Text - Hidden on Hover to see details */}
                         <div className={`absolute inset-0 bg-gradient-to-tr from-gray-800/60 to-transparent flex items-center justify-center pointer-events-none transition-opacity duration-300 ${zoomProps.show ? 'opacity-0' : 'opacity-100'}`}>
-                            <span className="text-xl font-light tracking-widest uppercase text-white border border-white/30 px-6 py-2 rounded-full backdrop-blur-sm">
+                            <span className="text-sm font-light tracking-widest uppercase text-white border border-white/30 px-6 py-2 rounded-full backdrop-blur-sm">
                                 Clubhouse & Amenities
                             </span>
                         </div>
diff --git a/src/components/PropertyCard.tsx b/src/components/PropertyCard.tsx
index 996d44c..60d6bfb 100644
--- a/src/components/PropertyCard.tsx
+++ b/src/components/PropertyCard.tsx
@@ -73,7 +73,7 @@ export default function PropertyCard({ property }: PropertyCardProps) {
             href={`/residential-real-estate/${property.slug}`}
             className="group block bg-white dark:bg-gray-900 rounded-2xl overflow-hidden border border-gray-100 dark:border-gray-800 hover:border-gray-200 dark:hover:border-gray-700 shadow-sm hover:shadow-xl transition-all duration-300"
         >
-            <div className="relative h-64 w-full overflow-hidden">
+            <div className="relative h-48 md:h-64 w-full overflow-hidden">
                 <Image
                     src={property.image}
                     alt={`Property view of ${property.title}`}
@@ -83,7 +83,7 @@ export default function PropertyCard({ property }: PropertyCardProps) {
 
                 {/* Status Badge */}
                 {property.status && (
-                    <div className={`absolute top-4 left-4 px-3 py-1 rounded-full text-xs font-semibold ${property.status === "Sold Out"
+                    <div className={`absolute top-3 left-3 md:top-4 md:left-4 px-2 py-0.5 md:px-3 md:py-1 rounded-full text-[10px] md:text-xs font-semibold ${property.status === "Sold Out"
                         ? "bg-red-500 text-white"
                         : property.status === "New Launch"
                             ? "bg-green-500 text-white"
@@ -94,10 +94,10 @@ export default function PropertyCard({ property }: PropertyCardProps) {
                 )}
 
                 {/* Action Buttons */}
-                <div className="absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
+                <div className="absolute top-3 right-3 md:top-4 md:right-4 flex gap-1.5 md:gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
                     <button
                         onClick={handleCompareClick}
-                        className={`p-2 rounded-full shadow-lg transition-all ${inCompare
+                        className={`p-1.5 md:p-2 rounded-full shadow-lg transition-all ${inCompare
                             ? "bg-primary text-white scale-110"
                             : "bg-white hover:bg-gray-100 text-gray-700"
                             }`}
@@ -105,7 +105,7 @@ export default function PropertyCard({ property }: PropertyCardProps) {
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
-                            className="w-5 h-5"
+                            className="w-4 h-4 md:w-5 md:h-5"
                             fill="none"
                             viewBox="0 0 24 24"
                             stroke="currentColor"
@@ -121,22 +121,22 @@ export default function PropertyCard({ property }: PropertyCardProps) {
                     </button>
                     <button
                         onClick={handleShareClick}
-                        className="p-2 bg-white rounded-full shadow-lg hover:bg-gray-100 transition-colors"
+                        className="p-1.5 md:p-2 bg-white rounded-full shadow-lg hover:bg-gray-100 transition-colors"
                         aria-label="Share"
                     >
-                        <svg className="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <svg className="w-4 h-4 md:w-5 md:h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z" />
                         </svg>
                     </button>
                     <button
                         onClick={handleWishlistClick}
-                        className={`p-2 rounded-full shadow-lg transition-all ${isWishlisted
+                        className={`p-1.5 md:p-2 rounded-full shadow-lg transition-all ${isWishlisted
                             ? "bg-red-500 text-white scale-110"
                             : "bg-white hover:bg-gray-100 text-gray-700"
                             }`}
                         aria-label={isWishlisted ? "Remove from wishlist" : "Add to wishlist"}
                     >
-                        <svg className="w-5 h-5" fill={isWishlisted ? "currentColor" : "none"} stroke="currentColor" viewBox="0 0 24 24">
+                        <svg className="w-4 h-4 md:w-5 md:h-5" fill={isWishlisted ? "currentColor" : "none"} stroke="currentColor" viewBox="0 0 24 24">
                             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
                         </svg>
                     </button>
@@ -144,27 +144,27 @@ export default function PropertyCard({ property }: PropertyCardProps) {
             </div>
 
             {/* Content Section */}
-            <div className="p-6">
-                <h3 className="text-xl font-bold text-foreground mb-2 group-hover:text-primary transition-colors">
+            <div className="p-4 md:p-6">
+                <h3 className="text-lg md:text-xl font-bold text-foreground mb-1 md:mb-2 group-hover:text-primary transition-colors line-clamp-1">
                     {property.title}
                 </h3>
 
-                <div className="flex items-center text-gray-600 dark:text-gray-400 text-sm mb-4">
-                    <svg className="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <div className="flex items-center text-gray-600 dark:text-gray-400 text-xs md:text-sm mb-3 md:mb-4">
+                    <svg className="w-3.5 h-3.5 md:w-4 md:h-4 mr-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                     </svg>
-                    {property.location}
+                    <span className="truncate">{property.location}</span>
                 </div>
 
-                <div className="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-800">
-                    <div>
-                        <div className="text-2xl font-bold text-primary whitespace-nowrap">{property.price}</div>
-                        <div className="text-sm text-gray-500 dark:text-gray-400">{property.overview.size}</div>
+                <div className="flex items-center justify-between pt-3 md:pt-4 border-t border-gray-200 dark:border-gray-800">
+                    <div className="min-w-0">
+                        <div className="text-lg md:text-2xl font-bold text-primary whitespace-nowrap">{property.price}</div>
+                        <div className="text-[10px] md:text-sm text-gray-500 dark:text-gray-400 truncate">{property.overview.size}</div>
                     </div>
-                    <div className="text-right">
-                        <div className="text-sm font-semibold text-foreground">{property.overview.bhk}</div>
-                        <div className="text-xs text-gray-500 dark:text-gray-400">Possession: {property.overview.possession}</div>
+                    <div className="text-right flex-shrink-0">
+                        <div className="text-xs md:text-sm font-semibold text-foreground">{property.overview.bhk}</div>
+                        <div className="text-[10px] md:text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap">Poss: {property.overview.possession.split(' ').pop()}</div>
                     </div>
                 </div>
             </div>