Update src/app/profile/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -7,7 +7,6 @@ import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactCTA from "@/components/sections/contact/ContactCTA";

src/app/profile/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import React from "react";
+
+export default function ProfilePage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Prime Realty"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Profile", id: "/profile" },
+          ]}
+          button={{ text: "Sign Out", href: "/" }}
+        />
+      </div>
+      <div className="min-h-screen pt-32 px-6 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8">User Profile</h1>
+        <div className="bg-card p-8 rounded-lg shadow-sm border border-border">
+          <h2 className="text-2xl font-semibold mb-6">Credentials & Authentication</h2>
+          <div className="space-y-4">
+            <div>
+              <label className="block text-sm font-medium mb-1">Email Address</label>
+              <input type="email" disabled defaultValue="user@example.com" className="w-full p-2 border rounded bg-muted" />
+            </div>
+            <div>
+              <label className="block text-sm font-medium mb-1">Password</label>
+              <input type="password" defaultValue="••••••••" className="w-full p-2 border rounded" />
+            </div>
+            <button className="bg-primary text-primary-foreground px-4 py-2 rounded">Update Credentials</button>
+          </div>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/properties/page.tsx

@@ -9,6 +9,15 @@ import { useState } from "react";
 
 export default function PropertiesPage() {
   const [search, setSearch] = useState("");
+  const [priceSort, setPriceSort] = useState("");
+
+  const filters = [
+    {
+      label: "Price Rating",      options: ["None", "Lowest to Highest", "Highest to Lowest"],
+      selected: priceSort,
+      onChange: (value: string) => setPriceSort(value),
+    }
+  ];
 
   return (
     <ThemeProvider
@@ -43,6 +52,7 @@ export default function PropertiesPage() {
                 searchValue={search}
                 onSearchChange={setSearch}
                 searchPlaceholder="Search properties..."
+                filters={filters}
             />
         </main>
         <FooterMedia