nicholai
c3bbf19862
- Changed site title and description to reflect personal branding as a VFX Artist & Technical Generalist. - Added social links for contact and networking. - Revamped footer layout for improved aesthetics and functionality. - Reorganized blog and homepage layouts to enhance user experience and visual appeal. - Updated global styles to incorporate Tailwind CSS for a modern design approach.
46 lines
2.0 KiB
Plaintext
46 lines
2.0 KiB
Plaintext
---
|
|
const today = new Date();
|
|
---
|
|
|
|
<footer class="container mx-auto px-6 lg:px-12 py-32 relative overflow-hidden">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-end">
|
|
<div>
|
|
<h2
|
|
class="text-6xl md:text-8xl font-bold uppercase leading-none tracking-tighter mb-8 text-white group cursor-pointer">
|
|
Let's<br>
|
|
<span
|
|
class="text-stroke group-hover:text-brand-accent transition-colors duration-300">Build</span><br>
|
|
Reality.
|
|
</h2>
|
|
<div class="flex flex-wrap 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">
|
|
<div class="mb-12">
|
|
<p class="text-xs font-bold uppercase text-slate-500 mb-4 tracking-widest">Social Uplink</p>
|
|
<ul class="space-y-2">
|
|
<li><a href="https://nicholai.work"
|
|
class="text-white hover:text-brand-accent text-lg font-mono">nicholai.work</a></li>
|
|
<li><a href="#"
|
|
class="text-white hover:text-brand-accent text-lg font-mono">@nicholai.exe</a></li>
|
|
<li><a href="#" class="text-white hover:text-brand-accent text-lg font-mono">LinkedIn</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="flex justify-end items-end gap-2 text-[10px] text-slate-600 font-mono uppercase">
|
|
<span>© {today.getFullYear()} Nicholai Vogel</span>
|
|
<span>/</span>
|
|
<span>V7 SYSTEM</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Decorative huge text bg -->
|
|
<div class="absolute -bottom-10 left-0 w-full text-center pointer-events-none opacity-5">
|
|
<span class="text-[15rem] font-bold text-white uppercase leading-none whitespace-nowrap">VOGEL</span>
|
|
</div>
|
|
</footer>
|