bender/b1c5a395-e666-410b-b0d6-3d581aeec3bc
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-03-07 09:14:28 +00:00
parent c1c6a3857a
commit b159c370e0
1 changed files with 69 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
src/app/page.tsx
View File

@@ -22,7 +22,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
@@ -38,9 +38,7 @@ export default function HomePage() {
{ name: "Invest", id: "/invest" },
]}
button={{
text: "Open Account",
href: "/contact",
}}
text: "Open Account", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -52,30 +50,20 @@ export default function HomePage() {
tag="Trusted Distributor"
tagIcon={TrendingUp}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-cryptocurrencies-app-template_23-2151069805.jpg?_wi=1",
imageAlt: "professional investor analyzing financial data dashboard",
},
imageSrc: "http://img.b2bpic.net/free-vector/gradient-cryptocurrencies-app-template_23-2151069805.jpg", imageAlt: "professional investor analyzing financial data dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-tablet-pc_1262-1044.jpg?_wi=1",
imageAlt: "professional financial advisor business portrait",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-tablet-pc_1262-1044.jpg", imageAlt: "professional financial advisor business portrait"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-freelancer-video-conferencing-home_23-2148694488.jpg?_wi=1",
imageAlt: "fund performance comparison bar chart dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-freelancer-video-conferencing-home_23-2148694488.jpg", imageAlt: "fund performance comparison bar chart dashboard"},
]}
buttons={[
{
text: "Start Investing",
href: "/invest",
},
text: "Start Investing", href: "/invest"},
{
text: "View Schemes",
href: "/schemes",
},
text: "View Schemes", href: "/schemes"},
]}
buttonAnimation="blur-reveal"
mediaAnimation="slide-up"
@@ -91,9 +79,7 @@ export default function HomePage() {
useInvertedBackground={false}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="blur-reveal"
/>
@@ -108,35 +94,21 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "equity",
title: "Equity Funds - High Growth Potential",
tags: ["Growth Strategy", "Long-term"],
imageSrc: "http://img.b2bpic.net/free-vector/investment-flat-color-infographic_1284-7025.jpg?_wi=1",
imageAlt: "equity mutual fund growth chart green upward",
},
id: "equity", title: "Equity Funds - High Growth Potential", tags: ["Growth Strategy", "Long-term"],
imageSrc: "http://img.b2bpic.net/free-vector/investment-flat-color-infographic_1284-7025.jpg", imageAlt: "equity mutual fund growth chart green upward"},
{
id: "debt",
title: "Debt Funds - Stable Income",
tags: ["Income Focus", "Lower Risk"],
imageSrc: "http://img.b2bpic.net/free-photo/payment-received-taxation-tax-time-concept_53876-123793.jpg?_wi=1",
imageAlt: "debt fund bonds investment portfolio chart",
},
id: "debt", title: "Debt Funds - Stable Income", tags: ["Income Focus", "Lower Risk"],
imageSrc: "http://img.b2bpic.net/free-photo/payment-received-taxation-tax-time-concept_53876-123793.jpg", imageAlt: "debt fund bonds investment portfolio chart"},
{
id: "hybrid",
title: "Hybrid Funds - Balanced Approach",
tags: ["Diversified", "Moderate Risk"],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412259.jpg?_wi=1",
imageAlt: "balanced fund portfolio equity debt mix",
},
id: "hybrid", title: "Hybrid Funds - Balanced Approach", tags: ["Diversified", "Moderate Risk"],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412259.jpg", imageAlt: "balanced fund portfolio equity debt mix"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "Explore All Schemes",
href: "/schemes",
},
text: "Explore All Schemes", href: "/schemes"},
]}
buttonAnimation="blur-reveal"
/>
@@ -151,55 +123,27 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "growth-fund-1",
title: "Premium Growth Fund",
subtitle: "Annual Return | Sharpe Ratio 1.8",
category: "Equity",
value: "14.5% YTD",
buttons: [
id: "growth-fund-1", title: "Premium Growth Fund", subtitle: "Annual Return | Sharpe Ratio 1.8", category: "Equity", value: "14.5% YTD", buttons: [
{
text: "Details",
href: "#",
},
text: "Details", href: "#"},
],
},
{
id: "growth-fund-2",
title: "Aggressive Growth Fund",
subtitle: "3-Year CAGR | Expense Ratio 0.85%",
category: "Equity",
value: "16.2% CAGR",
buttons: [
id: "growth-fund-2", title: "Aggressive Growth Fund", subtitle: "3-Year CAGR | Expense Ratio 0.85%", category: "Equity", value: "16.2% CAGR", buttons: [
{
text: "Details",
href: "#",
},
text: "Details", href: "#"},
],
},
{
id: "income-fund",
title: "Secure Income Fund",
subtitle: "Modified Duration 4.5 | Yield 5.8%",
category: "Debt",
value: "6.1% YTD",
buttons: [
id: "income-fund", title: "Secure Income Fund", subtitle: "Modified Duration 4.5 | Yield 5.8%", category: "Debt", value: "6.1% YTD", buttons: [
{
text: "Details",
href: "#",
},
text: "Details", href: "#"},
],
},
{
id: "balanced-fund",
title: "Balanced Advantage Fund",
subtitle: "60/40 Allocation | 5-Year Return",
category: "Hybrid",
value: "10.8% CAGR",
buttons: [
id: "balanced-fund", title: "Balanced Advantage Fund", subtitle: "60/40 Allocation | 5-Year Return", category: "Hybrid", value: "10.8% CAGR", buttons: [
{
text: "Details",
href: "#",
},
text: "Details", href: "#"},
],
},
]}
@@ -209,9 +153,7 @@ export default function HomePage() {
uniformGridCustomHeightClasses="min-h-95"
buttons={[
{
text: "View Complete Performance",
href: "/performance",
},
text: "View Complete Performance", href: "/performance"},
]}
buttonAnimation="blur-reveal"
/>
@@ -226,26 +168,11 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "sip-investment",
name: "SIP Investment Option",
price: "Min ₹500/month",
imageSrc: "http://img.b2bpic.net/free-vector/investment-flat-color-infographic_1284-7025.jpg?_wi=2",
imageAlt: "SIP investment",
},
id: "sip-investment", name: "SIP Investment Option", price: "Min ₹500/month", imageSrc: "http://img.b2bpic.net/free-vector/investment-flat-color-infographic_1284-7025.jpg", imageAlt: "SIP investment"},
{
id: "lump-sum",
name: "Lump Sum Investment",
price: "Min ₹10,000",
imageSrc: "http://img.b2bpic.net/free-photo/payment-received-taxation-tax-time-concept_53876-123793.jpg?_wi=2",
imageAlt: "Lump sum investment",
},
id: "lump-sum", name: "Lump Sum Investment", price: "Min ₹10,000", imageSrc: "http://img.b2bpic.net/free-photo/payment-received-taxation-tax-time-concept_53876-123793.jpg", imageAlt: "Lump sum investment"},
{
id: "kyc-process",
name: "KYC Verification Required",
price: "5-10 minutes",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-freelancer-video-conferencing-home_23-2148694488.jpg?_wi=2",
imageAlt: "KYC process",
},
id: "kyc-process", name: "KYC Verification Required", price: "5-10 minutes", imageSrc: "http://img.b2bpic.net/free-photo/close-up-freelancer-video-conferencing-home_23-2148694488.jpg", imageAlt: "KYC process"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -253,9 +180,7 @@ export default function HomePage() {
useInvertedBackground={false}
buttons={[
{
text: "Start Your KYC",
href: "/invest",
},
text: "Start Your KYC", href: "/invest"},
]}
buttonAnimation="blur-reveal"
/>
@@ -270,41 +195,17 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "testimonial-rajesh",
name: "Rajesh Kumar",
role: "Software Engineer",
testimonial:
"FundHub made investing simple and transparent. The performance tracking and expert guidance helped me build a diversified portfolio aligned with my retirement goals.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
imageAlt: "Rajesh Kumar",
},
id: "testimonial-rajesh", name: "Rajesh Kumar", role: "Software Engineer", testimonial:
"FundHub made investing simple and transparent. The performance tracking and expert guidance helped me build a diversified portfolio aligned with my retirement goals.", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", imageAlt: "Rajesh Kumar"},
{
id: "testimonial-priya",
name: "Priya Sharma",
role: "Business Owner",
testimonial:
"The detailed fund analytics and ratio comparisons are invaluable. I've been able to make informed decisions about my investments with confidence.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg",
imageAlt: "Priya Sharma",
},
id: "testimonial-priya", name: "Priya Sharma", role: "Business Owner", testimonial:
"The detailed fund analytics and ratio comparisons are invaluable. I've been able to make informed decisions about my investments with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg", imageAlt: "Priya Sharma"},
{
id: "testimonial-vikram",
name: "Vikram Patel",
role: "Finance Manager",
testimonial:
"As a finance professional, I appreciate the transparency and professionalism. The platform provides comprehensive data that institutional investors need.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-mobile_23-2148937761.jpg",
imageAlt: "Vikram Patel",
},
id: "testimonial-vikram", name: "Vikram Patel", role: "Finance Manager", testimonial:
"As a finance professional, I appreciate the transparency and professionalism. The platform provides comprehensive data that institutional investors need.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-mobile_23-2148937761.jpg", imageAlt: "Vikram Patel"},
{
id: "testimonial-anisha",
name: "Anisha Gupta",
role: "Young Professional",
testimonial:
"Starting my investment journey was intimidating, but FundHub's educational resources and personalized scheme recommendations made it accessible and rewarding.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-with-glasses_23-2148446242.jpg",
imageAlt: "Anisha Gupta",
},
id: "testimonial-anisha", name: "Anisha Gupta", role: "Young Professional", testimonial:
"Starting my investment journey was intimidating, but FundHub's educational resources and personalized scheme recommendations made it accessible and rewarding.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-with-glasses_23-2148446242.jpg", imageAlt: "Anisha Gupta"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -321,53 +222,29 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "faq-1",
title: "What is a mutual fund?",
content:
"A mutual fund is a professionally managed investment fund that pools money from multiple investors to purchase a diversified portfolio of securities such as stocks, bonds, and money market instruments. This provides individual investors with professional management and diversification.",
},
id: "faq-1", title: "What is a mutual fund?", content:
"A mutual fund is a professionally managed investment fund that pools money from multiple investors to purchase a diversified portfolio of securities such as stocks, bonds, and money market instruments. This provides individual investors with professional management and diversification."},
{
id: "faq-2",
title: "What are the minimum investment requirements?",
content:
"The minimum investment varies by fund type. SIPs (Systematic Investment Plans) can start from ₹500/month, while lump sum investments typically require a minimum of ₹10,000 for most funds. Some premium funds may have higher minimums. Check individual scheme details for specific requirements.",
},
id: "faq-2", title: "What are the minimum investment requirements?", content:
"The minimum investment varies by fund type. SIPs (Systematic Investment Plans) can start from ₹500/month, while lump sum investments typically require a minimum of ₹10,000 for most funds. Some premium funds may have higher minimums. Check individual scheme details for specific requirements."},
{
id: "faq-3",
title: "How are mutual fund returns calculated?",
content:
"Returns are calculated based on the Net Asset Value (NAV) per unit. Your returns depend on the difference between the purchase price and current NAV, plus any distributions. We provide CAGR (Compound Annual Growth Rate) for multi-year returns and YTD (Year-to-Date) returns for current performance.",
},
id: "faq-3", title: "How are mutual fund returns calculated?", content:
"Returns are calculated based on the Net Asset Value (NAV) per unit. Your returns depend on the difference between the purchase price and current NAV, plus any distributions. We provide CAGR (Compound Annual Growth Rate) for multi-year returns and YTD (Year-to-Date) returns for current performance."},
{
id: "faq-4",
title: "What is the Sharpe Ratio and why is it important?",
content:
"The Sharpe Ratio measures risk-adjusted returns by comparing a fund's excess return to its volatility. A higher Sharpe Ratio indicates better risk-adjusted performance. It helps investors understand how much excess return they receive for taking on additional volatility compared to a risk-free investment.",
},
id: "faq-4", title: "What is the Sharpe Ratio and why is it important?", content:
"The Sharpe Ratio measures risk-adjusted returns by comparing a fund's excess return to its volatility. A higher Sharpe Ratio indicates better risk-adjusted performance. It helps investors understand how much excess return they receive for taking on additional volatility compared to a risk-free investment."},
{
id: "faq-5",
title: "What is an expense ratio?",
content:
"The expense ratio is the annual cost of managing a mutual fund, expressed as a percentage of assets under management. It includes management fees, administrative costs, and other operational expenses. Lower expense ratios mean more of your investment returns are retained.",
},
id: "faq-5", title: "What is an expense ratio?", content:
"The expense ratio is the annual cost of managing a mutual fund, expressed as a percentage of assets under management. It includes management fees, administrative costs, and other operational expenses. Lower expense ratios mean more of your investment returns are retained."},
{
id: "faq-6",
title: "How do I start investing?",
content:
"To start investing, complete the KYC (Know Your Customer) verification process, which takes 5-10 minutes. You'll need to provide basic identity and address information. Once verified, you can choose from our fund schemes and begin investing through SIP or lump sum options.",
},
id: "faq-6", title: "How do I start investing?", content:
"To start investing, complete the KYC (Know Your Customer) verification process, which takes 5-10 minutes. You'll need to provide basic identity and address information. Once verified, you can choose from our fund schemes and begin investing through SIP or lump sum options."},
{
id: "faq-7",
title: "What are equity funds best for?",
content:
"Equity funds are best for long-term wealth creation (5+ years) as they provide higher growth potential. They are ideal for investors with higher risk tolerance seeking capital appreciation. They work well for retirement planning, education funds, and other long-term financial goals.",
},
id: "faq-7", title: "What are equity funds best for?", content:
"Equity funds are best for long-term wealth creation (5+ years) as they provide higher growth potential. They are ideal for investors with higher risk tolerance seeking capital appreciation. They work well for retirement planning, education funds, and other long-term financial goals."},
{
id: "faq-8",
title: "When should I invest in debt funds?",
content:
"Debt funds are suitable for conservative investors seeking steady income and capital preservation. They're ideal for shorter investment horizons (1-3 years), emergency funds, and as a balanced portion of a diversified portfolio. They provide lower risk but also lower returns compared to equity funds.",
},
id: "faq-8", title: "When should I invest in debt funds?", content:
"Debt funds are suitable for conservative investors seeking steady income and capital preservation. They're ideal for shorter investment horizons (1-3 years), emergency funds, and as a balanced portion of a diversified portfolio. They provide lower risk but also lower returns compared to equity funds."},
]}
animationType="smooth"
textboxLayout="default"
@@ -398,81 +275,49 @@ export default function HomePage() {
{
items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Schemes",
href: "/schemes",
},
label: "Schemes", href: "/schemes"},
{
label: "Performance",
href: "/performance",
},
label: "Performance", href: "/performance"},
{
label: "Invest",
href: "/invest",
},
label: "Invest", href: "/invest"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Compliance",
href: "#",
},
label: "Compliance", href: "#"},
{
label: "Disclaimers",
href: "#",
},
label: "Disclaimers", href: "#"},
],
},
{
items: [
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "LinkedIn",
href: "https://linkedin.com",
},
label: "LinkedIn", href: "https://linkedin.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
{
label: "YouTube",
href: "https://youtube.com",
},
label: "YouTube", href: "https://youtube.com"},
],
},
]}