Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, CheckCircle, History, Sparkles, Zap } from "lucide-react";
@@ -34,7 +34,7 @@ export default function LandingPage() {
       navItems={[
         { name: "About", id: "about" },
         { name: "Services", id: "features" },
-        { name: "Team", id: "team" },
+        { name: "Timeline", id: "timeline" },
         { name: "Contact", id: "contact" },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5ofLApJeFrlNByb212bp0Fd56/uploaded-1779477915258-5jlptu9g.png"
@@ -114,26 +114,15 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="team" data-section="team">
+  <div id="timeline" data-section="timeline">
-      <TeamCardTen
+      <TimelineHorizontalCardStack
-      useInvertedBackground={true}
+        title="Our IT Milestone Journey"
-      title="Our Expert Engineering Team"
+        description="Tracing our evolution and commitment to technological excellence through the years."
-      members={[
+        textboxLayout="split"
-        {
+        useInvertedBackground={true}
-          id: "t1",          name: "Alex Rivers",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
+      >
-        {
+        <div>Milestone content goes here</div>
-          id: "t2",          name: "Sarah Chen",          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
+      </TimelineHorizontalCardStack>
-        {
-          id: "t3",          name: "Marcus Thorne",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-dressed-elegant-suit-looking-away-correct-his-glasses-while-standing-outdoors-against-skyscraper-background_613910-4080.jpg"},
-        {
-          id: "t4",          name: "Elena Vance",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg"},
-        {
-          id: "t5",          name: "David Wu",          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg"},
-      ]}
-      memberVariant="card"
-      tag="Leadership"
-      membersAnimation="slide-up"
-    />
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -224,4 +213,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}