empfang: blok FOLX TV empfangen na prvo mesto (livestream folx.live, App-Spot, App brez abo, Zattoo/MagentaTV/O2)

This commit is contained in:
folx bot
2026-08-22 17:35:44 +02:00
parent 808e9a5438
commit 79e466dc98
2 changed files with 155 additions and 1 deletions
+43 -1
View File
@@ -1,4 +1,4 @@
import { Tv, Globe, MapPin } from "lucide-react";
import { Tv, Globe, MapPin, PlayCircle, Youtube } from "lucide-react";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
@@ -51,6 +51,48 @@ export default function EmpfangPage() {
So empfangen Sie Folx Music Television in Ihrem Land
</p>
<section
className="bg-card rounded-lg border border-card-border overflow-hidden mb-8"
data-testid="section-folx-empfangen"
>
<div className="flex items-center gap-3 px-5 py-4 border-b border-card-border bg-muted/20">
<PlayCircle className="w-4 h-4 text-primary" />
<h2 className="text-lg font-bold text-card-foreground">FOLX TV empfangen</h2>
</div>
<div className="px-5 py-5 space-y-4">
<div className="flex flex-wrap gap-3">
<a
href="https://folx.live"
target="_blank"
rel="noopener"
className="inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground hover:opacity-90"
data-testid="link-livestream-top"
>
<PlayCircle className="w-4 h-4" />
Livestream ansehen
</a>
<a
href="https://youtu.be/zqQwZ12CWIk"
target="_blank"
rel="noopener"
className="inline-flex items-center gap-2 rounded-md border border-card-border px-4 py-2 text-sm font-semibold text-card-foreground hover:bg-muted/40"
data-testid="link-app-spot"
>
<Youtube className="w-4 h-4 text-primary" />
App-Spot ansehen
</a>
</div>
<p className="text-card-foreground text-sm leading-relaxed">
Die kostenlose FOLX TV App gibt es auf Apple TV, Android TV, Fire TV, am Handy
und am Tablet &ndash; ohne Abo.
</p>
<p className="text-muted-foreground text-sm leading-relaxed">
Au&szlig;erdem &uuml;ber Zattoo, MagentaTV und O2.
</p>
</div>
</section>
<div className="space-y-6 mb-10">
{COUNTRIES.map((c) => (
<section