web/footer.php at main · bloa-lang/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
    <footer class="bg-black border-t border-gray-800 text-white py-16 mt-20">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
                <div>
                    <div class="flex items-center space-x-2 mb-4">
                        <i class="fas fa-code text-2xl text-cyan-400"></i>
                        <h3 class="text-xl font-bold text-white">Bloa</h3>
                    </div>
                    <p class="text-gray-400 text-sm leading-relaxed">A minimalist scripting language designed for simplicity, readability, and powerful performance.</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4 text-white">Resources</h3>
                    <ul class="space-y-2.5">
                        <li><a href="docs.php" class="text-gray-400 hover:text-cyan-400 transition duration-300">Documentation</a></li>
                        <li><a href="examples.php" class="text-gray-400 hover:text-cyan-400 transition duration-300">Examples</a></li>
                        <li><a href="download.php" class="text-gray-400 hover:text-cyan-400 transition duration-300">Download</a></li>
                        <li><a href="about.php" class="text-gray-400 hover:text-cyan-400 transition duration-300">About</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4 text-white">Community</h3>
                    <ul class="space-y-2.5">
                        <li><a href="https://github.com/bloa-lang/bloa-src" class="text-gray-400 hover:text-cyan-400 transition duration-300">GitHub</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-cyan-400 transition duration-300">Discord</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-cyan-400 transition duration-300">Issues & Discussions</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4 text-white">Follow</h3>
                    <div class="flex space-x-4">
                        <a href="https://github.com/bloa-lang/bloa-src" class="w-10 h-10 bg-gray-800 hover:bg-cyan-600 rounded-full flex items-center justify-center transition duration-300" title="GitHub"><i class="fab fa-github text-gray-300 hover:text-white"></i></a>
                        <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-indigo-600 rounded-full flex items-center justify-center transition duration-300" title="Discord"><i class="fab fa-discord text-gray-300 hover:text-white"></i></a>
                        <a href="#" class="w-10 h-10 bg-gray-800 hover:bg-blue-600 rounded-full flex items-center justify-center transition duration-300" title="Twitter"><i class="fab fa-twitter text-gray-300 hover:text-white"></i></a>
                    </div>
                </div>
            </div>
            <div class="border-t border-gray-800 pt-8 text-center">
                <p class="text-gray-500 text-sm">&copy; <?php echo date('Y'); ?> Bloa Language. All rights reserved. | <a href="#" class="text-gray-400 hover:text-cyan-400 transition">Privacy</a> | <a href="#" class="text-gray-400 hover:text-cyan-400 transition">Terms</a></p>
            </div>
        </div>
    </footer>
</body>
</html>