<script> // Smooth scroll for anchor links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); });
<!-- Hero Section --> <header class="px-6 py-12 md:py-20"> <nav class="max-w-6xl mx-auto flex justify-between items-center mb-16 opacity-0 animate-entrance"> <span class="text-2xl tracking-wide">Atreyu</span> <div class="flex gap-8 text-sm text-[var(--muted)]"> <a href="#showcase" class="underline-accent hover:text-[var(--fg)] transition-colors">Showcase</a> <a href="#weights" class="underline-accent hover:text-[var(--fg)] transition-colors">Weights</a> <a href="#usage" class="underline-accent hover:text-[var(--fg)] transition-colors">Usage</a> </div> </nav> atreyu font
When styled with softer colors, it can serve as a sophisticated, "old-world" holiday font. Licensing and Availability Getty Museum exemplars with detailed zoom capabilities <script> // Smooth scroll for anchor links document