From 26a17b6cdf0a920fa1907b46303710cc7cab3b87 Mon Sep 17 00:00:00 2001
From: aidanCQ <aidan.keay@quantinuum.com>
Date: Tue, 9 Jun 2026 13:31:58 +0100
Subject: [PATCH 1/2] Init.

---
 .../custom/docs/components/footer/index.tsx   | 120 +++++++++---------
 1 file changed, 60 insertions(+), 60 deletions(-)

diff --git a/documentation-ui/src/custom/docs/components/footer/index.tsx b/documentation-ui/src/custom/docs/components/footer/index.tsx
index ec6a546..4ac1435 100644
--- a/documentation-ui/src/custom/docs/components/footer/index.tsx
+++ b/documentation-ui/src/custom/docs/components/footer/index.tsx
@@ -1,5 +1,5 @@
-import { QuantinuumLogo } from "../../QuantinuumLogo";
 import { Separator } from "@quantinuum/quantinuum-ui";
+import { QuantinuumLogo } from "../../QuantinuumLogo";
 
 const footerConfig = {
   columns: [
@@ -9,11 +9,11 @@ const footerConfig = {
         {
           name: "Compute Platform Updates",
           href: "/product-updates"
-        },{
+        }, {
           name: "Q-NET",
           href: "https://www.quantinuum.com/q-net#get-started"
-        },{
-          name: "Quantinuum Startup Partner Program",
+        }, {
+          name: `Quantinuum Startup Partner Program`,
           href: "https://www.quantinuum.com/startup-partner-program#join"
         }
       ]
@@ -43,26 +43,26 @@ const footerConfig = {
         {
           name: "InQuanto",
           href: "/inquanto"
-        }, 
+        },
         {
           name: "Quantum Origin",
           href: "/origin"
-        },{
+        }, {
           name: "\u03BBambeq",
           href: "/lambeq/"
-        }, 
+        },
       ]
-    },{
+    }, {
       name: "Quantinuum",
       items: [
         {
-          name: "About", 
+          name: "About",
           href: "https://www.quantinuum.com/about",
-        },{
+        }, {
           name: "Careers",
           href: "https://www.quantinuum.com/careers",
-        },{
-          name: "Events", 
+        }, {
+          name: "Events",
           href: "https://www.quantinuum.com/events"
         }
       ]
@@ -75,57 +75,57 @@ export const Footer = () => {
     <div className="mb-24">
 
       <div className="my-24"></div>
-        <Separator/>
-        <div className="my-12"></div>
+      <Separator />
+      <div className="my-12"></div>
 
-    <footer className="text-muted-foreground flex w-full flex-col justify-between md:items-start lg:flex-row ">
-      <div className="mb-12 lg:mb-0">
-        <div className="-mt-4">
-          <a href="https://www.quantinuum.com/" target='_blank' className='hover:opacity-75 transition'>
-          <QuantinuumLogo/>
-          </a>
+      <footer className="text-muted-foreground flex flex-col justify-center xl:flex-row gap-12 xl:gap-24">
+        <div>
+          <div className="-mt-4">
+            <a href="https://www.quantinuum.com/" target='_blank' className='hover:opacity-75 transition'>
+              <QuantinuumLogo />
+            </a>
+          </div>
+          <p className="max-w-[24rem] text-xs leading-5">
+            Copyright © {new Date().getFullYear()} Quantinuum Inc. All rights reserved.{' '}
+          </p>
+          <div className='flex items-center flex-wrap gap-2 mt-2'>
+            <a href="https://www.quantinuum.com/terms-conditions" target="_blank" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
+              Terms and Conditions
+            </a> <div className="text-input">/</div>
+            <a target="_blank" href="https://www.quantinuum.com/privacy-statement" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
+              Privacy Policy
+            </a><div className="text-input">/</div>
+            <a target="_blank" href="https://www.quantinuum.com/cookie-notice" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
+              Cookie Notice
+            </a>
+          </div>
         </div>
-        <p className="max-w-[24rem] text-xs leading-5">
-          Copyright © {new Date().getFullYear()} Quantinuum Inc. All rights reserved.{' '}
-        </p>
-        <div className='flex items-center gap-2 mt-2'>
-          <a href="https://www.quantinuum.com/terms-conditions" target="_blank" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
-            Terms and Conditions
-          </a> <div>/</div>  
-          <a target="_blank" href="https://www.quantinuum.com/privacy-statement" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
-            Privacy Policy
-          </a><div>/</div>
-          <a target="_blank" href="https://www.quantinuum.com/cookie-notice" className='font-medium text-xs tracking-tight text-blue-600 dark:text-blue-300'>
-            Cookie Notice
-          </a><div>/</div>
+        <div className="grid grid-cols-1  xl:grid-cols-4 gap-12">
+          {footerConfig.columns.map((col) => {
+            return (
+              <div key={col.name} className="flex flex-col max-w-[10rem]">
+                <span className="text-foreground text-[0.675rem] font-semibold uppercase tracking-wide xl:text-right">
+                  {col.name}
+                </span>
+                <ul className="mt-3 flex flex-col gap-2 xl:items-end">
+                  {col.items.map((item) => {
+                    return (
+                      <li key={item.href}>
+                        <a
+                          className="block text-muted-foreground text-[0.75rem] font-medium xl:text-right"
+                          href={item.href}
+                        >
+                          {item.name}
+                        </a>
+                      </li>
+                    )
+                  })}
+                </ul>
+              </div>
+            )
+          })}
         </div>
-      </div>
-      <div className="grid grid-cols-1 gap-16 sm:grid-cols-2 md:grid-cols-4 md:gap-24">
-        {footerConfig.columns.map((col) => {
-          return (
-            <div key={col.name} className="flex flex-col md:items-end">
-              <span className="text-foreground text-left text-[0.675rem] font-semibold uppercase tracking-wide md:text-right">
-                {col.name}
-              </span>
-              <ul className="mt-3 flex flex-col gap-2 lg:text-right">
-                {col.items.map((item) => {
-                  return (
-                    <li key={item.name}>
-                      <a
-                        className="text-muted-foreground text-[0.85rem] font-medium"
-                        href={item.href}
-                      >
-                        {item.name}
-                      </a>
-                    </li>
-                  )
-                })}
-              </ul>
-            </div>
-          )
-        })}
-      </div>
-    </footer>
+      </footer>
     </div>
   )
 }

From 62e295e92a628c1026d351c9cca05c695cee17b1 Mon Sep 17 00:00:00 2001
From: aidanCQ <aidan.keay@quantinuum.com>
Date: Tue, 9 Jun 2026 13:56:07 +0100
Subject: [PATCH 2/2] Fix.

---
 documentation-ui/src/custom/docs/components/footer/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/documentation-ui/src/custom/docs/components/footer/index.tsx b/documentation-ui/src/custom/docs/components/footer/index.tsx
index 4ac1435..3add5bb 100644
--- a/documentation-ui/src/custom/docs/components/footer/index.tsx
+++ b/documentation-ui/src/custom/docs/components/footer/index.tsx
@@ -78,7 +78,7 @@ export const Footer = () => {
       <Separator />
       <div className="my-12"></div>
 
-      <footer className="text-muted-foreground flex flex-col justify-center xl:flex-row gap-12 xl:gap-24">
+      <footer className="text-muted-foreground flex flex-col xl:justify-between  xl:flex-row gap-12 xl:gap-24">
         <div>
           <div className="-mt-4">
             <a href="https://www.quantinuum.com/" target='_blank' className='hover:opacity-75 transition'>