Zentlemen.vn Direct

<header> <div class="container"> <div class="navbar"> <a href="#" class="logo">ZENTLEMEN<span>.vn</span></a> <div class="nav-links"> <a href="#">Atelier</a> <a href="#">Collection</a> <a href="#">Journal</a> <a href="#">Concierge</a> <a href="#" style="border:1px solid #d4cbbc; padding: 0.4rem 1rem; border-radius: 40px;">Sign In</a> </div> </div> </div> </header>

<footer> <div class="container"> <div class="footer-inner"> <div class="footer-col"> <div class="logo-foot">ZENTLEMEN<span style="color: #c7a45b;">.vn</span></div> <p>District 1, Ho Chi Minh City</p> <p>hello@zentlemen.vn</p> <p>+84 28 1234 567</p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Explore</h4> <p><a href="#">Ready-to-wear</a></p> <p><a href="#">Made to measure</a></p> <p><a href="#">Grooming</a></p> <p><a href="#">Lookbook</a></p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Service</h4> <p><a href="#">Private appointments</a></p> <p><a href="#">Shipping & returns</a></p> <p><a href="#">Alterations</a></p> <p><a href="#">FAQs</a></p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Connect</h4> <p><a href="#">Instagram</a></p> <p><a href="#">Facebook</a></p> <p><a href="#">Journal</a></p> </div> </div> <div class="copyright"> © 2025 Zentlemen.vn — crafted for the modern gentleman. All rights reserved. </div> </div> </footer>

.features-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2.5rem; zentlemen.vn

<script> (function() const subscribeBtn = document.getElementById('subscribeBtn'); const emailInput = document.getElementById('newsEmail'); if(subscribeBtn && emailInput) subscribeBtn.addEventListener('click', function(e) e.preventDefault(); const email = emailInput.value.trim(); if(email === "" ); // optional smooth anchor for demo const allLinks = document.querySelectorAll('a[href="#"]'); allLinks.forEach(link => link.addEventListener('click', (e) => if(link.getAttribute('href') === '#') e.preventDefault(); // gentle scroll to top if empty window.scrollTo( top: 0, behavior: 'smooth' ); ); ); )(); </script> </body> </html>

.section-subhead font-size: 1rem; text-transform: uppercase; letter-spacing: 3px; color: var(--warm-gold); font-weight: 500; margin-bottom: 0.75rem; a href="#" class="logo"&gt

.product-info .desc font-size: 0.85rem; margin: 0.5rem 0 1rem; color: #5c5c6b;

/* journal / ethos */ .ethos background: var(--stone); padding: 4.5rem 0; border-radius: 48px 48px 0 0; margin: 1rem 0 0; a href="#" style="border:1px solid #d4cbbc

.feature-card p color: #5c5c6b; line-height: 1.4;