Update Header.tsx

Author: tristanpoland

src/components/Header.tsx

@@ -4,9 +4,11 @@ import React from 'react';
 import Link from 'next/link';
 import { IconBrandGithub } from "@tabler/icons-react";
 
+const baseUrl = "https://horizon.farbeyond.dev/"; // Set your base URL here
+
 const MobileNavLink = ({ href, children }: { href: string; children: React.ReactNode }) => (
   <Link
-    href={href}
+    href={href.startsWith("http") ? href : baseUrl + href.replace(/^\//, "")}
     className="block px-3 py-2 text-base font-medium text-neutral-300 hover:text-white hover:bg-neutral-800 rounded-md transition-colors"
   >
     {children}
@@ -21,25 +23,24 @@ export const Header = () => {
       <div className="container mx-auto px-4">
         <div className="flex items-center justify-between h-16">
           {/* Logo and Brand */}
-          <Link href="../">
+          <Link href={baseUrl}>
             <div className="flex items-center gap-2">
               <img src="https://github.com/Far-Beyond-Dev/Horizon-Community-Edition/blob/main/branding/horizon-server-high-resolution-logo-white-transparent.png?raw=true" className='w-52'></img>
             </div>
           </Link>
 
           {/* Navigation Links - Desktop */}
           <div className="hidden md:flex items-center gap-8">
-
-            <Link href="../community" className="text-neutral-300 hover:text-neutral-100 transition-colors">
+            <Link href={baseUrl + "community"} className="text-neutral-300 hover:text-neutral-100 transition-colors">
               Community
             </Link>
-            <Link href="../blog" className="text-neutral-300 hover:text-neutral-100 transition-colors">
+            <Link href={baseUrl + "blog"} className="text-neutral-300 hover:text-neutral-100 transition-colors">
               Blog
             </Link>
-            <Link href="../atlas" className="text-neutral-300 hover:text-neutral-100 transition-colors">
+            <Link href={baseUrl + "atlas"} className="text-neutral-300 hover:text-neutral-100 transition-colors">
               Atlas
             </Link>
-            <Link href="../docs" className="text-neutral-300 hover:text-neutral-100 transition-colors">
+            <Link href={baseUrl + "docs"} className="text-neutral-300 hover:text-neutral-100 transition-colors">
               Documentation
             </Link>
             <Link href="https://pulsar.farbeyond.dev/" className="text-neutral-300 hover:text-neutral-100 transition-colors">
@@ -48,9 +49,6 @@ export const Header = () => {
             <span className="text-neutral-500 cursor-not-allowed" title="Coming soon">
               SaaS (Planned)
             </span>
-            {/* <span className="text-neutral-500 cursor-not-allowed" title="Coming soon">
-              News (Planned)
-            </span> */}
           </div>
 
           {/* Call to Action Buttons */}
@@ -63,7 +61,7 @@ export const Header = () => {
             >
               <IconBrandGithub className="w-5 h-5" />
             </Link>
-            <Link href='/docs/about'>
+            <Link href={baseUrl + "docs/about"}>
               <button className="px-4 py-2 text-sm bg-neutral-800 hover:bg-neutral-700 text-neutral-100 rounded-lg transition-all">
                 Get Started
               </button>
@@ -86,9 +84,9 @@ export const Header = () => {
       {mobileMenuOpen && (
         <div className="md:hidden bg-black/95 backdrop-blur-lg">
           <div className="px-2 pt-2 pb-3 space-y-1">
-            <MobileNavLink href="/community">Community</MobileNavLink>
-            <MobileNavLink href="/enterprise">Enterprise</MobileNavLink>
-            <MobileNavLink href="/docs">Documentation</MobileNavLink>
+            <MobileNavLink href="community">Community</MobileNavLink>
+            <MobileNavLink href="enterprise">Enterprise</MobileNavLink>
+            <MobileNavLink href="docs">Documentation</MobileNavLink>
             <MobileNavLink href="https://pulsar.farbeyond.dev/">Pulsar</MobileNavLink>
           </div>
         </div>
@@ -97,4 +95,4 @@ export const Header = () => {
   );
 };
 
-export default Header;
+export default Header;