From 31b9cb9791bb2a904bd5867356202cb2115f5ea6 Mon Sep 17 00:00:00 2001
From: Amishmaqbool <amishmaqbool@gmail.com>
Date: Sat, 30 Aug 2025 16:56:27 +0500
Subject: [PATCH 1/2] footer ui updated

---
 components/layout/Footer.tsx | 150 +++++++++++++++++------------------
 1 file changed, 75 insertions(+), 75 deletions(-)

diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
index b624ad0..ba1286c 100644
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -6,7 +6,7 @@ export const Footer = () => {
   return (
     <footer className="bg-[#0a0a0a] border-t border-[#2a2a2a] py-16">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-12">
+        <div className="flex max-sm:flex-col justify-between gap-8 md:gap-12">
           <div className="lg:col-span-2">
             <Link href="/">
               <div className="mb-6">
@@ -34,85 +34,85 @@ export const Footer = () => {
             </div>
           </div>
 
-          <div>
-            <h3 className="text-white font-semibold mb-4">Company</h3>
-            <ul className="space-y-3">
-              <li>
-                <a
-                  href="http://nexlayer.com/blog"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  Blog
-                </a>
-              </li>
-            </ul>
-          </div>
+          <div className="max-sm:flex justify-between max-sm:mt-4 grid gap-4 md:gap-12 col-span-2 lg:col-span-3 grid-cols-3">
+            <div>
+              <h3 className="text-white text-sm sm:text-base font-semibold mb-4">Company</h3>
+              <ul className="space-y-2 sm:space-y-3">
+                <li>
+                  <a
+                    href="http://nexlayer.com/blog"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    Blog
+                  </a>
+                </li>
+              </ul>
+            </div>
 
-          <div>
-            <h3 className="text-white font-semibold mb-4">Resources</h3>
-            <ul className="space-y-3">
-              <li>
-                <a
-                  href="https://docs.nexlayer.com/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  Documentation
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://docs.nexlayer.com/documentation/api-reference"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  API Reference
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://discord.gg/vQWumBAR"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  Support
-                </a>
-              </li>
-            </ul>
-          </div>
+            <div>
+              <h3 className="text-white text-sm sm:text-base font-semibold mb-4">Resources</h3>
+              <ul className="space-y-2 sm:space-y-3">
+                <li>
+                  <a
+                    href="https://docs.nexlayer.com/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    Documentation
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://docs.nexlayer.com/documentation/api-reference"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    API Reference
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://discord.gg/vQWumBAR"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    Support
+                  </a>
+                </li>
+              </ul>
+            </div>
 
-          {/* Legal Column */}
-          <div>
-            <h3 className="text-white font-semibold mb-4">Legal</h3>
-            <ul className="space-y-3">
-              <li>
-                <a
-                  href="https://app.nexlayer.io/legal/privacy"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  Privacy Policy
-                </a>
-              </li>
-              <li>
-                <a
-                  href="https://app.nexlayer.io/legal/terms"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-gray-400 hover:text-white transition-colors text-sm"
-                >
-                  Terms & Conditions
-                </a>
-              </li>
-            </ul>
+            <div>
+              <h3 className="text-white text-sm sm:text-base font-semibold mb-4">Legal</h3>
+              <ul className="space-y-2 sm:space-y-3">
+                <li>
+                  <a
+                    href="https://app.nexlayer.io/legal/privacy"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    Privacy Policy
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://app.nexlayer.io/legal/terms"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-gray-400 hover:text-white transition-colors text-xs sm:text-sm"
+                  >
+                    Terms & Conditions
+                  </a>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
 
-        {/* Bottom section with copyright */}
         <div className="mt-12 pt-8 border-t border-[#2a2a2a]">
           <p className="text-gray-400 text-sm text-center">
             © 2025 Nexlayer. All rights reserved. Nexlayer – The Cloud Agents

From 2ec95945276bb260d12fd752cc8e18b8e9db6bf6 Mon Sep 17 00:00:00 2001
From: Amishmaqbool <amishmaqbool@gmail.com>
Date: Sat, 30 Aug 2025 17:06:15 +0500
Subject: [PATCH 2/2] footer ui updated

---
 .vscode/settings.json        | 2 ++
 app/not-found.tsx            | 2 +-
 components/layout/Footer.tsx | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 15250ea..5296fcd 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -17,7 +17,7 @@ export default function NotFound() {
           OOps!
           <br /> Page Not Found
         </p>
-        <p className="mt-4 px-6 max-w-[380px] mx-auto text-sm sm:text-base md:text-lg lg:text-xl text-[#878593] text-center">
+        <p className="mt-4 px-6 max-w-[430px] mx-auto text-sm sm:text-base md:text-lg lg:text-xl text-[#878593] text-center">
           Sorry about that! Please visit our homepage to get where you need to
           go.
         </p>
diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
index ba1286c..701554a 100644
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 
 export const Footer = () => {
   return (
-    <footer className="bg-[#0a0a0a] border-t border-[#2a2a2a] py-16">
+    <footer className="bg-[#0a0a0a] border-t border-[#2a2a2a] pt-16">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex max-sm:flex-col justify-between gap-8 md:gap-12">
           <div className="lg:col-span-2">
@@ -113,7 +113,7 @@ export const Footer = () => {
           </div>
         </div>
 
-        <div className="mt-12 pt-8 border-t border-[#2a2a2a]">
+        <div className="mt-12 pt-8 mb-8 border-t border-[#2a2a2a]">
           <p className="text-gray-400 text-sm text-center">
             © 2025 Nexlayer. All rights reserved. Nexlayer – The Cloud Agents
             Trust™ are trademarks of AuditDeploy, Inc.