11---
22interface Props {
3- variant? : ' default' | ' blog ' | ' labcoat' ;
3+ variant? : ' default' | ' labcoat' ;
44 accentColor? : ' accent' | ' teal' ;
55}
66
@@ -13,14 +13,13 @@ const borderColor = isAccent ? 'border-brand-accent/60' : 'border-brand-teal/60'
1313const hoverBg = isAccent ? ' hover:bg-brand-accent/10' : ' hover:bg-brand-teal/10' ;
1414
1515const brandHref = variant === ' default' ? ' #hero' : ' /' ;
16- const brandTextClass = variant === ' blog' ? ' font-arcane text-lg text-white' : ' font-arcane text-lg text-white' ;
1716---
1817
1918<nav class =" fixed top-0 left-0 right-0 z-50 border-b border-dark-700/50 bg-dark-950/80 backdrop-blur-md" aria-label =" Main navigation" >
2019 <div class =" mx-auto max-w-6xl px-6 py-4 flex items-center justify-between" >
2120 <a href ={ brandHref } class =" flex items-center gap-3 group" >
2221 <img src =" /images/logo-v2.svg" alt =" Commit 451 logo" width =" 36" height =" 36" class =" transition-transform group-hover:scale-105" >
23- <span class ={ ` ${ brandTextClass } group-hover:text-brand-accent transition-colors` } >Commit 451</span >
22+ <span class =" font-arcane text-lg text-white group-hover:text-brand-accent transition-colors" >Commit 451</span >
2423 </a >
2524
2625 { variant === ' labcoat' ? (
@@ -29,20 +28,11 @@ const brandTextClass = variant === 'blog' ? 'font-arcane text-lg text-white' : '
2928 <a href = " https://gitlab.com/Commit451/LabCoat" target = " _blank" rel = " noopener noreferrer" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Source</a >
3029 <a href = " https://play.google.com/store/apps/details?id=com.commit451.gitlab" target = " _blank" rel = " noopener noreferrer" class = { ` rounded-lg border ${borderColor } px-4 py-2 ${activeColor } ${hoverBg } transition-all ` } >Get the App</a >
3130 </div >
32- ) : variant === ' blog' ? (
33- <div class = " hidden sm:flex items-center gap-8 text-sm font-medium" >
34- <a href = " /#work" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Work</a >
35- <a href = " /#about" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >About</a >
36- <a href = " /#services" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Services</a >
37- <a href = " /blog/" class = { ` ${activeColor } transition-colors ` } >Blog</a >
38- <a href = " https://cal.com/commit451/15min" target = " _blank" rel = " noopener noreferrer" class = { ` rounded-lg border ${borderColor } px-4 py-2 ${activeColor } ${hoverBg } transition-all ` } >Book a Call</a >
39- </div >
4031 ) : (
4132 <div class = " hidden sm:flex items-center gap-8 text-sm font-medium" >
4233 <a href = " #work" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Work</a >
4334 <a href = " #about" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >About</a >
4435 <a href = " #services" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Services</a >
45- <a href = " /blog/" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Blog</a >
4636 <a href = " https://cal.com/commit451/15min" target = " _blank" rel = " noopener noreferrer" class = { ` rounded-lg border ${borderColor } px-4 py-2 ${activeColor } ${hoverBg } transition-all ` } >Book a Call</a >
4737 </div >
4838 )}
@@ -60,20 +50,11 @@ const brandTextClass = variant === 'blog' ? 'font-arcane text-lg text-white' : '
6050 <a href = " https://gitlab.com/Commit451/LabCoat" target = " _blank" rel = " noopener noreferrer" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Source</a >
6151 <a href = " https://play.google.com/store/apps/details?id=com.commit451.gitlab" target = " _blank" rel = " noopener noreferrer" class = { activeColor } >Get the App</a >
6252 </>
63- ) : variant === ' blog' ? (
64- <>
65- <a href = " /#work" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Work</a >
66- <a href = " /#about" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >About</a >
67- <a href = " /#services" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Services</a >
68- <a href = " /blog/" class = { ` ${activeColor } transition-colors ` } >Blog</a >
69- <a href = " https://cal.com/commit451/15min" target = " _blank" rel = " noopener noreferrer" class = { activeColor } >Book a Call</a >
70- </>
7153 ) : (
7254 <>
7355 <a href = " #work" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Work</a >
7456 <a href = " #about" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >About</a >
7557 <a href = " #services" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Services</a >
76- <a href = " /blog/" class = { ` text-gray-400 ${hoverColor } transition-colors ` } >Blog</a >
7758 <a href = " https://cal.com/commit451/15min" target = " _blank" rel = " noopener noreferrer" class = { activeColor } >Book a Call</a >
7859 </>
7960 )}
0 commit comments