nav issue fixed
This commit is contained in:
akash
parent
2a9404d1e5
commit
8a1c1c414d
@ -49,7 +49,7 @@ export default function About() {
|
||||
<div
|
||||
className="h-[400px] md:h-[500px] w-full rounded-2xl shadow-2xl overflow-hidden"
|
||||
style={{
|
||||
backgroundImage: "url('/assets/images/home/front.webp')",
|
||||
backgroundImage: "url('/assets/images/home/left.webp')",
|
||||
backgroundAttachment: "fixed",
|
||||
backgroundPosition: "center",
|
||||
backgroundRepeat: "no-repeat",
|
||||
|
||||
@ -21,7 +21,7 @@ export default function Header() {
|
||||
return (
|
||||
<>
|
||||
<header
|
||||
className={`fixed top-0 left-0 right-0 z-[6000] transition-all duration-300 ${isScrolled
|
||||
className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${isScrolled
|
||||
? "bg-white/5 dark:bg-black/5 backdrop-blur-md shadow-sm py-4"
|
||||
: "bg-transparent py-6"
|
||||
}`}
|
||||
@ -30,7 +30,7 @@ export default function Header() {
|
||||
<Link href="/" className="flex items-center gap-3 group">
|
||||
<div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]">
|
||||
<Image
|
||||
src={isScrolled ? "/assets/images/blue-logo.png" : "/assets/images/white-logo.png"}
|
||||
src={isScrolled ? "/assets/images/white-logo.png" : "/assets/images/white-logo.png"}
|
||||
alt="Sky and Soil Logo"
|
||||
fill
|
||||
className="object-contain"
|
||||
@ -46,14 +46,25 @@ export default function Header() {
|
||||
|
||||
|
||||
<button
|
||||
className={`p-2 -mr-2 transition-colors ${isScrolled ? "text-foreground" : "text-white"
|
||||
}`}
|
||||
className="p-2 -mr-2 text-white"
|
||||
onClick={() => setIsSidebarOpen(true)}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-6 h-6">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
strokeWidth={1.5}
|
||||
stroke="#ffffff"
|
||||
className="w-6 h-6"
|
||||
>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -82,7 +82,7 @@ const sections = [
|
||||
|
||||
{ id: "locality", label: "Locality" },
|
||||
|
||||
{ id: "faq", label: "FAQ" },
|
||||
{ id: "faq", label: "FAQ's" },
|
||||
|
||||
];
|
||||
|
||||
@ -594,7 +594,93 @@ export default function PropertyDetailClient({ property }: { property: Property
|
||||
|
||||
<PropertyGallery images={property.images} title={property.title} />
|
||||
|
||||
<div className="bg-white dark:bg-gray-900 rounded-2xl p-8 shadow-sm border border-gray-200 dark:border-gray-800">
|
||||
|
||||
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-6">
|
||||
|
||||
<div>
|
||||
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
|
||||
<h1 className="text-3xl md:text-4xl font-bold text-foreground">{property.title}</h1>
|
||||
|
||||
<span className="px-4 py-1.5 bg-gradient-to-r from-green-500 to-emerald-500 text-white rounded-full text-sm font-semibold shadow-md">
|
||||
|
||||
{property.status}
|
||||
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="flex items-center text-gray-600 dark:text-gray-400">
|
||||
|
||||
<svg className="w-5 h-5 mr-2" 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" />
|
||||
|
||||
</svg>
|
||||
|
||||
{property.location}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
|
||||
<div className="text-sm text-gray-500 dark:text-gray-400 mb-1">Starting from</div>
|
||||
|
||||
<div className="text-4xl font-bold bg-gradient-to-r from-primary to-blue-600 bg-clip-text text-transparent">
|
||||
|
||||
{property.price}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{/* Quick Stats */}
|
||||
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 pt-6 border-t border-gray-200 dark:border-gray-800">
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.bhk}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Configuration</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.size}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Area</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.possession}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Possession</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.totalUnits}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Total Units</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-8">
|
||||
|
||||
@ -604,93 +690,7 @@ export default function PropertyDetailClient({ property }: { property: Property
|
||||
|
||||
{/* Property Header */}
|
||||
|
||||
<div className="bg-white dark:bg-gray-900 rounded-2xl p-8 shadow-sm border border-gray-200 dark:border-gray-800">
|
||||
|
||||
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-6">
|
||||
|
||||
<div>
|
||||
|
||||
<div className="flex items-center gap-3 mb-3">
|
||||
|
||||
<h1 className="text-3xl md:text-4xl font-bold text-foreground">{property.title}</h1>
|
||||
|
||||
<span className="px-4 py-1.5 bg-gradient-to-r from-green-500 to-emerald-500 text-white rounded-full text-sm font-semibold shadow-md">
|
||||
|
||||
{property.status}
|
||||
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="flex items-center text-gray-600 dark:text-gray-400">
|
||||
|
||||
<svg className="w-5 h-5 mr-2" 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" />
|
||||
|
||||
</svg>
|
||||
|
||||
{property.location}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-right">
|
||||
|
||||
<div className="text-sm text-gray-500 dark:text-gray-400 mb-1">Starting from</div>
|
||||
|
||||
<div className="text-4xl font-bold bg-gradient-to-r from-primary to-blue-600 bg-clip-text text-transparent">
|
||||
|
||||
{property.price}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{/* Quick Stats */}
|
||||
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 pt-6 border-t border-gray-200 dark:border-gray-800">
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.bhk}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Configuration</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.size}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Area</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.possession}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Possession</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="text-center p-4 bg-gray-50 dark:bg-gray-800 rounded-xl">
|
||||
|
||||
<div className="text-2xl font-bold text-primary mb-1">{property.overview.totalUnits}</div>
|
||||
|
||||
<div className="text-sm text-gray-600 dark:text-gray-400">Total Units</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -2724,20 +2724,20 @@ export default function PropertyDetailClient({ property }: { property: Property
|
||||
|
||||
>
|
||||
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="w-5 h-5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
d="M8 7h8v10H8zM4 11h8v10H4z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="w-5 h-5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
d="M8 7h8v10H8zM4 11h8v10H4z"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
{isCompared ? 'Added to Compare' : 'Add to Compare'}
|
||||
|
||||
|
||||
@ -44,7 +44,8 @@ export default function PropertyNav({ sections }: PropertyNavProps) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="sticky top-28 z-[5000] bg-white/95 dark:bg-gray-900/95 backdrop-blur-md border-b border-gray-200 dark:border-gray-800 shadow-sm">
|
||||
<div className="sticky top-28 z-30 bg-white/95 dark:bg-gray-900/95 backdrop-blur-md border-b border-gray-200 dark:border-gray-800 shadow-sm">
|
||||
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<nav className="flex gap-1 overflow-x-auto hide-scrollbar py-3">
|
||||
{sections.map((section) => (
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user