Ilia Mashkov
30f8e4be95
Replace ochre-clay, carbon-black, burnt-oxide, slate-indigo with clean two-color system: --cream (#f4f0e8) and --blue (#041cf3). Update every component, utility class, and test assertion.
33 lines
968 B
TypeScript
33 lines
968 B
TypeScript
'use client';
|
|
|
|
import { CONTACT_LINKS } from '$shared/lib';
|
|
import { Button } from '$shared/ui';
|
|
|
|
/**
|
|
* Fixed bottom utility bar with contact info and CV download.
|
|
*/
|
|
export function UtilityBar() {
|
|
/**
|
|
* Handles CV download action.
|
|
*/
|
|
function handleDownloadCV() {
|
|
console.log('Downloading CV...');
|
|
}
|
|
|
|
return (
|
|
<div className="fixed bottom-0 left-0 right-0 bg-cream brutal-border-top z-40">
|
|
<div className="max-w-[2560px] mx-auto px-6 md:px-12 lg:px-16 py-4 flex items-center justify-between">
|
|
<div className="flex items-center gap-4">
|
|
<span className="text-sm uppercase tracking-wider">Contact</span>
|
|
<a href={`mailto:${CONTACT_LINKS.email}`} className="text-base hover:opacity-60 transition-opacity">
|
|
{CONTACT_LINKS.email}
|
|
</a>
|
|
</div>
|
|
<Button variant="primary" size="sm" onClick={handleDownloadCV}>
|
|
Download CV
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|