diff --git a/src/components/Banner.jsx b/src/components/Banner.jsx
index cbdfbe7..df1daec 100644
--- a/src/components/Banner.jsx
+++ b/src/components/Banner.jsx
@@ -1,11 +1,45 @@
 const Banner = () => {
-    return (
-      <div className="bg-blue-600 text-white p-10 text-center">
-        <h1 className="text-4xl font-bold">Welcome to the Central Government Portal</h1>
-        <p className="mt-4 text-lg">Providing services and information to all citizens.</p>
+  return (
+    <div
+      style={{
+        display: 'flex',
+        height: '60vh',
+        color: 'white'
+      }}
+    >
+      <div
+        style={{
+          flex: 1,
+          background: '#FFA500',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          textAlign: 'center'
+        }}
+      >
+        <div>
+          <h1 style={{ fontSize: '2.5rem', fontWeight: 'bold' }}>
+            Welcome to the Central Government Portal
+          </h1>
+        </div>
       </div>
-    );
-  };
-  
-  export default Banner;
-  
\ No newline at end of file
+      <div
+        style={{
+          flex: 1,
+          background: '#008000',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          textAlign: 'center'
+        }}
+      >
+        <div>
+          <h1 style={{ fontSize: '2.5rem', fontWeight: 'bold' }}>
+            Providing services and information to all citizens.
+          </h1>
+        </div>
+      </div>
+    </div>
+  );
+};
+export default Banner
\ No newline at end of file
diff --git a/src/components/Links.jsx b/src/components/Links.jsx
index a9ab3dc..49fbde4 100644
--- a/src/components/Links.jsx
+++ b/src/components/Links.jsx
@@ -1,14 +1,14 @@
 const Links = () => {
     return (
       <div className="p-10">
-        <h2 className="text-3xl font-semibold mb-5">Important Links</h2>
+        <h2 className="text-3xl font-semibold mb-5 center">Central Government Online Assesment Portal</h2>
         <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
-          <a href="/services" className="bg-gray-200 p-5 rounded-lg text-center">Government Services</a>
-          <a href="/departments" className="bg-gray-200 p-5 rounded-lg text-center">Departments</a>
-          <a href="/forms" className="bg-gray-200 p-5 rounded-lg text-center">Download Forms</a>
-          <a href="/tax" className="bg-gray-200 p-5 rounded-lg text-center">Tax Information</a>
-          <a href="/policies" className="bg-gray-200 p-5 rounded-lg text-center">Policies</a>
-          <a href="/health" className="bg-gray-200 p-5 rounded-lg text-center">Health Services</a>
+          <a href="/services" className="bg-orange-400 text-white p-5 rounded-lg text-center  hover:bg-green-800  hover:text-white">Government Services</a>
+          <a href="/departments" className="bg-orange-300 p-5 rounded-lg text-center  hover:bg-green-800  hover:text-white">Additional Links</a>
+          <a href="/forms" className="bg-gray-200 p-5 rounded-lg text-center  hover:bg-green-800  hover:text-white">Help Desk</a>
+          <a href="/tax" className="bg-gray-200 p-5 rounded-lg text-center hover:bg-green-800  hover:text-white">Public Notices</a>
+          <a href="/policies" className="bg-gray-200 p-5 rounded-lg text-center hover:bg-green-800 hover:text-white">News & Events</a>
+          <a href="/health" className="bg-gray-200 p-5 rounded-lg text-center  hover:bg-green-800 hover:text-white">Form Filup</a>
         </div>
       </div>
     );