Merge pull request 'pull footer improvement to the stage' (#3) from staging into master
Reviewed-on: #3pull/4/head 0.0.1
commit
0900d51954
|
@ -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">© {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');
|
||||
|
|
Loading…
Reference in New Issue