First commit

src/components/FloatingContact.tsx

@@ -0,0 +1,16 @@
+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>);
+
+}