Update src/app/properties/page.tsx

Merge version_4 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>
 

src/app/contact/page.tsx

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

src/app/page.tsx

@@ -3,7 +3,6 @@
 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';
@@ -75,22 +74,7 @@ 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"
-          useInvertedBackground={false}
-        />
-      </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 +99,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={true}
           cardButtonClassName="w-full"
+          carouselMode="buttons"
         />
       </div>
 

src/app/properties/page.tsx

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