Update src/app/page.tsx

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TextAbout from '@/components/sections/about/TextAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 
 export default function LandingPage() {
   return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "About", id: "about" },
         { name: "Properties", id: "properties" },
@@ -38,10 +39,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="hero" data-section="hero">
+    <HeroSplitTestimonial
+      title="Luxury Redefined for the Modern Investor"
+      description="Exceptional properties curated with precision and elegance."
+      background={{ variant: "gradient-bars" }}
+      testimonials={[
+        { name: "Elena V.", handle: "@elena_v", testimonial: "The service and attention to detail were unmatched.", rating: 5 }
+      ]}
+      buttons={[{ text: "View Gallery" }]}
+    />
+  </div>
+
   <div id="about" data-section="about">
-      <TextAbout
+      <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      title="Defining Excellence in Global Luxury Real Estate"
+      heading={[{ type: 'text', content: "Defining Excellence in Global Luxury Real Estate" }]}
       buttons={[
         { text: "Contact Us", href: "#contact" },
       ]}
@@ -49,42 +62,35 @@ export default function LandingPage() {
   </div>
 
   <div id="properties" data-section="properties">
-      <ProductCardThree
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        { id: "1", name: "Skyline Penthouse", price: "$8.5M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2" },
+        { id: "1", name: "Skyline Penthouse", price: "$8.5M", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-modern-interior-living-room-in-a--1778446111043-449abad5.png?_wi=2" },
-        { id: "2", name: "Coastal Villa Estate", price: "$12.0M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2" },
+        { id: "2", name: "Coastal Villa Estate", price: "$12.0M", variant: "Ultra", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/luxury-marble-bathroom-in-a-high-end-man-1778446120861-578eaa11.png?_wi=2" },
-        { id: "3", name: "Modern Urban Mansion", price: "$6.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2" },
+        { id: "3", name: "Modern Urban Mansion", price: "$6.2M", variant: "Luxury", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXy8yrvjnxPhDkl0lrG4JRwPo3/ultra-luxury-modern-kitchen-in-a-villa-m-1778446131050-16452c77.png?_wi=2" },
       ]}
       title="Curated Luxury Portfolio"
       description="Exceptional homes for the discerning investor."
-      buttons={[
+      buttons={[{ text: "View Full Portfolio" }]}
-        { text: "View Full Portfolio", href: "/inventory" },
-        { text: "Explore", href: "#properties" }
-      ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
+      <MetricCardFourteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "1", value: "$500M+", title: "Portfolio Managed", items: ["Commercial", "Residential"] },
-        { id: "2", value: "150+", title: "Closed Deals", items: ["Premium", "Global"] },
-        { id: "3", value: "20+", title: "Countries", items: ["Operations", "Reach"] },
-      ]}
       title="Market Authority"
-      description="Evidence-backed excellence in every transaction."
+      metrics={[
+        { id: "1", value: "$500M+", description: "Portfolio Managed" },
+        { id: "2", value: "150+", description: "Closed Deals" },
+        { id: "3", value: "20+", description: "Active Countries" },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
@@ -108,19 +114,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
-      useInvertedBackground={false}
+      text="Begin Your Journey With Us"
       background={{ variant: "gradient-bars" }}
-      tag="Inquire"
+      buttons={[{ text: "Inquire Today" }]}
-      title="Begin Your Journey"
-      description="Reach out for exclusive investment opportunities."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
       logoText="Bright View"
-      copyrightText="© 2025 Bright View Real Estate | All Rights Reserved"
+      columns={[{ items: [{ label: "About" }, { label: "Inventory" }, { label: "Contact" }] }]}
     />
   </div>
       </ReactLenis>