| 76 | <div |
| 77 | className={`mx-auto flex w-full max-w-[880px] items-center justify-between gap-4 rounded-full border border-white/[0.07] bg-background/30 px-3 py-2 pl-5 backdrop-blur-2xl backdrop-saturate-150 shadow-[inset_0_1px_0_0_rgba(255,255,255,0.09),inset_0_-1px_0_0_rgba(0,0,0,0.25),0_10px_36px_-14px_rgba(0,0,0,0.55)] ${containerClassName}`} |
| 78 | > |
| 79 | {/* Left side - terminal prompt wordmark, always a way home */} |
| 80 | <div className={`flex items-center ${logoContainerClassName}`}> |
| 81 | <Link href="/" aria-label="Home"> |
| 82 | <Wordmark className={nameClassName} /> |
| 83 | </Link> |
| 84 | </div> |
| 85 | |
| 86 | <div className="flex flex-1 items-center justify-end gap-1"> |
| 87 | <a |
| 88 | href="https://github.com/Sma1lboy/codefox" |
| 89 | target="_blank" |
| 90 | rel="noopener noreferrer" |
| 91 | // Hidden under 400px: the capsule cannot fit the star count and |
| 92 | // both auth buttons, and it is the star count that is decoration |
| 93 | // — Sign Up was being pushed off the right edge of a 390px phone, |
| 94 | // unreachable, which is the one control the landing page exists |
| 95 | // to offer. |