From fc3fd4e1ce1e2857d3be89c4735fdeca004c768b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 18:08:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 158 ++++++++---------------------------------------
 1 file changed, 27 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b194faa..e1b88be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { ShieldCheck } from "lucide-react";
+import { ShieldCheck, BrainCircuit, Activity } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,18 +32,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Start",
-          id: "#hero",
-        },
-        {
-          name: "Ablauf",
-          id: "#info",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "Start", id: "#hero" },
+        { name: "Ablauf", id: "#info" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="Trauma-Test.ch"
     />
@@ -51,39 +42,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Finde heraus, wie stark vergangene Belastungen dich heute noch beeinflussen"
       description="Mache in wenigen Minuten einen sensiblen Selbsttest und erhalte eine persönliche Auswertung."
       tag="Diskret & Vertraulich"
-      buttons={[
-        {
-          text: "Jetzt Test starten",
-          href: "#test",
-        },
-      ]}
+      buttons={[{ text: "Jetzt Test starten", href: "#test" }]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/medical-background-with-blue-wavy-shape_1017-17847.jpg",
-          imageAlt: "Beruhigende abstrakte Szene",
+          imageSrc: "http://img.b2bpic.net/free-vector/medical-background-with-blue-wavy-shape_1017-17847.jpg",          imageAlt: "Beruhigende abstrakte Szene"
         },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicate-purple-lavender-flower-sprig_84443-83791.jpg",
-          imageAlt: "Beruhigende abstrakte Szene 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-lavender-flower-natural-field_84443-81967.jpg",
-          imageAlt: "Lila Lavendelfeld",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/glitter-texture-background_23-2148110666.jpg",
-          imageAlt: "Glitzernder Hintergrund",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-mothers-day-with-copy-space_23-2148455020.jpg",
-          imageAlt: "Blumen von oben",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicate-purple-lavender-flower-sprig_84443-83791.jpg",          imageAlt: "Beruhigende abstrakte Szene 2"
+        }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -98,21 +68,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "100% Online",
-          description: "Absolviere den Test bequem von zu Hause.",
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-web-design_53876-5837.jpg",
-        },
-        {
-          title: "Datenschutz",
-          description: "Deine Auswertung wird streng vertraulich behandelt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg",
-        },
-        {
-          title: "Schnelle Auswertung",
-          description: "Erhalte dein Ergebnis in wenigen Minuten.",
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-alarm-clock_74190-1429.jpg",
-        },
+        { title: "100% Online", description: "Absolviere den Test bequem von zu Hause.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-web-design_53876-5837.jpg" },
+        { title: "Datenschutz", description: "Deine Auswertung wird streng vertraulich behandelt.", imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg" },
+        { title: "Schnelle Auswertung", description: "Erhalte dein Ergebnis in wenigen Minuten.", imageSrc: "http://img.b2bpic.net/free-photo/classic-alarm-clock_74190-1429.jpg" }
       ]}
       title="Vertraulich & Sicher"
       description="Deine Daten sind bei uns in sicheren Händen."
@@ -122,18 +80,8 @@ export default function LandingPage() {
   <div id="info" data-section="info">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Über diesen Selbsttest",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Mehr erfahren",
-          href: "#",
-        },
-      ]}
+      heading={[{ type: "text", content: "Über diesen Selbsttest" }]}
+      buttons={[{ text: "Mehr erfahren", href: "#" }]}
     />
   </div>
 
@@ -155,21 +103,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "result-pay",
-          title: "Vollständige Auswertung",
-          price: "3.00 CHF",
-          period: "einmalig",
-          features: [
-            "Einschätzung deiner Antworten",
-            "Persönliche Empfehlungen",
-            "Ressourcen für Achtsamkeit",
-          ],
-          button: {
-            text: "Jetzt freischalten",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-hexagonal-shapes-banner-blue-color_1017-25909.jpg",
-          imageAlt: "Abstract hexagonal shapes banner in blue color",
-        },
+          id: "result-pay",          title: "Vollständige Auswertung",          price: "3.00 CHF",          period: "einmalig",          features: ["Einschätzung deiner Antworten", "Persönliche Empfehlungen", "Ressourcen für Achtsamkeit"],
+          button: { text: "Jetzt freischalten" },
+          imageSrc: "http://img.b2bpic.net/free-vector/abstract-hexagonal-shapes-banner-blue-color_1017-25909.jpg",          imageAlt: "Abstract hexagonal shapes banner in blue color"
+        }
       ]}
       title="Deine Auswertung ist fertig"
       description="Wir haben auf Basis deiner Antworten ein persönliches Ergebnis erstellt. Schalte es jetzt für 3.00 CHF frei."
@@ -182,16 +119,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          title: "Belastungsgrad",
-          value: "Moderat",
-        },
-        {
-          id: "m2",
-          title: "Nächste Schritte",
-          value: "Achtsamkeit",
-        },
+        { id: "m1", title: "Belastungsgrad", value: "Moderat", icon: Activity },
+        { id: "m2", title: "Nächste Schritte", value: "Achtsamkeit", icon: BrainCircuit }
       ]}
       title="Deine Ergebnisse"
       description="Hier findest du deine persönliche Einordnung. Hinweis: Dies ersetzt keine Diagnose."
@@ -203,21 +132,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Ist der Test anonym?",
-          content: "Ja, der Test ist vollständig anonym.",
-        },
-        {
-          id: "f2",
-          title: "Ist das ein medizinischer Test?",
-          content: "Nein, dies ist kein medizinischer Test.",
-        },
-        {
-          id: "f3",
-          title: "Warum kostet die Auswertung etwas?",
-          content: "Um die Plattform weiterzubetreiben.",
-        },
+        { id: "f1", title: "Ist der Test anonym?", content: "Ja, der Test ist vollständig anonym." },
+        { id: "f2", title: "Ist das ein medizinischer Test?", content: "Nein, dies ist kein medizinischer Test." },
+        { id: "f3", title: "Warum kostet die Auswertung etwas?", content: "Um die Plattform weiterzubetreiben." }
       ]}
       title="Häufige Fragen"
       description="Hier findest du Antworten auf deine Fragen zum Test."
@@ -228,44 +145,23 @@ export default function LandingPage() {
   <div id="payment" data-section="payment">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Sichere Zahlung & Sofortiger Zugriff."
-      buttons={[
-        {
-          text: "Jetzt für 3.00 CHF bezahlen",
-        },
-      ]}
+      buttons={[{ text: "Jetzt für 3.00 CHF bezahlen" }]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Krisenhinweis: Wenn du dich akut belastet fühlst, wende dich bitte an eine Fachperson oder einen Notdienst."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-            {
-              label: "Impressum",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] }]}
       logoText="Trauma-Test.ch"
     />
   </div>
-- 
2.49.1