bender/54f4fd4d-c56a-469b-9e80-09ad91fef6e9
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-02 21:33:37 +00:00
parent 2d7e4c9035
commit 36e4ab4155
1 changed files with 47 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/app/page.tsx
View File

@@ -32,10 +32,11 @@ export default function LandingPage() {
{ name: "Courses", id: "learning" }, { name: "Courses", id: "learning" },
{ name: "Community", id: "testimonials" }, { name: "Community", id: "testimonials" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" },
{ name: "Blog", id: "blog" }, { name: "Login", id: "/login" },
]} ]}
button={{ button={{
text: "Start Learning", href: "contact"}} text: "Start Learning", href: "contact"
}}
brandName="FinHub" brandName="FinHub"
/> />
</div> </div>
@@ -49,7 +50,7 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
buttons={[ buttons={[
{ text: "Start Free Lesson", href: "contact" }, { text: "Start Free Lesson", href: "/signup" },
{ text: "View Courses", href: "learning" }, { text: "View Courses", href: "learning" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
@@ -69,13 +70,17 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
accordionItems={[ accordionItems={[
{ {
id: "1", title: "Stock Market Mastery", content: "Understand how stocks work, learn technical analysis, and discover investment strategies through gamified scenarios and real-time market simulations."}, id: "1", title: "Stock Market Mastery", content: "Understand how stocks work, learn technical analysis, and discover investment strategies through gamified scenarios and real-time market simulations."
},
{ {
id: "2", title: "Crypto & Blockchain", content: "Demystify cryptocurrency, explore blockchain technology, and learn how to evaluate digital assets with our interactive crypto challenges."}, id: "2", title: "Crypto & Blockchain", content: "Demystify cryptocurrency, explore blockchain technology, and learn how to evaluate digital assets with our interactive crypto challenges."
},
{ {
id: "3", title: "Personal Budgeting", content: "Master budgeting techniques, track spending habits, and build healthy financial routines with our intuitive budget planning tools."}, id: "3", title: "Personal Budgeting", content: "Master budgeting techniques, track spending habits, and build healthy financial routines with our intuitive budget planning tools."
},
{ {
id: "4", title: "Investment Strategies", content: "Learn diversification, portfolio management, and risk assessment through case studies and virtual investment competitions."}, id: "4", title: "Investment Strategies", content: "Learn diversification, portfolio management, and risk assessment through case studies and virtual investment competitions."
}
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=1"
imageAlt="Stock market learning illustration" imageAlt="Stock market learning illustration"
@@ -98,13 +103,17 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
products={[ products={[
{ {
id: "1", name: "Beginner's Guide to Stocks", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=2", imageAlt: "Beginner stock market course"}, id: "1", name: "Beginner's Guide to Stocks", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=2", imageAlt: "Beginner stock market course"
},
{ {
id: "2", name: "Crypto 101 Course", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/modern-illustration-of-cryptocurrency-an-1772485586614-526c5195.png", imageAlt: "Cryptocurrency fundamentals"}, id: "2", name: "Crypto 101 Course", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/modern-illustration-of-cryptocurrency-an-1772485586614-526c5195.png", imageAlt: "Cryptocurrency fundamentals"
},
{ {
id: "3", name: "Advanced Portfolio Management", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/friendly-illustration-showing-budgeting--1772485586201-261e93c5.png", imageAlt: "Portfolio management strategies"}, id: "3", name: "Advanced Portfolio Management", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/friendly-illustration-showing-budgeting--1772485586201-261e93c5.png", imageAlt: "Portfolio management strategies"
},
{ {
id: "4", name: "Financial Independence Path", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=3", imageAlt: "Path to financial independence"}, id: "4", name: "Financial Independence Path", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/colorful-illustration-of-stock-market-ch-1772485586013-5ec22a53.png?_wi=3", imageAlt: "Path to financial independence"
}
]} ]}
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
@@ -124,22 +133,28 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
id: "1", name: "Alex Johnson", handle: "@alexjohn", testimonial: "FinHub made learning about stocks so fun! The gamified lessons kept me engaged, and I actually understand the stock market now.", rating: 5, id: "1", name: "Alex Johnson", handle: "@alexjohn", testimonial: "FinHub made learning about stocks so fun! The gamified lessons kept me engaged, and I actually understand the stock market now.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-happy-young-adult-pr-1772485585642-16f79072.png?_wi=1", imageAlt: "Alex Johnson"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-happy-young-adult-pr-1772485585642-16f79072.png?_wi=1", imageAlt: "Alex Johnson"
},
{ {
id: "2", name: "Sarah Chen", handle: "@sarahfinance", testimonial: "The interactive crypto course broke down complex blockchain concepts into easy-to-understand lessons. Highly recommend!", rating: 5, id: "2", name: "Sarah Chen", handle: "@sarahfinance", testimonial: "The interactive crypto course broke down complex blockchain concepts into easy-to-understand lessons. Highly recommend!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-confident-woman-smil-1772485585769-a7ac5a64.png?_wi=1", imageAlt: "Sarah Chen"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-confident-woman-smil-1772485585769-a7ac5a64.png?_wi=1", imageAlt: "Sarah Chen"
},
{ {
id: "3", name: "Marcus Williams", handle: "@marcusw", testimonial: "I went from complete beginner to confidently managing my portfolio thanks to FinHub's structured learning paths.", rating: 5, id: "3", name: "Marcus Williams", handle: "@marcusw", testimonial: "I went from complete beginner to confidently managing my portfolio thanks to FinHub's structured learning paths.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-friendly-man-with-a--1772485585558-9539445f.png", imageAlt: "Marcus Williams"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-friendly-man-with-a--1772485585558-9539445f.png", imageAlt: "Marcus Williams"
},
{ {
id: "4", name: "Emma Rodriguez", handle: "@emmafintech", testimonial: "Finally, a platform that makes financial education fun and accessible! The community aspect is incredible.", rating: 5, id: "4", name: "Emma Rodriguez", handle: "@emmafintech", testimonial: "Finally, a platform that makes financial education fun and accessible! The community aspect is incredible.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-young-professional-w-1772485585796-0cb638e6.png", imageAlt: "Emma Rodriguez"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-young-professional-w-1772485585796-0cb638e6.png", imageAlt: "Emma Rodriguez"
},
{ {
id: "5", name: "James Park", handle: "@jamespark", testimonial: "The budgeting tools combined with lessons helped me save 30% more each month. Game changer!", rating: 5, id: "5", name: "James Park", handle: "@jamespark", testimonial: "The budgeting tools combined with lessons helped me save 30% more each month. Game changer!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-happy-young-adult-pr-1772485585642-16f79072.png?_wi=2", imageAlt: "James Park"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-happy-young-adult-pr-1772485585642-16f79072.png?_wi=2", imageAlt: "James Park"
},
{ {
id: "6", name: "Lisa Thompson", handle: "@lisafinance", testimonial: "Best fintech learning platform I've found. The lessons are bite-sized and perfect for busy professionals.", rating: 5, id: "6", name: "Lisa Thompson", handle: "@lisafinance", testimonial: "Best fintech learning platform I've found. The lessons are bite-sized and perfect for busy professionals.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-confident-woman-smil-1772485585769-a7ac5a64.png?_wi=2", imageAlt: "Lisa Thompson"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/portrait-photo-of-a-confident-woman-smil-1772485585769-a7ac5a64.png?_wi=2", imageAlt: "Lisa Thompson"
}
]} ]}
showRating={true} showRating={true}
textboxLayout="default" textboxLayout="default"
@@ -154,17 +169,23 @@ export default function LandingPage() {
sideDescription="Everything you need to know to get started with your financial learning journey" sideDescription="Everything you need to know to get started with your financial learning journey"
faqs={[ faqs={[
{ {
id: "1", title: "Is FinHub really free?", content: "Yes! All core courses and lessons are completely free. We believe financial education should be accessible to everyone."}, id: "1", title: "Is FinHub really free?", content: "Yes! All core courses and lessons are completely free. We believe financial education should be accessible to everyone."
},
{ {
id: "2", title: "What topics does FinHub cover?", content: "We cover stocks, cryptocurrencies, personal budgeting, investment strategies, financial planning, and more. New topics are added regularly."}, id: "2", title: "What topics does FinHub cover?", content: "We cover stocks, cryptocurrencies, personal budgeting, investment strategies, financial planning, and more. New topics are added regularly."
},
{ {
id: "3", title: "Can I learn at my own pace?", content: "Absolutely! All lessons are self-paced. You can take weeks or months to complete a course, and your progress is saved automatically."}, id: "3", title: "Can I learn at my own pace?", content: "Absolutely! All lessons are self-paced. You can take weeks or months to complete a course, and your progress is saved automatically."
},
{ {
id: "4", title: "Do I need prior financial knowledge?", content: "No! Our courses are designed for complete beginners. We start with fundamentals and progressively build more complex concepts."}, id: "4", title: "Do I need prior financial knowledge?", content: "No! Our courses are designed for complete beginners. We start with fundamentals and progressively build more complex concepts."
},
{ {
id: "5", title: "How is the content gamified?", content: "Earn points and badges as you complete lessons, compete on leaderboards with friends, and unlock special achievements to stay motivated."}, id: "5", title: "How is the content gamified?", content: "Earn points and badges as you complete lessons, compete on leaderboards with friends, and unlock special achievements to stay motivated."
},
{ {
id: "6", title: "Can I track my learning progress?", content: "Yes! Your dashboard shows detailed progress metrics, learning streaks, badges earned, and personalized recommendations for your next lessons."}, id: "6", title: "Can I track my learning progress?", content: "Yes! Your dashboard shows detailed progress metrics, learning streaks, badges earned, and personalized recommendations for your next lessons."
}
]} ]}
textPosition="left" textPosition="left"
useInvertedBackground={true} useInvertedBackground={true}
@@ -197,8 +218,8 @@ export default function LandingPage() {
columns={[ columns={[
{ {
title: "Learning", items: [ title: "Learning", items: [
{ label: "Courses", href: "#learning" }, { label: "Courses", href: "learning" },
{ label: "Lessons", href: "#features" }, { label: "Lessons", href: "features" },
{ label: "Challenges", href: "#" }, { label: "Challenges", href: "#" },
{ label: "Resources", href: "#" }, { label: "Resources", href: "#" },
], ],
@@ -215,7 +236,7 @@ export default function LandingPage() {
title: "Company", items: [ title: "Company", items: [
{ label: "About Us", href: "#" }, { label: "About Us", href: "#" },
{ label: "Blog", href: "#" }, { label: "Blog", href: "#" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "contact" },
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },
], ],
}, },