added necessary logos

EnAccess · Jan 29, 2025 · f8f1e13 · f8f1e13
1 parent ad91def
commit f8f1e13
Show file tree

Hide file tree

Showing 10 changed files with 49 additions and 56 deletions.
diff --git a/app/components/Challenges.tsx b/app/components/Challenges.tsx
@@ -10,14 +10,14 @@ 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-[#174569]">
+        <h2 className="text-3xl font-bold text-center mb-12 text-[#009563]">
           Challenges SMEs Face
         </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-[#28AAE1] mb-4" />
-              <p className="text-xl">{challenge.text}</p>
+              <challenge.icon className="w-16 h-16 text-[#fcac04] mb-4" />
+              <p className="text-lg font-semibold text-gray-800">{challenge.text}</p>
             </div>
           ))}
         </div>

diff --git a/app/components/Context.tsx b/app/components/Context.tsx
@@ -1,17 +1,15 @@
 export default function Context() {
   return (
-    <section className="w-full bg-gray-100 py-16">
-      <div className="container mx-auto px-6">
-        <h2 className="text-3xl font-bold text-center mb-8 text-[#174569]">
-          Why Digitalization Matters
-        </h2>
-        <p className="text-xl text-center max-w-3xl mx-auto">
-          Digital tools are key to operational efficiency, scalability, and
-          access to financing for SMEs in the Distributed Renewable Energy (DRE)
-          sector. However, adoption remains low due to awareness and
-          accessibility barriers.
+    <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 Matters</h2>
+        <p className="text-lg text-[#1D1D1D]">
+          Digital tools are key to operational efficiency, scalability, and access to financing for SMEs in the
+          Distributed Renewable Energy (DRE) sector. However, adoption remains low due to awareness and accessibility
+          barriers.
         </p>
       </div>
     </section>
   )
 }
+
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
@@ -3,10 +3,10 @@ import Image from "next/image"
 
 export default function Footer() {
   return (
-    <footer className="bg-gray-50 py-8">
+    <footer className="bg-[#E6E6E6] py-8">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex flex-wrap justify-between items-center mb-12">
-          <Link href="/" className="text-xl font-bold text-[#1B75BA]">
+          <Link href="/" className="text-xl font-bold text-[#009563]">
             Digitalization Support Hub
           </Link>
           <nav className="flex space-x-6">
@@ -55,7 +55,7 @@ export default function Footer() {
           <p className="text-gray-600 mb-4">Other supporters:</p>
           <div className="flex justify-center gap-8">
             <Image
-              src="/supporter1.png"
+              src="/supporter1.jpg"
               width={100}
               height={30}
               alt="Supporter 1 logo"

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
@@ -6,21 +6,10 @@ export default function Header() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-center">
         <Link
           href="/"
-          className="text-4xl font-bold text-[#1B75BA] text-center mb-4"
+          className="text-4xl font-bold text-[#009563] text-center mb-4"
         >
           Digitalization Support Hub
         </Link>
-        <nav className="flex items-center space-x-4">
-          <Link href="#" className="text-gray-700 hover:text-[#1B75BA]">
-            About
-          </Link>
-          <Link href="#" className="text-gray-700 hover:text-[#1B75BA]">
-            Services
-          </Link>
-          <Link href="#" className="text-gray-700 hover:text-[#1B75BA]">
-            Contact
-          </Link>
-        </nav>
       </div>
     </header>
   )

diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
@@ -1,6 +1,6 @@
 export default function Hero() {
   return (
-    <section className="w-full bg-gradient-to-r from-[#1B75BA] to-[#1B75BA] text-white py-20">
+    <section className="w-full bg-gradient-to-r from-[#009563] to-[#27AE60] text-white py-20">
       <div className="container mx-auto px-6">
         <div className="flex flex-col md:flex-row items-center  ">
           <div className="md:w-1/2 mb-8 md:mb-0">

diff --git a/app/components/Impact.tsx b/app/components/Impact.tsx
@@ -18,14 +18,14 @@ export default function Impact() {
   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-[#174569]">
-          Our Impact
+        <h2 className="text-3xl font-bold text-center mb-12 text-[#009563]">
+          Current Situation
         </h2>
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           {stats.map((stat, index) => (
             <div key={index} className="flex flex-col items-center text-center">
-              <stat.icon className="w-16 h-16 text-[#28AAE1] mb-4" />
-              <p className="text-4xl font-bold text-[#1B75BA] mb-2">
+              <stat.icon className="w-16 h-16 text-[#27AE60] mb-4" />
+              <p className="text-4xl font-bold text-[#27AE60] mb-2">
                 {stat.value}
               </p>
               <p className="text-lg">{stat.text}</p>

diff --git a/app/components/Solutions.tsx b/app/components/Solutions.tsx
@@ -1,36 +1,43 @@
 import { MapPin, Users } from "lucide-react"
+const solutions = [
+  {
+    icon: MapPin,
+    title: "Interactive Digital Tools Map",
+    description:
+      "An intuitive, user-friendly interactive map of digital tools for DRE companies featuring a built-in wizard to assist businesses in selecting the most suitable tools for their needs.",
+    badge: "Launch in April 2025",
+  },
+  {
+    icon: Users,
+    title: "Pilot Hands-On Support",
+    description:
+      "Pilot hands-on tailored digitalization support to 6–10 SHS, Mini-grid, and Clean Cooking companies to help them overcome key internal and external barriers in digitalization.",
+  },
+]
 
 export default function Solutions() {
-  const solutions = [
-    {
-      icon: MapPin,
-      title: "Interactive Digital Tools Map",
-      description:
-        "An intuitive, user-friendly interactive map of digital tools for DRE companies featuring a built-in wizard to assist businesses in selecting the most suitable tools for their needs.",
-    },
-    {
-      icon: Users,
-      title: "Pilot Hands-On Support",
-      description:
-        "Pilot hands-on tailored digitalization support to 6–10 SHS, Mini-grid, and Clean Cooking companies to help them overcome key internal and external barriers in digitalization.",
-    },
-  ]
-
   return (
-    <section className="w-full bg-gray-100 py-16">
-      <div className="container mx-auto px-6">
-        <h2 className="text-3xl font-bold text-center mb-12 text-[#174569]">
+    <section className="py-16 px-4 sm:px-6 lg:px-8 bg-[#E6E6E6]">
+      <div className="max-w-7xl mx-auto">
+        <h2 className="text-3xl font-bold mb-8 text-center text-[#009563]">
           How We Help
         </h2>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
           {solutions.map((solution, index) => (
             <div
               key={index}
-              className="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition duration-300"
+              className="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 p-6"
             >
-              <solution.icon className="w-12 h-12 text-[#28AAE1] mb-4" />
-              <h3 className="text-xl font-semibold mb-2 ">{solution.title}</h3>
-              <p>{solution.description}</p>
+              <solution.icon className="h-8 w-8 text-[#009563] mb-4" />
+              <div className="flex items-center gap-2 mb-2">
+                <h3 className="text-xl font-semibold">{solution.title}</h3>
+                {solution.badge && (
+                  <span className="bg-[#27AE60] text-white text-xs font-semibold px-2 py-1 rounded-full">
+                    {solution.badge}
+                  </span>
+                )}
+              </div>
+              <p className="text-[#1D1D1D]">{solution.description}</p>
             </div>
           ))}
         </div>

diff --git a/app/page.tsx b/app/page.tsx
@@ -13,7 +13,6 @@ export default function Page() {
       <Challenges />
       <Solutions />
       <Impact />
-      <Participation />
     </main>
   )
 }
diff --git a/public/supporter1.ico b/public/supporter1.ico
diff --git a/public/supporter1.jpg b/public/supporter1.jpg