Dhanesh1/codegenius-bot-your-ai-code-wizard

1class CustomNavbar extends HTMLElement {2    connectedCallback() {3        this.attachShadow({ mode: 'open' });4        this.shadowRoot.innerHTML = `5            <style>6                nav {7                    font-family: 'Inter', sans-serif;8                }9                10                .nav-link {11                    transition: all 0.2s ease;12                }13                14                .nav-link:hover {15                    color: #a5b4fc;16                }17                18                @media (max-width: 768px) {19                    .mobile-menu {20                        display: none;21                    }22                    23                    .mobile-menu.active {24                        display: flex;25                    }26                }27            </style>28            <nav class="bg-gray-800 border-b border-gray-700">29                <div class="container mx-auto px-4">30                    <div class="flex items-center justify-between h-16">31                        <div class="flex items-center">32                            <a href="/" class="flex items-center space-x-2">33                                <div class="h-8 w-8 rounded-lg bg-indigo-600 flex items-center justify-center">34                                    <i data-feather="code" class="w-4 h-4 text-white"></i>35                                </div>36                                <span class="text-xl font-bold text-white">CodeGenius</span>37                            </a>38                        </div>39                        40                        <div class="hidden md:flex items-center space-x-8">41                            <a href="#" class="text-gray-300 hover:text-indigo-400 nav-link">Home</a>42                            <a href="#" class="text-gray-300 hover:text-indigo-400 nav-link">Features</a>43                            <a href="#" class="text-gray-300 hover:text-indigo-400 nav-link">Examples</a>44                            <a href="#" class="text-gray-300 hover:text-indigo-400 nav-link">