Merge pull request 'pull footer improvement to the stage' (#3) from staging into master

Reviewed-on: #3
pull/4/head 0.0.1
Kar 2025-03-20 15:25:07 +00:00
commit 0900d51954
1 changed files with 28 additions and 28 deletions

View File

@ -136,13 +136,13 @@ const organizationSchema = {
<img src="https://siliconpin.com/assets/logo.svg" alt="SiliconPin Logo" class="w-7 h-7 sm:w-8 sm:h-8" />
<span class="text-sm sm:text-base">&copy; {new Date().getFullYear()} SiliconPin. All rights reserved.</span>
</div>
<div class="hidden sm:block">
<a href="/suggestion-or-report" class="text-[#6d9e37] hover:text-white transition-colors">
Suggestion or Report
</a>
</div>
<div class="flex gap-5 mt-4 sm:mt-0">
<a href="https://www.linkedin.com/company/siliconpin" aria-label="LinkedIn" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
@ -163,53 +163,53 @@ const organizationSchema = {
</div>
</div>
</div>
<!-- Footer links section with main background -->
<div class="py-10 px-4 sm:px-6">
<div class="container mx-auto">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- Services column - Card Style -->
<div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
<h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Services</h3>
<h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Services</h3>
<ul class="space-y-2 text-neutral-400">
<li><a href="/services" class="hover:text-[#6d9e37] transition-colors">All Services</a></li>
<li><a href="/get-started" class="hover:text-[#6d9e37] transition-colors">Get Started</a></li>
<li><a href="/services/hire-developer" class="hover:text-[#6d9e37] transition-colors">Hire a Human Developer</a></li>
<li><a href="/services/hire-ai-agent" class="hover:text-[#6d9e37] transition-colors">Hire an AI Agent</a></li>
<li class="flex items-center gap-2">📦 <a href="/services" class="hover:text-[#6d9e37] transition-colors">All Services</a></li>
<li class="flex items-center gap-2">🚀 <a href="/get-started" class="hover:text-[#6d9e37] transition-colors">Get Started</a></li>
<li class="flex items-center gap-2">👨‍💻 <a href="/services/hire-developer" class="hover:text-[#6d9e37] transition-colors">Hire a Human Developer</a></li>
<li class="flex items-center gap-2">🤖 <a href="/services/hire-ai-agent" class="hover:text-[#6d9e37] transition-colors">Hire an AI Agent</a></li>
</ul>
</div>
<!-- Company column - Card Style -->
<div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
<h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Company</h3>
<h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Company</h3>
<ul class="space-y-2 text-neutral-400">
<li><a href="/about-us" class="hover:text-[#6d9e37] transition-colors">About Us</a></li>
<li><a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a></li>
<li><a href="/careers" class="hover:text-[#6d9e37] transition-colors">Careers</a></li>
<li><a href="/partners" class="hover:text-[#6d9e37] transition-colors">Partners</a></li>
<li class="flex items-center gap-2">🏢 <a href="/about-us" class="hover:text-[#6d9e37] transition-colors">About Us</a></li>
<li class="flex items-center gap-2">📞 <a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a></li>
<li class="flex items-center gap-2">💼 <a href="/careers" class="hover:text-[#6d9e37] transition-colors">Careers</a></li>
<li class="flex items-center gap-2">🤝 <a href="/partners" class="hover:text-[#6d9e37] transition-colors">Partners</a></li>
</ul>
</div>
<!-- Legal column - Card Style -->
<div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
<h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Legal</h3>
<h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Legal</h3>
<ul class="space-y-2 text-neutral-400">
<li><a href="/privacy-policy" class="hover:text-[#6d9e37] transition-colors">Privacy Policy</a></li>
<li><a href="/terms-and-conditions" class="hover:text-[#6d9e37] transition-colors">Terms & Conditions</a></li>
<li><a href="/refund-policy" class="hover:text-[#6d9e37] transition-colors">Refund Policy</a></li>
<li><a href="/legal-agreement" class="hover:text-[#6d9e37] transition-colors">Legal Agreement</a></li>
<li><a href="/suggestion-or-report" class="hover:text-[#6d9e37] transition-colors">Suggestion or Report</a></li>
<li class="flex items-center gap-2">🔒 <a href="/privacy-policy" class="hover:text-[#6d9e37] transition-colors">Privacy Policy</a></li>
<li class="flex items-center gap-2">📜 <a href="/terms-and-conditions" class="hover:text-[#6d9e37] transition-colors">Terms & Conditions</a></li>
<li class="flex items-center gap-2">💸 <a href="/refund-policy" class="hover:text-[#6d9e37] transition-colors">Refund Policy</a></li>
<li class="flex items-center gap-2">⚖️ <a href="/legal-agreement" class="hover:text-[#6d9e37] transition-colors">Legal Agreement</a></li>
<li class="flex items-center gap-2">📢 <a href="/suggestion-or-report" class="hover:text-[#6d9e37] transition-colors">Suggestion or Report</a></li>
</ul>
</div>
<!-- Contact column - Card Style -->
<div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
<h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Contact Us</h3>
<h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Contact Us</h3>
<address class="not-italic space-y-2 text-neutral-400">
<p>121 Lalbari, GourBongo Road</p>
<p>Habra, W.B. 743271, India</p>
<p>Phone: <a href="tel:+917001601485" class="text-[#6d9e37] hover:underline">+91-700-160-1485</a></p>
<p>Email: <a href="mailto:contact@siliconpin.com" class="text-[#6d9e37] hover:underline">contact@siliconpin.com</a></p>
<p class="flex items-center gap-2">📍 121 Lalbari, GourBongo Road</p>
<p class="flex items-center gap-2">🏠 Habra, W.B. 743271, India</p>
<p class="flex items-center gap-2">📞 <a href="tel:+917001601485" class="text-[#6d9e37] hover:underline">+91-700-160-1485</a></p>
<p class="flex items-center gap-2">✉️ <a href="mailto:contact@siliconpin.com" class="text-[#6d9e37] hover:underline">contact@siliconpin.com</a></p>
</address>
</div>
</div>
@ -247,7 +247,7 @@ const organizationSchema = {
</body>
</html>
<script>
<script is:inline>
// Mobile menu toggle functionality
document.addEventListener('DOMContentLoaded', function() {
const menuBtn = document.getElementById('mobileMenuBtn');