Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -46,16 +46,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "plain" }}
-        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."
@@ -118,10 +122,9 @@ export default function LandingPage() {
       <TimelineHorizontalCardStack
         title="Our IT Milestone Journey"
         description="Tracing our evolution and commitment to technological excellence through the years."
-        textboxLayout="split"
+        textboxLayout="default"
-        useInvertedBackground={true}
       >
-        <div>Milestone content goes here</div>
+        <div className="space-y-4">Timeline content goes here.</div>
       </TimelineHorizontalCardStack>
   </div>
 
@@ -133,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"
@@ -158,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"
@@ -192,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"
+            },
           ],
         },
       ]}