From 13fd459bd6bb6d5e38dded7af4e90d1cc0b68dc9 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 01:51:10 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 331 ++++++++++++----------------------------------- 1 file changed, 81 insertions(+), 250 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 97c4525..44e88e9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" > @@ -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} /> @@ -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() {