urls fix

index.html

@@ -384,11 +384,11 @@ footer{background:var(--bg3);border-top:1px solid rgba(235,235,222,.05);padding:
         <img src="images/logo/logo-01-complete.png" alt="Profice">
     </a>
     <ul>
-        <li><a href="#problem">Problem</a></li>
+        <li><a href="/problem">Problem</a></li>
-        <li><a href="#solution">Lösung</a></li>
+        <li><a href="/solution">Lösung</a></li>
-        <li><a href="#modules">Module</a></li>
+        <li><a href="/modules">Module</a></li>
-        <li><a href="#pricing">Pricing</a></li>
+        <li><a href="/pricing">Pricing</a></li>
-        <li><a href="#calculator">Kalkulator</a></li>
+        <li><a href="/calculator">Kalkulator</a></li>
         <li><a href="https://profice.ai/">↗ Profice</a></li>
         <li><a href="https://termine.profice.de" target="_blank" rel="noopener" class="nav-cta">Profit-Analyse buchen</a></li>
     </ul>
@@ -399,11 +399,11 @@ footer{background:var(--bg3);border-top:1px solid rgba(235,235,222,.05);padding:
 
 <!-- Mobile Nav -->
 <div class="mobile-nav" id="mobileNav">
-    <a href="#problem">Problem</a>
+    <a href="/problem">Problem</a>
-    <a href="#solution">Lösung</a>
+    <a href="/solution">Lösung</a>
-    <a href="#modules">Module</a>
+    <a href="/modules">Module</a>
-    <a href="#pricing">Pricing</a>
+    <a href="/pricing">Pricing</a>
-    <a href="#calculator">Kalkulator</a>
+    <a href="/calculator">Kalkulator</a>
     <a href="https://profice.ai/" target="_blank" rel="noopener">↗ KI Systeme (Profice)</a>
     <a href="https://termine.profice.de" target="_blank" rel="noopener" class="mobile-cta">Profit-Analyse buchen →</a>
 </div>
@@ -420,7 +420,7 @@ footer{background:var(--bg3);border-top:1px solid rgba(235,235,222,.05);padding:
             </p>
             <div class="hero-actions">
                 <a href="https://termine.profice.de" target="_blank" rel="noopener" class="cta-btn">Profit-Analyse buchen</a>
-                <a href="#solution" class="btn-ghost">Wie es funktioniert</a>
+                <a href="/solution" class="btn-ghost">Wie es funktioniert</a>
             </div>
         </div>
 
@@ -839,16 +839,16 @@ footer{background:var(--bg3);border-top:1px solid rgba(235,235,222,.05);padding:
         </div>
         <div class="footer-col">
             <h4>Feedgine</h4>
-            <a href="#problem">Das Problem</a>
+            <a href="/problem">Das Problem</a>
-            <a href="#solution">Die Lösung</a>
+            <a href="/solution">Die Lösung</a>
-            <a href="#modules">Module</a>
+            <a href="/modules">Module</a>
-            <a href="#pricing">Pricing</a>
+            <a href="/pricing">Pricing</a>
-            <a href="#calculator">POAS-Kalkulator</a>
+            <a href="/calculator">POAS-Kalkulator</a>
         </div>
         <div class="footer-col">
             <h4>Rechtliches</h4>
-            <a href="https://profice.ai/datenschutz.html" target="_blank" rel="noopener">Datenschutzerklärung</a>
+            <a href="https://profice.ai/datenschutz" target="_blank" rel="noopener">Datenschutzerklärung</a>
-            <a href="https://profice.ai/impressum.html" target="_blank" rel="noopener">Impressum</a>
+            <a href="https://profice.ai/impressum" target="_blank" rel="noopener">Impressum</a>
         </div>
         <div class="footer-col">
             <h4>Kontakt</h4>
@@ -869,8 +869,8 @@ footer{background:var(--bg3);border-top:1px solid rgba(235,235,222,.05);padding:
     <div class="footer-bottom">
         <p>&copy; 2026 Profice GmbH. Alle Rechte vorbehalten.</p>
         <div class="footer-bottom-links">
-            <a href="https://profice.ai/datenschutz.html" target="_blank" rel="noopener">Datenschutz</a>
+            <a href="https://profice.ai/datenschutz" target="_blank" rel="noopener">Datenschutz</a>
-            <a href="https://profice.ai/impressum.html" target="_blank" rel="noopener">Impressum</a>
+            <a href="https://profice.ai/impressum" target="_blank" rel="noopener">Impressum</a>
             <a href="https://profice.ai/" target="_blank" rel="noopener">profice.ai</a>
         </div>
     </div>
@@ -902,6 +902,40 @@ overlay?.addEventListener('click', toggleNav);
 mobileNav?.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
     if (mobileNav.classList.contains('open')) toggleNav();
 }));
+
+// Clean URL navigation
+const sections = { problem: true, solution: true, modules: true, pricing: true, calculator: true };
+
+// On direct load (e.g. feedgine.de/pricing), scroll to matching section
+(function() {
+    const seg = window.location.pathname.replace(/^\//, '');
+    if (sections[seg]) {
+        const el = document.getElementById(seg);
+        if (el) setTimeout(() => el.scrollIntoView({ behavior: 'smooth' }), 50);
+    }
+})();
+
+// Intercept internal nav clicks — smooth scroll + pushState
+document.querySelectorAll('a[href^="/"]').forEach(function(link) {
+    const seg = link.getAttribute('href').replace(/^\//, '');
+    if (sections[seg]) {
+        link.addEventListener('click', function(e) {
+            e.preventDefault();
+            history.pushState(null, '', '/' + seg);
+            document.getElementById(seg).scrollIntoView({ behavior: 'smooth' });
+        });
+    }
+});
+
+// Update URL as sections scroll into view
+const urlObserver = new IntersectionObserver(function(entries) {
+    entries.forEach(function(e) {
+        if (e.isIntersecting) {
+            history.replaceState(null, '', sections[e.target.id] ? '/' + e.target.id : '/');
+        }
+    });
+}, { threshold: 0.4 });
+document.querySelectorAll('section[id]').forEach(function(s) { urlObserver.observe(s); });
 </script>
 
 </body>