sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Kontakt: dodaj fiksni telefon, mobil in faks

Browse Source
This commit is contained in:
Folx Ops 2026-06-13 10:29:18 +00:00
parent 3fdf54ff55
commit 9de740168a
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/pages/kontakt.tsx
View File

@ -1,5 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { Mail, Phone, Send, CheckCircle, AlertCircle } from "lucide-react"; import { Mail, Phone, Send, CheckCircle, AlertCircle, Smartphone, Printer } from "lucide-react";
import { SiFacebook, SiInstagram, SiYoutube, SiTiktok } from "react-icons/si"; import { SiFacebook, SiInstagram, SiYoutube, SiTiktok } from "react-icons/si";
import Header from "@/components/header"; import Header from "@/components/header";
import Footer from "@/components/footer"; import Footer from "@/components/footer";
@ -57,7 +57,7 @@ export default function KontaktPage() {
<div className="space-y-4"> <div className="space-y-4">
<a <a
href="tel:+491725675800" href="tel:+4974719429966"
className="flex items-start gap-3 group" className="flex items-start gap-3 group"
data-testid="link-kontakt-phone" data-testid="link-kontakt-phone"
> >
@ -66,10 +66,34 @@ export default function KontaktPage() {
</div> </div>
<div> <div>
<p className="text-xs text-muted-foreground">Telefon</p> <p className="text-xs text-muted-foreground">Telefon</p>
<p className="text-foreground font-medium group-hover:text-primary transition-colors" data-testid="text-kontakt-phone">+49 172 567 58 00</p> <p className="text-foreground font-medium group-hover:text-primary transition-colors" data-testid="text-kontakt-phone">+49 7471 9429966</p>
</div> </div>
</a> </a>
<a
href="tel:+491725675800"
className="flex items-start gap-3 group"
data-testid="link-kontakt-mobile"
>
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors">
<Smartphone className="w-5 h-5 text-primary" />
</div>
<div>
<p className="text-xs text-muted-foreground">Mobil</p>
<p className="text-foreground font-medium group-hover:text-primary transition-colors" data-testid="text-kontakt-mobile">+49 172 5675800</p>
</div>
</a>
<div className="flex items-start gap-3" data-testid="block-kontakt-fax">
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<Printer className="w-5 h-5 text-primary" />
</div>
<div>
<p className="text-xs text-muted-foreground">Fax</p>
<p className="text-foreground font-medium" data-testid="text-kontakt-fax">+49 7471 9429990</p>
</div>
</div>
<a <a
href="mailto:office@folx.tv" href="mailto:office@folx.tv"
className="flex items-start gap-3 group" className="flex items-start gap-3 group"