53 lines
2.6 KiB
Plaintext
53 lines
2.6 KiB
Plaintext
---
|
|
const today = new Date();
|
|
---
|
|
|
|
<footer class="container mx-auto px-6 lg:px-12 py-32 lg:py-40 relative overflow-hidden border-t border-white/5">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-16 lg:gap-24 items-end relative z-10">
|
|
<div class="animate-on-scroll slide-right">
|
|
<h2 class="text-5xl md:text-7xl lg:text-8xl font-bold uppercase leading-[0.95] tracking-tighter mb-10 text-white group cursor-pointer">
|
|
Let's<br>
|
|
<span class="text-stroke group-hover:text-brand-accent transition-all duration-500 ease-out">Build</span><br>
|
|
Reality.
|
|
</h2>
|
|
<div class="flex flex-wrap gap-4 lg:gap-6 mt-12">
|
|
<a href="mailto:nicholai@nicholai.work" class="btn-primary">nicholai@nicholai.work</a>
|
|
<a href="tel:7196604281" class="btn-ghost">719 660 4281</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="md:text-right animate-on-scroll slide-left stagger-2">
|
|
<div class="mb-14">
|
|
<p class="text-xs font-bold uppercase text-slate-500 mb-6 tracking-widest">Social Uplink</p>
|
|
<ul class="space-y-3">
|
|
<li>
|
|
<a href="https://nicholai.work" class="text-white hover:text-brand-accent text-lg font-mono transition-colors duration-300 inline-block">
|
|
nicholai.work
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="text-white hover:text-brand-accent text-lg font-mono transition-colors duration-300 inline-block">
|
|
@nicholai.exe
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="text-white hover:text-brand-accent text-lg font-mono transition-colors duration-300 inline-block">
|
|
LinkedIn
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="flex md:justify-end items-end gap-3 text-[10px] text-slate-600 font-mono uppercase tracking-wide">
|
|
<span>© {today.getFullYear()} Nicholai Vogel</span>
|
|
<span class="text-slate-700">/</span>
|
|
<span>V7 SYSTEM</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Decorative huge text bg -->
|
|
<div class="absolute -bottom-8 lg:-bottom-12 left-1/2 -translate-x-1/2 w-full text-center pointer-events-none select-none">
|
|
<span class="text-[12rem] md:text-[18rem] lg:text-[22rem] font-extrabold text-white/[0.02] uppercase leading-none whitespace-nowrap tracking-tighter">VOGEL</span>
|
|
</div>
|
|
</footer>
|