Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "#safety",
|
||||
},
|
||||
name: "Safety", id: "safety"},
|
||||
{
|
||||
name: "Download",
|
||||
id: "#download",
|
||||
},
|
||||
name: "Download", id: "download"},
|
||||
]}
|
||||
brandName="Crush Safety"
|
||||
/>
|
||||
@@ -51,81 +45,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Dating sollte niemals unsicher sein."
|
||||
description="Crush Safety verbindet moderne Dating-Features mit echter Sicherheit, verifizierten Nutzern und einer Community, die im Ernstfall für dich da ist."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Verifiziert",
|
||||
},
|
||||
value: "100%", label: "Verifiziert"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Safety Monitoring",
|
||||
},
|
||||
value: "24/7", label: "Safety Monitoring"},
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Aktive Community",
|
||||
},
|
||||
value: "50k+", label: "Aktive Community"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt herunterladen",
|
||||
href: "#download",
|
||||
},
|
||||
text: "Jetzt herunterladen", href: "#download"},
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smartphone-data-protection-set-isolated-compositions-with-icons-locks-shields-people-with-gadgets-vector-illustration_1284-81961.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smartphone-data-protection-set-isolated-compositions-with-icons-locks-shields-people-with-gadgets-vector-illustration_1284-81961.jpg"
|
||||
imageAlt="modern app interface dark mode"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg",
|
||||
alt: "close-up portrait of attractive male model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5113.jpg", alt: "close-up portrait of attractive male model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81990.jpg",
|
||||
alt: "A beautiful woman in sweater sitting and posing near light lamps",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-sweater-sitting-posing-near-light-lamps_114579-81990.jpg", alt: "A beautiful woman in sweater sitting and posing near light lamps"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-model-photography-umbrella_23-2148424402.jpg",
|
||||
alt: "Beautiful female model and photography umbrella",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-model-photography-umbrella_23-2148424402.jpg", alt: "Beautiful female model and photography umbrella"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-formal-clothes_23-2148891738.jpg",
|
||||
alt: "Beautiful senior woman portrait in formal clothes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-formal-clothes_23-2148891738.jpg", alt: "Beautiful senior woman portrait in formal clothes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/active-healthy-woman-with-curly-hair-dressed-hoodie-carries-rolled-fitness-mat-concentrated-away-thoughtfully-strolls-outdoors-sunny-day-returns-home-after-training-sport-concept_273609-60645.jpg",
|
||||
alt: "Active healthy woman with curly hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/active-healthy-woman-with-curly-hair-dressed-hoodie-carries-rolled-fitness-mat-concentrated-away-thoughtfully-strolls-outdoors-sunny-day-returns-home-after-training-sport-concept_273609-60645.jpg", alt: "Active healthy woman with curly hair"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Privacy First",
|
||||
},
|
||||
type: "text", text: "Privacy First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Users",
|
||||
},
|
||||
type: "text", text: "Verified Users"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Safety",
|
||||
},
|
||||
type: "text", text: "Instant Safety"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Support",
|
||||
},
|
||||
type: "text", text: "Real-time Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Driven",
|
||||
},
|
||||
type: "text", text: "Community Driven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,28 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verifizierte Nutzer",
|
||||
description: "Alle Nutzer durchlaufen eine strenge ID-Verifizierung.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/check-mark-shield-half-glyph-black-green_78370-4402.jpg",
|
||||
imageAlt: "shield checkmark neon orange icon",
|
||||
title: "Verifizierte Nutzer", description: "Alle Nutzer durchlaufen eine strenge ID-Verifizierung.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Live Safety",
|
||||
description: "Teile deinen Standort mit vertrauten Kontakten in Echtzeit.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-data-protection-set-isolated-compositions-with-icons-locks-shields-people-with-gadgets-vector-illustration_1284-81961.jpg?_wi=2",
|
||||
imageAlt: "shield checkmark neon orange icon",
|
||||
title: "Live Safety", description: "Teile deinen Standort mit vertrauten Kontakten in Echtzeit.", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Community Help",
|
||||
description: "Hilferuf-System mit direkter Community-Anbindung.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Phone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762909.jpg",
|
||||
imageAlt: "shield checkmark neon orange icon",
|
||||
title: "Community Help", description: "Hilferuf-System mit direkter Community-Anbindung.", bentoComponent: "reveal-icon", icon: Phone,
|
||||
},
|
||||
]}
|
||||
title="Safety Features, die zählen."
|
||||
@@ -174,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Feed",
|
||||
price: "Features",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-neon-lights_23-2149279124.jpg",
|
||||
},
|
||||
id: "p1", name: "Smart Feed", price: "Features", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-neon-lights_23-2149279124.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Community",
|
||||
price: "Verbunden",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-smartphone-design-white-background_187299-46485.jpg",
|
||||
},
|
||||
id: "p2", name: "Community", price: "Verbunden", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-smartphone-design-white-background_187299-46485.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Location",
|
||||
price: "Live",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169859.jpg",
|
||||
},
|
||||
id: "p3", name: "Location", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169859.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Help Call",
|
||||
price: "Notfall",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336675.jpg",
|
||||
},
|
||||
id: "p4", name: "Help Call", price: "Notfall", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336675.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Profile",
|
||||
price: "Echt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphones-balancing-geometric-shapes-modern-technology-concept_187299-46721.jpg",
|
||||
},
|
||||
id: "p5", name: "Profile", price: "Echt", imageSrc: "http://img.b2bpic.net/free-photo/smartphones-balancing-geometric-shapes-modern-technology-concept_187299-46721.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Settings",
|
||||
price: "Privat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-dark-studio-setting_187299-46633.jpg",
|
||||
},
|
||||
id: "p6", name: "Settings", price: "Privat", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-dark-studio-setting_187299-46633.jpg"},
|
||||
]}
|
||||
title="Dein Date-Begleiter"
|
||||
description="Die App, die Sicherheit in den Mittelpunkt stellt."
|
||||
@@ -222,40 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah_s",
|
||||
testimonial: "Endlich sicher daten. Die App gibt mir das gute Gefühl, dass jemand da ist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarah_s", testimonial: "Endlich sicher daten. Die App gibt mir das gute Gefühl, dass jemand da ist.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc",
|
||||
handle: "@marcdat",
|
||||
testimonial: "Die ID-Verifizierung ist top. Keine Fakes, nur echte Menschen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-holding-books-looking-happy-smiling-camera-outdoor-stylish-girl-way-university_574295-4508.jpg",
|
||||
},
|
||||
id: "2", name: "Marc", handle: "@marcdat", testimonial: "Die ID-Verifizierung ist top. Keine Fakes, nur echte Menschen.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-holding-books-looking-happy-smiling-camera-outdoor-stylish-girl-way-university_574295-4508.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lena",
|
||||
handle: "@lena_w",
|
||||
testimonial: "Das Live-Standort-Feature hat mir bei meinem ersten Date sehr geholfen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-lens-binocular-canvas-shoes-sports-bottle-retro-wooden-table_1387-38.jpg",
|
||||
},
|
||||
id: "3", name: "Lena", handle: "@lena_w", testimonial: "Das Live-Standort-Feature hat mir bei meinem ersten Date sehr geholfen.", imageSrc: "http://img.b2bpic.net/free-photo/camera-lens-binocular-canvas-shoes-sports-bottle-retro-wooden-table_1387-38.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jonas",
|
||||
handle: "@j_n_s",
|
||||
testimonial: "Community Support ist fantastisch. Fühle mich viel sicherer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
id: "4", name: "Jonas", handle: "@j_n_s", testimonial: "Community Support ist fantastisch. Fühle mich viel sicherer.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia",
|
||||
handle: "@julia_safety",
|
||||
testimonial: "Ein Gamechanger für die Dating-Welt. Endlich ernsthafte Features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
|
||||
},
|
||||
id: "5", name: "Julia", handle: "@julia_safety", testimonial: "Ein Gamechanger für die Dating-Welt. Endlich ernsthafte Features.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg"},
|
||||
]}
|
||||
title="Community-Stimmen"
|
||||
description="Erfahrungen von Nutzern, die sich für Crush Safety entschieden haben."
|
||||
@@ -270,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Verifizierte Profile",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Verifizierte Profile"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
description: "Sichere Dates",
|
||||
},
|
||||
id: "m2", value: "1M+", description: "Sichere Dates"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support erreichbar",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support erreichbar"},
|
||||
]}
|
||||
title="Vertrauen in Zahlen"
|
||||
description="Sicherheit und Community wachsen täglich."
|
||||
@@ -296,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie funktioniert die Verifizierung?",
|
||||
content: "Wir prüfen Dokumente und Identitäten gründlich.",
|
||||
},
|
||||
id: "f1", title: "Wie funktioniert die Verifizierung?", content: "Wir prüfen Dokumente und Identitäten gründlich."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ist mein Standort privat?",
|
||||
content: "Ja, du entscheidest, wann und mit wem du ihn teilst.",
|
||||
},
|
||||
id: "f2", title: "Ist mein Standort privat?", content: "Ja, du entscheidest, wann und mit wem du ihn teilst."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wie sicher sind meine Daten?",
|
||||
content: "Modernste Verschlüsselung ist bei uns Standard.",
|
||||
},
|
||||
id: "f3", title: "Wie sicher sind meine Daten?", content: "Modernste Verschlüsselung ist bei uns Standard."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige zur Sicherheit."
|
||||
@@ -321,8 +202,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Die nächste Generation."
|
||||
description="Lade dir jetzt Crush Safety herunter."
|
||||
tag="Jetzt starten"
|
||||
@@ -333,13 +213,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Crush Safety"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Impressum", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Datenschutz", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user