fix white space

Author: munyanezaarmel

app/components/Challenges.tsx

@@ -10,20 +10,26 @@ export default function Challenges() {
   ]
 
   return (
-    <section className="w-full bg-white py-16">
-      <div className="container mx-auto px-6">
-        <h2 className="text-3xl font-bold text-center mb-12 text-[#009563]">
-          Barriers of adoption
-        </h2>
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          {challenges.map((challenge, index) => (
-            <div key={index} className="flex flex-col items-center text-center">
-              <challenge.icon className="w-16 h-16 text-[#fcac04] mb-4" />
-              <p className="text-lg font-semibold text-gray-800">
-                {challenge.text}
-              </p>
-            </div>
-          ))}
+      <section className="py-8 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-7xl mx-auto">
+        <h2 className="text-3xl font-bold mb-8 text-center text-[#009563]">Barriers of Adoption</h2>
+        <div className="flex flex-col gap-8">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {challenges.slice(0, 3).map((challenge, index) => (
+              <div key={index} className="flex flex-col items-center text-center">
+                <challenge.icon className="h-12 w-12 text-[#fcac04] mb-4" />
+                <p className="text-lg font-semibold text-[#1D1D1D]">{challenge.text}</p>
+              </div>
+            ))}
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:px-24">
+            {challenges.slice(3).map((challenge, index) => (
+              <div key={index} className="flex flex-col items-center text-center">
+                <challenge.icon className="h-12 w-12 text-[#fcac04] mb-4" />
+                <p className="text-lg font-semibold text-[#1D1D1D]">{challenge.text}</p>
+              </div>
+            ))}
+          </div>
         </div>
       </div>
     </section>

app/components/Context.tsx

@@ -1,6 +1,6 @@
 export default function Context() {
   return (
-    <section className="py-24 px-4 sm:px-6 lg:px-8 bg-white ">
+    <section className="py-16 px-4 sm:px-6 lg:px-8 bg-white ">
       <div className="max-w-3xl mx-auto text-center">
         <h2 className="text-3xl font-bold mb-4 text-[#009563]">
           Why Digitalization Support Matters

app/components/Footer.tsx

@@ -28,18 +28,8 @@ export default function Footer() {
           </div>
         </div>
 
-        {/* Centered "Other supporters" section below Funded by */}
-        <div className="flex flex-col items-center mb-12">
-          <p className="text-gray-600 mb-4">Other supporters:</p>
-          <div className="flex justify-center gap-8">
-            <Image
-              src="/supporter1.jpg"
-              width={180}
-              height={50}
-              alt="Supporter 1 logo"
-            />
-          </div>
-        </div>
+        
+       
 
         <div className="flex justify-center mb-8">
           <nav className="flex space-x-6">