diff --git a/src/App.tsx b/src/App.tsx
index e339350..d6bcd68 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import Header from './components/Header';
 import Hero from './components/Hero';
 import About from './components/About';
@@ -14,6 +14,22 @@ import PlatformPage from './components/PlatformPage';
 function App() {
   const path = window.location.pathname.replace(/\/$/, '') || '/';
 
+  // The landing sections are client-rendered, so when a /#section URL arrives
+  // with the initial request — following "Oferta"/"Kontakt" from /privacy or
+  // /platforma — the browser resolves the fragment before the target exists and
+  // leaves the page at the top. Re-apply the scroll once the sections are
+  // mounted. In-page clicks never reach this: they are same-document fragment
+  // navigations that the browser handles natively (smoothly, via .scroll-smooth)
+  // without remounting App.
+  useEffect(() => {
+    if (path !== '/') return;
+    const id = window.location.hash.slice(1);
+    if (!id) return;
+    // Jump rather than smooth-scroll: this only runs on a fresh load, where
+    // animating the full page height would just be a slow detour.
+    document.getElementById(id)?.scrollIntoView({ behavior: 'auto' });
+  }, [path]);
+
   if (path === '/privacy') {
     return <PrivacyPolicyPage />;
   }
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d3f812f..125aa93 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -27,9 +27,9 @@ const Footer = () => {
           <div>
             <h4 className="font-bold mb-6 text-sm uppercase tracking-wider">Nawigacja</h4>
             <ul className="space-y-4">
-              <li><a href="#offerings" className="text-muted hover:text-foreground transition-colors">Oferta</a></li>
+              <li><a href="/#offerings" className="text-muted hover:text-foreground transition-colors">Oferta</a></li>
               <li><a href="/platforma" className="text-muted hover:text-foreground transition-colors">Platforma</a></li>
-              <li><a href="#contact" className="text-muted hover:text-foreground transition-colors">Kontakt</a></li>
+              <li><a href="/#contact" className="text-muted hover:text-foreground transition-colors">Kontakt</a></li>
             </ul>
           </div>
 
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index eae35cc..3c120c8 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -15,10 +15,12 @@ const Header = () => {
   }, []);
 
   const navLinks = [
-    { name: 'Oferta', href: '#offerings' },
+    // Root-relative so the links also work from the standalone pages
+    // (/privacy, /platforma), where these sections do not exist.
+    { name: 'Oferta', href: '/#offerings' },
     { name: 'Platforma', href: '/platforma' },
-    { name: 'Proces', href: '#process' },
-    { name: 'Kontakt', href: '#contact' },
+    { name: 'Proces', href: '/#process' },
+    { name: 'Kontakt', href: '/#contact' },
   ];
 
   return (
@@ -43,7 +45,7 @@ const Header = () => {
               {link.name}
             </a>
           ))}
-          <a href="#contact" className="btn-primary text-sm px-5 py-2">
+          <a href="/#contact" className="btn-primary text-sm px-5 py-2">
             Porozmawiajmy
           </a>
         </nav>
@@ -78,7 +80,7 @@ const Header = () => {
                 </a>
               ))}
               <a 
-                href="#contact" 
+                href="/#contact"
                 className="btn-primary text-center"
                 onClick={() => setIsMobileMenuOpen(false)}
               >