Update src/app/page.tsx

This commit is contained in:
2026-03-06 01:51:10 +00:00
parent a2ec01b94c
commit 13fd459bd6

View File

@@ -10,44 +10,12 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Zap, DollarSign, CheckCircle, Mail } from "lucide-react";
import { Sparkles, Zap, DollarSign, CheckCircle } from "lucide-react";
const navItems = [
{ name: "Dashboard", id: "dashboard" },
{ name: "Lernmodule", id: "modules" },
{ name: "Quizze", id: "quizzes" },
{ name: "Prüfungen", id: "exams" },
{ name: "Statistik", id: "statistics" },
];
const footerColumns = [
{
title: "Produkt",
items: [
{ label: "Dashboard", href: "/dashboard" },
{ label: "Lernmodule", href: "/modules" },
{ label: "Quizze", href: "/quizzes" },
{ label: "Prüfungen", href: "/exams" },
],
},
{
title: "Ressourcen",
items: [
{ label: "Dokumentation", href: "#" },
{ label: "Lerngruppen", href: "#" },
{ label: "Blog", href: "#" },
{ label: "API Docs", href: "#" },
],
},
{
title: "Support",
items: [
{ label: "Kontakt", href: "#" },
{ label: "FAQ", href: "#faq" },
{ label: "Feedback", href: "#" },
{ label: "Bugs Melden", href: "#" },
],
},
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Prüfungen", id: "/exams" },
];
export default function HomePage() {
@@ -56,22 +24,20 @@ export default function HomePage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="light"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="FahrProof"
navItems={navItems}
button={{
text: "Jetzt Starten",
href: "https://example.com/signup",
}}
text: "Jetzt Starten", href: "https://example.com/signup"}}
/>
</div>
@@ -82,63 +48,30 @@ export default function HomePage() {
tag="Prüfungsvorbereitung"
tagIcon={Sparkles}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg"
imageAlt="FahrProof Learning Dashboard"
mediaAnimation="slide-up"
buttons={[
{
text: "Kostenlos Beginnen",
href: "https://example.com/signup",
},
{
text: "Demo Ansehen",
href: "#features",
},
{ text: "Kostenlos Beginnen", href: "https://example.com/signup" },
{ text: "Demo Ansehen", href: "#features" },
]}
buttonAnimation="slide-up"
testimonials={[
{
name: "Maria Schmidt",
handle: "Taxi-Prüfung bestanden",
testimonial:
"Mit FahrProof habe ich in nur 4 Wochen alle Fragen perfekt beherrscht. Die Fehleranalyse hat mir die Schwachstellen klar gezeigt!",
rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=1",
imageAlt: "Maria Schmidt",
},
name: "Maria Schmidt", handle: "Taxi-Prüfung bestanden", testimonial: "Mit FahrProof habe ich in nur 4 Wochen alle Fragen perfekt beherrscht. Die Fehleranalyse hat mir die Schwachstellen klar gezeigt!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
{
name: "Klaus Weber",
handle: "Mietwagen-Unternehmer",
testimonial:
"Die automatische Buchimport-Funktion spart mir Stunden. Jetzt schulen wir unsere Mitarbeiter mit aktuellen Materialien.",
rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2",
imageAlt: "Klaus Weber",
},
name: "Klaus Weber", handle: "Mietwagen-Unternehmer", testimonial: "Die automatische Buchimport-Funktion spart mir Stunden. Jetzt schulen wir unsere Mitarbeiter mit aktuellen Materialien.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
{
name: "Anna Müller",
handle: "Prüfling",
testimonial:
"Spaced Repetition funktioniert wirklich! Ich vergesse nichts mehr und lerne viel schneller als früher.",
rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=3",
imageAlt: "Anna Müller",
},
name: "Anna Müller", handle: "Prüfling", testimonial: "Spaced Repetition funktioniert wirklich! Ich vergesse nichts mehr und lerne viel schneller als früher.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
{
name: "Tom Hoffmann",
handle: "Fahrschullehrer",
testimonial:
"Meine Schüler lieben die App. Die Motivation ist deutlich höher, und die Bestehensquote ist gestiegen.",
rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=4",
imageAlt: "Tom Hoffmann",
},
name: "Tom Hoffmann", handle: "Fahrschullehrer", testimonial: "Meine Schüler lieben die App. Die Motivation ist deutlich höher, und die Bestehensquote ist gestiegen.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
]}
testimonialRotationInterval={5000}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
@@ -153,58 +86,22 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Intelligente Lernkarten",
description:
"Interaktive Karteikarten mit Spaced Repetition. Das System zeigt dir automatisch die Karten, die du wiederholen musst, basierend auf wissenschaftlichen Lernprinzipien.",
imageSrc:
"http://img.b2bpic.net/free-vector/flat-design-months-year-element-pack_23-2149900225.jpg?_wi=1",
imageAlt: "Intelligente Lernkarten",
},
title: "Intelligente Lernkarten", description: "Interaktive Karteikarten mit Spaced Repetition. Das System zeigt dir automatisch die Karten, die du wiederholen musst, basierend auf wissenschaftlichen Lernprinzipien.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-months-year-element-pack_23-2149900225.jpg"},
{
id: 2,
title: "Prüfungssimulation",
description:
"Realistische Prüfungen unter echten Bedingungen. Übe mit echten Fragen und erhalte sofortige Auswertungen. Mach unbegrenzte Versuche.",
imageSrc:
"http://img.b2bpic.net/free-vector/task-management-application_23-2148625868.jpg?_wi=1",
imageAlt: "Prüfungssimulation",
},
title: "Prüfungssimulation", description: "Realistische Prüfungen unter echten Bedingungen. Übe mit echten Fragen und erhalte sofortige Auswertungen. Mach unbegrenzte Versuche.", imageSrc: "http://img.b2bpic.net/free-vector/task-management-application_23-2148625868.jpg"},
{
id: 3,
title: "Fehlertraining",
description:
"Konzentriere dich auf deine Schwächen. Das System analysiert alle falschen Antworten und erstellt einen personalisierten Lernplan nur für diese Bereiche.",
imageSrc:
"http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=1",
imageAlt: "Fehlertraining",
},
title: "Fehlertraining", description: "Konzentriere dich auf deine Schwächen. Das System analysiert alle falschen Antworten und erstellt einen personalisierten Lernplan nur für diese Bereiche.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"},
{
id: 4,
title: "Buchimport-System",
description:
"Lade dein Lehrbuch hoch und lass unser System automatisch Kapitel, Themen und Quizfragen extrahieren. Keine manuelle Arbeit nötig.",
imageSrc:
"http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg?_wi=2",
imageAlt: "Buchimport-System",
},
title: "Buchimport-System", description: "Lade dein Lehrbuch hoch und lass unser System automatisch Kapitel, Themen und Quizfragen extrahieren. Keine manuelle Arbeit nötig.", imageSrc: "http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg"},
{
id: 5,
title: "Detaillierte Statistik",
description:
"Verfolge deinen Fortschritt mit interaktiven Diagrammen. Sehe welche Themen du beherrschst und wo du noch üben musst.",
imageSrc:
"http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=2",
imageAlt: "Detaillierte Statistik",
},
title: "Detaillierte Statistik", description: "Verfolge deinen Fortschritt mit interaktiven Diagrammen. Sehe welche Themen du beherrschst und wo du noch üben musst.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"},
{
id: 6,
title: "Notizen & Zusammenfassungen",
description:
"Erstelle Notizen zu jedem Thema. Das System generiert auch automatische Zusammenfassungen der wichtigsten Punkte.",
imageSrc:
"http://img.b2bpic.net/free-vector/flat-design-months-year-element-pack_23-2149900225.jpg?_wi=2",
imageAlt: "Notizen & Zusammenfassungen",
},
title: "Notizen & Zusammenfassungen", description: "Erstelle Notizen zu jedem Thema. Das System generiert auch automatische Zusammenfassungen der wichtigsten Punkte.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-months-year-element-pack_23-2149900225.jpg"},
]}
animationType="blur-reveal"
textboxLayout="default"
@@ -221,78 +118,29 @@ export default function HomePage() {
tagAnimation="slide-up"
plans={[
{
id: "starter",
price: "Kostenlos",
name: "Starter",
buttons: [
{
text: "Jetzt Starten",
href: "https://example.com/signup",
},
{
text: "Mehr Info",
href: "#",
},
id: "starter", price: "Kostenlos", name: "Starter", buttons: [
{ text: "Jetzt Starten", href: "https://example.com/signup" },
{ text: "Mehr Info", href: "#" },
],
features: [
"3 Lernmodule",
"Bis zu 50 Lernkarten",
"1 Prüfungssimulation pro Monat",
"Basis-Statistik",
"Community Support",
],
"3 Lernmodule", "Bis zu 50 Lernkarten", "1 Prüfungssimulation pro Monat", "Basis-Statistik", "Community Support"],
},
{
id: "pro",
badge: "Meistgewählt",
badgeIcon: Sparkles,
price: "9,99€",
name: "Pro - Pro Monat",
buttons: [
{
text: "Upgrade",
href: "https://example.com/upgrade",
},
{
text: "Chat mit Berater",
href: "#",
},
id: "pro", badge: "Meistgewählt", badgeIcon: Sparkles,
price: "9,99€", name: "Pro - Pro Monat", buttons: [
{ text: "Upgrade", href: "https://example.com/upgrade" },
{ text: "Chat mit Berater", href: "#" },
],
features: [
"Alle Module freischalten",
"Unbegrenzte Lernkarten",
"Unbegrenzte Prüfungen",
"Detaillierte Fehleranalyse",
"Spaced Repetition System",
"Buchimport (bis 5 Bücher)",
"E-Mail Support",
"Offline-Modus",
],
"Alle Module freischalten", "Unbegrenzte Lernkarten", "Unbegrenzte Prüfungen", "Detaillierte Fehleranalyse", "Spaced Repetition System", "Buchimport (bis 5 Bücher)", "E-Mail Support", "Offline-Modus"],
},
{
id: "enterprise",
price: "14,99€",
name: "Enterprise - Pro Monat",
buttons: [
{
text: "Für Teams",
href: "https://example.com/teams",
},
{
text: "Berater kontaktieren",
href: "#",
},
id: "enterprise", price: "14,99€", name: "Enterprise - Pro Monat", buttons: [
{ text: "Für Teams", href: "https://example.com/teams" },
{ text: "Berater kontaktieren", href: "#" },
],
features: [
"Alles im Pro Plan",
"Unbegrenzte Buchimporte",
"Team-Management",
"Admin Dashboard",
"Benutzerdefinierte Materialien",
"API Zugang",
"Priority Support",
"Fahrschul-Lizenz",
],
"Alles im Pro Plan", "Unbegrenzte Buchimporte", "Team-Management", "Admin Dashboard", "Benutzerdefinierte Materialien", "API Zugang", "Priority Support", "Fahrschul-Lizenz"],
},
]}
animationType="slide-up"
@@ -307,22 +155,10 @@ export default function HomePage() {
rating={5}
author="Lucas Bergmann, Bestanden mit 87%"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
alt: "Student Avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
alt: "Student Avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
alt: "Student Avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
alt: "Student Avatar 4",
},
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student Avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student Avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student Avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student Avatar 4" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -336,41 +172,17 @@ export default function HomePage() {
sideDescription="Alles, was du über FahrProof wissen musst"
faqs={[
{
id: "1",
title: "Wie funktioniert der Buchimport?",
content:
"Lade einfach dein Lehrbuch (PDF oder Text) hoch. Unser AI-System extrahiert automatisch die Kapitel, erstellt Lernmodule, generiert Quizfragen und erstellt Zusammenfassungen. Der Prozess dauert meist weniger als 5 Minuten pro Buch.",
},
id: "1", title: "Wie funktioniert der Buchimport?", content: "Lade einfach dein Lehrbuch (PDF oder Text) hoch. Unser AI-System extrahiert automatisch die Kapitel, erstellt Lernmodule, generiert Quizfragen und erstellt Zusammenfassungen. Der Prozess dauert meist weniger als 5 Minuten pro Buch."},
{
id: "2",
title: "Welche Prüfungsfragen sind enthalten?",
content:
"Wir bieten die kompletten offiziellen Fragen für die deutsche Taxi- und Mietwagenprüfung. Bei Buchimport werden zusätzliche Fragen automatisch aus deinem Material generiert. Alle Fragen werden regelmäßig aktualisiert.",
},
id: "2", title: "Welche Prüfungsfragen sind enthalten?", content: "Wir bieten die kompletten offiziellen Fragen für die deutsche Taxi- und Mietwagenprüfung. Bei Buchimport werden zusätzliche Fragen automatisch aus deinem Material generiert. Alle Fragen werden regelmäßig aktualisiert."},
{
id: "3",
title: "Wie funktioniert Spaced Repetition?",
content:
"Das System merkt sich, welche Karten du richtig beantwortet hast. Schwache Karten zeigt es häufiger an, starke Karten weniger oft. Das basiert auf dem bewährten Leitner-System und wissenschaftlichen Erkenntnissen zum menschlichen Gedächtnis.",
},
id: "3", title: "Wie funktioniert Spaced Repetition?", content: "Das System merkt sich, welche Karten du richtig beantwortet hast. Schwache Karten zeigt es häufiger an, starke Karten weniger oft. Das basiert auf dem bewährten Leitner-System und wissenschaftlichen Erkenntnissen zum menschlichen Gedächtnis."},
{
id: "4",
title: "Kann ich Notizen machen?",
content:
"Ja! Zu jeder Lernkarte kannst du persönliche Notizen hinzufügen. Diese werden synchronisiert und sind auf allen Geräten verfügbar. Das System erstellt auch automatische Zusammenfassungen.",
},
id: "4", title: "Kann ich Notizen machen?", content: "Ja! Zu jeder Lernkarte kannst du persönliche Notizen hinzufügen. Diese werden synchronisiert und sind auf allen Geräten verfügbar. Das System erstellt auch automatische Zusammenfassungen."},
{
id: "5",
title: "Funktioniert die App offline?",
content:
"Im Pro und Enterprise Plan ja. Lade deine Inhalte herunter und lerne auch ohne Internetverbindung. Dein Fortschritt wird synchronisiert, sobald du wieder online bist.",
},
id: "5", title: "Funktioniert die App offline?", content: "Im Pro und Enterprise Plan ja. Lade deine Inhalte herunter und lerne auch ohne Internetverbindung. Dein Fortschritt wird synchronisiert, sobald du wieder online bist."},
{
id: "6",
title: "Gibt es eine Geld-zurück-Garantie?",
content:
"Ja! Wenn du nach 7 Tagen nicht zufrieden bist, erstattest wir die vollen Kosten. Keine Fragen gestellt, kein Ärger. Wir wollen, dass du die App liebst!",
},
id: "6", title: "Gibt es eine Geld-zurück-Garantie?", content: "Ja! Wenn du nach 7 Tagen nicht zufrieden bist, erstattest wir die vollen Kosten. Keine Fragen gestellt, kein Ärger. Wir wollen, dass du die App liebst!"},
]}
faqsAnimation="blur-reveal"
textPosition="left"
@@ -386,14 +198,8 @@ export default function HomePage() {
title="Beginne heute deine Prüfungsvorbereitung"
description="Schließe dich tausenden von erfolgreichen Prüflingen an. Mit FahrProof sind die Chancen auf Erfolg deutlich höher. Kostenlos für die ersten 3 Lernmodule, kein Kreditkarte erforderlich."
buttons={[
{
text: "Kostenlos Registrieren",
href: "https://example.com/signup",
},
{
text: "Demo Spielen",
href: "https://example.com/demo",
},
{ text: "Kostenlos Registrieren", href: "https://example.com/signup" },
{ text: "Demo Spielen", href: "https://example.com/demo" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
@@ -405,7 +211,32 @@ export default function HomePage() {
<FooterBase
logoText="FahrProof"
copyrightText="© 2025 FahrProof. Alle Rechte vorbehalten."
columns={footerColumns}
columns={[
{
title: "Produkt", items: [
{ label: "Dashboard", href: "/dashboard" },
{ label: "Lernmodule", href: "/modules" },
{ label: "Quizze", href: "/quizzes" },
{ label: "Prüfungen", href: "/exams" },
],
},
{
title: "Ressourcen", items: [
{ label: "Dokumentation", href: "#" },
{ label: "Lerngruppen", href: "#" },
{ label: "Blog", href: "#" },
{ label: "API Docs", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Kontakt", href: "#" },
{ label: "FAQ", href: "#faq" },
{ label: "Feedback", href: "#" },
{ label: "Bugs Melden", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>