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