diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6cf6db1..f0a8cb3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import { Package } from "lucide-react";
@@ -20,39 +20,42 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Properties", id: "#properties" },
-          { name: "About", id: "#about" },
-          { name: "Contact", id: "#contact" },
-        ]}
-        brandName="PropertySync"
-        button={{
-          text: "Get Started",          href: "#contact"}}
-        animateOnLoad={true}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Properties", id: "properties" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="PropertySync"
+          button={{
+            text: "Get Started",            href: "contact"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
 
       <div id="properties" data-section="properties">
         <ProductCardFour
           products={[
             {
-              id: "1",              name: "Luxury Downtown Lofts",              price: "$450,000",              variant: "Premium Investment Grade",              imageSrc: "asset://property-1",              imageAlt: "Luxury Downtown Lofts",              isFavorited: false,
+              id: "1",              name: "Luxury Downtown Lofts",              price: "$450,000",              variant: "Premium Investment Grade",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Luxury Downtown Lofts",              isFavorited: false,
               onFavorite: () => console.log("Favorited"),
               onProductClick: () => console.log("Clicked"),
             },
             {
-              id: "2",              name: "Suburban Family Homes",              price: "$320,000",              variant: "Verified Listed Property",              imageSrc: "asset://property-2",              imageAlt: "Suburban Family Homes",              isFavorited: false,
+              id: "2",              name: "Suburban Family Homes",              price: "$320,000",              variant: "Verified Listed Property",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Suburban Family Homes",              isFavorited: false,
               onFavorite: () => console.log("Favorited"),
               onProductClick: () => console.log("Clicked"),
             },
             {
-              id: "3",              name: "Commercial Plaza",              price: "$1,200,000",              variant: "Quality Vetted Investment",              imageSrc: "asset://property-3",              imageAlt: "Commercial Plaza",              isFavorited: false,
+              id: "3",              name: "Commercial Plaza",              price: "$1,200,000",              variant: "Quality Vetted Investment",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Commercial Plaza",              isFavorited: false,
               onFavorite: () => console.log("Favorited"),
               onProductClick: () => console.log("Clicked"),
             },
             {
-              id: "4",              name: "Beachfront Resort Condo",              price: "$850,000",              variant: "Premium Verified",              imageSrc: "asset://property-4",              imageAlt: "Beachfront Resort Condo",              isFavorited: false,
+              id: "4",              name: "Beachfront Resort Condo",              price: "$850,000",              variant: "Premium Verified",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Beachfront Resort Condo",              isFavorited: false,
               onFavorite: () => console.log("Favorited"),
               onProductClick: () => console.log("Clicked"),
             },