From d2281b964827fa59a73d13cda45f9120be76a986 Mon Sep 17 00:00:00 2001
From: JohannesOmsDev <johannesm@oms.africa>
Date: Fri, 23 May 2025 14:45:53 +0200
Subject: [PATCH] 23-05-2025/New Changes

---
 .../_components/CoreServicesSection.tsx       |   4 +-
 app/(website)/about/page.tsx                  |  17 ++-
 app/(website)/obse/page.tsx                   |   4 +-
 .../services/resource-augmentation/page.tsx   | 104 +++++++++---------
 components/HeaderClient.tsx                   |   2 +
 5 files changed, 72 insertions(+), 59 deletions(-)

diff --git a/app/(website)/_components/CoreServicesSection.tsx b/app/(website)/_components/CoreServicesSection.tsx
index 799f43e..e652960 100644
--- a/app/(website)/_components/CoreServicesSection.tsx
+++ b/app/(website)/_components/CoreServicesSection.tsx
@@ -61,9 +61,9 @@ export const defaultCoreServices: ServiceItem[] = [
   },
   {
     icon: FaProjectDiagram,
-    title: "Project Management",
+    title: "IT Implementation",
     description:
-      "Expert management ensuring on-time, within-budget delivery with superior results, risk mitigation, and maximum efficiency.",
+      "Empowering your business through seamless IT rollouts—delivered on time and on budget. We turn complex systems into powerful solutions that drive transformation, reduce risk, and unlock real results. ",
   },
   {
     icon: FaCode,
diff --git a/app/(website)/about/page.tsx b/app/(website)/about/page.tsx
index 80e06af..5f55c98 100644
--- a/app/(website)/about/page.tsx
+++ b/app/(website)/about/page.tsx
@@ -125,7 +125,8 @@ const industryExpertise = [
   {
     icon: FaBriefcase,
     industry: "Retail/E-commerce",
-    details: "Describe experience in this sector.",
+    details:
+      "Experience in building scalable e-commerce platforms, optimizing digital customer journeys, enabling secure payment integrations, and leveraging data analytics to drive personalized shopping experiences and operational efficiency.",
   },
 ];
 
@@ -241,7 +242,7 @@ export default function AboutUsPage() {
                 style={{ color: "#e1c44a" }}
               />
               <h3 className="text-2xl font-bold mb-4 font-poppins text-gray-900 dark:text-white">
-                Our Mission
+                Our Purpose
               </h3>
               <p className="text-gray-700 dark:text-gray-300 leading-relaxed font-poppins flex-grow">
                 &quot;Our purpose is to help our clients drive transformative
@@ -299,10 +300,9 @@ export default function AboutUsPage() {
                 Deep Domain Knowledge
               </h2>
               <p className="text-md md:text-lg text-gray-700 dark:text-gray-300 leading-relaxed font-poppins">
-                Retail/E-commerce: Experience in building scalable e-commerce
-                platforms, optimizing digital customer journeys, enabling secure
-                payment integrations, and leveraging data analytics to drive
-                personalized shopping experiences and operational efficiency.
+                We combine broad technological capabilities with specialized
+                expertise across key industries, understanding the unique
+                challenges and opportunities within each sector.
               </p>
             </div>
             <div className="lg:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -324,6 +324,7 @@ export default function AboutUsPage() {
           </div>
         </div>
       </section>
+      
       {/* Section 6: Technology Philosophy */}
       <section className="py-16 md:py-24 bg-gray-800 text-white">
         <div className="container mx-auto px-6 text-center">
@@ -378,6 +379,8 @@ export default function AboutUsPage() {
           </div>
         </div>
       </section>
+
+
       {/* Section 7: Core Values (Reusing previous structure, adjusting background) */}
       <section className="py-16 md:py-24 bg-gray-100 dark:bg-gray-800">
         <div className="container mx-auto px-6">
@@ -405,6 +408,8 @@ export default function AboutUsPage() {
           </div>
         </div>
       </section>
+
+      
       {/* Section 8: The OMS Partnership */}
       <section className="py-16 md:py-24 bg-white dark:bg-gray-900">
         <div className="container mx-auto px-6">
diff --git a/app/(website)/obse/page.tsx b/app/(website)/obse/page.tsx
index abf5490..2f5eef0 100644
--- a/app/(website)/obse/page.tsx
+++ b/app/(website)/obse/page.tsx
@@ -324,7 +324,9 @@ export default function ObsePage() {
                 className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
               >
                 <item.icon
-                  className="text-4xl text-red-500 dark:text-red-400 mx-auto mb-4" // Using red to signify pain points
+                  className="text-4xl 0 mx-auto mb-4"
+                  style={{ color: "#e1c44a" }} // Using red to signify pain points
+                  //text-red-500 dark:text-red-40
                 />
                 <h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white">
                   {item.title}
diff --git a/app/(website)/services/resource-augmentation/page.tsx b/app/(website)/services/resource-augmentation/page.tsx
index 5a4d73b..2402ab5 100644
--- a/app/(website)/services/resource-augmentation/page.tsx
+++ b/app/(website)/services/resource-augmentation/page.tsx
@@ -422,28 +422,29 @@ export default function ResourceAugmentationPage() {
               businesses today.
             </p>
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-stretch">
             {[
               {
                 icon: FaPuzzlePiece,
-                title: "Skill Gaps",
-                desc: "Struggling to find specialized IT talent for specific project needs or new technologies.",
+                title: "Access Specialised Expertise",
+                desc: "Get experienced professionals in software development, business analysis, cybersecurity, cloud computing, data science, and more — bringing the right skills to your project, exactly when you need them.",
               },
               {
                 icon: FaChartLine,
-                title: "Fluctuating Demand",
-                desc: "Need to scale development or testing teams quickly for peak periods without long-term overhead.",
+                title: "Flexibility & Scalability",
+                desc: "Easily scale your team in response to changing project needs — expanding or reducing resources without long-term obligations, while maintaining agility and control.",
               },
               {
                 icon: FaClock,
-                title: "Project Delays",
-                desc: "Lack of internal resources causing bottlenecks and delaying critical project timelines.",
+                title: "Faster Onboarding & Deployment",
+                desc: "Our experts are project-ready, helping you accelerate delivery timelines and reduce the overhead typically associated with recruitment and training.",
               },
               {
                 icon: FaFileInvoiceDollar,
-                title: "Cost Control",
-                desc: "Wanting to manage IT personnel costs effectively, avoiding expensive recruitment and full-time hires.",
+                title: "Cost-Effective Hiring",
+                desc: "Maximize impact, minimize overhead — allowing you to scale your team according to project needs while managing costs efficiently and without compromising on quality. .",
               },
+              /*
               {
                 icon: FaBriefcase,
                 title: "Focus on Core Business",
@@ -453,14 +454,16 @@ export default function ResourceAugmentationPage() {
                 icon: FaSyncAlt,
                 title: "Need for Flexibility",
                 desc: "Requiring adaptable staffing solutions that can change as project requirements evolve.",
-              },
+              },*/
             ].map((item) => (
               <div
                 key={item.title}
-                className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
+                className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lgflex flex-col h-full"
               >
                 <item.icon
-                  className="text-4xl text-red-500 dark:text-red-400 mx-auto mb-4" // Using red to signify challenges/needs
+                  className="text-4xl mx-auto mb-4"
+                  // Using red to signify challenges/needs
+                  style={{ color: COLORS.primary }} // Use gold color
                 />
                 <h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white">
                   {item.title}
@@ -639,45 +642,46 @@ export default function ResourceAugmentationPage() {
       </section>
 
       {/* 6. Benefits of Partnering with OMS Section */}
-      <section className="py-16 md:py-24 bg-gray-50 dark:bg-gray-800">
-        <div className="container mx-auto px-6">
-          <div className="text-center mb-12 md:mb-16">
-            <FaRegHandshake
-              className="text-5xl mx-auto mb-4"
-              style={{ color: COLORS.primary }}
-            />
-            <h2 className="text-3xl md:text-4xl font-bold font-poppins text-gray-900 dark:text-white mb-4">
-              Why Choose OMS for Resource Augmentation?
-            </h2>
-            <p className="text-md md:text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto">
-              Leverage our expertise and flexible models to gain a competitive
-              advantage.
-            </p>
-          </div>
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
-            {augmentationBenefits.map((benefit) => (
-              <div
-                key={benefit.title}
-                className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
-              >
-                <benefit.icon
-                  className="text-4xl mx-auto mb-4"
-                  style={{ color: COLORS.primary }}
-                />
-                <h4 className="text-lg font-semibold mb-2 font-poppins dark:text-white">
-                  {benefit.title}
-                </h4>
-                <p className="text-gray-600 dark:text-gray-300 text-sm leading-relaxed">
-                  {benefit.description}
-                </p>
-              </div>
-            ))}
-          </div>
-        </div>
-      </section>
-
+      {/* Benefits of Resource Augmentation 
+                <section className="py-16 md:py-24 bg-gray-50 dark:bg-gray-800">
+                  <div className="container mx-auto px-6">
+                    <div className="text-center mb-12 md:mb-16">
+                      <FaRegHandshake
+                        className="text-5xl mx-auto mb-4"
+                        style={{ color: COLORS.primary }}
+                      />
+                      <h2 className="text-3xl md:text-4xl font-bold font-poppins text-gray-900 dark:text-white mb-4">
+                        Why Choose OMS for Resource Augmentation?
+                      </h2>
+                      <p className="text-md md:text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto">
+                        Leverage our expertise and flexible models to gain a competitive
+                        advantage.
+                      </p>
+                    </div>
+                    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+                      {augmentationBenefits.map((benefit) => (
+                        <div
+                          key={benefit.title}
+                          className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
+                        >
+                          <benefit.icon
+                            className="text-4xl mx-auto mb-4"
+                            style={{ color: COLORS.primary }}
+                          />
+                          <h4 className="text-lg font-semibold mb-2 font-poppins dark:text-white">
+                            {benefit.title}
+                          </h4>
+                          <p className="text-gray-600 dark:text-gray-300 text-sm leading-relaxed">
+                            {benefit.description}
+                          </p>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                </section>
+            */}
       {/* 7. Proven Experience / Past Projects (High Level) */}
-      <section className="py-16 md:py-24 bg-white dark:bg-gray-900">
+      <section className="py-16 md:py-24 bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-800 dark:to-gray-700">
         <div className="container mx-auto px-6">
           <div className="text-center mb-12 md:mb-16">
             <FaBusinessTime
diff --git a/components/HeaderClient.tsx b/components/HeaderClient.tsx
index a7e905f..80d98b0 100644
--- a/components/HeaderClient.tsx
+++ b/components/HeaderClient.tsx
@@ -233,6 +233,7 @@ const HeaderClient = () => {
                             </p>
                           </div>
                         </Link>
+                          {/* Add more service links here 
                         <Link
                           href="/services/project-management"
                           className={`${megaMenuItemClasses} ${
@@ -248,6 +249,7 @@ const HeaderClient = () => {
                             </p>
                           </div>
                         </Link>
+                        */}
                         <Link
                           href="/services/product-development"
                           className={`${megaMenuItemClasses} ${