From bbb2e9b660e00c23f03e6f3bc94bbb114dbb95de Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 5 Mar 2026 08:17:08 +0000
Subject: [PATCH] Update the about page to use a flowing text format

Update the about page component to render content as a continuous text flow, removing card-based layouts and adjusting typography styles for a more seamless presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: c78c3b81-1a77-4a8e-a790-21479b064220
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/EtK2Sno
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/about.tsx | 92 +++++++++-----------------------------
 1 file changed, 22 insertions(+), 70 deletions(-)

diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index 37e68f0..5dfede1 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -1,4 +1,4 @@
-import { Tv, Music, Mic2, Calendar, Globe } from "lucide-react";
+import { Tv } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 
@@ -6,91 +6,43 @@ export default function AboutPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        <div className="flex items-center gap-3 mb-6">
+      <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="flex items-center gap-3 mb-8">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-about-title">
             Über FOLX TV
           </h1>
         </div>
 
-        <div className="bg-card rounded-lg border border-card-border p-6 mb-6" data-testid="section-about-intro">
-          <p className="text-card-foreground leading-relaxed text-[15px]">
-            FOLX TV ist Ihr Fernsehsender für volkstümliche Musik und Schlager. Der Sender präsentiert exklusiven Content aus der Welt der volkstümlichen Musik und des Schlagers. Über 90 % des Programms werden von FOLX NETWORK selbst produziert und bieten den Zuschauern eine abwechslungsreiche Auswahl an Musikvideos, Live-Shows und Unterhaltung mit den beliebtesten Stars der Szene.
+        <article className="prose-custom space-y-5 text-[15px] leading-relaxed text-muted-foreground" data-testid="section-about-content">
+          <p>
+            <span className="text-foreground font-semibold">FOLX TV</span> ist Ihr Fernsehsender für volkstümliche Musik und Schlager. Der Sender präsentiert exklusiven Content aus der Welt der volkstümlichen Musik und des Schlagers. Über 90 % des Programms werden von FOLX NETWORK selbst produziert und bieten den Zuschauern eine abwechslungsreiche Auswahl an Musikvideos, Live-Shows und Unterhaltung mit den beliebtesten Stars der Szene.
           </p>
-        </div>
 
-        <div className="bg-card rounded-lg border border-card-border overflow-hidden mb-6" data-testid="section-about-empfang">
-          <div className="flex items-center gap-3 px-5 py-4 border-b border-card-border bg-muted/20">
-            <Globe className="w-4 h-4 text-primary" />
-            <h2 className="text-lg font-bold text-card-foreground">Empfang</h2>
-          </div>
-          <div className="px-5 py-4">
-            <p className="text-muted-foreground text-sm leading-relaxed">
-              FOLX TV ist heute über IPTV-Plattformen und Kabelnetze in Deutschland, Österreich und der Schweiz empfangbar, unter anderem über MagentaTV, Zattoo, O2 TV, A1 Xplore TV, Swisscom blue TV sowie über verschiedene regionale Kabelnetze. Zusätzlich kann FOLX TV über den offiziellen Livestream im Internet verfolgt werden.
-            </p>
-          </div>
-        </div>
+          <p>
+            FOLX TV ist heute über IPTV-Plattformen und Kabelnetze in Deutschland, Österreich und der Schweiz empfangbar, unter anderem über MagentaTV, Zattoo, O2 TV, A1 Xplore TV, Swisscom blue TV sowie über verschiedene regionale Kabelnetze. Zusätzlich kann FOLX TV über den offiziellen Livestream im Internet verfolgt werden.
+          </p>
 
-        <div className="bg-card rounded-lg border border-card-border overflow-hidden mb-6" data-testid="section-about-network">
-          <div className="flex items-center gap-3 px-5 py-4 border-b border-card-border bg-muted/20">
-            <Music className="w-4 h-4 text-primary" />
-            <h2 className="text-lg font-bold text-card-foreground">FOLX NETWORK</h2>
-          </div>
-          <div className="px-5 py-4">
-            <p className="text-muted-foreground text-sm leading-relaxed">
-              Als Teil des FOLX NETWORK steht der Sender für hochwertige Musikunterhaltung, authentische Volksmusik und modernen Schlager – produziert mit Leidenschaft und großer Nähe zur Musikszene.
-            </p>
-          </div>
-        </div>
+          <p>
+            Als Teil des FOLX NETWORK steht der Sender für hochwertige Musikunterhaltung, authentische Volksmusik und modernen Schlager – produziert mit Leidenschaft und großer Nähe zur Musikszene.
+          </p>
 
-        <div className="bg-card rounded-lg border border-card-border overflow-hidden mb-6" data-testid="section-about-shows">
-          <div className="flex items-center gap-3 px-5 py-4 border-b border-card-border bg-muted/20">
-            <Mic2 className="w-4 h-4 text-primary" />
-            <h2 className="text-lg font-bold text-card-foreground">Eigenproduktionen</h2>
-          </div>
-          <div className="px-5 py-4 space-y-3">
-            <div>
-              <h3 className="text-card-foreground font-semibold text-sm">FOLX Stadl</h3>
-              <p className="text-muted-foreground text-sm">
-                Mit Moderator Hanzi Berger, der regelmäßig Stars der volkstümlichen Musik und des Schlagers auf die Bühne bringt.
-              </p>
-            </div>
-            <div>
-              <h3 className="text-card-foreground font-semibold text-sm">Gipfelstammtisch</h3>
-              <p className="text-muted-foreground text-sm">
-                Spannende Gespräche und musikalische Beiträge aus der Welt der Alpen.
-              </p>
-            </div>
-            <div>
-              <h3 className="text-card-foreground font-semibold text-sm">Die Geschichte des Liedes</h3>
-              <p className="text-muted-foreground text-sm">
-                Faszinierende Einblicke in die Entstehung und Bedeutung bekannter volkstümlicher Melodien.
-              </p>
-            </div>
-          </div>
-        </div>
+          <p>
+            Zu den beliebtesten Eigenproduktionen zählt der <span className="text-foreground font-medium">FOLX Stadl</span> mit Moderator Hanzi Berger, der regelmäßig Stars der volkstümlichen Musik und des Schlagers auf die Bühne bringt. Ein weiteres Highlight ist der <span className="text-foreground font-medium">Gipfelstammtisch</span>, der spannende Gespräche und musikalische Beiträge aus der Welt der Alpen präsentiert. In der Sendung <span className="text-foreground font-medium">Die Geschichte des Liedes</span> erhalten Zuschauer zudem faszinierende Einblicke in die Entstehung und Bedeutung bekannter volkstümlicher Melodien.
+          </p>
 
-        <div className="bg-card rounded-lg border border-card-border overflow-hidden mb-6" data-testid="section-about-history">
-          <div className="flex items-center gap-3 px-5 py-4 border-b border-card-border bg-muted/20">
-            <Calendar className="w-4 h-4 text-primary" />
-            <h2 className="text-lg font-bold text-card-foreground">Geschichte</h2>
-          </div>
-          <div className="px-5 py-4">
-            <p className="text-muted-foreground text-sm leading-relaxed">
-              FOLX TV wurde am 15. April 2013 gegründet und hat sich seitdem zu einem der wichtigsten Fernsehsender für volkstümliche Musik und Schlager im deutschsprachigen Raum entwickelt.
-            </p>
-          </div>
-        </div>
+          <p>
+            FOLX TV wurde am 15. April 2013 gegründet und hat sich seitdem zu einem der wichtigsten Fernsehsender für volkstümliche Musik und Schlager im deutschsprachigen Raum entwickelt.
+          </p>
 
-        <div className="bg-card rounded-lg border border-card-border p-6" data-testid="section-about-vision">
-          <p className="text-card-foreground leading-relaxed text-[15px] italic">
+          <p>
             Unsere Vision ist es, die musikalische Tradition des Alpenraums und der Schlagerwelt in moderner TV-Produktion weiterzuführen und ein internationales Publikum für diese einzigartige Musik zu begeistern.
           </p>
-          <p className="text-primary font-semibold mt-4 text-sm">
+
+          <p className="text-primary font-semibold">
             Schalten Sie ein und erleben Sie die Welt der Volksmusik und des Schlagers – nur bei FOLX TV.
           </p>
-        </div>
+        </article>
       </main>
       <Footer />
     </div>