{% extends 'base/base.html' %}

{% block title %}Welcome to Bids Cashflow{% endblock %}

{% block content %}
<div class="container text-center">
    <div class="hero-section">
        <h1>Welcome to Bids Cashflow Capital Solution</h1>
        <p>Your trusted partner for invoice discounting and purchase order funding</p>
        <div class="cta-buttons">
            <a href="{% url 'applicant_login' %}" class="btn btn-primary">Login</a>
            <a href="{% url 'applicant_register' %}" class="btn btn-secondary">Register</a>
        </div>
    </div>
</div>

<style>
    .hero-section {
        margin-top: 5rem;
        padding: 3rem;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border-radius: 10px;
    }
    .hero-section h1 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    .cta-buttons {
        margin-top: 2rem;
    }
    .btn {
        padding: 0.75rem 1.5rem;
        margin: 0 0.5rem;
        text-decoration: none;
        border-radius: 4px;
        display: inline-block;
    }
    .btn-primary {
        background: white;
        color: #667eea;
    }
    .btn-secondary {
        background: transparent;
        color: white;
        border: 2px solid white;
    }
    .btn-secondary:hover {
        background: white;
        color: #667eea;
    }
</style>
{% endblock %}