Instagram</span>
                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" /></svg>
                        </a>
                        <a href="#" class="hover:text-zinc-100 transition-colors">
                            <span class="sr-only">Pinterest</span>
                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.951-7.252 4.163 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.367 18.633 0 12.017 0z" clip-rule="evenodd" /></svg>
                        </a>
                    </div>
                </div>

                <!-- Links 1 -->
                <div>
                    <h4 class="text-xs tracking-[0.15em] uppercase font-medium text-zinc-100 mb-6">Shop</h4>
                    <ul class="space-y-4 text-sm font-light text-zinc-400">
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Rings & Signets</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Pendants & Chains</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Earrings</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Bracelets</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Gift Cards</a></li>
                    </ul>
                </div>

                <!-- Links 2 -->
                <div>
                    <h4 class="text-xs tracking-[0.15em] uppercase font-medium text-zinc-100 mb-6">Lore</h4>
                    <ul class="space-y-4 text-sm font-light text-zinc-400">
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Our Story</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Forging Process</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Material Sourcing</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">Contact Us</a></li>
                        <li><a href="#" class="hover:text-zinc-100 transition-colors">FAQ</a></li>
                    </ul>
                </div>

                <!-- Newsletter -->
                <div class="md:col-span-1">
                    <h4 class="text-xs tracking-[0.15em] uppercase font-medium text-zinc-100 mb-6">Join the Coven</h4>
                    <p class="text-sm font-light text-zinc-400 mb-4">Subscribe for exclusive updates, new relics, and nocturnal musings.</p>
                    <form class="mt-2 flex">
                        <input type="email" placeholder="Email address" class="w-full bg-transparent border-b border-zinc-700 py-2 text-sm text-zinc-100 placeholder-zinc-600 focus:outline-none focus:border-zinc-100 transition-colors rounded-none" required>
                        <button type="submit" class="border-b border-zinc-700 py-2 pl-4 pr-1 text-zinc-500 hover:text-zinc-100 hover:border-zinc-100 transition-all focus:outline-none">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.5" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
                        </button>
                    </form>
                </div>
            </div>
            
            <!-- Bottom -->
            <div class="pt-8 border-t border-zinc-900 flex flex-col md:flex-row justify-between items-center text-xs font-light text-zinc-500">
                <p>&copy; 2024 Nocturne Gothic Jewellery. All rights reserved.</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a href="#" class="hover:text-zinc-100 transition-colors">Terms</a>
                    <a href="#" class="hover:text-zinc-100 transition-colors">Privacy</a>
                    <a href="#" class="hover:text-zinc-100 transition-colors">Shipping</a>
                </div>
            </div>
        </div>
    </footer>

<div style="position:fixed;bottom:16px;right:16px;z-index:2147483647;"><a href="https://yuzzah.com" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;background:#18181b;color:#fff;padding:6px 14px;border-radius:9999px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:500;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.25);letter-spacing:0.01em;">Made in Yuzzah</a></div></body>
</html>
```