https://app.navattic.com/auth/login

1<!DOCTYPE html><html class="antialiased" lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><title data-next-head="">Navattic</title><meta name="robots" content="noindex,nofollow" data-next-head=""/><meta name="googlebot" content="noindex,nofollow" data-next-head=""/><meta name="description" content="Create interactive demos that excite prospects and engage early customers." data-next-head=""/><meta property="og:title" content="Navattic" data-next-head=""/><meta property="og:description" content="Create interactive demos that excite prospects and engage early customers." data-next-head=""/><link rel="canonical" href="https://app.navattic.com/" data-next-head=""/><link rel="icon" href="/favicon.ico" data-next-head=""/><link rel="preconnect" crossorigin="anonymous" href="https://c.navattic.com"/><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/60afe7db4b569ff1.css" as="style"/><style>
2                html, body, #__next, #navattic-player {
3                  width: 100%;
4                  height: 100%;
5                }
6              </style>

6<script>
7  try {
8    const theme = localStorage.getItem('theme');
9    // Only apply saved theme if explicitly set, otherwise default to light
10    if (theme) {
11      if (theme === 'dark') {
12        document.documentElement.classList.remove('light');
13        document.documentElement.classList.add('dark');
14      } else if (theme === 'system') {
15        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
16          document.documentElement.classList.remove('light');
17          document.documentElement.classList.add('dark');
18        } else {
19          document.documentElement.classList.remove('dark');
20          document.documentElement.classList.add('light');
21        }
22      }
23    } else {
24      // No theme set, default to light
25      document.documentElement.classList.remove('dark');
26      document.documentElement.classList.add('light');
27    }
28  } catch (e) {
29    console.error('Failed to initialize theme:', e);
30  }
31</script>

31<link rel="stylesheet" href="/_next/static/css/60afe7db4b569ff1.css" data-n-g=""/><noscript data-n-css=""></noscript>

31<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>

31<script src="/_next/static/chunks/webpack-c96ffcc7dd6d4daf.js" defer=""></script>

31<script src="/_next/static/chunks/framework-0aaea818a11bff82.js" defer=""></script>

31<script src="/_next/static/chunks/main-93af87fec1e1ba0f.js" defer=""></script>

31<script src="/_next/static/chunks/pages/_app-f2f3d5a41be2d36d.js" defer=""></script>

31<script src="/_next/static/chunks/1456-01e55b1984a0b6b5.js" defer=""></script>

31<script src="/_next/static/chunks/238-130c0fe41adaad36.js" defer=""></script>

31<script src="/_next/static/chunks/9913-a5740f5ad2cc91fc.js" defer=""></script>

31<script src="/_next/static/chunks/8277-d746ef25dff633a9.js" defer=""></script>

31<script src="/_next/static/chunks/3684-26046c60b36dfa3f.js" defer=""></script>

31<script src="/_next/static/chunks/4446-3a46aeaa37b5860b.js" defer=""></script>

31<script src="/_next/static/chunks/4882-3e89d03b555019b2.js" defer=""></script>

31<script src="/_next/static/chunks/9391-f2634368ff61f084.js" defer=""></script>

31<script src="/_next/static/chunks/2292-8a56b4894a1b0a38.js" defer=""></script>

31<script src="/_next/static/chunks/1652-034edd171a79c681.js" defer=""></script>

31<script src="/_next/static/chunks/5460-bf802be3ead9fa79.js" defer=""></script>

31<script src="/_next/static/chunks/488-d89e2ed190e544a1.js" defer=""></script>

31<script src="/_next/static/chunks/330-35d36789734bcc0d.js" defer=""></script>

31<script src="/_next/static/chunks/2747-e838755ee545a531.js" defer=""></script>

31<script src="/_next/static/chunks/2532-40d779a9b00d229d.js" defer=""></script>

31<script src="/_next/static/chunks/8975-fca02d9a08db6947.js" defer=""></script>

31<script src="/_next/static/chunks/6100-6f40f7545db3898d.js" defer=""></script>

31<script src="/_next/static/chunks/865-43d9d502d1b73c98.js" defer=""></script>

31<script src="/_next/static/chunks/2593-89339a10a2a999ea.js" defer=""></script>

31<script src="/_next/static/chunks/4379-3a24d8aa3a37ec02.js" defer=""></script>

31<script src="/_next/static/chunks/2146-2cd658b5028f8547.js" defer=""></script>

31<script src="/_next/static/chunks/2020-68aee912774004c8.js" defer=""></script>

31<script src="/_next/static/chunks/8938-12d7663e891df9f3.js" defer=""></script>

31<script src="/_next/static/chunks/6681-c7f7c0b386419ae0.js" defer=""></script>

31<script src="/_next/static/chunks/pages/auth/login-dec58c15189d9ed2.js" defer=""></script>

31<script src="/_next/static/qlYM-4gCwU3O1qmbIIUft/_buildManifest.js" defer=""></script>

31<script src="/_next/static/qlYM-4gCwU3O1qmbIIUft/_ssgManifest.js" defer=""></script>

31</head><body><div id="__next"><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div>

31<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"callbackUrl":null},"__N_SSP":true},"page":"/auth/login","query":{},"buildId":"qlYM-4gCwU3O1qmbIIUft","isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]}</script>

31</body></html>