Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Award, Home, MapPin, ShieldCheck, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -34,10 +34,11 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Features", id: "features" },
         { name: "Properties", id: "properties" },
+        { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Luxe Realty"
-      button={{ text: "Get Started" }}
+      button={{ text: "Inquire Now", href: "#contact" }}
     />
   </div>
 
@@ -60,7 +61,6 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
       title="Expertise in Every Detail"
       metrics={[
         { icon: Award, label: "Years Experience", value: "15+" },
@@ -68,6 +68,7 @@ export default function LandingPage() {
         { icon: Users, label: "Happy Families", value: "1,200+" },
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -106,59 +107,42 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg" },
-        { id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
-        { id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-sitting-moving-cardboard-boxes-their-new-house_23-2148095443.jpg" },
-        { id: "t4", name: "James W.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-working-report-looking-camera_1262-12268.jpg" },
-        { id: "t5", name: "Linda M.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg" },
-      ]}
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
+      <TestimonialCardThirteen
+        showRating={true}
+        animationType="slide-up"
+        title="Client Success Stories"
+        description="Read about the experiences of our valued clients in finding their perfect home."
+        textboxLayout="split-description"
+        useInvertedBackground={true}
+        testimonials={[
+          { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Luxe Realty made the entire process seamless. Highly recommended!", rating: 5 },
+          { id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Found my dream home in record time thanks to the dedicated team.", rating: 5 },
+          { id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Exceptional service and professional guidance throughout the journey.", rating: 5 },
+        ]}
+      />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contact Us"
-      title="Get in Touch Today"
-      description="Have questions about our current listings? Let our expert team guide you through the process."
-    />
+      <ContactSplit
+        title="Let's Connect"
+        description="Whether you are looking to buy, sell, or just want to chat about the market, our team is ready to help you."
+        tag="Get In Touch"
+        background={{ variant: "plain" }}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg"
+        inputPlaceholder="Your message or email"
+        buttonText="Send Message"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",          items: [
-            { label: "About Us", href: "#about" },
-            { label: "Careers", href: "#" },
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            { label: "Buying Guide", href: "#" },
-            { label: "Selling Tips", href: "#" },
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Service", href: "#" },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Luxe Realty. All rights reserved."
-      bottomRightText="123 Realty Lane, Suite 100"
-    />
+      <FooterLogoReveal
+        logoText="Luxe Realty"
+        leftLink={{ text: "Privacy Policy", href: "#" }}
+        rightLink={{ text: "Terms of Service", href: "#" }}
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}