bender/19a3e2bd-df69-4a76-bf77-69364e933e02
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 13:07:25 +00:00
parent ec026b4268
commit 6797bcad37
1 changed files with 44 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Vorteile",
id: "features",
},
{
name: "Preise",
id: "pricing",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Vorteile", id: "features" },
{ name: "Preise", id: "pricing" },
{ name: "FAQ", id: "faq" }
]}
brandName="AbiturReady"
/>
@@ -58,70 +46,20 @@ export default function LandingPage() {
title="Dein Weg zum Traumschnitt"
description="Erreiche dein Abiturziel mit personalisierten Lernplänen, exzellenten Materialien und motivierenden Communities."
testimonials={[
{
name: "Lukas M.",
handle: "@lukas_m",
testimonial: "Dank AbiturReady konnte ich meine Noten in Mathe deutlich verbessern.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg?_wi=1",
},
{
name: "Sarah K.",
handle: "@sarah_k",
testimonial: "Die Lernpläne sind super strukturiert und zeitsparend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-korean-woman-doing-homework-student-making-notes-wearing-glasses-writing-note_1258-167843.jpg",
},
{
name: "Max B.",
handle: "@max_b",
testimonial: "Ein echtes Must-Have für den Endspurt im Abitur.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg",
},
{
name: "Lisa G.",
handle: "@lisa_g",
testimonial: "Super hilfreiche Zusammenfassungen für alle Fächer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66458.jpg",
},
{
name: "Tom H.",
handle: "@tom_h",
testimonial: "Endlich kein Chaos mehr beim Lernen, alles an einem Ort.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-tutor-glasses-holding-her-notebooks-documents-smiling-camera_1258-218212.jpg",
},
{ name: "Lukas M.", handle: "@lukas_m", testimonial: "Dank AbiturReady konnte ich meine Noten in Mathe deutlich verbessern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg" },
{ name: "Sarah K.", handle: "@sarah_k", testimonial: "Die Lernpläne sind super strukturiert und zeitsparend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-korean-woman-doing-homework-student-making-notes-wearing-glasses-writing-note_1258-167843.jpg" },
{ name: "Max B.", handle: "@max_b", testimonial: "Ein echtes Must-Have für den Endspurt im Abitur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-university-library_23-2148844669.jpg" },
{ name: "Lisa G.", handle: "@lisa_g", testimonial: "Super hilfreiche Zusammenfassungen für alle Fächer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-female-student-street-holding-book-her-hands-woman-city_169016-66458.jpg" },
{ name: "Tom H.", handle: "@tom_h", testimonial: "Endlich kein Chaos mehr beim Lernen, alles an einem Ort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-tutor-glasses-holding-her-notebooks-documents-smiling-camera_1258-218212.jpg" }
]}
buttons={[
{
text: "Jetzt starten",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg?_wi=1"
buttons={[{ text: "Jetzt starten", href: "#features" }]}
imageSrc="http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg",
alt: "Student profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg",
alt: "Student profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/charismatic-kind-pleasant-redhead-girl-blue-eyes-smiling-friendly-listen-politely-customer-standing_1258-137341.jpg",
alt: "Student profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg",
alt: "Student profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-headphones-sitting-table-close-window_23-2148166293.jpg",
alt: "Student profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-ta_1258-131535.jpg", alt: "Student profile 1" },
{ src: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg", alt: "Student profile 2" },
{ src: "http://img.b2bpic.net/free-photo/charismatic-kind-pleasant-redhead-girl-blue-eyes-smiling-friendly-listen-politely-customer-standing_1258-137341.jpg", alt: "Student profile 3" },
{ src: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg", alt: "Student profile 4" },
{ src: "http://img.b2bpic.net/free-photo/teenage-student-glasses-headphones-sitting-table-close-window_23-2148166293.jpg", alt: "Student profile 5" }
]}
avatarText="Über 15.000 erfolgreiche Abiturienten vertrauen uns."
/>
@@ -132,21 +70,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Unsere Mission"
metrics={[
{
icon: Users,
label: "Lernende",
value: "15.000+",
},
{
icon: BookOpen,
label: "Kurse",
value: "50+",
},
{
icon: Award,
label: "Durchschnittsnote",
value: "1.7",
},
{ icon: Users, label: "Lernende", value: "15.000+" },
{ icon: BookOpen, label: "Kurse", value: "50+" },
{ icon: Award, label: "Durchschnittsnote", value: "1.7" }
]}
metricsAnimation="slide-up"
/>
@@ -154,47 +80,21 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Täglicher Fortschritt",
description: "Individuelle Pläne basierend auf deinen Zielen.",
bentoComponent: "3d-task-list",
items: [
{
icon: Calendar,
label: "Täglich fokussiert",
time: "15 min",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/pile-notebooks-slate-background_23-2148223268.jpg",
imageAlt: "Pile of notebooks on slate background",
title: "Täglicher Fortschritt", description: "Individuelle Pläne basierend auf deinen Zielen.", bentoComponent: "3d-task-list", items: [{ icon: Calendar, label: "Täglich fokussiert", time: "15 min" }]
},
{
title: "Fach-Zusammenfassungen",
description: "Schnelle Übersicht der wichtigsten Themen.",
bentoComponent: "reveal-icon",
icon: FileText,
imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24450.jpg?_wi=2",
imageAlt: "Pile of notebooks on slate background",
title: "Fach-Zusammenfassungen", description: "Schnelle Übersicht der wichtigsten Themen.", bentoComponent: "reveal-icon", icon: FileText
},
{
title: "Gemeinschaft",
description: "Lerne mit Gleichgesinnten.",
bentoComponent: "chat",
aiIcon: MessageSquare,
title: "Gemeinschaft", description: "Lerne mit Gleichgesinnten.", bentoComponent: "chat", aiIcon: MessageSquare,
userIcon: User,
placeholder: "Stelle deine Frage...",
exchanges: [
{
userMessage: "Frage zu Analysis",
aiResponse: "Gerne! Hier sind die Grundlagen...",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/attractive-feminine-tender-young-woman-curlyhaired-chubby-smiling-silly-look-camera-blue-eyes-girlfriend-attend-first-date-liking-spend-time-together-boyfriend-have-fun-look-happy-white-background_176420-50549.jpg?_wi=2",
imageAlt: "Pile of notebooks on slate background",
},
placeholder: "Stelle deine Frage...", exchanges: [{ userMessage: "Frage zu Analysis", aiResponse: "Gerne! Hier sind die Grundlagen..." }]
}
]}
title="Alles was du brauchst"
description="Dein Komplettpaket für die Abiturvorbereitung in einer intuitiven Plattform."
@@ -203,41 +103,13 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Basics",
price: "9,99€",
subtitle: "Für den Überblick",
features: [
"Alle Zusammenfassungen",
"Basis-Lernplan",
],
},
{
id: "pro",
badge: "Empfohlen",
price: "19,99€",
subtitle: "Für volle Power",
features: [
"Alle Inhalte",
"KI-Lernplan",
"Community-Zugang",
],
},
{
id: "max",
badge: "Komplett",
price: "29,99€",
subtitle: "Dein Vorsprung",
features: [
"Alles in Pro",
"1:1 Nachhilfe",
"Live-Sessions",
],
},
{ id: "basic", badge: "Basics", price: "9,99€", subtitle: "Für den Überblick", features: ["Alle Zusammenfassungen", "Basis-Lernplan"] },
{ id: "pro", badge: "Empfohlen", price: "19,99€", subtitle: "Für volle Power", features: ["Alle Inhalte", "KI-Lernplan", "Community-Zugang"] },
{ id: "max", badge: "Komplett", price: "29,99€", subtitle: "Dein Vorsprung", features: ["Alles in Pro", "1:1 Nachhilfe", "Live-Sessions"] }
]}
title="Wähle dein Paket"
description="Finde die Unterstützung, die perfekt zu dir passt."
@@ -250,21 +122,9 @@ export default function LandingPage() {
title="Unsere Erfolge"
tag="Statistik"
metrics={[
{
id: "m1",
value: "98%",
description: "Erfolgsquote unserer Teilnehmer",
},
{
id: "m2",
value: "500h+",
description: "Material zur Vorbereitung",
},
{
id: "m3",
value: "4.9/5",
description: "Bewertung von Schülern",
},
{ id: "m1", value: "98%", description: "Erfolgsquote unserer Teilnehmer" },
{ id: "m2", value: "500h+", description: "Material zur Vorbereitung" },
{ id: "m3", value: "4.9/5", description: "Bewertung von Schülern" }
]}
metricsAnimation="slide-up"
/>
@@ -272,50 +132,16 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="blur-reveal"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anna P.",
role: "Abiturientin",
company: "Berlin",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-lifestyle-people-concept-attractive-friendlylooking-smiling-redhead-young-girl-straight-lo_1258-131559.jpg",
},
{
id: "2",
name: "Ben F.",
role: "Abiturient",
company: "München",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg",
},
{
id: "3",
name: "Clara W.",
role: "Abiturientin",
company: "Hamburg",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
},
{
id: "4",
name: "David Z.",
role: "Abiturient",
company: "Köln",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg",
},
{
id: "5",
name: "Emma R.",
role: "Abiturientin",
company: "Stuttgart",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-carefully-reading-book-emotion-concept_169016-65778.jpg",
},
{ id: "1", name: "Anna P.", role: "Abiturientin", company: "Berlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wellbeing-lifestyle-people-concept-attractive-friendlylooking-smiling-redhead-young-girl-straight-lo_1258-131559.jpg" },
{ id: "2", name: "Ben F.", role: "Abiturient", company: "München", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wearing-pink-background_185193-110335.jpg" },
{ id: "3", name: "Clara W.", role: "Abiturientin", company: "Hamburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg" },
{ id: "4", name: "David Z.", role: "Abiturient", company: "Köln", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg" },
{ id: "5", name: "Emma R.", role: "Abiturientin", company: "Stuttgart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-carefully-reading-book-emotion-concept_169016-65778.jpg" }
]}
title="Was andere sagen"
description="Erfolgsgeschichten unserer Abiturienten."
@@ -327,21 +153,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Wie lange habe ich Zugriff?",
content: "Zugriff für ein volles Schuljahr.",
},
{
id: "f2",
title: "Was wenn ich Fragen habe?",
content: "Unsere Community hilft dir jederzeit weiter.",
},
{
id: "f3",
title: "Gibt es Probeinhalte?",
content: "Ja, du kannst die ersten Module kostenlos testen.",
},
{ id: "f1", title: "Wie lange habe ich Zugriff?", content: "Zugriff für ein volles Schuljahr." },
{ id: "f2", title: "Was wenn ich Fragen habe?", content: "Unsere Community hilft dir jederzeit weiter." },
{ id: "f3", title: "Gibt es Probeinhalte?", content: "Ja, du kannst die ersten Module kostenlos testen." }
]}
title="Fragen? Antworten."
description="Hier findest du Antworten auf häufige Fragen."
@@ -352,29 +166,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
title="Bleib informiert"
description="Erhalte unsere besten Lerntipps direkt per E-Mail."
mediaAnimation="slide-up"
tag="Newsletter"
imageSrc="http://img.b2bpic.net/free-photo/school-supplies-still-life-flat-lay_23-2149001186.jpg"
imageAlt="Student study materials"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="AbiturReady"
leftLink={{
text: "Impressum",
href: "#",
}}
rightLink={{
text: "Datenschutz",
href: "#",
}}
leftLink={{ text: "Impressum", href: "#" }}
rightLink={{ text: "Datenschutz", href: "#" }}
/>
</div>
</ReactLenis>