diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c0ad740..d3e1cbf 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterCard from '@/components/sections/footer/FooterCard';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,78 +22,35 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PropElite"
-    />
-  </div>
-
-  <div id="about-content" data-section="about-content">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Welcome to PropElite Real Estate.",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg",
-          alt: "About PropElite",
-        },
-        {
-          type: "text",
-          content: "We bring years of trusted service and unparalleled property expertise to help you find your dream home.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Meet Our Experts"
-      description="Professional agents ready to assist."
-      members={[
-        {
-          id: "m1",
-          name: "Jane Doe",
-          role: "Senior Consultant",
-          description: "Over 15 years in luxury real estate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164706.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PropElite Real Estate"
-      copyrightText="© 2025 PropElite. All rights reserved."
-    />
-  </div>
+        <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Properties", id: "/properties" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PropElite"
+        />
+        <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: 'Redefining Real Estate Excellence' }]}
+            useInvertedBackground={false}
+        />
+        <TeamCardOne 
+            members={[
+                { id: "t1", name: "Jane Doe", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg" },
+                { id: "t2", name: "John Smith", role: "Senior Consultant", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-carrying-woman-with-wheelbarrow_23-2149382171.jpg" }
+            ]}
+            gridVariant="two-columns-alternating-heights"
+            animationType="slide-up"
+            title="Our Leadership"
+            useInvertedBackground={false}
+            textboxLayout="default"
+        />
+        <FooterCard
+            logoText="PropElite Real Estate"
+            copyrightText="© 2025 PropElite. All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index fe87048..aacabba 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,69 +21,25 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PropElite"
-    />
-  </div>
-
-  <div id="contact-main" data-section="contact-main">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Get in Touch Today"
-      description="Have questions about our properties or need expert guidance? Reach out now."
-      imageSrc="http://img.b2bpic.net/free-photo/man-woman-car-dealership-together_23-2148333030.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Need Help?"
-      title="We're here to guide you"
-      description="Speak with an expert today."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:123456789",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PropElite Real Estate"
-      copyrightText="© 2025 PropElite. All rights reserved."
-    />
-  </div>
+        <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Properties", id: "/properties" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PropElite"
+        />
+        <ContactText
+            text="Let's Connect and Find Your Perfect Space"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+        <FooterCard
+            logoText="PropElite Real Estate"
+            copyrightText="© 2025 PropElite. All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb2ff2c..d76a50d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -122,4 +122,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/properties/page.tsx b/src/app/properties/page.tsx
index 2a9f6c3..cf904b5 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 FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function LandingPage() {
+export default function PropertiesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,106 +21,42 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Properties",
-          id: "/properties",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PropElite"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Properties", id: "/properties" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PropElite"
+          />
+        </div>
+        
+        <div id="properties" data-section="properties" style={{ paddingTop: "120px" }}>
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            title="Luxury Property Listings"
+            description="Filter by price, location, and type to find your perfect match."
+            products={[
+              { id: "p1", name: "Modern Villa", price: "$1,200,000", variant: "3BHK", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=2" },
+              { id: "p2", name: "Downtown Apartment", price: "$450,000", variant: "2BHK", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=1" },
+              { id: "p3", name: "Suburban Estate", price: "$850,000", variant: "4BHK", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg" },
+              { id: "p4", name: "City Studio", price: "$300,000", variant: "1BHK", imageSrc: "http://img.b2bpic.net/free-photo/chairs-near-table-with-books-decorations_23-2147896815.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="listing-grid" data-section="listing-grid">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "l1",
-          name: "Sunset Villa",
-          price: "$1,100,000",
-          variant: "3BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=4",
-        },
-        {
-          id: "l2",
-          name: "Greenwood Apartment",
-          price: "$400,000",
-          variant: "2BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=4",
-        },
-        {
-          id: "l3",
-          name: "Grand Estate",
-          price: "$900,000",
-          variant: "4BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg?_wi=3",
-        },
-        {
-          id: "l4",
-          name: "Urban Flat",
-          price: "$280,000",
-          variant: "1BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/chairs-near-table-with-books-decorations_23-2147896815.jpg?_wi=3",
-        },
-        {
-          id: "l5",
-          name: "Coastal Home",
-          price: "$2,200,000",
-          variant: "5BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-carrying-woman-with-wheelbarrow_23-2149382171.jpg?_wi=2",
-        },
-        {
-          id: "l6",
-          name: "Skyline Loft",
-          price: "$3,000,000",
-          variant: "3BHK",
-          imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg?_wi=2",
-        },
-      ]}
-      title="All Properties"
-      description="Browse our full catalog of residential and commercial listings."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Market Leaders"
-      description="Preferred partner for major property developers."
-      names={[
-        "Developer A",
-        "Developer B",
-        "Developer C",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PropElite Real Estate"
-      copyrightText="© 2025 PropElite. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="PropElite Real Estate"
+            copyrightText="© 2025 PropElite. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/property/[id]/page.tsx b/src/app/property/[id]/page.tsx
new file mode 100644
index 0000000..b157ed3
--- /dev/null
+++ b/src/app/property/[id]/page.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+
+export default function PropertyDetailPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Properties", id: "/properties" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="PropElite"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            title="Luxury Modern Villa in Beverly Hills"
+            description="An architectural masterpiece featuring floor-to-ceiling windows, infinity pool, and panoramic city views. Designed for the ultimate modern living experience."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/couch-armchair-seen-from-floor_1203-737.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            title="Key Property Features"
+            tag="Specifications"
+            metrics={[
+              { id: "m1", value: "5,000 sq ft", description: "Total Interior Space" },
+              { id: "m2", value: "5", description: "Bedrooms" },
+              { id: "m3", value: "6", description: "Bathrooms" },
+              { id: "m4", value: "3", description: "Garage Spaces" }
+            ]}
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardOne
+            title="Premium Amenities"
+            description="Experience lifestyle-focused design with curated amenities for your comfort."
+            animationType="slide-up"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            features={[
+              { title: "Smart Home Integration", description: "Voice-controlled lighting, security, and climate management.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=1" },
+              { title: "Infinity Pool", description: "Heated saltwater infinity pool overlooking the skyline.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=2" }
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Schedule a Viewing"
+            title="Interested in this property?"
+            description="Leave your details and our senior agents will arrange a private tour at your convenience."
+            onSubmit={(email) => console.log("Form submitted", email)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="PropElite Real Estate"
+            copyrightText="© 2025 PropElite. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index fd718b9..28a0008 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #106EFB;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);