diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index 08e95d9..b61c648 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -2,12 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
-export default function LandingPage() {
+export default function AccountPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,90 +20,45 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "Account",
-          id: "/account",
-        },
-      ]}
-      brandName="Zeus Properties"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Properties", id: "/properties" },
+                { name: "Account", id: "/account" },
+            ]}
+            brandName="Zeus Properties"
+        />
+        
+        <main className="pt-32 pb-20 px-6 container mx-auto min-h-screen">
+            <h1 className="text-4xl font-bold mb-8">Account Management</h1>
+            <div className="grid gap-8">
+                <section className="p-6 border rounded-xl">
+                    <h2 className="text-2xl font-semibold mb-4">Profile</h2>
+                    <p>Welcome to your profile. Manage your details and preferences here.</p>
+                </section>
+                <section className="p-6 border rounded-xl">
+                    <h2 className="text-2xl font-semibold mb-4">Booking History</h2>
+                    <p>View your past and upcoming luxury stays.</p>
+                </section>
+                <section className="p-6 border rounded-xl">
+                    <h2 className="text-2xl font-semibold mb-4">Saved Properties</h2>
+                    <p>Access your favorite properties list.</p>
+                </section>
+                <section className="p-6 border rounded-xl">
+                    <h2 className="text-2xl font-semibold mb-4">Settings</h2>
+                    <p>Update your account security and notification preferences.</p>
+                </section>
+            </div>
+        </main>
 
-  <div id="account-body" data-section="account-body">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Login/Signup"
-      title="Welcome Back"
-      description="Manage your luxury travel bookings."
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Manage Account"
-      description="Access your profile and travel history easily."
-      features={[
-        {
-          id: 1,
-          title: "Secure Access",
-          description: "Encrypted login for your peace of mind.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=4",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Listings",
-              href: "/properties",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Zeus Properties"
-    />
-  </div>
+        <FooterBase
+          columns={[
+            { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Listings", href: "/properties" }] },
+            { title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+          ]}
+          logoText="Zeus Properties"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 26566f7..3f2a744 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,28 +18,22 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="medium"
         sizing="medium"
-        background="circleGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Properties",
-          id: "/properties",
-        },
+          name: "Properties",          id: "/properties"},
         {
-          name: "Account",
-          id: "/account",
-        },
+          name: "Account",          id: "/account"},
       ]}
       brandName="Zeus Properties"
     />
@@ -49,91 +43,50 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Redefining Luxury Stays"
       description="Experience unparalleled elegance in the world's most exclusive properties."
       testimonials={[
         {
-          name: "Marcus V.",
-          handle: "@traveler",
-          testimonial: "The best luxury booking experience I've had.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=1",
-        },
+          name: "Marcus V.",          handle: "@traveler",          testimonial: "The best luxury booking experience I've had.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=1"},
         {
-          name: "Elena S.",
-          handle: "@explorer",
-          testimonial: "Stunning properties and flawless service.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=1",
-        },
+          name: "Elena S.",          handle: "@explorer",          testimonial: "Stunning properties and flawless service.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=1"},
         {
-          name: "Julian D.",
-          handle: "@elite",
-          testimonial: "Absolute perfection in every detail.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=1",
-        },
+          name: "Julian D.",          handle: "@elite",          testimonial: "Absolute perfection in every detail.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=1"},
         {
-          name: "Sarah & Tom",
-          handle: "@duo",
-          testimonial: "Unforgettable stay. Zeus is simply the best.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png",
-        },
+          name: "Sarah & Tom",          handle: "@duo",          testimonial: "Unforgettable stay. Zeus is simply the best.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png"},
         {
-          name: "James R.",
-          handle: "@collector",
-          testimonial: "Beyond expectations, truly a gold standard.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=2",
-        },
+          name: "James R.",          handle: "@collector",          testimonial: "Beyond expectations, truly a gold standard.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=2"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-stunning-ultra-luxurious-penthouse-liv-1774857749654-5f34f1bc.png"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",
-          alt: "User 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",          alt: "User 1"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png",
-          alt: "User 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png",          alt: "User 2"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png",
-          alt: "User 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png",          alt: "User 3"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png",
-          alt: "User 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png",          alt: "User 4"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",
-          alt: "User 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",          alt: "User 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Elite",
-        },
+          type: "text",          text: "Elite"},
         {
-          type: "text",
-          text: "Sophisticated",
-        },
+          type: "text",          text: "Sophisticated"},
         {
-          type: "text",
-          text: "Exclusive",
-        },
+          type: "text",          text: "Exclusive"},
         {
-          type: "text",
-          text: "Premium",
-        },
+          type: "text",          text: "Premium"},
         {
-          type: "text",
-          text: "Unrivaled",
-        },
+          type: "text",          text: "Unrivaled"},
       ]}
     />
   </div>
@@ -146,23 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Azure Villa",
-          price: "$1,200/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=1",
-        },
+          id: "p1",          name: "Azure Villa",          price: "$1,200/night",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=1"},
         {
-          id: "p2",
-          name: "Ocean Penthouse",
-          price: "$2,500/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=1",
-        },
+          id: "p2",          name: "Ocean Penthouse",          price: "$2,500/night",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=1"},
         {
-          id: "p3",
-          name: "Skyline Loft",
-          price: "$1,800/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=1",
-        },
+          id: "p3",          name: "Skyline Loft",          price: "$1,800/night",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=1"},
       ]}
       title="Featured Properties"
       description="Hand-picked residences for the discerning traveler."
@@ -178,33 +119,17 @@ export default function LandingPage() {
       description="Unlock tiered benefits for your stays."
       plans={[
         {
-          id: "plan-1",
-          title: "Silver",
-          price: "$99",
-          period: "/mo",
-          features: [
-            "Concierge",
-            "Priority",
-          ],
+          id: "plan-1",          title: "Silver",          price: "$99",          period: "/mo",          features: [
+            "Concierge",            "Priority"],
           button: {
-            text: "Join",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=2",
-        },
+            text: "Join"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=2"},
         {
-          id: "plan-2",
-          title: "Gold",
-          price: "$299",
-          period: "/mo",
-          features: [
-            "VIP Access",
-            "Airport Pickup",
-          ],
+          id: "plan-2",          title: "Gold",          price: "$299",          period: "/mo",          features: [
+            "VIP Access",            "Airport Pickup"],
           button: {
-            text: "Upgrade",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=2",
-        },
+            text: "Upgrade"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=2"},
       ]}
     />
   </div>
@@ -219,17 +144,9 @@ export default function LandingPage() {
       description="The team behind your dream getaways."
       members={[
         {
-          id: "m1",
-          name: "Alice M.",
-          role: "Head Curator",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=2",
-        },
+          id: "m1",          name: "Alice M.",          role: "Head Curator",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=2"},
         {
-          id: "m2",
-          name: "Robert G.",
-          role: "Luxury Consultant",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=2",
-        },
+          id: "m2",          name: "Robert G.",          role: "Luxury Consultant",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=2"},
       ]}
     />
   </div>
@@ -238,16 +155,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get Started"
       title="Ready for your next stay?"
       description="Inquire about our private portfolio today."
       buttons={[
         {
-          text: "Contact Us",
-          href: "/contact",
-        },
+          text: "Contact Us",          href: "/contact"},
       ]}
     />
   </div>
@@ -256,29 +170,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigate",
-          items: [
+          title: "Navigate",          items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Listings",
-              href: "/properties",
-            },
+              label: "Listings",              href: "/properties"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact Us",
-              href: "#",
-            },
+              label: "Contact Us",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
@@ -288,4 +192,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/properties/[id]/page.tsx b/src/app/properties/[id]/page.tsx
new file mode 100644
index 0000000..d6acfb9
--- /dev/null
+++ b/src/app/properties/[id]/page.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PropertyDetailsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Properties", id: "/properties" },
+              { name: "Account", id: "/account" },
+            ]}
+            brandName="Zeus Properties"
+          />
+        </div>
+
+        <div id="product-details" data-section="product">
+            <ProductCardThree
+                animationType="slide-up"
+                textboxLayout="split-description"
+                gridVariant="one-large-left-three-stacked-right"
+                useInvertedBackground={false}
+                title="Azure Villa Experience"
+                description="Step into a realm of sophisticated tranquility. Our interactive calendar ensures your booking experience is as seamless as your stay. Select your dates to view live pricing and secure your reservation."
+                products={[
+                    { id: "gallery-1", name: "Master Suite View", price: "$1,200/night", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png" },
+                    { id: "gallery-2", name: "Private Pool", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png" },
+                    { id: "gallery-3", name: "Interior Lounge", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png" }
+                ]}
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Inquire"
+            title="Questions about this property?"
+            description="Reach out to our concierge for custom arrangements."
+            buttons={[{ text: "Speak to Concierge", href: "/contact" }]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Properties", href: "/properties" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Terms", href: "#" }] }
+            ]}
+            logoText="Zeus Properties"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/properties/page.tsx b/src/app/properties/page.tsx
index 79620b2..6f100ab 100644
--- a/src/app/properties/page.tsx
+++ b/src/app/properties/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
-export default function LandingPage() {
+export default function PropertiesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,128 +21,35 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "Account",
-          id: "/account",
-        },
-      ]}
-      brandName="Zeus Properties"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "Account", id: "/account" }]}
+            brandName="Zeus Properties"
+        />
 
-  <div id="list-body" data-section="list-body">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Azure Villa",
-          price: "$1,200/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "Ocean Penthouse",
-          price: "$2,500/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=3",
-        },
-        {
-          id: "p3",
-          name: "Skyline Loft",
-          price: "$1,800/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Mountain Retreat",
-          price: "$1,500/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=4",
-        },
-        {
-          id: "p5",
-          name: "Garden Mansion",
-          price: "$3,000/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=4",
-        },
-        {
-          id: "p6",
-          name: "City Studio",
-          price: "$900/night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=3",
-        },
-      ]}
-      title="All Properties"
-      description="Browse our full collection of luxury homes."
-    />
-  </div>
+        <div className="pt-32 pb-20">
+            <ProductCardTwo
+                animationType="slide-up"
+                textboxLayout="split"
+                gridVariant="four-items-2x2-equal-grid"
+                useInvertedBackground={false}
+                title="Luxury Apartment Listings"
+                description="Filter by your preferences to find the perfect luxury residence."
+                products={[
+                    { id: "p1", brand: "Exclusive", name: "Azure Villa", price: "$1,200/night", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png" },
+                    { id: "p2", brand: "Premium", name: "Ocean Penthouse", price: "$2,500/night", rating: 4.9, reviewCount: "96", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png" },
+                    { id: "p3", brand: "Cityscape", name: "Skyline Loft", price: "$1,800/night", rating: 4.8, reviewCount: "204", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png" }
+                ]}
+            />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Property Stats"
-      description="Our current collection reach."
-      metrics={[
-        {
-          id: "m1",
-          title: "Available Homes",
-          subtitle: "Curated",
-          category: "Collection",
-          value: "150+",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Listings",
-              href: "/properties",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Zeus Properties"
-    />
-  </div>
+        <FooterBase
+          columns={[
+            { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Listings", href: "/properties" }] },
+            { title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+          ]}
+          logoText="Zeus Properties"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 70a01a4..dc08335 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0B0B0B;
-  --card: #1A1A1A;
-  --foreground: #FFFFFF;
-  --primary-cta: #D4AF37;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #0B0B0B;
-  --secondary-cta: #1A1A1A;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #FFFFFF;
-  --accent: #D4AF37;
-  --background-accent: #D4AF37;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);