Added better emergency functions

2026-05-26 21:45:29 +02:00
parent e641bed9b9
commit 631e73b91a
7 changed files with 747 additions and 519 deletions
@@ -0,0 +1,32 @@
+// app/components/ui/EmergencyButton.tsx
+
+import { ChevronRight, Siren } from 'lucide-react';
+import Link from 'next/link';
+
+interface EmergencyButtonProps {
+    href: string;
+    title: string;
+}
+
+export function EmergencyButton({ href, title }: EmergencyButtonProps) {
+    return (
+        <Link
+            href={href}
+            className="group flex items-center justify-between w-full bg-emergency text-eggshell px-5 py-4 rounded-2xl shadow-md hover:shadow-lg hover:brightness-110 active:scale-[0.98] transition-all duration-300 border border-emergency/50"
+        >
+            <div className="flex items-center gap-3">
+                <div className="bg-white/20 p-2 rounded-xl group-hover:bg-white/30 transition-colors">
+                    {/* Ikonen pulserar mjukt för att direkt fånga uppmärksamheten */}
+                    <Siren size={24} className="animate-pulse" />
+                </div>
+                <h2 className="text-base sm:text-lg font-black uppercase tracking-widest drop-shadow-sm">
+                    {title}
+                </h2>
+            </div>
+            <ChevronRight
+                size={24}
+                className="opacity-70 group-hover:opacity-100 group-hover:translate-x-1 transition-all"
+            />
+        </Link>
+    );
+}