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>);

}