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