Update src/app/page.tsx

Merge version_2 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"
@@ -46,16 +46,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       title="Empowering Your Business Through Innovative IT Solutions"
       description="At Sipheus-Infotech, we deliver scalable software development, robust cybersecurity, and cloud solutions tailored to fuel your digital growth."
       tag="Your Technology Partner"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",          imageAlt: "IT Infrastructure Overview"},
+          imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",          imageAlt: "IT Infrastructure Overview"
+        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg",          imageAlt: "Software development team in action"}
+          imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg",          imageAlt: "Software development team in action"
+        }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -81,11 +82,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Cloud Strategy",          description: "Seamless transition to secure, scalable cloud environments.",          imageSrc: "http://img.b2bpic.net/free-vector/creative-letter-u-gradient-logo-design_474888-8031.jpg"},
+          title: "Cloud Strategy",          description: "Seamless transition to secure, scalable cloud environments.",          imageSrc: "https://img.b2bpic.net/free-photo/cloud-computing-concept_23-2149175409.jpg"
+        },
         {
-          title: "Cyber Security",          description: "Fortify your assets against ever-evolving digital threats.",          imageSrc: "http://img.b2bpic.net/free-photo/cloud-with-lock_1048-1663.jpg"},
+          title: "Cyber Security",          description: "Fortify your assets against ever-evolving digital threats.",          imageSrc: "https://img.b2bpic.net/free-photo/cyber-security-concept-with-lock_23-2148780749.jpg"
+        },
         {
-          title: "AI Integration",          description: "Automate processes with intelligent, custom-built solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chroma-key-tablet-workers-supervising-data-center_482257-117840.jpg"},
+          title: "AI Integration",          description: "Automate processes with intelligent, custom-built solutions.",          imageSrc: "https://img.b2bpic.net/free-photo/ai-technology-concept_23-2149175411.jpg"
+        },
       ]}
       title="Our Specialized IT Services"
       description="We bridge the gap between complex challenges and elegant software outcomes."
@@ -114,26 +118,14 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="Our Expert Engineering Team"
-      members={[
-        {
-          id: "t1",          name: "Alex Rivers",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
-        {
-          id: "t2",          name: "Sarah Chen",          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
-        {
-          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 id="timeline" data-section="timeline">
+      <TimelineHorizontalCardStack
+        title="Our IT Milestone Journey"
+        description="Tracing our evolution and commitment to technological excellence through the years."
+        textboxLayout="default"
+      >
+        <div className="space-y-4">Timeline content goes here.</div>
+      </TimelineHorizontalCardStack>
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -144,19 +136,24 @@ export default function LandingPage() {
       testimonials={[
         {
           id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Exceptional reliability and service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg"},
+          imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg"
+        },
         {
           id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Transformed our digital infrastructure.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg"},
+          imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg"
+        },
         {
           id: "3",          name: "Elena Rodriguez",          handle: "@erod",          testimonial: "Best tech team I've worked with.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg"},
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg"
+        },
         {
           id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "Prompt, professional, and efficient.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg"},
+          imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg"
+        },
         {
           id: "5",          name: "Julia Smith",          handle: "@jsmith",          testimonial: "Exceeded all our project expectations.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"
+        },
       ]}
       showRating={true}
       title="Client Success Stories"
@@ -169,11 +166,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",          title: "What IT services do you offer?",          content: "We offer full-cycle software development, cloud computing, cybersecurity, and strategic IT consulting."},
+          id: "f1",          title: "What IT services do you offer?",          content: "We offer full-cycle software development, cloud computing, cybersecurity, and strategic IT consulting."
+        },
         {
-          id: "f2",          title: "How long does a typical project take?",          content: "Timelines vary by complexity, but we prioritize agility and iterative progress."},
+          id: "f2",          title: "How long does a typical project take?",          content: "Timelines vary by complexity, but we prioritize agility and iterative progress."
+        },
         {
-          id: "f3",          title: "Do you provide ongoing support?",          content: "Yes, we offer comprehensive maintenance and support plans to keep your systems running smoothly."},
+          id: "f3",          title: "Do you provide ongoing support?",          content: "Yes, we offer comprehensive maintenance and support plans to keep your systems running smoothly."
+        },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -203,17 +203,21 @@ export default function LandingPage() {
         {
           title: "Company",          items: [
             {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "#about"
+            },
             {
-              label: "Services",              href: "#features"},
+              label: "Services",              href: "#features"
+            },
           ],
         },
         {
           title: "Support",          items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "#contact"
+            },
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "#faq"
+            },
           ],
         },
       ]}
@@ -224,4 +228,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}