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";
@@ -70,15 +69,12 @@ export default function RealEstatePage() {
             title="Redefining Real Estate Excellence"
             description="With over 15 years in the market, Prime Realty has become a trusted partner for buyers, sellers, and investors. Our commitment to transparency, market insights, and personalized support ensures every client reaches their property goals effectively."
             metrics={[
-              {
-                value: "$500M+",                title: "Total property value managed"},
-              {
-                value: "99%",                title: "Client retention rate"},
+              { value: "$500M+", title: "Total property value managed" },
+              { value: "99%", title: "Client retention rate" },
             ]}
             imageSrc="https://images.unsplash.com/photo-1572177812156-58036aae249c?auto=format&fit=crop&q=80&w=800"
             imageAlt="Modern office real estate team workspace"
-            mediaBadge={{
-              text: "Licensed Agents"}}
+            mediaBadge={{ text: "Licensed Agents" }}
             mediaAnimation="slide-up"
             metricsAnimation="slide-up"
             useInvertedBackground={false}
@@ -91,22 +87,14 @@ export default function RealEstatePage() {
             buttons={[{ text: "Contact Our Agents", href: "#contact" }]}
             buttonAnimation="slide-up"
             features={[
-              {
-                title: "Residential Sales",                description: "Expert guidance to help you buy or sell your dream home at the best market valuation.",                imageSrc: "https://images.unsplash.com/photo-1582407947304-fd86f028f716?auto=format&fit=crop&q=80&w=600",                imageAlt: "Luxury residential home"},
-              {
-                title: "Commercial Leasing",                description: "Prime office and retail spaces designed to help your business grow and thrive.",                imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=600",                imageAlt: "Commercial office building"},
-              {
-                title: "Investment Advisory",                description: "Strategic insights to help you build a diversified and high-yield real estate portfolio.",                imageSrc: "https://images.unsplash.com/photo-1554469384-e58fac16e23a?auto=format&fit=crop&q=80&w=600",                imageAlt: "Real estate investment analysis"},
-              {
-                title: "Property Valuation",                description: "Accurate and detailed property appraisals using the latest market data and insights.",                imageSrc: "https://images.unsplash.com/photo-1560520653-9e0e4c8959d7?auto=format&fit=crop&q=80&w=600",                imageAlt: "Market valuation documents"},
-              {
-                title: "Relocation Support",                description: "Full-service relocation support to help you move and settle into your new location seamlessly.",                imageSrc: "https://images.unsplash.com/photo-1516156008625-3a9d6067fab5?auto=format&fit=crop&q=80&w=600",                imageAlt: "Relocation assistance"},
-              {
-                title: "Portfolio Management",                description: "End-to-end property management services to optimize and maintain your assets.",                imageSrc: "https://images.unsplash.com/photo-1590487988256-9ed221338521?auto=format&fit=crop&q=80&w=600",                imageAlt: "Property management"},
+              { title: "Residential Sales", description: "Expert guidance to help you buy or sell your dream home at the best market valuation. Contact: (555) 111-2222", imageSrc: "https://images.unsplash.com/photo-1582407947304-fd86f028f716?auto=format&fit=crop&q=80&w=600", imageAlt: "Luxury residential home" },
+              { title: "Commercial Leasing", description: "Prime office and retail spaces designed to help your business grow and thrive. Contact: (555) 333-4444", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=600", imageAlt: "Commercial office building" },
+              { title: "Investment Advisory", description: "Strategic insights to help you build a diversified and high-yield real estate portfolio. Contact: (555) 555-6666", imageSrc: "https://images.unsplash.com/photo-1554469384-e58fac16e23a?auto=format&fit=crop&q=80&w=600", imageAlt: "Real estate investment analysis" },
+              { title: "Property Valuation", description: "Accurate and detailed property appraisals using the latest market data and insights. Contact: (555) 777-8888", imageSrc: "https://images.unsplash.com/photo-1560520653-9e0e4c8959d7?auto=format&fit=crop&q=80&w=600", imageAlt: "Market valuation documents" },
             ]}
             gridVariant="uniform-all-items-equal"
             uniformGridCustomHeightClasses="aspect-square"
-            gridClassName="md:!grid-cols-3"
+            gridClassName="md:!grid-cols-2"
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
@@ -116,51 +104,21 @@ export default function RealEstatePage() {
           title="The Prime Difference"
           description="Why clients choose Prime Realty as their partner"
           features={[
-            {
-              icon: ShieldCheck,
-              title: "Trusted Expertise",              description: "Decades of market knowledge ensuring informed decisions at every step."},
-            {
-              icon: Wrench,
-              title: "Tailored Solutions",              description: "Personalized property search and sale plans designed around your lifestyle."},
-            {
-              icon: DollarSign,
-              title: "Maximized Value",              description: "Data-driven negotiation skills to secure the best deal in the current market."},
+            { icon: ShieldCheck, title: "Trusted Expertise", description: "Decades of market knowledge ensuring informed decisions at every step." },
+            { icon: Wrench, title: "Tailored Solutions", description: "Personalized property search and sale plans designed around your lifestyle." },
+            { icon: DollarSign, title: "Maximized Value", description: "Data-driven negotiation skills to secure the best deal in the current market." },
           ]}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
         />
-
-        <FeatureCardEight
-          title="Our Process"
-          description="A clear, step-by-step approach to help you secure the ideal property"
-          features={[
-            {
-              title: "Requirement Analysis",              description: "We sit down to understand your needs, budget, and long-term investment goals.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=600",              imageAlt: "Consulting process"},
-            {
-              title: "Property Selection",              description: "Carefully curated listings that match your criteria and lifestyle preferences.",              imageSrc: "https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=80&w=600",              imageAlt: "Property viewing"},
-            {
-              title: "Negotiation & Offer",              description: "Aggressive advocacy and negotiation to get the best terms for your purchase.",              imageSrc: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&q=80&w=600",              imageAlt: "Agreement signing"},
-            {
-              title: "Closing & Support",              description: "A smooth closing process and ongoing support as you transition to your new space.",              imageSrc: "https://images.unsplash.com/photo-1577412647305-991150c7d163?auto=format&fit=crop&q=80&w=600",              imageAlt: "Closing sale"},
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardThirteen
             title="Client Success Stories"
             description="See why homeowners trust Prime Realty for their property needs."
             testimonials={[
-              {
-                id: "1",                name: "Sarah & Mark T.",                handle: "Homeowners, Austin",                testimonial: "Prime Realty made the buying process so easy. They listened to exactly what we wanted and found our dream home within a week. Highly recommended!",                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",                imageAlt: "Sarah & Mark"},
-              {
-                id: "2",                name: "Robert H.",                handle: "Real Estate Investor, Dallas",                testimonial: "I've worked with many agencies, but Prime Realty's data analysis and property valuation tools are unparalleled. They've helped me add immense value to my portfolio.",                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",                imageAlt: "Robert H."},
-              {
-                id: "3",                name: "Elena W.",                handle: "Commercial Client, Houston",                testimonial: "Expert guidance on leasing office space. They were professional, responsive, and negotiated a fantastic lease agreement for our growing startup.",                rating: 5,
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg",                imageAlt: "Elena W."},
+              { id: "1", name: "Sarah & Mark T.", handle: "Homeowners, Austin", testimonial: "Prime Realty made the buying process so easy. They listened to exactly what we wanted and found our dream home within a week. Highly recommended!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "Sarah & Mark" },
+              { id: "2", name: "Robert H.", handle: "Real Estate Investor, Dallas", testimonial: "I've worked with many agencies, but Prime Realty's data analysis and property valuation tools are unparalleled. They've helped me add immense value to my portfolio.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Robert H." },
             ]}
             showRating={true}
             animationType="slide-up"
@@ -177,20 +135,11 @@ export default function RealEstatePage() {
             textPosition="left"
             useInvertedBackground={false}
             faqs={[
-              {
-                id: "1",                title: "What areas do you serve?",                content: "We provide comprehensive real estate services across the greater Austin, Dallas, and Houston metropolitan areas."},
-              {
-                id: "2",                title: "Do you offer virtual property tours?",                content: "Yes! We provide professional photography and immersive 3D virtual tours for all our current listings."},
-              {
-                id: "3",                title: "How do I get an appraisal?",                content: "Contact our team for a free property valuation. We'll analyze recent market trends to provide an accurate estimate of your home's worth."},
-              {
-                id: "4",                title: "Can you help with commercial leases?",                content: "Absolutely. We specialize in finding, negotiating, and securing commercial properties tailored to your business needs."},
-              {
-                id: "5",                title: "What is your commission structure?",                content: "Our commission depends on the type of service and complexity of the transaction. We provide transparent and competitive rates discussed during our initial consultation."},
+              { id: "1", title: "What areas do you serve?", content: "We provide comprehensive real estate services across the greater Austin, Dallas, and Houston metropolitan areas." },
+              { id: "2", title: "How do I get an appraisal?", content: "Contact our team for a free property valuation. We'll analyze recent market trends to provide an accurate estimate of your home's worth." },
             ]}
           />
         </div>
-
         <div id="contact" data-section="contact">
           <ContactCTA
             tag="Inquire Today"
@@ -205,36 +154,14 @@ export default function RealEstatePage() {
             useInvertedBackground={false}
           />
         </div>
-
         <div id="footer" data-section="footer">
           <FooterMedia
             logoText="Prime Realty"
             imageSrc="https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&q=80&w=600"
             imageAlt="Luxury estate architecture"
             columns={[
-              {
-                title: "Real Estate Services",                items: [
-                  { label: "Residential Sales", href: "#services" },
-                  { label: "Commercial Leasing", href: "#services" },
-                  { label: "Investment Strategy", href: "#services" },
-                  { label: "Property Valuation", href: "#services" },
-                ],
-              },
-              {
-                title: "Company",                items: [
-                  { label: "About Prime", href: "#about" },
-                  { label: "Success Stories", href: "#testimonials" },
-                  { label: "Frequently Asked", href: "#faq" },
-                  { label: "Contact Us", href: "#contact" },
-                ],
-              },
-              {
-                title: "Office Contact",                items: [
-                  { label: "(555) 123-4567", href: "tel:5551234567" },
-                  { label: "hello@primerealty.com", href: "mailto:hello@primerealty.com" },
-                  { label: "Austin, TX" },
-                ],
-              },
+              { title: "Services", items: [{ label: "Residential Sales", href: "#services" }, { label: "Commercial Leasing", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Prime", href: "#about" }, { label: "Contact Us", href: "#contact" }] },
             ]}
             copyrightText="© 2026 | Prime Realty"
           />

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