Update src/app/page.tsx

src/app/page.tsx

@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -89,6 +89,13 @@ export default function LandingPage() {
               price: "AED 3.1M",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766677285397-72fbvxql.jpg",
               imageAlt: "Contemporary townhouse design"
+            },
+            {
+              id: "5",
+              name: "Dreamy Luxury Villa",
+              price: "AED 6.2M",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766677281862-wrg59rzg.jpg",
+              imageAlt: "Dreamy luxury villa with premium finishes"
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -101,10 +108,13 @@ export default function LandingPage() {
       </div>
       
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout 
+        <AboutPhoneTimeline 
-          heading={[
+          title="Our Mission"
-            { type: "text", content: "Leading Dubai Real Estate Company with over 15 years of market expertise" }
+          description="We believe in creating experiences that inspire, empower, and transform. Our team is dedicated to building solutions that make a real difference in people's lives."
-          ]}
+          tag="About Us"
+          phoneOne={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766677283454-saiau266.jpg", imageAlt: "Dashboard view" }}
+          phoneTwo={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766677284138-zvo3uevt.jpg", imageAlt: "Product demo view" }}
+          textboxLayout="default"
           buttons={[
             { text: "Learn More", href: "#contact" },
             { text: "Contact Team", href: "#contact" }