bender/3cf85039-a4f5-460c-8c87-78ec24d1cfe4
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-04-20 11:23:29 +00:00
parent 683f19ea58
commit ad84f9e975
1 changed files with 40 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Prüfung",
id: "#hero",
},
{
name: "Features",
id: "#features",
},
{
name: "Module",
id: "#modules",
},
{
name: "Kontakt",
id: "#contact",
},
{ name: "Prüfung", id: "#hero" },
{ name: "Features", id: "#features" },
{ name: "Module", id: "#modules" },
{ name: "Kontakt", id: "#contact" },
]}
brandName="IHK Prep"
/>
@@ -55,48 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
title="Dein Weg zur perfekten IHK-Prüfung"
description="Simuliere echte Prüfungssituationen, trainiere gezielt Fachbereiche und bestehe mit unserem intelligenten Lernalgorithmus."
buttons={[
{
text: "Jetzt kostenlos starten",
href: "#contact",
},
]}
buttons={[{ text: "Jetzt kostenlos starten", href: "#contact" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=1",
imageAlt: "Dashboard",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg?_wi=1",
imageAlt: "Karteikarten",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-top-view_185193-109745.jpg",
imageAlt: "Prüfung",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg",
imageAlt: "Lernmodule",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
imageAlt: "Analytics",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569175.jpg",
imageAlt: "Lernumgebung",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", imageAlt: "Dashboard" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg", imageAlt: "Karteikarten" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-top-view_185193-109745.jpg", imageAlt: "Prüfung" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg", imageAlt: "Lernmodule" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Analytics" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569175.jpg", imageAlt: "Lernumgebung" },
]}
/>
</div>
@@ -106,21 +63,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Erfolge messbar machen"
metrics={[
{
icon: Award,
label: "Bestehensquote",
value: "98%",
},
{
icon: Clock,
label: "Zeit Ersparnis",
value: "40%",
},
{
icon: CheckCircle,
label: "Fragenpool",
value: "15.000+",
},
{ icon: Award, label: "Bestehensquote", value: "98%" },
{ icon: Clock, label: "Zeit Ersparnis", value: "40%" },
{ icon: CheckCircle, label: "Fragenpool", value: "15.000+" },
]}
metricsAnimation="blur-reveal"
/>
@@ -132,36 +77,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Simulation",
title: "Prüfungs-Simulation",
items: [
"Echte Zeitlimits",
"Punktesimulation",
"IHK-Feeling pur",
],
},
{
id: "f2",
label: "Training",
title: "Spaced Repetition",
items: [
"Intelligenter Algorithmus",
"Schwierige Fragen öfter",
"Effektiver Lernfortschritt",
],
},
{
id: "f3",
label: "Analyse",
title: "Fortschritts-Tracker",
items: [
"Lücken erkennen",
"Visuelle Statistiken",
"Stärken ausbauen",
],
},
{ id: "f1", label: "Simulation", title: "Prüfungs-Simulation", items: ["Echte Zeitlimits", "Punktesimulation", "IHK-Feeling pur"] },
{ id: "f2", label: "Training", title: "Spaced Repetition", items: ["Intelligenter Algorithmus", "Schwierige Fragen öfter", "Effektiver Lernfortschritt"] },
{ id: "f3", label: "Analyse", title: "Fortschritts-Tracker", items: ["Lücken erkennen", "Visuelle Statistiken", "Stärken ausbauen"] },
]}
title="Intelligente Lern-Tools"
description="Unsere App kombiniert bewährte Lernmethoden mit der speziellen IHK-Logik."
@@ -170,52 +88,17 @@ export default function LandingPage() {
<div id="modules" data-section="modules">
<ProductCardFour
animationType="blur-reveal"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Kaufmännische Berufe",
price: "Basis",
variant: "WISO & KLR",
imageSrc: "http://img.b2bpic.net/free-photo/pile-3d-facebook-logos_1379-875.jpg",
},
{
id: "p2",
name: "IT-Berufe",
price: "Technik",
variant: "Code & Security",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-retro-computer_23-2151004370.jpg",
},
{
id: "p3",
name: "Logistik & Handel",
price: "Lager",
variant: "Prozesse & Recht",
imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-earth-global-world-with-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1283.jpg",
},
{
id: "p4",
name: "WISO-Basics",
price: "Recht",
variant: "Alle Berufe",
imageSrc: "http://img.b2bpic.net/free-vector/ebook-icon_632498-3933.jpg",
},
{
id: "p5",
name: "Rechnungswesen",
price: "Finanz",
variant: "Buchführung",
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-exchange-economics-investment-graph_53876-21258.jpg",
},
{
id: "p6",
name: "Komplexaufgaben",
price: "Pro",
variant: "Transfertraining",
imageSrc: "http://img.b2bpic.net/free-photo/last-piece-puzzle_1156-390.jpg",
},
{ id: "p1", name: "Kaufmännische Berufe", price: "Basis", variant: "WISO & KLR", imageSrc: "http://img.b2bpic.net/free-photo/pile-3d-facebook-logos_1379-875.jpg" },
{ id: "p2", name: "IT-Berufe", price: "Technik", variant: "Code & Security", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-retro-computer_23-2151004370.jpg" },
{ id: "p3", name: "Logistik & Handel", price: "Lager", variant: "Prozesse & Recht", imageSrc: "http://img.b2bpic.net/free-photo/pointer-pin-location-earth-global-world-with-cardboard-boxes-transportation-logistics-concept-pink-background-icon-symbol-3d-rendering_56104-1283.jpg" },
{ id: "p4", name: "WISO-Basics", price: "Recht", variant: "Alle Berufe", imageSrc: "http://img.b2bpic.net/free-vector/ebook-icon_632498-3933.jpg" },
{ id: "p5", name: "Rechnungswesen", price: "Finanz", variant: "Buchführung", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-exchange-economics-investment-graph_53876-21258.jpg" },
{ id: "p6", name: "Komplexaufgaben", price: "Pro", variant: "Transfertraining", imageSrc: "http://img.b2bpic.net/free-photo/last-piece-puzzle_1156-390.jpg" },
]}
title="Spezialisierte Fachbereiche"
description="Lerninhalte maßgeschneidert auf deinen Bildungsgang."
@@ -228,54 +111,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "plan-1",
title: "Einstieg",
price: "19,99€",
period: "einmalig",
features: [
"Basis-Prüfungen",
"WISO-Modul",
"Erster Überblick",
],
button: {
text: "Starten",
},
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-pens-view_23-2149740077.jpg",
imageAlt: "Bullet journal and pens  above view",
},
{
id: "plan-2",
title: "Premium",
price: "49,99€",
period: "einmalig",
features: [
"Alle Fachbereiche",
"Vollständige Simulation",
"Lern-Tracker & Statistik",
],
button: {
text: "Empfohlen",
},
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=2",
imageAlt: "Bullet journal and pens  above view",
},
{
id: "plan-3",
title: "Master",
price: "89,99€",
period: "einmalig",
features: [
"Alles in Premium",
"Persönliches Coaching",
"Prüfungs-Garantie",
],
button: {
text: "Maximum",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg?_wi=2",
imageAlt: "Bullet journal and pens  above view",
},
{ id: "plan-1", title: "Einstieg", price: "19,99€", period: "einmalig", features: ["Basis-Prüfungen", "WISO-Modul", "Erster Überblick"], button: { text: "Starten" }, imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-pens-view_23-2149740077.jpg" },
{ id: "plan-2", title: "Premium", price: "49,99€", period: "einmalig", features: ["Alle Fachbereiche", "Vollständige Simulation", "Lern-Tracker & Statistik"], button: { text: "Empfohlen" }, imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg" },
{ id: "plan-3", title: "Master", price: "89,99€", period: "einmalig", features: ["Alles in Premium", "Persönliches Coaching", "Prüfungs-Garantie"], button: { text: "Maximum" }, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book-tablet-table_23-2147655874.jpg" },
]}
title="Wähle dein Lernpaket"
description="Bereite dich effizient und ohne Stress auf deine Prüfung vor."
@@ -286,31 +124,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Müller",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
},
{
id: "t2",
name: "Kevin Schmidt",
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg",
},
{
id: "t3",
name: "Lisa Weber",
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-red-uniform-holding-clipboard-looking-camera-skeptic-nervous-isolated-white-background_141793-19565.jpg",
},
{
id: "t4",
name: "Tom Fischer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-having-notepad-pen-hands-planning-expertising-analyzing-isolated_231208-10439.jpg",
},
{
id: "t5",
name: "Anna Becker",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg",
},
{ id: "t1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
{ id: "t2", name: "Kevin Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg" },
{ id: "t3", name: "Lisa Weber", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-red-uniform-holding-clipboard-looking-camera-skeptic-nervous-isolated-white-background_141793-19565.jpg" },
{ id: "t4", name: "Tom Fischer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-having-notepad-pen-hands-planning-expertising-analyzing-isolated_231208-10439.jpg" },
{ id: "t5", name: "Anna Becker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg" },
]}
cardTitle="Erfolgsgeschichten"
cardAnimation="blur-reveal"
@@ -322,21 +140,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Wie aktuell sind die Fragen?",
content: "Unser Team hält die Fragen stets auf dem neuesten Stand der IHK-Verordnungen.",
},
{
id: "q2",
title: "Gibt es eine App?",
content: "Ja, unsere Plattform ist als PWA für alle mobilen Endgeräte optimiert.",
},
{
id: "q3",
title: "Kann ich die Lernpläne anpassen?",
content: "Natürlich! Jeder Lernplan lässt sich an deinen Zeitplan anpassen.",
},
{ id: "q1", title: "Wie aktuell sind die Fragen?", content: "Unser Team hält die Fragen stets auf dem neuesten Stand der IHK-Verordnungen." },
{ id: "q2", title: "Gibt es eine App?", content: "Ja, unsere Plattform ist als PWA für alle mobilen Endgeräte optimiert." },
{ id: "q3", title: "Kann ich die Lernpläne anpassen?", content: "Natürlich! Jeder Lernplan lässt sich an deinen Zeitplan anpassen." },
]}
sideTitle="Noch Fragen?"
faqsAnimation="blur-reveal"
@@ -346,32 +152,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
tag="Bereit?"
title="Starte dein IHK-Training"
description="Werde Teil der Tausenden erfolgreichen Azubis und starte noch heute."
buttons={[
{
text: "Jetzt loslegen",
href: "#hero",
},
]}
buttons={[{ text: "Jetzt loslegen", href: "#hero" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="IHK Prep App"
leftLink={{
text: "Datenschutz",
href: "#",
}}
rightLink={{
text: "Impressum",
href: "#",
}}
leftLink={{ text: "Datenschutz", href: "#" }}
rightLink={{ text: "Impressum", href: "#" }}
/>
</div>
</ReactLenis>