 Design Recommender. Created with ❤️ by Bhavul Gauri.</p>
            <p class="text-center mb-0"><a href="https://buymeacoffee.com/bhavul" class="text-white ms-2"><i class="bi bi-cup-hot"></i>Buy me a coffee</a></p>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // System components database with expanded information
        const componentDatabase = {
            "Load Balancer": {
            