Update src/app/rentals/page.tsx

Merge version_5 into main

src/app/apartments/page.tsx

@@ -21,7 +21,7 @@ export default function ApartmentsPage() {
           description="Browse our selection of premium apartments available for climate-controlled living."
           textboxLayout="default"
           animationType="slide-up"
-          features={[{ title: "Modern Studio", description: "High efficiency AC included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" }]}
+          features={[{ title: "Modern Studio", description: "High efficiency AC included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" }, { title: "City Loft", description: "Climate controlled city living", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg" }, { title: "Luxury Suite", description: "Advanced HVAC integrated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg" }]}
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
         />

src/app/hotels/page.tsx

@@ -21,7 +21,7 @@ export default function HotelsPage() {
           description="Explore our partnered hotels equipped with top-tier HVAC systems for optimal comfort."
           textboxLayout="default"
           animationType="slide-up"
-          features={[{ title: "Grand Plaza Hotel", description: "Central climate control throughout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" }]}
+          features={[{ title: "Grand Plaza Hotel", description: "Central climate control throughout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" }, { title: "Mountain Resort", description: "Eco-friendly heating systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg?_wi=1" }, { title: "Seaside Inn", description: "Coastal climate solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg" }]}
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
         />

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

src/app/rentals/page.tsx

@@ -21,7 +21,7 @@ export default function RentalsPage() {
           description="Browse rental properties featuring energy-efficient heating and cooling systems."
           textboxLayout="default"
           animationType="slide-up"
-          features={[{ title: "Modern Villa", description: "Full HVAC maintenance included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg" }]}
+          features={[{ title: "Modern Villa", description: "Full HVAC maintenance included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg?_wi=2" }, { title: "Cozy Cottage", description: "High efficiency furnace", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg" }, { title: "Townhouse Retreat", description: "Multi-zone comfort system", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg" }]}
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
         />