EOD edits, looking good

Author: nicoalba

packages/docusaurus-theme/css/theme.css

@@ -18,3 +18,34 @@
 
 /* Legacy design system variables and comprehensive styling */
 @import "./legacy.css";
+
+/* ── Footer social link hover ───────────────────────────────────────────── */
+a[class*="footerSocialLink"] {
+    transition: all 0.2s ease !important;
+}
+
+[data-theme='dark'] a[class*="footerSocialLink"] {
+    background-color: #1a2640 !important;
+    color: #64748b !important;
+    border: 1px solid rgba(148, 163, 184, 0.1) !important;
+}
+[data-theme='dark'] a[class*="footerSocialLink"]:hover {
+    background-color: #22d3ee !important;
+    color: #020617 !important;
+    border-color: transparent !important;
+    transform: translateY(-3px) !important;
+    box-shadow: 0 6px 16px rgba(34, 211, 238, 0.35) !important;
+}
+
+[data-theme='light'] a[class*="footerSocialLink"] {
+    background-color: #e2e8f0 !important;
+    color: #475569 !important;
+    border: 1px solid rgba(0, 0, 0, 0.06) !important;
+}
+[data-theme='light'] a[class*="footerSocialLink"]:hover {
+    background-color: #0891b2 !important;
+    color: #ffffff !important;
+    border-color: transparent !important;
+    transform: translateY(-3px) !important;
+    box-shadow: 0 6px 16px rgba(8, 145, 178, 0.3) !important;
+}

packages/docusaurus-theme/src/components/NetFoundryFooter/NetFoundryFooter.tsx

@@ -167,7 +167,7 @@ export function NetFoundryFooter(props: NetFoundryFooterProps) {
                 </div>
 
                 <div className={styles.footerCopyright}>
-                    <p>© 2025 NetFoundry Inc. OpenZiti is an open source project sponsored by NetFoundry. All rights reserved.</p>
+                    <p>© 2026 NetFoundry Inc. OpenZiti is an open source project sponsored by NetFoundry. All rights reserved.</p>
                 </div>
             </NetFoundryHorizontalSection>
         </footer>

packages/docusaurus-theme/theme/NavbarItem/types/ProductPicker/index.tsx

@@ -25,7 +25,7 @@ type Props = {
   className?: string;
 };
 
-const HEADER_CLASSES = ['picker-header--nf-primary', 'picker-header--nf-secondary', 'picker-header--nf-tertiary'];
+const HEADER_CLASSES = ['picker-header--nf-tertiary', 'picker-header--nf-secondary', 'picker-header--nf-primary'];
 const NF_LOGO_DEFAULT = 'https://raw.githubusercontent.com/netfoundry/branding/refs/heads/main/images/svg/icon/netfoundry-icon-color.svg';
 
 const buildDefaultColumns = (img: string, consoleLogo: string): PickerColumn[] => [

packages/docusaurus-theme/theme/NavbarItem/types/ResourcesPicker/index.tsx

@@ -68,10 +68,10 @@ export default function ResourcesPicker({label = 'Resources', className}: Props)
   const columns = [
     {
       header: 'Learn & Engage',
-      headerClass: 'picker-header--nf-primary',
+      headerClass: 'picker-header--nf-tertiary',
       links: [
         { label: 'NetFoundry Blog', description: 'Latest news, updates, and insights from NetFoundry.', href: 'https://netfoundry.io/blog/',  logoSrc: consoleLogo },
-        { label: 'OpenZiti Blog',   description: 'Technical articles and community updates.',            href: 'https://blog.openziti.io/',    logoSrc: openzitiLogo },
+        { label: 'OpenZiti Tech Blog', description: 'Technical articles and community updates.',        href: 'https://blog.openziti.io/',    logoSrc: openzitiLogo },
       ],
     },
     {

packages/test-site/docusaurus.config.ts

@@ -183,13 +183,29 @@ export default {
                 },
             ],
             footer: {
-                description: 'This is just a test site for the NetFoundry Docusaurus theme.',
+                description: 'Secure, high-performance networking for the modern era.',
+                copyright: `Copyright © 2026 NetFoundry Inc.`,
                 socialProps: {
                     githubUrl: 'https://github.com/netfoundry/',
                     youtubeUrl: 'https://youtube.com/netfoundry/',
                     linkedInUrl: 'https://www.linkedin.com/company/netfoundry/',
-                    twitterUrl: 'https://twitter.com/netfoundry/',
+                    twitterUrl: 'https://x.com/netfoundry/',
                 },
+                documentationLinks: [
+                    {href: '/docs/learn/quickstarts/services/ztha', label: 'Get started'},
+                    {href: '/docs/reference/developer/api/', label: 'API reference'},
+                    {href: '/docs/reference/developer/sdk/', label: 'SDK integration'},
+                ],
+                communityLinks: [
+                    {href: 'https://github.com/openziti/ziti', label: 'GitHub'},
+                    {href: 'https://openziti.discourse.group/', label: 'OpenZiti Discourse'},
+                    {href: '/docs/openziti/policies/CONTRIBUTING', label: 'Contribute'},
+                ],
+                resourceLinks: [
+                    {href: 'https://netfoundry.io/', label: 'NetFoundry'},
+                    {href: 'https://netfoundry.io/blog/', label: 'NetFoundry Tech Blog'},
+                    {href: 'https://blog.openziti.io', label: 'OpenZiti Tech Blog'},
+                ],
             },
         },
         // Replace with your project's social card

packages/test-site/src/pages/index.tsx

@@ -59,7 +59,7 @@ export default function Home(): JSX.Element {
           <p className={styles['nf-hero-subtext']}>Secure, high-performance networking for the modern era.</p>
           <div className={styles['nf-hero-ctas']}>
             <Link className={styles['nf-btn-primary']} to="/docs/frontdoor">Get Started</Link>
-            <a className={styles['nf-btn-ghost']} href="https://netfoundry.io/lets-talk/">Request Demo</a>
+            <a className={styles['nf-btn-ghost']} href="https://netfoundry.io/lets-talk/" target="_blank" rel="noopener noreferrer">Request Demo</a>
           </div>
         </div>
       </header>