Merge version_1 into main #1
158
src/app/page.tsx
158
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>
|
||||
|
||||
Reference in New Issue
Block a user