nav issue fixed
This commit is contained in:
akash
parent
2a9404d1e5
commit
8a1c1c414d
@ -49,7 +49,7 @@ export default function About() {
|
|||||||
<div
|
<div
|
||||||
className="h-[400px] md:h-[500px] w-full rounded-2xl shadow-2xl overflow-hidden"
|
className="h-[400px] md:h-[500px] w-full rounded-2xl shadow-2xl overflow-hidden"
|
||||||
style={{
|
style={{
|
||||||
backgroundImage: "url('/assets/images/home/front.webp')",
|
backgroundImage: "url('/assets/images/home/left.webp')",
|
||||||
backgroundAttachment: "fixed",
|
backgroundAttachment: "fixed",
|
||||||
backgroundPosition: "center",
|
backgroundPosition: "center",
|
||||||
backgroundRepeat: "no-repeat",
|
backgroundRepeat: "no-repeat",
|
||||||
|
|||||||
@ -21,7 +21,7 @@ export default function Header() {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<header
|
<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-white/5 dark:bg-black/5 backdrop-blur-md shadow-sm py-4"
|
||||||
: "bg-transparent py-6"
|
: "bg-transparent py-6"
|
||||||
}`}
|
}`}
|
||||||
@ -30,7 +30,7 @@ export default function Header() {
|
|||||||
<Link href="/" className="flex items-center gap-3 group">
|
<Link href="/" className="flex items-center gap-3 group">
|
||||||
<div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]">
|
<div className="relative w-60 h-20 transition-transform group-hover:scale-105 -left-[83px]">
|
||||||
<Image
|
<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"
|
alt="Sky and Soil Logo"
|
||||||
fill
|
fill
|
||||||
className="object-contain"
|
className="object-contain"
|
||||||
@ -46,14 +46,25 @@ export default function Header() {
|
|||||||
|
|
||||||
|
|
||||||
<button
|
<button
|
||||||
className={`p-2 -mr-2 transition-colors ${isScrolled ? "text-foreground" : "text-white"
|
className="p-2 -mr-2 text-white"
|
||||||
}`}
|
|
||||||
onClick={() => setIsSidebarOpen(true)}
|
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">
|
<svg
|
||||||
<path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
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>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
@ -82,7 +82,7 @@ const sections = [
|
|||||||
|
|
||||||
{ id: "locality", label: "Locality" },
|
{ 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} />
|
<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">
|
<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 */}
|
{/* 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
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
className="w-5 h-5"
|
className="w-5 h-5"
|
||||||
fill="none"
|
fill="none"
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
stroke="currentColor"
|
stroke="currentColor"
|
||||||
strokeWidth="2"
|
strokeWidth="2"
|
||||||
>
|
>
|
||||||
<path
|
<path
|
||||||
strokeLinecap="round"
|
strokeLinecap="round"
|
||||||
strokeLinejoin="round"
|
strokeLinejoin="round"
|
||||||
d="M8 7h8v10H8zM4 11h8v10H4z"
|
d="M8 7h8v10H8zM4 11h8v10H4z"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
{isCompared ? 'Added to Compare' : 'Add to Compare'}
|
{isCompared ? 'Added to Compare' : 'Add to Compare'}
|
||||||
|
|
||||||
|
|||||||
@ -44,7 +44,8 @@ export default function PropertyNav({ sections }: PropertyNavProps) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
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">
|
<div className="max-w-7xl mx-auto px-6">
|
||||||
<nav className="flex gap-1 overflow-x-auto hide-scrollbar py-3">
|
<nav className="flex gap-1 overflow-x-auto hide-scrollbar py-3">
|
||||||
{sections.map((section) => (
|
{sections.map((section) => (
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user