<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-8 text-center">
            <!-- Success Icon -->
            <div class="mb-4">
                <i class="fa fa-check-circle text-success display-3"></i>
            </div>
            <!-- Title -->
            <h1 class="display-5 fw-bold text-success">Success</h1>
            <!-- Subtitle -->
            <h3 class="mt-3">
                The Tempus Project has been successfully installed.
            </h3>
            <p class="lead mt-3">
                You can now log in and manage your site or jump straight into building your new features!
            </p>
            <!-- Info Readout Placeholder -->
            <p class="mt-4 text-muted">
                <em>Some plugins may need additional configuration and there are already some pre-made resources to get you started. (Both in the files and the Admin Panel)</em>
            </p>
            <!-- Call-to-Action Buttons -->
            <div class="d-flex justify-content-center gap-3 mt-4">
                <a href="/home/login" class="btn btn-success btn-lg">
                    <i class="fa fa-sign-in-alt me-2"></i> Log In
                </a>
                <a href="/home/index" class="btn btn-outline-success btn-lg">
                    <i class="fa fa-cogs me-2"></i> Go to Homepage
                </a>
            </div>
        </div>
    </div>
</div>
