first commit
This commit is contained in:
49
src/components/Footer.svelte
Normal file
49
src/components/Footer.svelte
Normal file
@@ -0,0 +1,49 @@
|
||||
<script lang="ts">
|
||||
const currentYear = new Date().getFullYear();
|
||||
</script>
|
||||
|
||||
<footer class="bg-primary text-white py-12">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid md:grid-cols-4 gap-8">
|
||||
<div class="space-y-4">
|
||||
<h3 class="text-xl font-heading font-semibold">Tiber365</h3>
|
||||
<p class="text-white/80">
|
||||
Expert Microsoft 365 support for freelancers and small businesses.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Services</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Microsoft 365 Migrations</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Cloud Email Support</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Security & Compliance</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Remote IT Helpdesk</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Company</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">About Us</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Contact</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Careers</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 class="text-lg font-heading font-semibold mb-4">Legal</h4>
|
||||
<ul class="space-y-2">
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Privacy Policy</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Terms of Service</a></li>
|
||||
<li><a href="#" class="text-white/80 hover:text-white transition-colors">Cookie Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-t border-white/10 mt-12 pt-8 text-center text-white/60">
|
||||
<p>© {currentYear} Tiber365. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
Reference in New Issue
Block a user