diff --git a/src/app/page.tsx b/src/app/page.tsx index f354b00..63cce38 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,7 +17,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="large" - background="grid" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -32,7 +32,8 @@ export default function LandingPage() { { name: "FAQ", id: "faq" }, ]} button={{ - text: "Try Now", href: "#contact"}} + text: "Try Now", href: "#contact" + }} animateOnLoad={true} /> @@ -45,7 +46,7 @@ export default function LandingPage() { { text: "Try Now", href: "#contact" }, { text: "Learn More" }, ]} - background={{ variant: "grid" }} + background={{ variant: "sparkles-gradient" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-vibrant-fintech-app-dashboard-showing--1772884753843-df893ef5.png" imageAlt="Fingo financial learning dashboard" frameStyle="card" @@ -61,11 +62,14 @@ export default function LandingPage() { description="Fingo provides interactive, gamified financial education designed to make learning about money engaging and accessible for everyone." features={[ { - id: "1", title: "Interactive Lessons", description: "Engaging lessons that teach fundamental financial concepts through real-world scenarios and practical examples.", tag: "Learning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-mobile-phone-screen-displaying-interac-1772884754324-b074c854.png", imageAlt: "Interactive financial lessons"}, + id: "1", title: "Interactive Lessons", description: "Engaging lessons that teach fundamental financial concepts through real-world scenarios and practical examples.", tag: "Learning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-mobile-phone-screen-displaying-interac-1772884754324-b074c854.png", imageAlt: "Interactive financial lessons" + }, { - id: "2", title: "Budget Tracking", description: "Track your spending, categorize expenses, and visualize your financial habits with intuitive tools and insights.", tag: "Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-detailed-financial-tracking-screen-sho-1772884753979-68ab7cbb.png", imageAlt: "Budget tracking interface"}, + id: "2", title: "Budget Tracking", description: "Track your spending, categorize expenses, and visualize your financial habits with intuitive tools and insights.", tag: "Tools", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-detailed-financial-tracking-screen-sho-1772884753979-68ab7cbb.png", imageAlt: "Budget tracking interface" + }, { - id: "3", title: "Savings Goals", description: "Set achievable financial goals, monitor your progress, and celebrate milestones with reward systems and motivational feedback.", tag: "Goals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-savings-goals-interface-showing-milest-1772884753879-6cbfd3b5.png", imageAlt: "Savings goals tracking"}, + id: "3", title: "Savings Goals", description: "Set achievable financial goals, monitor your progress, and celebrate milestones with reward systems and motivational feedback.", tag: "Goals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-savings-goals-interface-showing-milest-1772884753879-6cbfd3b5.png", imageAlt: "Savings goals tracking" + }, ]} animationType="slide-up" textboxLayout="default" @@ -109,7 +113,8 @@ export default function LandingPage() { tag="Partners" tagAnimation="slide-up" names={[ - "NextGen Finance", "Wealth Education Hub", "Digital Banking Alliance", "Financial Literacy Foundation", "Investment Academy", "Money Matters Institute", "Future Finance Leaders"]} + "NextGen Finance", "Wealth Education Hub", "Digital Banking Alliance", "Financial Literacy Foundation", "Investment Academy", "Money Matters Institute", "Future Finance Leaders" + ]} speed={40} showCard={true} ariaLabel="Social proof section" @@ -123,16 +128,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Chen", handle: "@sarahchen", testimonial: "Fingo made learning about finances fun and engaging. I finally understand investing and budgeting!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-headshot-of-a-young-adult-1772884752600-9044c726.png", imageAlt: "Sarah Chen"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-headshot-of-a-young-adult-1772884752600-9044c726.png", imageAlt: "Sarah Chen" + }, { id: "2", name: "Marcus Rodriguez", handle: "@mrodriguez", testimonial: "The interactive lessons are incredible. I've gone from financial anxiety to feeling confident about my future.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-portrait-of-a-professional-woman-with--1772884752765-166dbce8.png", imageAlt: "Marcus Rodriguez"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-portrait-of-a-professional-woman-with--1772884752765-166dbce8.png", imageAlt: "Marcus Rodriguez" + }, { id: "3", name: "Emma Williams", handle: "@emmaw", testimonial: "Fingo's gamified approach made me actually want to learn about personal finance. Highly recommended!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-headshot-of-a-confident-m-1772884752550-e6860bb0.png", imageAlt: "Emma Williams"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-headshot-of-a-confident-m-1772884752550-e6860bb0.png", imageAlt: "Emma Williams" + }, { id: "4", name: "David Park", handle: "@dpark", testimonial: "The best financial education platform I've used. Clear, engaging, and actually useful for real life.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-portrait-of-a-young-woman-1772884754405-9bfa9b96.png", imageAlt: "David Park"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-professional-portrait-of-a-young-woman-1772884754405-9bfa9b96.png", imageAlt: "David Park" + }, ]} showRating={true} animationType="slide-up" @@ -150,17 +159,23 @@ export default function LandingPage() { description="Find answers to common questions about Fingo, our features, and how to get started with your financial learning journey." faqs={[ { - id: "1", title: "Is Fingo suitable for beginners?", content: "Absolutely! Fingo is designed specifically for learners of all levels. Whether you're just starting to learn about personal finance or looking to deepen your knowledge, our interactive lessons adapt to your pace."}, + id: "1", title: "Is Fingo suitable for beginners?", content: "Absolutely! Fingo is designed specifically for learners of all levels. Whether you're just starting to learn about personal finance or looking to deepen your knowledge, our interactive lessons adapt to your pace." + }, { - id: "2", title: "How much does Fingo cost?", content: "Fingo offers flexible pricing options including a free tier with essential features and premium tiers for advanced learning tools and personalized coaching. Check our pricing page for current options."}, + id: "2", title: "How much does Fingo cost?", content: "Fingo offers flexible pricing options including a free tier with essential features and premium tiers for advanced learning tools and personalized coaching. Check our pricing page for current options." + }, { - id: "3", title: "Can I track my financial goals?", content: "Yes! Fingo includes comprehensive goal-tracking features. Set savings goals, investment targets, or budgeting milestones and monitor your progress with detailed visualizations and insights."}, + id: "3", title: "Can I track my financial goals?", content: "Yes! Fingo includes comprehensive goal-tracking features. Set savings goals, investment targets, or budgeting milestones and monitor your progress with detailed visualizations and insights." + }, { - id: "4", title: "Is my financial data secure?", content: "Security is our top priority. Fingo uses bank-level encryption and follows industry-leading security standards to protect your personal and financial information."}, + id: "4", title: "Is my financial data secure?", content: "Security is our top priority. Fingo uses bank-level encryption and follows industry-leading security standards to protect your personal and financial information." + }, { - id: "5", title: "Can I use Fingo on mobile?", content: "Yes! Fingo is fully optimized for mobile devices. Download our app for iOS or Android to access all features and continue your learning journey on the go."}, + id: "5", title: "Can I use Fingo on mobile?", content: "Yes! Fingo is fully optimized for mobile devices. Download our app for iOS or Android to access all features and continue your learning journey on the go." + }, { - id: "6", title: "How do I get started?", content: "Getting started is easy! Sign up for a free account, complete your profile, and start exploring our interactive lessons and tools immediately. Your financial education journey begins today."}, + id: "6", title: "How do I get started?", content: "Getting started is easy! Sign up for a free account, complete your profile, and start exploring our interactive lessons and tools immediately. Your financial education journey begins today." + }, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APDZNAPblxpNYRuXTIE4hmL6HY/a-helpful-customer-service-representativ-1772884754087-3767d1dd.png" imageAlt="Financial guidance support" @@ -208,9 +223,11 @@ export default function LandingPage() {