<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BluHealth</title>
    <link rel="stylesheet" href="{{ asset('css/styles.css?id=334') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>


    <!-- Background Image Section -->
    <div class="background-section">
        <div class="sub-navbar">
            <img src="{{ asset('/img/logo.png')}}" alt="BluHealth Logo" class="sub-navbar-logo"> <!-- Logo Image -->
        </div>

        <div class="manage-health">


        </div>
        <!-- Login Cards Section -->
        <div class="login-container">
            <div class="login-row">
                <div class="login-card bg-warning-subtle">
                    <a href="{{ route('patient-login') }}">
                        <span>Patient Login</span>
                        <i class="fas fa-user icon"></i>
                    </a>
                </div>
                <div class="login-card bg-info-subtle">
                    <a href="{{ route('patient-login') }}">
                        <span>Hospitals Login</span>
                        <i class="fas fa-hospital icon"></i>
                    </a>
                </div>
                <div class="login-card bg-secondary-subtle">
                    <a href="{{ route('patient-login') }}">
                        <span>Pharmacy Login</span>
                        <i class="fas fa-user-shield icon"></i>
                    </a>
                </div>
                <div class="login-card bg-light-purple">
                    <a href="{{ route('labs.login') }}">
                        <span>Lab Login</span>
                        <i class="fas fa-vials icon"></i>
                    </a>
                </div>

            </div>
            <div class="login-row">

                <div class="login-card bg-success-subtle">
                    <a href="{{ route('admin.login') }}">
                        <span>Admin Login</span>
                        <i class="fas fa-prescription-bottle-alt icon"></i>
                    </a>
                </div>
                <div class="login-card bg-danger-subtle">
                    <a href="{{ route('hcp.login') }}">
                        <span>Doctor Login</span>
                        <i class="fas fa-notes-medical icon"></i>
                    </a>
                </div>
                <div class="login-card bg-danger-subtle">
                    <a href="{{ route('radiology.login') }}">
                        <span>Imaging Login</span>
                        <i class="fas fa-x-ray icon"></i>
                    </a>
                </div>
                <div class="login-card" style="background-color: #87d38a;">
                    <a href="https://asha.bluai.ai" style="color: #4e69f7; text-decoration: none;">
                        <span>BluASHA Login</span>
                        <i class="fas fa-user-nurse icon"></i>
                    </a>
                </div>
            </div>
            <div class="login-row">

                <div class="login-card bg-light-purple">
                    <a href="https://bluhealth.bluai.ai/mental-health/home">
                        <span>Mental Health Login</span>
                        <i class="fas fa-brain icon" style="margin-left: 8px;"></i>
                    </a>
                </div>

                <div class="login-card" style="background-color: #a58eff;">
                    <a href="" >
                        <span>BluNotes Login</span>
                        <i class="fas fa-notes-medical icon" style="margin-left: 8px;"></i>
                    </a>
                </div>
                <div class="login-card" style="background-color: #4CAF50; padding: 12px; border-radius: 8px; text-align: center;">
    <a href="#" style="color: white; text-decoration: none; font-weight: bold; font-size: 16px;">
        <span>Billing Encounter</span>
        <i class="fas fa-file-invoice-dollar icon" style="margin-left: 8px;"></i>
    </a>
</div>

            </div>
        </div>




    </div>
    </div>

    </div>














    <!-- Bootstrap Icons CDN -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">

    <!-- Healthcare with Technology -->
    <section class="healthcare-section">
        <div class="container">
            <h2 class="section-title">Revolutionizing Healthcare with Technology</h2>
            <p class="section-subtitle">Experience world-class healthcare with cutting-edge digital solutions.</p>

            <!-- Cards Container -->
            <div class="cards-container">
                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-heart-pulse icon heart-icon"></i>
                    <h3>Smart Health Monitoring</h3>
                    <p>Track your vitals in real-time with our advanced AI-powered system.</p>
                </div>

                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-capsule icon capsule-icon"></i>
                    <h3>AI-Powered Diagnosis</h3>
                    <p>Our smart AI assists doctors in making accurate and quick diagnoses.</p>
                </div>

                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-shield-lock icon shield-icon"></i>
                    <h3>Secure Data & Privacy</h3>
                    <p>We prioritize your health data security with end-to-end encryption.</p>
                </div>

                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-chat-dots icon chat-icon"></i>
                    <h3>AI-Powered MedChat</h3>
                    <p>Instantly connect with a virtual health assistant for medical advice anytime.</p>
                </div>

                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-hospital icon hospital-icon"></i>
                    <h3>Virtual Consultations</h3>
                    <p>Book video consultations with top doctors from the comfort of your home.</p>
                </div>

                <div class="feature-card">
                    <div class="glow-effect"></div>
                    <i class="bi bi-clipboard-check icon clipboard-icon"></i>
                    <h3>Your Health Insights</h3>
                    <p>Get tailored health recommendations based on your lifestyle and vitals.</p>
                </div>
            </div>
        </div>
    </section>













    <!-- Adding some margin before footer -->
    <div style="width: 100%; height: 30px;"></div>

    <footer class="footer">
        <div class="footer-container">
            <div class="footer-section company-info">
                <img src="{{ asset('/img/logo.png')}}" alt="BluAi Logo" class="footer-logo">
                <p> BluAI Private Ltd., CPM-17, Suite #317, <br>
                    Center Plaza Emaar, Sector 105, Mohali,<br>
                    Punjab 140307 India
                </p>
            </div>

            <div class="footer-section social-media">
                <h4>STAY IN TOUCH</h4>
                <div class="social-icons">
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-youtube"></i></a>
                </div>
            </div>

            <div class="footer-section footer-links">
                <p>
                    <a href="#">Privacy Policy</a> | <a href="#">Terms & Conditions</a> |
                    <a href="#">Online Payment & Refund Policy</a> | <a href="#">Gifting Policy</a> |
                    <a href="#">Tele-consult</a> | <a href="#">Sitemap</a> |
                    <a href="#">Contact Us</a>
                </p>
                <p> Healthcare. All Rights Reserved.</p>
            </div>
        </div>
    </footer>










</body>

</html>