bender/ed0e70d9-b69a-46e4-bb1d-9f8200807d82
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-05-09 11:40:46 +00:00
parent b4ee064d24
commit 39b040704f
1 changed files with 55 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -31,90 +31,55 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Dashboard",
id: "#dashboard",
},
name: "Dashboard", id: "#dashboard"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
]}
brandName="GermanWay"
button={{
text: "Start Learning",
href: "#pricing",
}}
text: "Start Learning", href: "#pricing"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Learn German The Smart Way"
description="Master German through gamified experiences, AI-powered pronunciation training, and daily challenges. Start your journey with the world's most intuitive language platform."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49204.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49204.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/girl-studying-university-library_23-2148844689.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/girl-studying-university-library_23-2148844689.jpg", alt: "User 5"},
]}
buttons={[
{
text: "Get Started",
href: "#pricing",
},
text: "Get Started", href: "#pricing"},
{
text: "View Dashboard",
href: "#dashboard",
},
text: "View Dashboard", href: "#dashboard"},
]}
marqueeItems={[
{
type: "text",
text: "AI-Powered Feedback",
},
type: "text", text: "AI-Powered Feedback"},
{
type: "text",
text: "Certified Curriculum",
},
type: "text", text: "Certified Curriculum"},
{
type: "text",
text: "Gamified Progress",
},
type: "text", text: "Gamified Progress"},
{
type: "text",
text: "Offline Learning",
},
type: "text", text: "Offline Learning"},
{
type: "text",
text: "Native Pronunciation",
},
type: "text", text: "Native Pronunciation"},
]}
/>
</div>
@@ -126,31 +91,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "AI Chat Assistant",
tags: [
"AI",
"Speaking",
],
imageSrc: "http://img.b2bpic.net/free-photo/iron-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11937.jpg",
},
id: "f1", title: "AI Chat Assistant", tags: [
"AI", "Speaking"],
imageSrc: "http://img.b2bpic.net/free-photo/iron-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-11937.jpg"},
{
id: "f2",
title: "Voice Pronunciation",
tags: [
"Voice",
"Training",
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-emoji-speech-bubble-upset-man_23-2147849480.jpg",
},
id: "f2", title: "Voice Pronunciation", tags: [
"Voice", "Training"],
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-emoji-speech-bubble-upset-man_23-2147849480.jpg"},
{
id: "f3",
title: "Gamified Streaks",
tags: [
"Motivation",
],
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148953422.jpg",
},
id: "f3", title: "Gamified Streaks", tags: [
"Motivation"],
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148953422.jpg"},
]}
title="Everything You Need To Master German"
description="Powerful features designed to keep you motivated and speaking fluently in no time."
@@ -164,37 +115,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Module",
name: "XP Progress Circle",
price: "100XP",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg",
},
id: "p1", brand: "Module", name: "XP Progress Circle", price: "100XP", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg"},
{
id: "p2",
brand: "Module",
name: "Daily Goals",
price: "Goal Reached",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-running-ship-systems-interface_482257-126314.jpg",
},
id: "p2", brand: "Module", name: "Daily Goals", price: "Goal Reached", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-running-ship-systems-interface_482257-126314.jpg"},
{
id: "p3",
brand: "Module",
name: "Weekly Activity",
price: "Detailed Stats",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-196592.jpg",
},
id: "p3", brand: "Module", name: "Weekly Activity", price: "Detailed Stats", rating: 5,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-196592.jpg"},
{
id: "p4",
brand: "Module",
name: "Achievement Badges",
price: "5 Earned",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
},
id: "p4", brand: "Module", name: "Achievement Badges", price: "5 Earned", rating: 5,
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg"},
]}
title="Interactive Learning Dashboard"
description="Track your progress, monitor your streak, and reach your goals with a premium, dashboard-style interface."
@@ -209,20 +140,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Willkommen",
description: "Welcome",
},
id: "m1", value: "Willkommen", description: "Welcome"},
{
id: "m2",
value: "Beispiel",
description: "Example",
},
id: "m2", value: "Beispiel", description: "Example"},
{
id: "m3",
value: "Sprache",
description: "Language",
},
id: "m3", value: "Sprache", description: "Language"},
]}
title="Daily Word Practice"
description="Practice your German vocabulary with our daily featured word of the day."
@@ -234,30 +156,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-842.jpg",
},
id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-842.jpg"},
{
id: "t2",
name: "Markus Weber",
imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg",
},
id: "t2", name: "Markus Weber", imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg"},
{
id: "t3",
name: "Elena Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-studying-outside_23-2147666805.jpg",
},
id: "t3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-studying-outside_23-2147666805.jpg"},
{
id: "t4",
name: "David Smith",
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg",
},
id: "t4", name: "David Smith", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-millennial-female-with-dark-curly-hair-strolls-street-modern-city-holds-portable-touch-pad-stylus-enjoys-view-urban-buildings-uses-technologies-woman-with-digital-tablet-computer_273609-60587.jpg"},
{
id: "t5",
name: "Anna Schmidt",
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg",
},
id: "t5", name: "Anna Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-business-centre_176420-5796.jpg"},
]}
cardTitle="Loved by thousands"
cardTag="Success Stories"
@@ -272,37 +179,16 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "free",
tag: "Basic",
price: "$0",
period: "forever",
description: "Get started with the fundamentals.",
button: {
text: "Start Free",
},
featuresTitle: "Includes:",
features: [
"Core Vocabulary",
"Daily Streak",
"Basic Lessons",
],
id: "free", tag: "Basic", price: "$0", period: "forever", description: "Get started with the fundamentals.", button: {
text: "Start Free"},
featuresTitle: "Includes:", features: [
"Core Vocabulary", "Daily Streak", "Basic Lessons"],
},
{
id: "pro",
tag: "Premium",
price: "$12",
period: "/mo",
description: "Unlock the full power of GermanWay.",
button: {
text: "Upgrade to Pro",
},
featuresTitle: "Everything in Basic, plus:",
features: [
"AI Conversation",
"Advanced Grammar",
"Unlimited Hearts",
"Offline Mode",
],
id: "pro", tag: "Premium", price: "$12", period: "/mo", description: "Unlock the full power of GermanWay.", button: {
text: "Upgrade to Pro"},
featuresTitle: "Everything in Basic, plus:", features: [
"AI Conversation", "Advanced Grammar", "Unlimited Hearts", "Offline Mode"],
},
]}
title="Choose Your Plan"
@@ -314,16 +200,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Ready to master German?"
description="Have questions about our platform or need support? We're here to help you reach your goals."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
/>
</div>
@@ -332,13 +215,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="GermanWay"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>