1<header className="bg-[#2152ff] text-white">2 <div className="mx-auto max-w-6xl px-5 sm:px-8">3 <nav className="flex items-center justify-between gap-6 py-4 font-mono text-[11px] tracking-[0.14em] uppercase">4 <a href="#" className="flex items-center gap-3">5 <svg viewBox="0 0 24 24" className="size-5" fill="none" stroke="currentColor" strokeWidth="1.25" aria-hidden="true">6 <circle cx="12" cy="12" r="6.5" />7 <path d="M12 1.5v6M12 16.5v6M1.5 12h6M16.5 12h6" />8 </svg>9 <span>Nora Vidal</span>10 <span className="hidden text-white/55 sm:inline">Design engineer</span>11 </a>12 <div className="hidden items-center gap-8 text-white/75 md:flex">13 <a href="#" className="transition-colors duration-150 hover:text-white">14 <span className="text-white/45">01</span> Work15 </a>16 <a href="#" className="transition-colors duration-150 hover:text-white">17 <span className="text-white/45">02</span> Method18 </a>19 <a href="#" className="transition-colors duration-150 hover:text-white">20 <span className="text-white/45">03</span> Notes21 </a>22 <a href="#" className="transition-colors duration-150 hover:text-white">23 <span className="text-white/45">04</span> Contact24 </a>25 </div>26 <a href="#" className="bg-white px-3 py-2 text-[#2152ff] transition-[scale,background-color] duration-150 ease-out hover:bg-white/90 active:scale-[0.96]">27 Book a project28 </a>29 </nav>30 <div className="flex items-center gap-3 border-t border-white/30 py-2 font-mono text-[10px] tracking-[0.14em] text-white/55" aria-hidden="true">31 <span>0</span>32 <span className="h-1.5 flex-1 bg-[repeating-linear-gradient(to_right,rgb(255_255_255/0.55)_0_1px,transparent_1px_12px)]"></span>33 <span>720</span>34 <span className="h-1.5 flex-1 bg-[repeating-linear-gradient(to_right,rgb(255_255_255/0.55)_0_1px,transparent_1px_12px)]"></span>35 <span>1440</span>36 </div>37 </div>38</header>