Skip to content

Commit f01c6fa

Browse files
refactor: update design of Footer component
1 parent 5cd4a68 commit f01c6fa

File tree

1 file changed

+6
-25
lines changed

1 file changed

+6
-25
lines changed

src/components/common/Footer.astro

Lines changed: 6 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,10 @@
1-
<footer class="py-12 px-6 bg-blue-500/30 backdrop-blur-xl border-t border-white/10 text-white">
1+
<footer class="py-8 px-6 bg-blue-500/30 backdrop-blur-xl border-t border-white/10 text-white">
22
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center">
3-
<div class="mb-6 md:mb-0">
4-
<h3 class="text-2xl font-semibold tracking-tight">Your Platform</h3>
5-
<p class="text-gray-300 text-base mt-2">Empowering developers with cutting-edge tools.</p>
6-
</div>
7-
<div class="flex space-x-8">
8-
<div>
9-
<h4 class="text-lg font-semibold mb-3">Links</h4>
10-
<ul class="space-y-2 text-gray-300 text-base">
11-
<li><a href="#features" class="hover:text-blue-400 transition-colors duration-300">Features</a></li>
12-
<li><a href="#pricing" class="hover:text-blue-400 transition-colors duration-300">Pricing</a></li>
13-
<li><a href="#docs" class="hover:text-blue-400 transition-colors duration-300">Docs</a></li>
14-
</ul>
15-
</div>
16-
<div>
17-
<h4 class="text-lg font-semibold mb-3">Connect</h4>
18-
<ul class="space-y-2 text-gray-300 text-base">
19-
<li><a href="#contact" class="hover:text-blue-400 transition-colors duration-300">Contact Us</a></li>
20-
<li><a href="#github" class="hover:text-blue-400 transition-colors duration-300">GitHub</a></li>
21-
<li><a href="#twitter" class="hover:text-blue-400 transition-colors duration-300">Twitter</a></li>
22-
</ul>
23-
</div>
24-
</div>
25-
<div class="mt-6 md:mt-0 text-center md:text-right">
26-
<p class="text-gray-300 text-base">&copy; 2025 Your Platform. All rights reserved.</p>
3+
<div class="flex space-x-6 mb-4 md:mb-0">
4+
<a href="#github" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">GitHub</a>
5+
<a href="#twitter" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">Twitter</a>
6+
<a href="#linkedin" class="text-gray-300 hover:text-blue-400 transition-colors duration-300 text-lg">LinkedIn</a>
277
</div>
8+
<p class="text-gray-300 text-base">&copy; 2025 <b>Webbro Software.</b> All rights reserved.</p>
289
</div>
2910
</footer>

0 commit comments

Comments
 (0)