diff --git a/src/components/About.tsx b/src/components/About.tsx
index 7622c8b..034e6d6 100644
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -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",
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 48bf8c0..b2f5a15 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -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>
diff --git a/src/components/PropertyDetailClient.tsx b/src/components/PropertyDetailClient.tsx
index 438dd36..a5cb7ff 100644
--- a/src/components/PropertyDetailClient.tsx
+++ b/src/components/PropertyDetailClient.tsx
@@ -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'}
 
diff --git a/src/components/PropertyNav.tsx b/src/components/PropertyNav.tsx
index 95525fd..0bb3737 100644
--- a/src/components/PropertyNav.tsx
+++ b/src/components/PropertyNav.tsx
@@ -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) => (