reposnive text are updated
This commit is contained in:
akash
parent
3456b6e2b5
commit
46fb03b392
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user