2025-09-05 09:48:15 +05:30

565 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
<style>.nav-1-wrapper {
margin: 0;
font-family: sans-serif;
}
.nav-1-navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 40px;
border-bottom: 1px solid #eee;
}
.nav-1-logo {
font-family: cursive;
font-size: 24px;
font-weight: bold;
}
.nav-1-nav-links {
list-style: none;
display: flex;
gap: 20px;
margin: 0;
padding: 0;
}
.nav-1-nav-actions {
display: flex;
gap: 10px;
}
.nav-1-btn {
padding: 6px 14px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
border: 2px solid #111;
}
.nav-1-outline {
background-color: transparent;
color: #111;
}
.nav-1-solid {
background-color: #111;
color: #fff;
}
.hero-1-wrapper {
margin: 0;
font-family: sans-serif;
background: #fff;
}
.hero-1-two-column {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 60px 30px;
gap: 40px;
}
.hero-1-content {
flex: 1 1 400px;
max-width: 600px;
}
.hero-1-heading {
font-size: 28px;
font-weight: bold;
margin-bottom: 16px;
}
.hero-1-description {
font-size: 14px;
color: #555;
margin-bottom: 24px;
}
.hero-1-button-group {
display: flex;
gap: 16px;
}
.hero-1-btn {
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
}
.hero-1-solid {
background: #000;
color: #fff;
border: 1px solid #000;
}
.hero-1-outline {
background: transparent;
border: 1px solid #000;
color: #000;
}
.hero-1-image {
flex: 1 1 300px;
max-width: 500px;
}
.hero-1-placeholder {
background: #ccc;
width: 100%;
max-width: 800px;
height: 300px;
border-radius: 6px;
overflow: hidden;
/* ensures image doesn't overflow */
}
.feature-6-wrapper {
font-family: sans-serif;
background: #fff;
position: relative;
overflow: hidden;
}
.feature-6-section {
margin: 0 auto;
padding: 80px 20px;
display: flex;
align-items: center;
gap: 60px;
position: relative;
}
.feature-6-section {
gap: 40px;
padding: 60px 10px;
}
.feature-6-section {
flex-direction: column;
text-align: center;
gap: 36px;
padding: 40px 0;
}
.feature-6-text {
flex: 1;
max-width: 600px;
z-index: 1;
position: relative;
}
.feature-6-text {
max-width: 100%;
padding: 0 8vw;
}
.feature-6-text {
padding: 0 2vw;
}
.feature-6-tag {
font-size: 14px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
font-weight: 600;
}
.feature-6-title {
font-size: 48px;
color: #000;
margin-bottom: 24px;
line-height: 1.1;
font-weight: 700;
}
.feature-6-title {
font-size: 40px;
}
.feature-6-title {
font-size: 28px;
}
.feature-6-subtitle {
font-size: 18px;
color: #666;
line-height: 1.6;
margin-bottom: 40px;
}
.feature-6-subtitle {
font-size: 15px;
}
.feature-6-actions {
display: flex;
gap: 24px;
align-items: center;
margin-top: 24px;
}
.feature-6-actions {
flex-direction: column;
gap: 12px;
}
.feature-6-btn {
padding: 12px 32px;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid #000;
background: #000;
color: #fff;
outline: none;
}
.feature-6-btn-link {
color: #000;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
border-bottom: 2px solid transparent;
transition: border-color 0.3s;
font-size: 16px;
}
.feature-6-btn-link {
width: 100%;
justify-content: center;
}
.feature-6-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
position: relative;
}
.feature-6-image {
margin-top: 32px;
}
.feature-6-placeholder {
width: 100%;
max-width: 440px;
height: 340px;
background: linear-gradient(135deg, #fff 60%, #f5f5f5 100%);
border: 2px solid #e0e0e0;
border-radius: 24px;
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
position: relative;
overflow: hidden;
}
.feature-6-placeholder {
height: 260px;
}
.feature-6-placeholder {
height: 200px;
max-width: 320px;
}
.testimonial-1-wrapper {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background-color: #ffffff;
padding: 80px 20px;
}
.testimonial-1-wrapper {
padding: 40px 16px;
}
.testimonial-1-container {
max-width: 600px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.testimonial-1-logo {
height: 24px;
margin-bottom: 30px;
}
.testimonial-1-text {
font-size: 18px;
line-height: 1.6;
color: #666666;
font-weight: 400;
margin-bottom: 30px;
}
.testimonial-1-text {
font-size: 16px;
}
.testimonial-1-author {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.testimonial-1-author-image {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #e0e0e0;
}
.testimonial-1-author-name {
font-size: 16px;
font-weight: 600;
color: #000000;
margin-bottom: 4px;
text-align: left;
}
.testimonial-1-author-name {
font-size: 14px;
}
.testimonial-1-author-position {
font-size: 14px;
color: #666666;
font-weight: 400;
text-align: left;
}
.testimonial-1-author-position {
font-size: 12px;
}
.logo-section {
padding: 40px;
background-color: #fff;
border-radius: 12px;
font-family: sans-serif;
}
.container {
margin: auto;
}
.section-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
}
.logo-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 20px;
}
.logo-item {
font-size: 16px;
font-weight: 500;
text-align: center;
padding: 10px 0;
color: #111;
}
.pricing-2-wrapper {
font-family: sans-serif;
background: #fff;
padding: 40px 20px;
text-align: center;
}
.pricing-2-section {
max-width: 1000px;
margin: auto;
}
.pricing-2-tagline {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-heading {
font-size: 32px;
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-subheading {
font-size: 14px;
color: #555;
margin-bottom: 24px;
}
.pricing-2-toggle {
margin-bottom: 40px;
}
.pricing-2-btn {
border: 1px solid #000;
background: transparent;
padding: 10px 20px;
font-weight: bold;
cursor: pointer;
margin: 0 5px;
}
.pricing-2-btn-active {
background: #000;
color: #fff;
}
.pricing-2-grid {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.pricing-2-card {
border: 1px solid #ccc;
padding: 24px;
max-width: 320px;
text-align: left;
}
.pricing-2-icon {
font-size: 24px;
margin-bottom: 16px;
}
.pricing-2-plan-title {
font-size: 18px;
font-weight: bold;
margin: 8px 0;
}
.pricing-2-plan-subtitle {
font-size: 14px;
color: #666;
margin-bottom: 16px;
}
.pricing-2-price {
font-size: 24px;
font-weight: bold;
margin: 8px 0;
}
.pricing-2-divider {
margin: 16px 0;
border: none;
border-top: 1px solid #ddd;
}
.pricing-2-includes {
font-weight: bold;
margin-bottom: 8px;
}
.pricing-2-feature-list {
list-style: none;
padding: 0;
font-size: 14px;
line-height: 1.8;
color: #333;
margin-bottom: 24px;
}
.pricing-2-cta {
width: 100%;
background: #000;
color: #fff;
border: none;
padding: 12px;
font-weight: bold;
cursor: pointer;
}
.cta-3-wrapper {
font-family: sans-serif;
margin: 0;
padding: 0;
background: #f5f3f0;
}
.cta-3-section {
background: #fff;
padding: 80px 20px;
text-align: center;
}
.cta-3-heading {
font-size: 28px;
font-weight: bold;
margin-bottom: 16px;
}
.cta-3-description {
font-size: 16px;
color: #666;
max-width: 600px;
margin: 0 auto 32px;
}
.cta-3-button-group {
display: flex;
justify-content: center;
gap: 16px;
}
.cta-3-btn {
padding: 10px 24px;
font-size: 14px;
cursor: pointer;
border-radius: 4px;
font-weight: 600;
}
.cta-3-solid {
background-color: #000;
color: #fff;
border: none;
}
.cta-3-outline {
background-color: transparent;
color: #000;
border: 1px solid #000;
}
.footer-1-wrapper {
background: #F8F8F8;
font-family: sans-serif;
margin: 0;
}
.footer-1-section {
background: #fff;
padding: 40px 30px 20px;
border-top: 1px solid #eee;
}
.footer-1-top {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
margin-bottom: 40px;
}
.footer-1-brand {
flex: 1 1 300px;
max-width: 350px;
}
.footer-1-logo {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.footer-1-newsletter-text {
font-size: 14px;
color: #333;
margin-bottom: 16px;
}
.footer-1-newsletter-form {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.footer-1-subscribe-btn {
padding: 10px 16px;
font-size: 14px;
border: 1px solid #000;
background: #000;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.footer-1-privacy-note {
font-size: 12px;
color: #666;
}
.footer-1-columns {
display: flex;
gap: 40px;
flex-wrap: wrap;
flex: 2 1 500px;
justify-content: space-between;
}
.footer-1-column {
min-width: 150px;
}
.footer-1-bottom {
border-top: 1px solid #eee;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 13px;
color: #777;
}
.footer-1-links {
display: flex;
gap: 20px;
list-style: none;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthWise</div><ul class="nav-1-nav-links"><li><a href="index.html">Home</a></li><li><a href="login.html">Login</a></li><li><a href="signup.html">Sign Up</a></li><li><a href="dashboard.html">Dashboard</a></li><li><a href="connectbankaccounts.html">Connect Accounts</a></li><li><a href="expensetracker.html">Expense Tracker</a></li><li><a href="savingsforecaster.html">Savings Forecaster</a></li><li><a href="investmentadvisor.html">Investment Advisor</a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign Up</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
<div class="hero-1-wrapper"><section class="hero-1-two-column"><div class="hero-1-content"><h2 class="hero-1-heading">Unlock Your Financial Potential.</h2><p class="hero-1-description">Connect your bank accounts and investments, effortlessly track expenses, forecast your savings, and receive intelligent, AI-driven investment advice. Your complete financial hub is here.</p><div class="hero-1-button-group"><button class="hero-1-btn hero-1-solid">Start Your Journey</button><button class="hero-1-btn hero-1-outline">Explore Features</button></div></div><div class="hero-1-image"><img class="hero-1-placeholder" src="https://images.unsplash.com/photo-1574884280706-7342ca3d4231?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxmaW5hbmNlJTJDJTI1MjBpbnZlc3RtZW50JTJDJTI1MjBBSSUyQyUyNTIwcGVyc29uYWwlMjUyMGZpbmFuY2UlMkMlMjUyMHdlYWx0aCUyNTIwbWFuYWdlbWVudCUyQyUyNTIwYnVkZ2V0aW5nJTJDJTI1MjBmaW5hbmNpYWwlMjUyMHBsYW5uaW5nfGVufDB8fHx8MTc1MzUzNDYwNXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080"></div></section></div>
<div class="feature-6-wrapper"><section class="feature-6-section"><div class="feature-6-text"><p class="feature-6-tag">Financial Clarity</p><h1 class="feature-6-title">Master Your Money with Intelligent Insights</h1><p class="feature-6-subtitle">Connect your accounts, track every dollar, and receive personalized advice to optimize your spending, saving, and investments all in one secure place.</p><div class="feature-6-benefits"><div class="feature-6-benefit"><i class="fas fa-cube"></i><h3>Effortless Expense Tracking</h3><p>Automatically categorize transactions and visualize your spending habits to identify areas for smart savings.</p></div><div class="feature-6-benefit"><i class="fas fa-cube"></i><h3>AI-Driven Investment Guidance</h3><p>Get personalized recommendations and forecasts to build a robust portfolio tailored to your financial goals.</p></div></div><div class="feature-6-actions"><button class="feature-6-btn feature-6-primary">Explore Features</button><a class="feature-6-btn-link">Get Started Free</a></div></div><div class="feature-6-image"><div class="feature-6-img-container"><img class="feature-6-placeholder" src="https://images.unsplash.com/photo-1701170645257-8345722edf47?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxmaW5hbmNlJTJDJTI1MjBwZXJzb25hbCUyNTIwZmluYW5jZSUyQyUyNTIwYnVkZ2V0aW5nJTJDJTI1MjBpbnZlc3RtZW50cyUyQyUyNTIwQUklMkMlMjUyMHNhdmluZ3MlMkMlMjUyMGV4cGVuc2UlMjUyMHRyYWNraW5nJTJDJTI1MjBmaW5hbmNpYWwlMjUyMHBsYW5uaW5nJTJDJTI1MjB3ZWFsdGglMjUyMG1hbmFnZW1lbnQlMkMlMjUyMGRhc2hib2FyZHxlbnwwfHx8fDE3NTM1MzQ2MTZ8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080"></div></div></section></div>
<div class="testimonial-1-wrapper"><div class="testimonial-1-container"><img class="testimonial-1-logo" src="io8-logo.svg" alt="Io8"><p class="testimonial-1-text">This platform has completely transformed how I manage my money. The seamless account linking and AI-driven insights have given me clarity on my spending and confidence in my investment strategy. I'm finally in control of my financial future!</p><div class="testimonial-1-author"><img class="testimonial-1-author-image" src="author-avatar.jpg" alt="Author Avatar"><div class="testimonial-1-author-info"><p class="testimonial-1-author-name">Emily Watson</p><p class="testimonial-1-author-position">Marketing Manager, Financial Freedom Seeker</p></div></div></div></div>
<section class="logo-section"><div class="container"><h2 class="section-title">Our Trusted Integrations &amp; Accolades</h2><div class="logo-grid"><div class="logo-item">Plaid API Integration</div><div class="logo-item">Secure Data Protocol Certified</div><div class="logo-item">Financial Innovator Award</div><div class="logo-item">Forbes Fintech Feature</div><div class="logo-item">AI Excellence Recognition</div><div class="logo-item">Leading Financial Institutions Partner</div></div></div></section>
<div class="pricing-2-wrapper"><section class="pricing-2-section"><p class="pricing-2-tagline">Empower Your Financial Future</p><h2 class="pricing-2-heading">Choose Your Path to Financial Freedom</h2><p class="pricing-2-subheading">Invest in your growth with our flexible plans, designed to fit every financial goal and empower your journey.</p><div class="pricing-2-toggle"><button class="pricing-2-btn pricing-2-btn-active">Monthly Billing</button><button class="pricing-2-btn">Annual Billing</button></div><div class="pricing-2-grid"><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Essential Insight</h3><p class="pricing-2-plan-subtitle">Core tools for smart money management.</p><p class="pricing-2-price">$19/mo</p><hr class="pricing-2-divider"><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ Secure Bank Account Linking</li><li>✓ Automated Expense Tracking</li><li>✓ Basic Budgeting Tools</li><li>✓ Monthly Spending Reports</li><li>✓ Data Export Capabilities</li><li>✓ Email Support</li></ul><button class="pricing-2-cta">Get Started Today</button></div><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Advanced Growth</h3><p class="pricing-2-plan-subtitle">Unlock full potential with AI-driven financial wisdom.</p><p class="pricing-2-price">$39/mo</p><hr class="pricing-2-divider"><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ Unlimited Account Linking</li><li>✓ AI-Driven Investment Advice</li><li>✓ Advanced Savings Forecasting</li><li>✓ Real-time Net Worth Tracking</li><li>✓ Personalized Financial Reports</li><li>✓ Priority Customer Support</li></ul><button class="pricing-2-cta">Unlock Advanced Features</button></div></div></section></div>
<div class="cta-3-wrapper"><section class="cta-3-section"><h2 class="cta-3-heading">Unlock Your Full Financial Potential</h2><p class="cta-3-description">Connect your bank accounts and investments, effortlessly track expenses, forecast your savings, and get AI-driven investment advice tailored to your goals. Take control today.</p><div class="cta-3-button-group"><button class="cta-3-btn cta-3-solid">Get Started Now</button><button class="cta-3-btn cta-3-outline">Learn More</button></div></section></div>
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">FinAI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights, market updates, and expert AI advice delivered straight to your inbox.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Your email address"><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing, you agree to our </span><a href="privacy_policy.html">Privacy Policy</a><span> and consent to receive emails about our products, services, and offers.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Solutions</h4><ul><li><a href="expense_tracking.html">Expense Tracking</a></li><li><a href="investment_portfolio.html">Investment Portfolio</a></li><li><a href="savings_forecasting.html">Savings Forecasting</a></li><li><a href="ai_investment_advice.html">AI Investment Advice</a></li><li><a href="bank_account_linking.html">Bank Account Linking</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="about_us.html">About Us</a></li><li><a href="careers.html">Careers</a></li><li><a href="blog.html">Blog</a></li><li><a href="contact_us.html">Contact Us</a></li><li><a href="support.html">Support</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2025 FinAI. All rights reserved.</p><ul class="footer-1-links"><li><a href="privacy_policy.html">Privacy Policy</a></li><li><a href="terms_of_service.html">Terms of Service</a></li><li><a href="faq.html">FAQ</a></li></ul></div></section></div>
</body>
</html>