CINXE.COM
Login | Trackright
<!DOCTYPE html> <html lang="en"> <head> <!-- Userback Tracking Code for feedback collecting --> <script> window.Userback = window.Userback || {}; Userback.access_token = "37168|72426|ZcpSFmaAebYKLYZLIwPP6pzCa"; (function(d) { var s = d.createElement('script'); s.async = true; s.src = 'https://static.userback.io/widget/v1.js'; (d.head || d.body).appendChild(s); })(document); </script> <style> .userback-button { z-index: 5 !important; margin-right: 50px !important; } </style> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="csrf-token" content="qnB6PFwCgWe3qT2BS3uy4x54sTazyg9nGs76phIW"> <title>Login | Trackright</title> <meta name="description" content="TrackRight"> <meta name="author" content="OTM"> <link rel="icon" href="https://dash.trackright.com/images/logos/trackright-icon.svg" type="image/x-icon" /> <!-- Fonts --> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <script> window.posthogConfig = { apiKey: 'phc_DjorjvOmSe9MQYq6OBishb5JFhvtWko1mGrbopTyoI', apiHost: 'https://us.i.posthog.com', userEmail: '', }; </script> <!-- Include the PostHog init script --> <script src="https://dash.trackright.com/posthog/posthog-init.js"></script> <!-- Check if the language is set to RTL, so apply the RTL layouts --> <!-- Otherwise apply the normal LTR layouts --> <link rel="preload" as="style" href="https://dash.trackright.com/build/assets/app.13f1d74a.css" /><link rel="stylesheet" href="https://dash.trackright.com/build/assets/app.13f1d74a.css" /> </head> <body x-data class="bg-white md:bg-gray-background"> <div class="grid place-items-center h-screen"> <div class="container"> <div class="md:w-full xl:w-10/12 2xl:w-11/12 mx-auto"> <div class="bg-white border border-gray-1 !shadow-none !md:shadow-sm border-none"> <div class="relative p-4 !p-2"> <div class="grid grid-cols-1 md:grid-cols-2 md:gap-2"> <div class="md:bg-gray-100"> <div class="hidden md:grid md:grid-cols-1 md:gap-4 min-h-[540px] h-full"> <div class="relative"> <img src="https://dash.trackright.com/images/backgrounds/logo-line.svg" class="absolute object-fill w-full max-h-[290px] translate-y-20 z-40 mt-0"> <div class="absolute md:top-14 md:left-1 lg:left-6 xl:left-10 2xl:top-12"> <img src="https://dash.trackright.com/images/backgrounds/laptop-trackright.svg" class="relative z-50 md:max-w-[280px] 2xl:max-w-[380px]"> </div> <img src="https://dash.trackright.com/images/backgrounds/phone-trackright.svg" class="absolute md:top-16 xl:top-12 md:right-1 lg:right-16 xl:right-28 max-h-[130px] translate-y-16"> </div> <div class="flex items-center justify-center pb-8 pt-4"> <div class="text-center"> <h1 class="text-zinc-dark font-semibold mb-2">Welcome!</h1> <p class="text-base font-thin text-gray-3 md:max-w-[75%] 2xl:max-w-[50%] mx-auto">Sign in to view your Keyword Rankings, Map Rankings, Google Business Profile and Website Leads!</p> </div> </div> </div> </div> <div class="w-full md:w-11/12 xl:w-9/12 2xl:w-7/12 md:m-auto md:py-16"> <div class="grid grid-cols-1 gap-8"> <div class="grid grid-cols-1 gap-4"> <div> <a href="https://dash.trackright.com/login"> <img src="https://dash.trackright.com/storage/63753/otm-logo.png" alt="logo-light" class="w-44 max-w-full max-h-16 object-contain"> </a> </div> <div> <h1 class="text-zinc-dark font-semibold">Let's Get Started</h1> <p class="text-base text-gray-4">Sign in to continue.</p> </div> </div> <form method="post" action="https://dash.trackright.com/login" class="grid grid-cols-1 gap-6"> <input type="hidden" name="_token" value="qnB6PFwCgWe3qT2BS3uy4x54sTazyg9nGs76phIW"> <div> <label class="block mb-1 capitalize" for="email">email address</label> <div> <div class="relative flex" x-data="{show: false}"> <input name="email" id="email" class="w-full h-9 px-3 placeholder-gray-2 text-gray-6 border border-gray-1 rounded focus:outline-0 focus:border-blue-primary shadow-sm" type="text" value="" placeholder="you@example.com"/> </div> </div> </div> <div> <label class="block mb-1 capitalize" for="password">password</label> <div> <div class="relative flex" x-data="{show: false}"> <input name="password" id="password" class="w-full h-9 px-3 placeholder-gray-2 text-gray-6 border border-gray-1 rounded focus:outline-0 focus:border-blue-primary shadow-sm" type="password" placeholder="Enter password"/> </div> </div> </div> <div class="grid grid-cols-1 xs:grid-cols-2 gap-2 items-center"> <div class="text-center xs:text-left"> <label class="relative inline-flex items-center group cursor-pointer" for="remember-toggle"> <input type="checkbox" role="switch" class="absolute peer appearance-none rounded-md" id="remember-toggle" name="remember" checked="checked" > <span class="w-10 h-5.5 flex items-center flex-shrink-0 p-1 bg-gray-0 rounded-full duration-300 ease-in-out peer-checked:bg-blue-primary after:bg-white after:w-3.5 after:h-3.5 after:rounded-full after:shadow-md after:duration-200 peer-checked:after:translate-x-4"></span> <span class="form-check-label inline-block text-gray-3 ml-2 text-base">Remember me</span> </label> </div> <div class="text-center xs:text-right"> <a class="inline-flex items-center gap-x-1 whitespace-nowrap rounded cursor-pointer focus:outline-none disabled:text-opacity-50 disabled:hover:border-opacity-0 disabled:cursor-not-allowed focus:shadow-light focus:border-transparent transition ease-in-out duration-150 border border-transparent hover:text-blue-primary-dark text-blue-primary px-2 py-1 text-sm text-base" href="https://app.trackright.com/password/reset-link"> Forgot password? </a> </div> </div> <div> <span > <button wire:loading.attr="disabled" type="submit" class="inline-flex items-center gap-x-1 whitespace-nowrap rounded cursor-pointer focus:outline-none disabled:text-opacity-50 disabled:hover:border-opacity-0 disabled:cursor-not-allowed focus:shadow-light focus:border-transparent transition ease-in-out duration-150 border border-blue-primary bg-blue-primary hover:bg-blue-primary-dark ring-blue-primary-dark text-white shadow-sm py-1.5 px-2.5 w-full justify-center" > Login </button> </span> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Scripts --> <script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'qnB6PFwCgWe3qT2BS3uy4x54sTazyg9nGs76phIW';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <!-- Alpine --> <script defer src="https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js"></script> <script> /** * Disable all submit buttons once clicked */ document.querySelector('form').addEventListener('submit', function(event) { const submitButtons = this.querySelectorAll('input[type="submit"], button[type="submit"]'); for (var i = 0; i < submitButtons.length; i++) { submitButtons[i].setAttribute('disabled', true); } }); </script> </body> </html>