16 lines
722 B
TypeScript
16 lines
722 B
TypeScript
import React from 'react';
|
|
import { PhoneIcon } from 'lucide-react';
|
|
import { BRAND } from '../data/site';
|
|
|
|
export function FloatingContact() {
|
|
return (
|
|
<a
|
|
href={BRAND.phoneHref}
|
|
aria-label="تماس تلفنی با آرامش پلازا"
|
|
className="group fixed bottom-8 left-8 z-40 flex h-14 w-14 items-center justify-center rounded-full bg-copper text-char shadow-[0_10px_30px_rgba(0,0,0,0.45)] transition-transform duration-200 ease-lux hover:scale-105">
|
|
|
|
<span className="absolute inset-0 rounded-full border border-copper/50 opacity-0 transition-transform duration-300 ease-lux group-hover:scale-125 group-hover:opacity-100" />
|
|
<PhoneIcon className="h-5 w-5" />
|
|
</a>);
|
|
|
|
} |