From 60a49edee3ff0f7da3c7d6929649ef8ce8caa3a0 Mon Sep 17 00:00:00 2001
From: therealwolf42 <76-therealwolf42@users.noreply.gitlab.syncad.com>
Date: Sun, 30 Nov 2025 21:06:53 +0100
Subject: [PATCH 1/2] fix footer

---
 .../components/footer/FooterNavigation.tsx    |  2 +-
 .../components/navigation/NavigationItem.tsx  | 11 ++++
 .../src/components/root/RootVoicesOfHive.tsx  | 10 +--
 apps/web/src/lib/data/navigation.ts           | 65 +++++++++----------
 4 files changed, 47 insertions(+), 41 deletions(-)

diff --git a/apps/web/src/components/footer/FooterNavigation.tsx b/apps/web/src/components/footer/FooterNavigation.tsx
index 31d4f2a..b8b2658 100644
--- a/apps/web/src/components/footer/FooterNavigation.tsx
+++ b/apps/web/src/components/footer/FooterNavigation.tsx
@@ -9,7 +9,7 @@ export const FooterNavigation: React.FC<FooterNavigationProps> = ({ items = [],
   return (
     <div className={`min-w-[180px] ${className || ''}`} {...props}>
       <Navigation
-        className="flex-col [&>*]:m-0 [&>*]:py-[5px] [&>*]:px-0 [&>*:first-child_a]:font-bold [&>*:not(:first-child)_a]:!text-gray-400 [&>*:not(:first-child)_a:hover]:!text-white"
+        className="flex-col items-start [&>*]:m-0 [&>*]:py-[5px] [&>*]:px-0 [&>*:first-child_a]:font-bold [&>*:not(:first-child)_a]:!text-gray-400 [&>*:not(:first-child)_a:hover]:!text-white"
         items={items}
         dark={true}
       />
diff --git a/apps/web/src/components/navigation/NavigationItem.tsx b/apps/web/src/components/navigation/NavigationItem.tsx
index ba84055..1a27d8d 100644
--- a/apps/web/src/components/navigation/NavigationItem.tsx
+++ b/apps/web/src/components/navigation/NavigationItem.tsx
@@ -116,5 +116,16 @@ export const NavigationItem: React.FC<NavigationItemProps> = ({
     );
   }
 
+  // Plain text (no link) - used for section titles
+  if (!isButton && !to && name) {
+    return (
+      <div className={`py-[5px] px-[5px] ${className || ''}`} {...props}>
+        <span className={`font-bold ${dark ? 'text-white' : ''}`}>
+          {name}
+        </span>
+      </div>
+    );
+  }
+
   return null;
 };
diff --git a/apps/web/src/components/root/RootVoicesOfHive.tsx b/apps/web/src/components/root/RootVoicesOfHive.tsx
index b674244..d91f28d 100644
--- a/apps/web/src/components/root/RootVoicesOfHive.tsx
+++ b/apps/web/src/components/root/RootVoicesOfHive.tsx
@@ -142,10 +142,10 @@ export function RootVoicesOfHive({
                   setIsFading(false);
                 }, 300);
               }}
-              className="p-2 sm:p-3 rounded-full bg-gray-50 hover:bg-gray-100 transition-colors border border-gray-200"
+              className="p-2 sm:p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors cursor-pointer"
               aria-label="Previous voice"
             >
-              <ChevronLeft className="w-5 h-5 text-gray-400" />
+              <ChevronLeft className="w-5 h-5 text-gray-500" />
             </button>
           )}
 
@@ -155,7 +155,7 @@ export function RootVoicesOfHive({
             className={`max-w-3xl w-full min-h-[280px] sm:min-h-[300px] transition-opacity duration-300 ${isFading ? 'opacity-0' : 'opacity-100'}`}
           >
             {/* Message Bubble with Author inside */}
-            <div className="relative bg-gray-50 rounded-2xl px-6 py-5 sm:px-8 sm:py-6">
+            <div className="relative bg-gray-100 rounded-2xl px-6 py-5 sm:px-8 sm:py-6">
               {/* Author - Inside bubble */}
               <div className="flex items-center gap-3 mb-4">
                 <div className="relative w-11 h-11 rounded-full overflow-hidden ring-2 ring-white">
@@ -203,10 +203,10 @@ export function RootVoicesOfHive({
                   setIsFading(false);
                 }, 300);
               }}
-              className="p-2 sm:p-3 rounded-full bg-gray-50 hover:bg-gray-100 transition-colors border border-gray-200"
+              className="p-2 sm:p-3 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors cursor-pointer"
               aria-label="Next voice"
             >
-              <ChevronRight className="w-5 h-5 text-gray-400" />
+              <ChevronRight className="w-5 h-5 text-gray-500" />
             </button>
           )}
         </div>
diff --git a/apps/web/src/lib/data/navigation.ts b/apps/web/src/lib/data/navigation.ts
index 6d4172d..042307e 100644
--- a/apps/web/src/lib/data/navigation.ts
+++ b/apps/web/src/lib/data/navigation.ts
@@ -151,9 +151,12 @@ export const NAVIGATION_HEADER = [
  */
 export const NAVIGATION_FOOTER = [
   [
+    {
+      name: 'Learn',
+    },
     {
       to: 'about',
-      name: 'Learn More',
+      name: 'About',
     },
     {
       to: 'join',
@@ -192,64 +195,56 @@ export const NAVIGATION_FOOTER = [
   ],
   [
     {
-      to: 'eco',
-      name: 'Ecosystem',
+      name: 'Build',
     },
     {
-      to: 'roadmap',
-      name: 'Roadmap',
+      to: 'https://developers.hive.io',
+      name: 'Documentation',
     },
     {
-      to: 'hbd',
-      name: 'Hive Dollar (HBD)',
+      to: 'https://hive.io/whitepaper.pdf',
+      name: 'Whitepaper',
     },
     {
-      to: 'https://explore.openhive.network',
-      name: 'Block Explorer',
+      to: 'https://hive.blue/docs/technical-vision.pdf',
+      name: 'Technical Vision',
     },
     {
-      to: 'https://explore.openhive.network/witnesses',
-      name: 'Governance',
+      to: 'https://github.com/openhive-network/hive',
+      name: 'GitHub',
     },
-    //  {
-    //     to: 'https://whyhive.co/',
-    //     name: 'Why Hive',
-    //  },
-    /* {
-      to: 'eco',
-      name: 'dApps Statistics'
-    }, */
-  ],
-  [
     {
-      to: 'wallets',
-      name: 'Wallets',
+      to: 'https://gitlab.hive.io',
+      name: 'GitLab',
     },
   ],
   [
     {
-      to: 'developers',
-      name: 'Developer',
+      name: 'Ecosystem',
     },
     {
-      to: 'https://developers.hive.io',
-      name: 'Documentation',
+      to: 'eco',
+      name: 'Overview',
     },
     {
-      to: 'https://hive.io/whitepaper.pdf',
-      name: 'Whitepaper',
+      to: 'roadmap',
+      name: 'Roadmap',
     },
     {
-      to: 'https://hive.blue/docs/technical-vision.pdf',
-      name: 'Technical Vision',
+      to: 'hbd',
+      name: 'Hive Dollar (HBD)',
     },
     {
-      to: 'https://github.com/openhive-network/hive',
-      name: 'GitHub',
+      to: 'https://explore.openhive.network',
+      name: 'Block Explorer',
     },
     {
-      to: 'https://gitlab.hive.io',
-      name: 'GitLab',
+      to: 'https://explore.openhive.network/witnesses',
+      name: 'Governance',
+    },
+    {
+      to: 'wallets',
+      name: 'Wallets',
     },
   ],
 ]
-- 
GitLab


From ab4717b633077a771017d826ce5fb0a8958d715f Mon Sep 17 00:00:00 2001
From: therealwolf42 <76-therealwolf42@users.noreply.gitlab.syncad.com>
Date: Sun, 30 Nov 2025 21:07:54 +0100
Subject: [PATCH 2/2] add padding

---
 apps/web/src/components/footer/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/footer/Footer.tsx b/apps/web/src/components/footer/Footer.tsx
index 8ac25e4..aeae5cd 100644
--- a/apps/web/src/components/footer/Footer.tsx
+++ b/apps/web/src/components/footer/Footer.tsx
@@ -14,7 +14,7 @@ export const Footer: React.FC<FooterProps> = ({ items = [], className, ...props
       <div className="max-w-screen-2xl mx-auto flex flex-row justify-between max-[1000px]:flex-col max-[1000px]:items-center">
         <div className="flex flex-col max-[1000px]:items-center">
           <Logo className="h-[30px] w-[132px] max-[1000px]:mb-[15px]" dark={true} />
-          <div className="flex flex-row items-center gap-3 mt-8">
+          <div className="flex flex-row items-center gap-3 mt-8 mb-6 max-[1000px]:mb-8">
             {SOCIAL_MEDIAS.map((social, index) => (
               <React.Fragment key={social.icon}>
                 <a
-- 
GitLab