Update src/app/properties/page.tsx

Merge version_5 into main

src/app/about/page.tsx

@@ -2,11 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Briefcase, Quote, Star } from 'lucide-react';
+import { Briefcase, Quote } from 'lucide-react';
 
 export default function AboutPage() {
   return (
@@ -37,21 +36,6 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="company-story" data-section="company-story">
-        <TestimonialAboutCard
-          tag="Our Heritage"
-          tagIcon={Star}
-          title="Founded on the principles of integrity, expertise, and exceptional service, Luxe Properties has been transforming the real estate experience for discerning clients."
-          description="Established in 1998"
-          subdescription="Luxury Real Estate Leaders"
-          icon={Quote}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=2"
-          imageAlt="Luxe Properties team collaboration"
-          mediaAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="services-detail" data-section="services-detail">
         <FeatureCardOne
           title="Comprehensive Real Estate Solutions"
@@ -77,6 +61,7 @@ export default function AboutPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           cardButtonClassName="w-full"
+          carouselMode="buttons"
         />
       </div>
 
@@ -137,4 +122,4 @@ export default function AboutPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -75,6 +75,7 @@ export default function ContactPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           cardButtonClassName="w-full"
+          carouselMode="buttons"
         />
       </div>
 
@@ -139,4 +140,4 @@ export default function ContactPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1384,4 +1384,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Home, Building2, Briefcase, TrendingUp, Quote, Star } from 'lucide-react';
 import Link from 'next/link';
 
@@ -75,22 +75,22 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="about" data-section="about">
-        <TestimonialAboutCard
-          tag="Premium Experience"
-          tagIcon={Star}
-          title="They took social media off our plate completely and our audience has never been more engaged."
-          description="Elena Chen"
-          subdescription="Bloom Skincare"
-          icon={Quote}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=1"
-          imageAlt="Professional real estate team in modern office"
-          mediaAnimation="slide-up"
+      <div id="trusted-brands" data-section="trusted-brands">
+        <SocialProofOne
+          title="Trusted by Leading Partners"
+          description="We collaborate with industry-leading brands and organizations to provide exceptional real estate services."
+          tag="Our Partners"
+          textboxLayout="default"
           useInvertedBackground={false}
+          names={[
+            "Global Properties Inc",            "Premier Investments LLC",            "Luxury Estates Group",            "Metropolitan Realty Partners",            "Elite Property Management",            "International Home Buyers"
+          ]}
+          speed={40}
+          showCard={true}
         />
       </div>
 
-      <div id="properties" data-section="properties">
+      <div id="features" data-section="features">
         <FeatureCardOne
           title="Featured Properties"
           description="Handpicked selections from our current listings representing exceptional value and luxury across diverse property types and locations."
@@ -115,6 +115,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={true}
           cardButtonClassName="w-full"
+          carouselMode="buttons"
         />
       </div>
 
@@ -218,4 +219,4 @@ export default function HomePage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/properties/page.tsx

@@ -68,6 +68,7 @@ export default function PropertiesPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           cardButtonClassName="w-full"
+          carouselMode="buttons"
         />
       </div>
 
@@ -145,4 +146,4 @@ export default function PropertiesPage() {
       />
     </ThemeProvider>
   );
-}
+}