Update src/app/page.tsx
This commit is contained in:
134
src/app/page.tsx
134
src/app/page.tsx
@@ -30,56 +30,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Dashboard", id: "#dashboard"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Dashboard", id: "#dashboard" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="GermanWay"
|
||||
button={{
|
||||
text: "Start Learning", href: "#pricing"}}
|
||||
button={{ text: "Start Learning", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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/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/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/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/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/girl-studying-university-library_23-2148844689.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "View Dashboard", href: "#dashboard"},
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "View Dashboard", href: "#dashboard" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "AI-Powered Feedback"},
|
||||
{
|
||||
type: "text", text: "Certified Curriculum"},
|
||||
{
|
||||
type: "text", text: "Gamified Progress"},
|
||||
{
|
||||
type: "text", text: "Offline Learning"},
|
||||
{
|
||||
type: "text", text: "Native Pronunciation"},
|
||||
{ type: "text", text: "AI-Powered Feedback" },
|
||||
{ type: "text", text: "Certified Curriculum" },
|
||||
{ type: "text", text: "Gamified Progress" },
|
||||
{ type: "text", text: "Offline Learning" },
|
||||
{ type: "text", text: "Native Pronunciation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,18 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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."
|
||||
@@ -110,22 +83,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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"},
|
||||
{ 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, 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, 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, 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."
|
||||
@@ -139,12 +105,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "Willkommen", description: "Welcome"},
|
||||
{
|
||||
id: "m2", value: "Beispiel", description: "Example"},
|
||||
{
|
||||
id: "m3", value: "Sprache", description: "Language"},
|
||||
{ id: "m1", value: "Willkommen", description: "Welcome" },
|
||||
{ id: "m2", value: "Beispiel", description: "Example" },
|
||||
{ id: "m3", value: "Sprache", description: "Language" },
|
||||
]}
|
||||
title="Daily Word Practice"
|
||||
description="Practice your German vocabulary with our daily featured word of the day."
|
||||
@@ -155,16 +118,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
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: "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: "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: "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: "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: "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"
|
||||
@@ -179,16 +137,12 @@ 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"
|
||||
@@ -199,14 +153,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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>
|
||||
@@ -214,10 +166,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GermanWay"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user