File: /home/niyknzcu/nexlancedigital.com/sitemap.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sitemap — Nexlance</title>
<link rel="icon" type="image/png" href="images/fav.png">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
.page-hero { padding:140px 0 60px; background:linear-gradient(135deg,#f8fafc 0%,#e0e7ff 50%,#f8fafc 100%); text-align:center; position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; background:rgba(79,70,229,.07); top:-150px; right:-150px; }
.page-hero::after { content:''; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(124,58,237,.07); bottom:-80px; left:-80px; }
.page-hero .container { position:relative; z-index:1; }
.page-hero-label { display:inline-block; font-size:var(--font-size-sm); font-weight:600; color:var(--color-secondary); text-transform:uppercase; letter-spacing:.1em; margin-bottom:1rem; }
.page-hero h1 { font-size:var(--font-size-5xl); font-weight:800; line-height:1.15; margin-bottom:1rem; }
.page-hero p { font-size:var(--font-size-lg); color:var(--color-text-light); max-width:580px; margin:0 auto; line-height:1.7; }
/* Sitemap grid */
.sitemap-section { padding:80px 0; }
.sitemap-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2.5rem; }
.smap-group { }
.smap-group-header { display:flex; align-items:center; gap:.75rem; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:2px solid var(--color-border); }
.smap-group-icon { width:40px; height:40px; border-radius:var(--radius-lg); background:linear-gradient(135deg,var(--color-secondary),var(--color-accent)); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.smap-group-title { font-size:var(--font-size-base); font-weight:700; color:var(--color-text); }
.smap-links { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.55rem; }
.smap-links li a { display:flex; align-items:center; gap:.5rem; font-size:var(--font-size-sm); color:var(--color-text-light); text-decoration:none; transition:color .2s; }
.smap-links li a::before { content:'→'; font-size:.75rem; color:var(--color-secondary); opacity:0; transition:opacity .2s; }
.smap-links li a:hover { color:var(--color-secondary); }
.smap-links li a:hover::before { opacity:1; }
.smap-badge { font-size:10px; font-weight:700; background:var(--color-secondary); color:#fff; padding:1px 6px; border-radius:4px; margin-left:auto; }
.smap-badge.new { background:#10b981; }
.smap-badge.popular { background:#f59e0b; }
/* XML sitemap CTA */
.xml-cta { background:linear-gradient(135deg,#f0f4ff,#e8edff); border:1px solid #c7d2fe; border-radius:var(--radius-xl); padding:3rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:3rem; }
.xml-cta-text h3 { font-size:var(--font-size-xl); font-weight:700; margin-bottom:.5rem; }
.xml-cta-text p { color:var(--color-text-light); font-size:var(--font-size-sm); }
.xml-cta-btns { display:flex; gap:1rem; flex-shrink:0; }
/* Stats bar */
.sitemap-stats { display:flex; justify-content:center; gap:4rem; padding:2.5rem 0; background:var(--color-bg-alt); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
.smap-stat { text-align:center; }
.smap-stat strong { display:block; font-size:var(--font-size-2xl); font-weight:800; color:var(--color-secondary); }
.smap-stat span { font-size:var(--font-size-sm); color:var(--color-text-light); }
@media(max-width:1200px){ .sitemap-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:900px){ .sitemap-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .sitemap-grid{grid-template-columns:1fr;} .xml-cta{flex-direction:column;} .xml-cta-btns{flex-direction:column; width:100%;} .sitemap-stats{flex-wrap:wrap;gap:2rem;} }
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar scrolled" id="navbar">
<div class="nav-container">
<a href="index.html" class="logo"><span class="logo-icon">◆</span> Nexlance</a>
<ul class="nav-menu" id="nav-menu">
<li class="nav-item has-dropdown">
<a href="#">Products <span class="arrow">▾</span></a>
<div class="dropdown">
<div class="dropdown-grid">
<a href="#" class="dropdown-item"><span class="dropdown-icon">🌐</span><div><h4>Websites</h4><p>Professional site builder</p></div></a>
<a href="#" class="dropdown-item"><span class="dropdown-icon">🛒</span><div><h4>E-commerce</h4><p>Online store solutions</p></div></a>
<a href="#" class="dropdown-item"><span class="dropdown-icon">📧</span><div><h4>Email Marketing</h4><p>Campaign tools</p></div></a>
<a href="#" class="dropdown-item"><span class="dropdown-icon">📅</span><div><h4>Scheduling</h4><p>Appointment booking</p></div></a>
</div>
</div>
</li>
<li class="nav-item has-dropdown">
<a href="templates.html">Templates <span class="arrow">▾</span></a>
<div class="dropdown dropdown-templates">
<div class="dropdown-grid templates-grid">
<a href="templates.html" class="template-thumb"><div class="thumb-img" style="background:linear-gradient(135deg,#667eea,#764ba2);"><img src="images/f2.webp" alt="Portfolio Template" style="width:100%;height:100%;object-fit:cover;"></div><span>Portfolio</span></a>
<a href="templates.html" class="template-thumb"><div class="thumb-img" style="background:linear-gradient(135deg,#f093fb,#f5576c);"><img src="images/business.jpg" alt="Business Template" style="width:100%;height:100%;object-fit:cover;"></div><span>Business</span></a>
<a href="templates.html" class="template-thumb"><div class="thumb-img" style="background:linear-gradient(135deg,#4facfe,#00f2fe);"><img src="images/creative.jpg" alt="Blog Template" style="width:100%;height:100%;object-fit:cover;"></div><span>Blog</span></a>
<a href="templates.html" class="template-thumb"><div class="thumb-img" style="background:linear-gradient(135deg,#43e97b,#38f9d7);"><img src="images/store.avif" alt="Store Template" style="width:100%;height:100%;object-fit:cover;"></div><span>Store</span></a>
</div>
<a href="templates.html" class="dropdown-view-all">View All Templates →</a>
</div>
</li>
<li class="nav-item"><a href="pricing.html">Pricing</a></li>
<li class="nav-item"><a href="features.html">Features</a></li>
<li class="nav-item"><a href="help-center.html">Resources</a></li>
</ul>
<div class="nav-actions">
<a href="login.html" class="btn-text">Log In</a>
<a href="login.html" class="btn-primary">Get Started</a>
</div>
<button class="mobile-toggle" id="mobile-toggle" aria-label="Toggle menu">
<span></span><span></span><span></span>
</button>
</div>
</nav>
<!-- Hero -->
<section class="page-hero">
<div class="container">
<span class="page-hero-label">Navigation</span>
<h1>Sitemap</h1>
<p>A complete overview of all pages on Nexlance. Find exactly what you're looking for.</p>
</div>
</section>
<!-- Stats bar -->
<div class="sitemap-stats">
<div class="smap-stat"><strong>27+</strong><span>Total Pages</span></div>
<div class="smap-stat"><strong>6</strong><span>Categories</span></div>
<div class="smap-stat"><strong>200+</strong><span>Templates</span></div>
<div class="smap-stat"><strong>500+</strong><span>Help Articles</span></div>
</div>
<!-- Sitemap Grid -->
<section class="sitemap-section">
<div class="container">
<div class="sitemap-grid">
<!-- Product -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">🚀</div>
<span class="smap-group-title">Product</span>
</div>
<ul class="smap-links">
<li><a href="index.html">Home <span class="smap-badge popular">Main</span></a></li>
<li><a href="features.html">Features</a></li>
<li><a href="templates.html">Templates</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="updates.html">Product Updates <span class="smap-badge new">New</span></a></li>
<li><a href="#">Websites</a></li>
<li><a href="#">E-commerce</a></li>
<li><a href="#">Email Marketing</a></li>
<li><a href="#">Scheduling</a></li>
</ul>
</div>
<!-- Resources -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">📚</div>
<span class="smap-group-title">Resources</span>
</div>
<ul class="smap-links">
<li><a href="help-center.html">Help Center</a></li>
<li><a href="webinars.html">Webinars</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="developers.html">Developers</a></li>
<li><a href="#">API Reference</a></li>
<li><a href="#">Changelog</a></li>
<li><a href="#">Community Forum</a></li>
<li><a href="#">Video Tutorials</a></li>
</ul>
</div>
<!-- Company -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">🏢</div>
<span class="smap-group-title">Company</span>
</div>
<ul class="smap-links">
<li><a href="about.html">About Us</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="press.html">Press & Media</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Investors</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Brand Assets</a></li>
</ul>
</div>
<!-- Legal -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">⚖️</div>
<span class="smap-group-title">Legal</span>
</div>
<ul class="smap-links">
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
<li><a href="refund.html">Refund Policy</a></li>
<li><a href="#">Cookie Policy</a></li>
<li><a href="#">GDPR Compliance</a></li>
<li><a href="#">Acceptable Use</a></li>
<li><a href="#">DMCA Policy</a></li>
<li><a href="#">Data Processing</a></li>
</ul>
</div>
<!-- Support -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">💬</div>
<span class="smap-group-title">Support</span>
</div>
<ul class="smap-links">
<li><a href="help-center.html">Help Center</a></li>
<li><a href="contact.html">Contact Support</a></li>
<li><a href="status.html">System Status</a></li>
<li><a href="#">Live Chat</a></li>
<li><a href="#">Submit a Ticket</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Feature Requests</a></li>
<li><a href="#">Report a Bug</a></li>
</ul>
</div>
<!-- Security & Trust -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">🔒</div>
<span class="smap-group-title">Security & Trust</span>
</div>
<ul class="smap-links">
<li><a href="security.html">Security Overview</a></li>
<li><a href="status.html">System Status</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="#">Bug Bounty</a></li>
<li><a href="#">Trust Center</a></li>
<li><a href="#">SOC 2 Report</a></li>
<li><a href="#">ISO 27001</a></li>
<li><a href="#">Uptime SLA</a></li>
</ul>
</div>
<!-- Dashboard (App) -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">📊</div>
<span class="smap-group-title">Dashboard</span>
</div>
<ul class="smap-links">
<li><a href="login.html">Login / Sign Up</a></li>
<li><a href="dashboard.html">Overview</a></li>
<li><a href="clients.html">Clients</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="invoices.html">Invoices</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</div>
<!-- Templates Library -->
<div class="smap-group">
<div class="smap-group-header">
<div class="smap-group-icon">🎨</div>
<span class="smap-group-title">Templates</span>
</div>
<ul class="smap-links">
<li><a href="templates.html">All Templates</a></li>
<li><a href="templates.html">Portfolio</a></li>
<li><a href="templates.html">Business</a></li>
<li><a href="templates.html">E-commerce</a></li>
<li><a href="templates.html">Blog <span class="smap-badge new">New</span></a></li>
<li><a href="templates.html">Restaurant</a></li>
<li><a href="templates.html">Photography</a></li>
<li><a href="templates.html">Agency</a></li>
</ul>
</div>
</div>
<!-- XML Sitemap CTA -->
<div class="xml-cta">
<div class="xml-cta-text">
<h3>Looking for the XML Sitemap?</h3>
<p>For search engines and automated crawlers, use our machine-readable XML sitemap for complete indexing coverage.</p>
</div>
<div class="xml-cta-btns">
<a href="#" class="btn-primary">View XML Sitemap</a>
<a href="contact.html" class="btn-outline">Report Missing Page</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="index.html" class="logo"><span class="logo-icon">◆</span> Nexlance</a>
<p>Build beautiful websites without writing a single line of code.</p>
<div class="social-links">
<a href="#" aria-label="Twitter">𝕏</a>
<a href="#" aria-label="LinkedIn">in</a>
</div>
</div>
<div class="footer-links">
<h4>Product</h4>
<ul>
<li><a href="templates.html">Templates</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="updates.html">Updates</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Resources</h4>
<ul>
<li><a href="help-center.html">Help Center</a></li>
<li><a href="webinars.html">Webinars</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="developers.html">Developers</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Company</h4>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="press.html">Press</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Legal</h4>
<ul>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
<li><a href="refund.html">Refund Policy</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Nexlance. All rights reserved.</p>
<div class="footer-bottom-links">
<a href="terms.html">Terms & Services</a>
<a href="sitemap.html">Sitemap</a>
<a href="status.html">Status</a>
<a href="security.html">Security</a>
</div>
</div>
</div>
</footer>
<button class="back-to-top" id="back-to-top" aria-label="Back to top">↑</button>
<script src="main.js"></script>
</body>
</html>