First commit

2026-03-16 23:54:36 +01:00
commit be129af1d9
53 changed files with 49704 additions and 0 deletions
@@ -0,0 +1,39 @@
+// app/components/Navigation.tsx
+
+"use client";
+
+import { Briefcase, Calendar, FileText, Home as HomeIcon, LifeBuoy, Lock, Map as MapIcon } from 'lucide-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+
+const NavItem = ({ to, icon: Icon, label, className = "" }: { to: string, icon: any, label: string, className?: string }) => {
+    const pathname = usePathname();
+    const isActive = pathname === to;
+
+    return (
+        <Link
+            href={to}
+            className={`flex flex-col items-center justify-center px-4 py-2 min-w-18 transition-colors border-b-[3px] ${className} ${isActive
+                ? 'border-gold text-gold bg-ebony/30'
+                : 'border-transparent text-eggshell/80 hover:text-eggshell hover:bg-eggshell/5'
+                }`}
+        >
+            <Icon size={20} className="mb-1" strokeWidth={isActive ? 2.5 : 2} />
+            <span className="text-[10px] font-bold uppercase tracking-wider">{label}</span>
+        </Link>
+    );
+};
+
+export const Navigation = () => {
+    return (
+        <nav className="flex overflow-x-auto scrollbar-hide border-t border-eggshell/10">
+            <NavItem to="/" icon={HomeIcon} label="Hem" />
+            <NavItem to="/schedule" icon={Calendar} label="Schema" />
+            <NavItem to="/faq" icon={MapIcon} label="FAQ" />
+            <NavItem to="/info" icon={Briefcase} label="Info" />
+            <NavItem to="/documents" icon={FileText} label="Filer" />
+            <NavItem to="/emergency" icon={LifeBuoy} label="Nödläge" className='text-emergency' />
+            <NavItem to="/admin" icon={Lock} label="Admin" className="md:ml-auto" />
+        </nav>
+    );
+};
@@ -0,0 +1,34 @@
+// app/components/PhoneLinks.tsx
+
+"use client";
+
+import React from 'react';
+
+interface SafePhoneLinkProps {
+    parts: string[];
+    display: string;
+    className?: string;
+}
+
+export const SafePhoneLink: React.FC<SafePhoneLinkProps> = ({
+    parts,
+    display,
+    className = "text-sm text-slate-teal font-mono font-bold bg-seafoam/20 hover:bg-seafoam/40 px-3 py-1.5 rounded-lg transition-colors cursor-pointer"
+}) => {
+    const fullNumber = parts.join('');
+
+    const handleClick = (e: React.MouseEvent<HTMLAnchorElement> | React.TouchEvent<HTMLAnchorElement>) => {
+        e.currentTarget.href = `tel:${fullNumber}`;
+    };
+
+    return (
+        <a
+            href="#"
+            onMouseDown={handleClick}
+            onTouchStart={handleClick}
+            className={className}
+        >
+            {display}
+        </a>
+    );
+};