Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Copilot",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Funktionen",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Eltern",
|
||||
id: "#parents",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Copilot", id: "#hero" },
|
||||
{ name: "Funktionen", id: "#features" },
|
||||
{ name: "Eltern", id: "#parents" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="AbiPilot"
|
||||
/>
|
||||
@@ -56,75 +44,15 @@ export default function LandingPage() {
|
||||
title="Lerne nicht härter. Fliege mit Autopilot."
|
||||
description="AbiPilot analysiert deinen Lernstand, erstellt individuelle Lernpläne und begleitet dich mit KI bis zu deiner Zielnote."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Lukas M.",
|
||||
handle: "@lukasm",
|
||||
testimonial: "AbiPilot hat mein Abi gerettet. Die KI weiß genau, was ich üben muss.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Endlich keine Panik mehr vor Klausuren. Das System ist genial.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",
|
||||
},
|
||||
{
|
||||
name: "Max B.",
|
||||
handle: "@maxb",
|
||||
testimonial: "Wie mein eigener Tutor in der Tasche. Volle Empfehlung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-generation-lifestyle-education-concept-outdoor-portrait-happy-girl-her-way-home-after-classes-looking-sideways-dreamy-happy-smiling-holding-tote-bag-lean-red-building_197531-22147.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jana K.",
|
||||
handle: "@janak",
|
||||
testimonial: "Struktur pur. Habe mein Ziel um 2 Noten übertroffen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg",
|
||||
},
|
||||
{
|
||||
name: "Felix R.",
|
||||
handle: "@felixr",
|
||||
testimonial: "Die KI-Pläne sind einfach so viel smarter als alles andere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-guy-casual-clothes-sunglasses-backpack-stands-campus_496169-2340.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlos starten",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Demo ansehen",
|
||||
href: "#",
|
||||
},
|
||||
{ name: "Lukas M.", handle: "@lukasm", testimonial: "AbiPilot hat mein Abi gerettet. Die KI weiß genau, was ich üben muss.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "Endlich keine Panik mehr vor Klausuren. Das System ist genial.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg" },
|
||||
{ name: "Max B.", handle: "@maxb", testimonial: "Wie mein eigener Tutor in der Tasche. Volle Empfehlung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-generation-lifestyle-education-concept-outdoor-portrait-happy-girl-her-way-home-after-classes-looking-sideways-dreamy-happy-smiling-holding-tote-bag-lean-red-building_197531-22147.jpg" },
|
||||
{ name: "Jana K.", handle: "@janak", testimonial: "Struktur pur. Habe mein Ziel um 2 Noten übertroffen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-university-campus-with-book_1157-30969.jpg" },
|
||||
{ name: "Felix R.", handle: "@felixr", testimonial: "Die KI-Pläne sind einfach so viel smarter als alles andere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-guy-casual-clothes-sunglasses-backpack-stands-campus_496169-2340.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Kostenlos starten", href: "#" }, { text: "Demo ansehen", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884888.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-casual-student-girl-with-laptop-intently-looking-camera-colorful-background-outdoor_574295-924.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-charming-brunette-glasses-blue-shirt-crossed-arms-listening-music-headphones-leaning-against-brick-wall-room-with-loft-design_613910-9183.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg", alt: "Student 1" }, { src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg", alt: "Student 2" }, { src: "http://img.b2bpic.net/free-photo/pretty-casual-student-girl-with-laptop-intently-looking-camera-colorful-background-outdoor_574295-924.jpg", alt: "Student 3" }, { src: "http://img.b2bpic.net/free-photo/portrait-attractive-charming-brunette-glasses-blue-shirt-crossed-arms-listening-music-headphones-leaning-against-brick-wall-room-with-loft-design_613910-9183.jpg", alt: "Student 4" }, { src: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg", alt: "Student 5" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,26 +61,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "KI-Lernanalyse",
|
||||
description: "AbiPilot erkennt deine Schwächen und findet Hebel mit maximalem Effekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-with-green-arrow-icon_23-2152012415.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dynamischer Lernplan",
|
||||
description: "Passt sich automatisch an Prüfungen, Ziele und Fortschritte an.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/us-elections-vote-concept-with-flag_23-2148726715.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motivation & Gewohnheiten",
|
||||
description: "Lernen wird sichtbar, messbar und motivierend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16496.jpg",
|
||||
},
|
||||
{
|
||||
title: "Zielnoten-System",
|
||||
description: "Verfolge live, wie nah du deiner Wunsch-Note kommst.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/red-hud-danger-alert-cyber-ui-error-frame-sign_107791-32666.jpg",
|
||||
},
|
||||
{ title: "KI-Lernanalyse", description: "AbiPilot erkennt deine Schwächen und findet Hebel mit maximalem Effekt.", imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-with-green-arrow-icon_23-2152012415.jpg" },
|
||||
{ title: "Dynamischer Lernplan", description: "Passt sich automatisch an Prüfungen, Ziele und Fortschritte an.", imageSrc: "http://img.b2bpic.net/free-photo/us-elections-vote-concept-with-flag_23-2148726715.jpg" },
|
||||
{ title: "Motivation & Gewohnheiten", description: "Lernen wird sichtbar, messbar und motivierend.", imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16496.jpg" },
|
||||
{ title: "Zielnoten-System", description: "Verfolge live, wie nah du deiner Wunsch-Note kommst.", imageSrc: "http://img.b2bpic.net/free-vector/red-hud-danger-alert-cyber-ui-error-frame-sign_107791-32666.jpg" }
|
||||
]}
|
||||
title="Dein Copilot fürs Lernen"
|
||||
description="Alles, was du für dein Abitur brauchst, kombiniert in einer intelligenten KI-Oberfläche."
|
||||
@@ -166,26 +78,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Heute",
|
||||
description: "Startanalyse deiner aktuellen Stärken.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Plan",
|
||||
description: "Individuelle Lernpläne für dein Tempo.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Habits",
|
||||
description: "Nachhaltige Lernroutinen aufbauen.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Erfolg",
|
||||
description: "Zielnote mit AbiPilot erreicht.",
|
||||
},
|
||||
{ id: "1", value: "Heute", description: "Startanalyse deiner aktuellen Stärken." },
|
||||
{ id: "2", value: "Plan", description: "Individuelle Lernpläne für dein Tempo." },
|
||||
{ id: "3", value: "Habits", description: "Nachhaltige Lernroutinen aufbauen." },
|
||||
{ id: "4", value: "Erfolg", description: "Zielnote mit AbiPilot erreicht." }
|
||||
]}
|
||||
title="Dein Weg zum Erfolg"
|
||||
description="Eine klare Timeline von deinem Start bis zum Ziel."
|
||||
@@ -196,12 +92,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Eltern zahlen nicht für mehr Input – sondern für Sicherheit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Für Eltern informieren",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Für Eltern informieren", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,26 +103,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anja M., Mutter eines Abiturienten"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor_627829-6780.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-girl-posing_23-2148629682.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-student-sitting-staircase-with-backpack-book-takeaway-coffee-cup_23-2148093595.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104588.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor_627829-6780.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-cool-girl-posing_23-2148629682.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-student-sitting-staircase-with-backpack-book-takeaway-coffee-cup_23-2148093595.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104588.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg", alt: "User 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -242,23 +118,12 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "+1.2",
|
||||
description: "Durchschnittliche Notenverbesserung",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Schüler erreichen ihre Zielnote",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15min",
|
||||
description: "Tägliche Zeitersparnis durch KI",
|
||||
},
|
||||
{ id: "m1", value: "+1.2", description: "Durchschnittliche Notenverbesserung" },
|
||||
{ id: "m2", value: "95%", description: "Schüler erreichen ihre Zielnote" },
|
||||
{ id: "m3", value: "15min", description: "Tägliche Zeitersparnis durch KI" }
|
||||
]}
|
||||
title="Zahlen die überzeugen"
|
||||
description="AbiPilot liefert messbare Resultate."
|
||||
@@ -270,26 +135,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie funktioniert AbiPilot?",
|
||||
content: "AbiPilot analysiert deine Daten und erstellt einen Lernplan.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Ist die KI individuell?",
|
||||
content: "Absolut, sie lernt mit dir mit.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Für welche Klassen?",
|
||||
content: "Aktuell für die gesamte gymnasiale Oberstufe.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Kostet es etwas?",
|
||||
content: "Es gibt eine kostenlose Basis-Version.",
|
||||
},
|
||||
{ id: "q1", title: "Wie funktioniert AbiPilot?", content: "AbiPilot analysiert deine Daten und erstellt einen Lernplan." },
|
||||
{ id: "q2", title: "Ist die KI individuell?", content: "Absolut, sie lernt mit dir mit." },
|
||||
{ id: "q3", title: "Für welche Klassen?", content: "Aktuell für die gesamte gymnasiale Oberstufe." },
|
||||
{ id: "q4", title: "Kostet es etwas?", content: "Es gibt eine kostenlose Basis-Version." }
|
||||
]}
|
||||
title="Fragen? Wir haben die Antworten."
|
||||
description="Alles Wichtige über deinen KI-Copiloten."
|
||||
@@ -300,16 +149,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Bist du bereit, abzuheben?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos abheben",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt kostenlos abheben", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -317,49 +159,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="AbiPilot"
|
||||
columns={[
|
||||
{
|
||||
title: "AbiPilot",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "AbiPilot", items: [{ label: "Über uns", href: "#" }, { label: "Karriere", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Kontakt", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user