1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 8 9 <title>Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps</title> 10 <meta name="description" content="Create stunning live tracking maps for expeditions & adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions & storytellers."> 11 <link rel="canonical" href="https://zerosixzero.com/"> 12 <link rel="icon" type="image/png" href="/favicon.png"> 13 <meta name="theme-color" content="#1c1c1c"> 14 15 <meta property="og:type" content="website"> 16 <meta property="og:site_name" content="ZeroSixZero"> 17 <meta property="og:title" content="Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps"> 18 <meta property="og:description" content="Create stunning live tracking maps for expeditions & adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions & storytellers."> 19 <meta property="og:url" content="https://zerosixzero.com/"> 20 <meta property="og:image" content="https://zerosixzero.com/zerosixzero_banner.jpg"> 21 <meta property="og:image:width" content="1200"> 22 <meta property="og:image:height" content="630"> 23 <meta name="twitter:card" content="summary_large_image"> 24 <meta name="twitter:site" content="@zerosixzeromap"> 25 <meta name="twitter:title" content="Live GPS Expedition Tracking Maps | ZeroSixZero - Real-Time Adventure Maps"> 26 <meta name="twitter:description" content="Create stunning live tracking maps for expeditions & adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions & storytellers."> 27 <meta name="twitter:image" content="https://zerosixzero.com/zerosixzero_banner.jpg"> 28 29
29<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"ZeroSixZero","url":"https://zerosixzero.com/","logo":"https://zerosixzero.com/zerosixzero_logo.png"}</script>
29 30 31 32 <link rel="alternate" hreflang="en" href="https://zerosixzero.com/"> 33 34 <link rel="alternate" hreflang="de" href="https://zerosixzero.com/de/"> 35 36 <link rel="alternate" hreflang="fr" href="https://zerosixzero.com/fr/"> 37 38 <link rel="alternate" hreflang="it" href="https://zerosixzero.com/it/"> 39 40 <link rel="alternate" hreflang="x-default" href="https://zerosixzero.com/"> 41 42 43 <link rel="stylesheet" href="/w-assets/css/output.css"> 44 <link rel="stylesheet" href="/w-assets/css/custom.min.css"> 45
45<script defer src="https://z8z.z6z.co/script.js" data-tag="web" data-website-id="0d6187cb-71ad-42ba-acf8-0dc696185452" ></script>
45 46
46<script> 47 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ie Ts Ms Ee Es Rs capture Ge calculateEventProperties Os register register_once register_for_session unregister unregister_for_session js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ds Fs createPersonProfile Ls Ps opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Cs debug I As getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 48 posthog.init('phc_5GSFSogRoV9gIolqv0XZyVjwdoP6YvSqCjiS3qNBHdq', { 49 api_host: 'https://us.i.posthog.com', 50 defaults: '2025-05-24', 51 person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well 52 }) 53 </script>
53 54</head> 55<body class="font-sans antialiased text-gray-900 inline-editing bg-z6z gridpage"> 56 <a href="#main-content" class="skip-link">Skip to content</a> 57 58 59 60<header id="header-nav" class="sticky top-0 z-50 bg-z6z gridpage"> 61 <nav class="mx-auto flex h-full max-w-7xl items-center justify-between gap-x-4 px-4 sm:px-6 lg:gap-x-8 lg:px-8" aria-label="Main navigation"> 62 <a class="-m-1.5 flex shrink-0 items-center p-1.5" href="/"> 63 <span class="sr-only">ZeroSixZero</span> 64 <img id="cornerlogo" class="w-auto" src="/w-assets/images/zerosixzero-transparent-300.webp" alt=""> 65 </a> 66 67 <div class="hidden lg:flex lg:items-center lg:gap-x-7"> 68 69 <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#first-feature">Features</a> 70 71 <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#integrations">Integrations</a> 72 73 <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#examples">Gallery</a> 74 75 <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#pricing">Pricing</a> 76 77 <a class="text-sm font-medium leading-6 text-gray-300 transition-colors hover:text-white" href="/#contact">Contact</a> 78 79 </div> 80 81 <div class="header-controls flex items-center gap-x-2 sm:gap-x-3"> 82 <div class="hidden lg:flex lg:items-center lg:pr-1"> 83 84<details class="language-switcher"> 85 <summary> 86 <svg class="language-globe" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></svg> 87 <span aria-hidden="true">EN</span> 88 <span class="sr-only">Language: English</span> 89 </summary> 90 <div class="language-options" role="group" aria-label="Language"> 91 92 93 <a href="/" lang="en" hreflang="en" 94 aria-current="page">English</a> 95 96 97 <a href="/de/" lang="de" hreflang="de" 98 >Deutsch</a> 99 100 101 <a href="/fr/" lang="fr" hreflang="fr" 102 >Français</a> 103 104 105 <a href="/it/" lang="it" hreflang="it" 106 >Italiano</a> 107 108 </div> 109</details> 110 111 </div> 112 <a id="auth-link" class="btn-secondary" href="https://zerosixzero.com/dashboard" data-dashboard-label="Dashboard">Log in</a> 113 <a class="btn-primary" href="https://zerosixzero.com/login?sign_up">Get Started</a> 114 <button id="mobile-menu-button" type="button" class="-mr-2 inline-flex h-10 w-10 items-center justify-center rounded-md text-gray-300 transition-colors hover:bg-white/10 hover:text-white lg:hidden" aria-expanded="false" aria-controls="mobile-menu"> 115 <span class="sr-only">Menu</span> 116 <svg class="menu-icon-open h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M3.75 17.25h16.5"/></svg> 117 <svg class="menu-icon-close hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg> 118 </button> 119 </div> 120 </nav> 121 122 <div id="mobile-menu" class="hidden lg:hidden" hidden> 123 <div class="mx-auto max-w-7xl px-4 pb-6 pt-2 sm:px-6"> 124 <div class="flex flex-col divide-y divide-white/10"> 125 126 <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#first-feature">Features</a> 127 128 <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#integrations">Integrations</a> 129 130 <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#examples">Gallery</a> 131 132 <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#pricing">Pricing</a> 133 134 <a class="py-3 text-base font-medium text-gray-200 transition-colors hover:text-white" href="/#contact">Contact</a> 135 136 </div> 137 <div class="mt-4 flex items-center gap-x-3 border-t border-white/10 pt-4 text-xs text-gray-400">
138 <span>Language</span> 139 <span class="flex items-center gap-x-1" role="group" aria-label="Language"> 140 141 142 <a class="rounded-md px-2.5 py-1 font-medium transition-colors bg-white/10 text-white" href="/" lang="en" hreflang="en" aria-current="page">English</a> 143 144 145 <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/de/" lang="de" hreflang="de">Deutsch</a> 146 147 148 <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/fr/" lang="fr" hreflang="fr">Français</a> 149 150 151 <a class="rounded-md px-2.5 py-1 font-medium transition-colors text-gray-400 hover:text-white" href="/it/" lang="it" hreflang="it">Italiano</a> 152 153 </span> 154 </div> 155 </div> 156 </div> 157</header> 158 159 160 <main id="main-content"> 161 162 163 164<div class="mx-auto max-w-8xl pt-6 pb-12 sm:pt-12 sm:pb-24 px-4 sm:px-6 lg:px-8"> 165 <div class="relative isolate overflow-hidden px-6 py-1 sm:py-24 text-center sm:rounded-3xl sm:px-16"> 166 <h1 class="mx-auto text-5xl sm:text-7xl lg:text-8xl font-mld tracking-tight text-white max-w-8xl"> 167 168 <span class="glow-word">Explore.</span> 169 170 <span class="glow-word">Share.</span> 171 172 <span class="glow-word">Repeat.</span> 173 174 </h1> 175 <p class="mx-auto mt-6 max-w-6xl text-lg sm:text-2xl md:text-3xl leading-8 text-gray-300"> 176 The <span id="adjective" class="animated">perfect</span> live tracking map for your <span id="sport" class="animated">expedition</span>. 177 </p> 178 <div class="mt-10 flex flex-wrap items-center justify-center gap-4"> 179 <a href="https://zerosixzero.com/login?sign_up" class="rounded-md bg-z6z-forest px-6 py-3 font-semibold text-white shadow-sm hover:bg-z6z-ocean transition-colors">Start Tracking</a> 180 <a href="#first-feature" class="rounded-md bg-white/10 px-6 py-3 font-semibold text-white shadow-sm hover:bg-white/20 transition-colors">Discover More</a> 181 </div> 182 </div> 183</div> 184
185<script> 186window.Z6Z_WORDS = {"adjectives":["right","real-time","interactive","sharable","most fun","perfect","best","most engaging","immersive","dynamic","intuitive","customizable","reliable","comprehensive","interactive","scalable","versatile","precise","collaborative","seamless"],"sports":["cycle","ultra","charity relay","swim","open water swim","polar swim","ocean row","polar expedition","ultra marathon","next race","sail","adventure","overland journey","epic hike","round the world expedition","ultra distance skateboard ð¹","run","expedition","FKT","world record attempt","endurance challenge","Everest climb","Seven Summits","Grand Slam","round-the-world flight","fitness challenge","LEJOG","ð´","ðââï¸","ðââï¸","ðââï¸ð´ââï¸ðââï¸","ð£ââï¸","ðµââï¸","ð","ð´ââï¸","ðª","ðµ","ð§","triathlon","ultra triathlon","marathon","marathon in every State"]}; 187</script>
187 188 189 190 191<div id="first-feature" class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white"> 192 <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 "> 193 <div class="lg:w-1/2"> 194 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white"> 195 Your adventures are extraordinary. Your maps should be too. 196 </h2> 197 198 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 199 Every journey tells a story. Every story deserves to be told beautifully. With ZeroSixZero's groundbreaking tracking technology, your adventures unfold in real time, connecting you to your followers and loved ones whether you're scaling local peaks or crossing continents. 200 </p> 201 202 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 203 This is tracking technology that doesn't just work. <span class="glow-text">It inspires.</span> 204 </p> 205 206 <div class="mt-6 sm:mt-10 flex"> 207 <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"> 208 Get Started <span aria-hidden="true">→</span> 209 </a> 210 </div> 211 </div> 212 <div class="lg:w-1/2"> 213 <img 214 src="/w-assets/images/jonas3.webp" 215 alt="Expedition tracking map displayed on a tablet" 216 class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover" 217 loading="lazy" 218 decoding="async" 219 /> 220 </div> 221 </div> 222</div> 223 224 225 226 227<div class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white"> 228 <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 lg:flex-row-reverse"> 229 <div class="lg:w-1/2"> 230 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white"> 231 Brilliantly Simple. Simply Brilliant. 232 </h2> 233 234 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 235 Create stunning maps with a tap. Or let us craft one that's uniquely yours. Either way, <span class="glow-text">it just works.</span> 236 </p> 237 238 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 239 We've obsessed over the details, so you don't have to. Not technical? No problem. Seamless integration with your favorite devices and apps. Create an account, choose your style, start sharing your adventures. 240 </p> 241 242 <div class="mt-6 sm:mt-10 flex"> 243 <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"> 244 Get Started <span aria-hidden="true">→</span> 245 </a> 246 </div> 247 </div> 248 <div class="lg:w-1/2"> 249 <img 250 src="/w-assets/images/sc1.webp" 251 alt="Adventure map displayed on a tablet" 252 class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover" 253 loading="lazy" 254 decoding="async" 255 /> 256 </div> 257 </div> 258</div> 259 260 261<div id="integrations" class="bg-z6z py-24 sm:py-32"> 262 <div class="mx-auto max-w-7xl px-6 text-white lg:px-8"> 263 <h2 class="text-3xl text-center font-bold tracking-tight text-white sm:text-4xl"> 264 Works seamlessly with <span class="glow-text">your world</span>. 265 </h2> 266 <p class="text-base text-center leading-8 mt-2 mb-6 text-gray-300"> 267 Connect instantly with your favorite devices â from phones and watches to cycling computers and satellite trackers. Your fitness platforms, GPS devices, and adventure gear. All working in perfect harmony. Need something more? We'll build it together. 268 </p> 269 <div id="integrations-container" class="container mx-auto p-4"> 270 <div id="integration-grid" class="integration-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4"> 271 272 273 274 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Garmin Connect","logo":"/w-assets/images/integration-garminconnect.webp","description":"Connect your Garmin Cycling Computers, Watches and more","info":"Connect your Garmin watch, cycling computer or past Garmin activities, sync new activies automatically to your map the moment you complete them."}"> 275 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-garminconnect.webp" alt="" loading="lazy" decoding="async"> 276 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 277 <div> 278 <h3 class="text-lg">Garmin Connect</h3> 279 <p class="text-sm">Connect your Garmin Cycling Computers, Watches and more</p> 280 </div> 281 </div> 282 </div> 283 284 285 286 287 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Garmin InReach","logo":"/w-assets/images/integration-garmin.webp","description":"
287InReach satellite communication","info":"Compatible with all Garmin satellite trackers with InReach features, connect your InReach tracking data and optionally InReach text messages "}"> 288 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-garmin.webp" alt="" loading="lazy" decoding="async"> 289 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 290 <div> 291 <h3 class="text-lg">Garmin InReach</h3> 292 <p class="text-sm">InReach satellite communication</p> 293 </div> 294 </div> 295 </div> 296 297 298 299 300 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Coros","logo":"/w-assets/images/integration-coros.webp","description":"Sync data from your Coros wearables","info":"Sync your activities from your Coros watch as they happen"}"> 301 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-coros.webp" alt="" loading="lazy" decoding="async"> 302 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 303 <div> 304 <h3 class="text-lg">Coros</h3> 305 <p class="text-sm">Sync data from your Coros wearables</p> 306 </div> 307 </div> 308 </div> 309 310 311 312 313 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Bivy Stick","logo":"/w-assets/images/integration-bivy.webp","description":"Bivy Stick","info":"Connect your Bivy Stick"}"> 314 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-bivy.webp" alt="" loading="lazy" decoding="async"> 315 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 316 <div> 317 <h3 class="text-lg">Bivy Stick</h3> 318 <p class="text-sm">Bivy Stick</p> 319 </div> 320 </div> 321 </div> 322 323 324 325 326 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Suunto","logo":"/w-assets/images/integration-suunto.webp","description":"Sync data from your Suunto wearables","info":"Detailed information about Suunto integration..."}"> 327 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-suunto.webp" alt="" loading="lazy" decoding="async"> 328 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 329 <div> 330 <h3 class="text-lg">Suunto</h3> 331 <p class="text-sm">Sync data from your Suunto wearables</p> 332 </div> 333 </div> 334 </div> 335 336 337 338 339 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Zoleo","logo":"/w-assets/images/integration-zoleo.webp","description":"Connect your Zoleo satellite messenger","info":"Detailed information about Zoleo integration..."}"> 340 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-zoleo.webp" alt="" loading="lazy" decoding="async"> 341 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 342 <div> 343 <h3 class="text-lg">Zoleo</h3> 344 <p class="text-sm">Connect your Zoleo satellite messenger</p> 345 </div> 346 </div> 347 </div> 348 349 350 351 352 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Instagram","logo":"/w-assets/images/integration-instagram.webp","description":"Import Instagram posts and share your map on Instagram","info":"Detailed information about Instagram integration..."}"> 353 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-instagram.webp" alt="" loading="lazy" decoding="async"> 354 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 355 <div> 356 <h3 class="text-lg">Instagram</h3> 357 <p class="text-sm">Import Instagram posts and share your map on Instagram</p> 358 </div> 359 </div> 360 </div> 361 362 363 364 365 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Polar","logo":"/w-assets/images/integration-polar.webp","description":"Sync data from your Polar devices","info":"Detailed information about Polar integration..."}"> 366 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-polar.webp" alt="" loading="lazy" decoding="async"> 367 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 368 <div> 369 <h3 class="text-lg">Polar</h3> 370 <p class="text-sm">Sync data from your Polar devices</p> 371 </div> 372 </div> 373 </div> 374 375 376 377 378 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Strava","logo":"/w-assets/images/integration-strava.webp","description":"Import Strava activities to your map","info":"Detailed information about Strava integration..."}"> 379 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-strava.webp" alt="" loading="lazy" decoding="async"> 380 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 381 <div> 382 <h3 class="text-lg">Strava</h3> 383 <p class="text-sm">Import Strava activities to your map</p> 384 </div> 385 </div> 386 </div> 387 388 389 390 391 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"SPOT","logo":"/w-assets/images/integration-spot.webp","description":"Connect your SPOT satellite messenger","info":"Detailed information about SPOT integration..."}"> 392 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-spot.webp" alt="" loading="lazy" decoding="async"> 393 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 394 <div> 395 <h3 class="text-lg">SPOT</h3> 396 <p class="text-sm">Connect your SPOT satellite messenger</p> 397 </div> 398 </div> 399 </div> 400 401 402 403 404 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Wahoo","logo":"/w-assets/images/integration-wahoo.webp","description":"Sync data from your Wahoo devices","info":"Detailed information about Wahoo integration..."}"> 405 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-wahoo.webp" alt="" loading="lazy" decoding="async"> 406 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 407 <div> 408 <h3 class="text-lg">
408Wahoo</h3> 409 <p class="text-sm">Sync data from your Wahoo devices</p> 410 </div> 411 </div> 412 </div> 413 414 415 416 417 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"YB","logo":"/w-assets/images/integration-yb.webp","description":"YB tracking devices","info":"Connect your YB / Rockstar Satellite Tracker for worldwide tracking"}"> 418 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-yb.webp" alt="" loading="lazy" decoding="async"> 419 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 420 <div> 421 <h3 class="text-lg">YB</h3> 422 <p class="text-sm">YB tracking devices</p> 423 </div> 424 </div> 425 </div> 426 427 428 429 430 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Iridium","logo":"/w-assets/images/integration-iridium.webp","description":"Iridium satellite network","info":"Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device"}"> 431 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridium.webp" alt="" loading="lazy" decoding="async"> 432 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 433 <div> 434 <h3 class="text-lg">Iridium</h3> 435 <p class="text-sm">Iridium satellite network</p> 436 </div> 437 </div> 438 </div> 439 440 441 442 443 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Iridium Go Exec","logo":"/w-assets/images/integration-iridiumgoexec.webp","description":"Iridium satellite network","info":"Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device"}"> 444 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridiumgoexec.webp" alt="" loading="lazy" decoding="async"> 445 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 446 <div> 447 <h3 class="text-lg">Iridium Go Exec</h3> 448 <p class="text-sm">Iridium satellite network</p> 449 </div> 450 </div> 451 </div> 452 453 454 455 456 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Iridium Go","logo":"/w-assets/images/integration-iridiumgo.webp","description":"Iridium satellite network","info":"Connect your Iridium Go! Go Exec, Satellite Phone or Iridium connected device"}"> 457 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-iridiumgo.webp" alt="" loading="lazy" decoding="async"> 458 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 459 <div> 460 <h3 class="text-lg">Iridium Go</h3> 461 <p class="text-sm">Iridium satellite network</p> 462 </div> 463 </div> 464 </div> 465 466 467 468 469 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"WhatsApp","logo":"/w-assets/images/integration-whatsapp.webp","description":"Send content to your map directly from WhatsApp","info":"Detailed information about WhatsApp integration..."}"> 470 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-whatsapp.webp" alt="" loading="lazy" decoding="async"> 471 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 472 <div> 473 <h3 class="text-lg">WhatsApp</h3> 474 <p class="text-sm">Send content to your map directly from WhatsApp</p> 475 </div> 476 </div> 477 </div> 478 479 480 481 482 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Starlink","logo":"/w-assets/images/integration-starlink.webp","description":"Custom integrations","info":"We can create custom integrations for your specific needs..."}"> 483 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-starlink.webp" alt="" loading="lazy" decoding="async"> 484 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 485 <div> 486 <h3 class="text-lg">Starlink</h3> 487 <p class="text-sm">Custom integrations</p> 488 </div> 489 </div> 490 </div> 491 492 493 494 495 <a href="https://apps.apple.com/app/zerosixzero/id6742064806" target="_blank" rel="noopener noreferrer" class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-pointer flex justify-center items-center text-center" data-integration="{"name":"iPhone","logo":"/w-assets/images/integration-appstore.webp","description":"iPhone","info":"iPhone"}"> 496 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-appstore.webp" alt="" loading="lazy" decoding="async"> 497 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 498 <div> 499 <h3 class="text-lg">iPhone</h3> 500 <p class="text-sm">iPhone</p> 501 </div> 502 </div> 503 </a> 504 505 506 507 508 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Vessel","logo":"/w-assets/images/integration-ais.webp","description":"Automatic Vessel Tracking | AIS","info":"Detailed information about AIS integration..."}"> 509 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-ais.webp" alt="" loading="lazy" decoding="async"> 510 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 511 <div> 512 <h3 class="text-lg">Vessel</h3> 513 <p class="text-sm">Automatic Vessel Tracking | AIS</p> 514 </div> 515 </div> 516 </div> 517 518 519 520 521 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Aircraft","logo":"/w-assets/images/integration-adsb.webp","description":"Aircraft Tracking","info":"Detailed information about Aircraft integration..."}"> 522 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-adsb.webp" alt="" loading="lazy" decoding="async"> 523 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 524 <div> 525 <h3 class="text-lg">Aircraft</h3> 526 <p class="text-sm">Aircraft Tracking</p> 527 </div> 528 </div> 529 </div> 530 531 532 533 534 <a href="https://play.google.com/store/apps/details?id=com.zerosixzero.android" target="_blank" rel="noopener noreferrer" class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-pointer flex justify-center items-center text-center" data-integration="{"name":"Android","logo":"/w-assets/images/integration-android.webp","description":"Android","info":"
534Use our native Android app to track your location"}"> 535 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-android.webp" alt="" loading="lazy" decoding="async"> 536 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 537 <div> 538 <h3 class="text-lg">Android</h3> 539 <p class="text-sm">Android</p> 540 </div> 541 </div> 542 </a> 543 544 545 546 547 <div class="integration-tile group bg-white/5 h-32 sm:h-40 p-4 sm:p-8 md:p-10 relative cursor-help flex justify-center items-center text-center" data-integration="{"name":"Concept2","logo":"/w-assets/images/integration-concept2.webp","description":"Sync data from your Concept2 rowing machines","info":"Connect your Concept2 rowing machine to automatically sync workout data including distance, time, pace, and stroke rate. Perfect for indoor training tracking and expedition preparation."}"> 548 <img class="max-h-16 w-full object-contain transition-opacity duration-300 ease-in-out group-hover:opacity-0" src="/w-assets/images/integration-concept2.webp" alt="" loading="lazy" decoding="async"> 549 <div class="absolute inset-0 opacity-0 transition-opacity duration-300 ease-in-out w-full p-4 flex items-center justify-center group-hover:opacity-100"> 550 <div> 551 <h3 class="text-lg">Concept2</h3> 552 <p class="text-sm">Sync data from your Concept2 rowing machines</p> 553 </div> 554 </div> 555 </div> 556 557 558 </div> 559 560 <!-- Modal content will be inserted here by JavaScript --> 561 562 </div> 563 </div> 564</div> 565
566<script> 567 // document.addEventListener('DOMContentLoaded', () => { 568 // const tiles = document.querySelectorAll('.integration-tile'); 569 // const modal = document.getElementById('info-modal'); 570 // const grid = document.getElementById('integration-grid'); 571 572 // tiles.forEach(tile => { 573 // tile.addEventListener('click', () => { 574 // const integration = JSON.parse(tile.dataset.integration); 575 // showIntegrationInfo(integration); 576 // }); 577 // }); 578 579 // function showIntegrationInfo(integration) { 580 // modal.innerHTML = ` 581 // <h2 class="text-2xl mb-4">${integration.name}</h2> 582 // <p>${integration.info}</p> 583 // <button id="close-modal" class="mt-4 bg-white text-gray-900 px-4 py-2 rounded">Close</button> 584 // `; 585 586 // grid.style.opacity = '0'; 587 // grid.style.transform = 'scale(0.95)'; 588 // setTimeout(() => { 589 // grid.style.display = 'none'; 590 // modal.style.display = 'block'; 591 // setTimeout(() => { 592 // modal.style.opacity = '1'; 593 // modal.style.transform = 'scale(1)'; 594 // }, 50); 595 // }, 300); 596 597 // document.getElementById('close-modal').addEventListener('click', closeModal); 598 // } 599 600 // function closeModal() { 601 // modal.style.opacity = '0'; 602 // modal.style.transform = 'scale(0.95)'; 603 // setTimeout(() => { 604 // modal.style.display = 'none'; 605 // grid.style.display = 'grid'; 606 // setTimeout(() => { 607 // grid.style.opacity = '1'; 608 // grid.style.transform = 'scale(1)'; 609 // }, 50); 610 // }, 300); 611 // } 612 // }); 613</script>
613 614 615 616 617 618<div class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white"> 619 <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 "> 620 <div class="lg:w-1/2"> 621 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white"> 622 This is storytelling, <span class="glow-text">elevated.</span> 623 </h2> 624 625 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 626 Add images, video, voice notes, blog posts, social media posts, text messages and more to your map, bringing your followers along for the journey. Share your journey in real-time, or add content after. 627 </p> 628 629 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 630 Embed your maps on your website. Add previous adventures. Our platform also keeps all your data from every tracking device in one place, making it easy to relive and share all your expeditions. With ZeroSixZero, sharing the story of your adventure has never been easier or more engaging. 631 </p> 632 633 <div class="mt-6 sm:mt-10 flex"> 634 <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"> 635 Get Started <span aria-hidden="true">→</span> 636 </a> 637 </div> 638 </div> 639 <div class="lg:w-1/2"> 640 <img 641 src="/w-assets/images/ose3.webp" 642 alt="Ocean expedition map displayed on a tablet" 643 class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover" 644 loading="lazy" 645 decoding="async" 646 /> 647 </div> 648 </div> 649</div> 650 651 652 653 654<div class="mx-auto max-w-7xl pt-20 sm:pt-40 px-4 sm:px-6 lg:px-8 text-white"> 655 <div class="flex flex-col lg:flex-row gap-8 lg:gap-12 lg:flex-row-reverse"> 656 <div class="lg:w-1/2"> 657 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-white"> 658 Privacy. By Design. 659 </h2> 660 661 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 662 Advanced security that's elegantly simple. Password protection. Precision privacy zones. Choose what to include and what to exclude. 663 </p> 664 665 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 666 Your adventure. Your Choice. Your rules. 667 </p> 668 669 <p class="mt-4 sm:mt-6 text-base sm:text-lg leading-7 sm:leading-8 text-white"> 670 Privacy isn't just a feature,<span class="glow-text"> it's a promise. </span> 671 </p> 672 673 <div class="mt-6 sm:mt-10 flex"> 674 <a href="#pricing" class="rounded-md bg-z6z-forest px-4 py-2 font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"> 675 Get Started <span aria-hidden="true">→</span> 676 </a> 677 </div> 678 </div> 679 <div class="lg:w-1/2"> 680 <img 681 src="/w-assets/images/wc1.webp" 682 alt="Tracking map displayed on a tablet" 683 class="aspect-[4/3] w-full sm:w-[37rem] rounded-2xl bg-gray-50 object-cover" 684 loading="lazy" 685 decoding="async" 686 /> 687 </div> 688 </div> 689</div> 690 691 692<div id="examples" class="pt-24 pb-16 mx-auto max-w-7xl px-6 sm:px-6 lg:px-8"> 693 <div class="text-center"> 694 <h2 class="text-3xl font-bold tracking-tight text-white"> 695 See it in action 696 </h2> 697 <p class="mt-4 text-xl text-gray-300"> 698 These are real expedition maps. Select an adventure type to explore one. 699 </p> 700 <div class="map-selector-mobile mt-6"> 701 <label for="expedition-select" class="sr-only">Choose an adventure type</label> 702 <select id="expedition-select" class="mx-auto block max-w-full rounded-md border-0 bg-neutral-800 px-3.5 py-2 text-white ring-1 ring-inset ring-white/20 focus:ring-2 focus:ring-z6z-ocean"> 703 704 <option value="https://zerosixzero.com/whereisriax/20000km">Running</option> 705 706 <option value="https://z6z.co/ocean-science-expedition">Sailing</option> 707 708 <option value="https://z6z.co/vedangi-rtw">Cycling</option> 709 710 <option value="https://z6z.co/the-great-loop-project">Paddling</option> 711 712 <option value="https://z6z.co/antarctic1700">Antarctic</option> 713 714 <option value="https://zerosixzero.com/maclean/pacific-row">Ocean Rowing</option> 715 716 <option value="https://z6z.co/icelegacyproject/ellesmere">Arctic</option> 717 718 <option value="https://zerosixzero.com/catherinebreed/swim-california">Swimming</option> 719 720 <option value="https://z6z.co/seven-for-soldiers">Climbing</option> 721 722 </select> 723 </div> 724 <div class="flex justify-center"> 725 <!-- Button Container --> 726 <div class="flex flex-col justify-center mr-8 map-selectors"> 727 728 <button 729 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 730 type="button" data-link="https://zerosixzero.com/whereisriax/20000km" aria-pressed="true" aria-controls="expedition-iframe" 731 > 732 Running 733 </button> 734 735 <button 736 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 737 type="button" data-link="https://z6z.co/ocean-science-expedition" aria-pressed="false" aria-controls="expedition-iframe" 738 > 739 Sailing 740 </button> 741 742 <button 743 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 744 type="button" data-link="https://z6z.co/vedangi-rtw" aria-pressed="false" aria-controls="expedition-iframe" 745 > 746 Cycling 747 </button> 748 749 <button 750 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 751 type="button" data-link="https://z6z.co/the-great-loop-project" aria-pressed="false" aria-controls="expedition-iframe" 752 > 753 Paddling 754 </button> 755 756 <button 757 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 758 type="button" data-link="https://z6z.co/antarctic1700" aria-pressed="false" aria-controls="expedition-iframe" 759 > 760 Antarctic 761 </button> 762 763 <button 764 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 765 type="button" data-link="https://zerosixzero.com/maclean/pacific-row" aria-pressed="false" aria-controls="expedition-iframe" 766 > 767 Ocean Rowing 768 </button> 769 770 <button 771 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 772 type="button" data-link="https://z6z.co/icelegacyproject/ellesmere" aria-pressed="false" aria-controls="expedition-iframe" 773 > 774 Arctic 775 </button> 776 777 <button 778 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 779 type="button" data-link="https://zerosixzero.com/catherinebreed/swim-california" aria-pressed="false" aria-controls="expedition-iframe" 780 > 781 Swimming 782 </button> 783 784 <button 785 class="iframe-button rounded-md bg-white m-1 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-400 focus-visible:outline focus-within:bg-slate-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" 786 type="button" data-link="https://z6z.co/seven-for-soldiers" aria-pressed="false" aria-controls="expedition-iframe" 787 >
788 Climbing 789 </button> 790 791 </div> 792 793 <!-- iPad Container --> 794 <div class="ipad-container"> 795 <div class="ipad-frame"></div> 796 <div class="rounded screen-content"> 797 <iframe 798 width="100%" 799 height="100%" 800 id="expedition-iframe" 801 class="select-none" 802 title="ZeroSixZero expedition tracking map example" 803 loading="lazy" 804 src="https://zerosixzero.com/whereisriax/20000km" 805 frameborder="0" 806 allowfullscreen 807 ></iframe> 808 </div> 809 </div> 810 </div> 811 </div> 812</div> 813 814<p class="text-center text-sm text-white pb-8"><a id="expedition-link" href="https://zerosixzero.com/whereisriax/20000km" target="_blank" rel="noopener noreferrer" class="underline">Open this map in a new tab</a></p>
815<script src="/w-assets/js/examples.js" defer></script>
815 816 817 818 819 820 <!-- Pricing section --> 821 <div id="pricing" class="isolate overflow-hidden"> 822 <div class="flow-root bg-z6z gridpage py-16 sm:pt-32 lg:pb-0"> 823 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 824 <div class="relative z-10"> 825 <h2 class="mx-auto max-w-4xl text-center text-5xl font-bold tracking-tight text-white">Choose your own adventure</h2> 826 <p class="mx-auto mt-4 max-w-2xl text-center text-lg leading-8 text-white/60">Every plan includes real-time tracking, interactive maps and privacy controls.</p> 827 <div class="mt-16 flex justify-center"> 828 <fieldset aria-label="Payment frequency"> 829 <div class="grid grid-cols-2 gap-x-1 rounded-full bg-white/5 p-1 text-center text-xs font-semibold leading-5 text-white"> 830 831 <label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors duration-200 hover:bg-white/10" data-active-class="bg-white text-neutral-900"> 832 <input type="radio" name="frequency" value="monthly" class="sr-only" checked> 833 <span>Monthly</span> 834 </label> 835 836 <label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors duration-200 hover:bg-white/10" data-active-class="bg-white text-neutral-900"> 837 <input type="radio" name="frequency" value="annual" class="sr-only" > 838 <span>Annual <span>(save up to 17%)</span></span> 839 </label> 840 841 </div> 842 </fieldset> 843 </div> 844 </div> 845 <p class="mt-6 text-center text-sm text-white/60"><a href="#examples" class="font-semibold text-white underline underline-offset-4">Explore a live example map before choosing your plan</a></p> 846 <div class="relative mx-auto mt-10 grid max-w-md grid-cols-1 gap-y-8 lg:mx-0 lg:-mb-14 lg:max-w-none lg:grid-cols-3"> 847 <svg viewBox="0 0 1208 1024" aria-hidden="true" class="absolute -bottom-48 left-1/2 h-[64rem] -translate-x-1/2 translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] lg:-top-48 lg:bottom-auto lg:translate-y-0"> 848 <ellipse cx="604" cy="512" fill="url(#d25c25d4-6d43-4bf9-b9ac-1842a30a4867)" rx="604" ry="512" /> 849 <defs> 850 <radialGradient id="d25c25d4-6d43-4bf9-b9ac-1842a30a4867"> 851 <stop stop-color="#838383" /> 852 <stop offset="1" stop-color="#1f2937" /> 853 </radialGradient> 854 </defs> 855 </svg> 856 <div class="hidden lg:absolute lg:inset-x-px lg:bottom-0 lg:top-4 lg:block lg:rounded-t-2xl lg:bg-neutral-800/80 lg:ring-1 lg:ring-white/10" aria-hidden="true"></div> 857 858 859 <div class="pricing-card relative rounded-2xl bg-neutral-800/80 ring-1 ring-white/10 lg:bg-transparent lg:pb-14 lg:ring-0"> 860 <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14"> 861 <h3 id="tier-adventure" class="text-sm font-semibold leading-6 text-white">Adventure</h3> 862 <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch"> 863 <div class="mt-2 flex items-center gap-x-4"> 864 <!-- Price, updates based on frequency toggle state --> 865 <p class="text-4xl font-bold tracking-tight text-white"> 866 $<span class="price-amount" 867 data-monthly-price="18.99" 868 data-annual-price="189" 869 data-annual-monthly-equivalent="15.75" 870 data-pre-discount-annual="228">18.99</span> 871 </p> 872 <div class="text-sm leading-5"> 873 <p class="text-white">/mo</p> 874 <div class="billing-info"> 875 <p class="billing-period text-neutral-400" 876 data-billed-monthly="Billed Monthly" 877 data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p> 878 </div> 879 </div> 880 </div> 881 <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-adventure" class="rounded-md bg-white/10 text-white hover:bg-white/20 px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a> 882 </div> 883 <div class="mt-8 flow-root sm:mt-10"> 884 <ul role="list" class="-my-2 divide-y divide-white/5 border-t border-white/5 text-white lg:border-t-0 text-sm leading-6"> 885 886 <li class="flex gap-x-3 py-2"> 887 <svg class="h-6 w-5 flex-none text-neutral-500" viewB
887ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 888 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 889 </svg> 890 Real-time GPS tracking 891 </li> 892 893 <li class="flex gap-x-3 py-2"> 894 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 895 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 896 </svg> 897 Beautiful, interactive maps 898 </li> 899 900 <li class="flex gap-x-3 py-2"> 901 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 902 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 903 </svg> 904 Phone & Fitness tracker integration 905 </li> 906 907 </ul> 908 </div> 909 </div> 910 </div> 911 912 913 <div class="pricing-card relative rounded-2xl bg-white z-10 shadow-xl ring-1 ring-neutral-900/10"> 914 <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14"> 915 <h3 id="tier-endurance" class="text-sm font-semibold leading-6 text-neutral-900">Endurance</h3> 916 <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch"> 917 <div class="mt-2 flex items-center gap-x-4"> 918 <!-- Price, updates based on frequency toggle state --> 919 <p class="text-4xl font-bold tracking-tight text-neutral-900"> 920 $<span class="price-amount" 921 data-monthly-price="48.99" 922 data-annual-price="489" 923 data-annual-monthly-equivalent="40.75" 924 data-pre-discount-annual="588">48.99</span> 925 </p> 926 <div class="text-sm leading-5"> 927 <p class="text-neutral-900">/mo</p> 928 <div class="billing-info"> 929 <p class="billing-period text-neutral-500" 930 data-billed-monthly="Billed Monthly" 931 data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p> 932 </div> 933 </div> 934 </div> 935 <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-endurance" class="rounded-md bg-z6z-forest text-white shadow-sm hover:bg-z6z-ocean px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a> 936 </div> 937 <div class="mt-8 flow-root sm:mt-10"> 938 <ul role="list" class="-my-2 divide-y divide-neutral-900/5 border-t border-neutral-900/5 text-neutral-600 lg:border-t-0 text-sm leading-6"> 939 940 <li class="flex gap-x-3 py-2"> 941 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 942 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 943 </svg> 944 Everything in Adventure, plus: 945 </li> 946 947 <li class="flex gap-x-3 py-2"> 948 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 949 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 950 </svg> 951 Multiple real-time tracker integration 952 </li> 953 954 <li class="flex gap-x-3 py-2"> 955 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 956 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 957 </svg> 958 3D Terrain & Bathymetry 959 </li> 960 961 <li class="flex gap-x-3 py-2"> 962 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 963 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 964 </svg> 965 Realtime weather 966 </li> 967 968 <li class="flex gap-x-3 py-2"> 969 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 970 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 971 </svg> 972 Satellite tracker integration 973 </li> 974 975 <li class="flex gap-x-3 py-2"> 976 <svg class="h-6 w-5 flex-none text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 977 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 978 </svg> 979 Vessel & Aircraft tracker integration 980 </li> 981 982 </ul> 983 </div> 984 </div> 985 </div> 986 987 988 <div class="pricing-card relative rounded-2xl bg-neutral-800/80 ring-1 ring-white/10 lg:bg-transparent lg:pb-14 lg:ring-0"> 989 <div class="p-8 lg:pt-12 xl:p-10 xl:pt-14"> 990 <h3 id="tier-expedition" class="text-sm font-semibold leading-6 text-white">Expedition</h3> 991 <div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between lg:flex-col lg:items-stretch"> 992 <div class="mt-2 flex items-center gap-x-4"> 993 <!-- Price, updates based on frequency toggle state --> 994 <p class="text-4xl font-bold tracking-tight text-white"> 995 $<span class="price-amount" 996 data-monthly-price="119.99" 997 data-annual-price="1317" 998 data-annual-monthly-equivalent="109.75" 999 data-pre-discount-annual="1440">119.99</span> 1000 </p> 1001 <div class="text-sm leading-5"> 1002 <p class="text-white">/mo</p> 1003 <div class="billing-info"> 1004 <p class="billing-period text-neutral-400" 1005 data-billed-monthly="Billed Monthly" 1006 data-billed-annually="Billed Annually (${price}/yr)">Billed Monthly</p> 1007 </div> 1008 </div> 1009 </div> 1010 <a href="https://zerosixzero.com/login?sign_up" aria-describedby="tier-expedition" class="rounded-md bg-white/10 text-white hover:bg-white/20 px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">Sign up</a> 1011 </div> 1012 <div class="mt-8 flow-root sm:mt-10"> 1013 <ul role="list" class="-my-2 divide-y divide-white/5 border-t border-white/5 text-white lg:border-t-0 text-sm leading-6"> 1014 1015 <li class="flex gap-x-3 py-2"> 1016 <svg class="h-6 w-5 flex-none text-neutral-500" viewB
1016ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1017 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1018 </svg> 1019 Everything in Endurance, plus: 1020 </li> 1021 1022 <li class="flex gap-x-3 py-2"> 1023 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1024 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1025 </svg> 1026 Sync with external data sources 1027 </li> 1028 1029 <li class="flex gap-x-3 py-2"> 1030 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1031 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1032 </svg> 1033 Custom map styles 1034 </li> 1035 1036 <li class="flex gap-x-3 py-2"> 1037 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1038 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1039 </svg> 1040 Spacecraft tracking ð 1041 </li> 1042 1043 <li class="flex gap-x-3 py-2"> 1044 <svg class="h-6 w-5 flex-none text-neutral-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1045 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1046 </svg> 1047 Priority support 1048 </li> 1049 1050 </ul> 1051 </div> 1052 </div> 1053 </div> 1054 1055 </div> 1056 </div> 1057 </div> 1058 <div class="relative bg-z6z-ice lg:pt-14"> 1059 <div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8"> 1060 <!-- Feature comparison (up to lg) --> 1061 <section aria-labelledby="mobile-comparison-heading" class="lg:hidden"> 1062 <h2 id="mobile-comparison-heading" class="sr-only">Feature comparison</h2> 1063 1064 <div class="mx-auto max-w-2xl space-y-16"> 1065 1066 1067 <div class="border-t border-neutral-900/10"> 1068 <div class="-mt-px w-72 border-t-2 border-transparent pt-10 md:w-80"> 1069 <h3 class="text-sm font-semibold leading-6 text-neutral-900">Adventure</h3> 1070 <p class="mt-1 text-sm leading-6 text-neutral-600">Perfect for solo adventures and athletes.</p> 1071 </div> 1072 1073 <div class="mt-10 space-y-10"> 1074 1075 1076 <div> 1077 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4> 1078 <div class="relative mt-6"> 1079 <!-- Fake card background --> 1080 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1081 1082 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1083 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1084 1085 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1086 <dt class="pr-4 text-neutral-600">Real-time trackers</dt> 1087 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1088 1089 1090
1091 <span class="text-neutral-900">1</span> 1092 1093 </dd> 1094 </div> 1095 1096 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1097 <dt class="pr-4 text-neutral-600">3D Terrain & Ocean Bathymetry</dt> 1098 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1099 1100 1101 1102 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1103 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1104 </svg> 1105 <span class="sr-only">No</span> 1106 1107 </dd> 1108 </div> 1109 1110 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1111 <dt class="pr-4 text-neutral-600">Website embedding</dt> 1112 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1113 1114 1115 1116 <span class="text-neutral-900">1 site</span> 1117 1118 </dd> 1119 </div> 1120 1121 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1122 <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt> 1123 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1124 1125 1126 1127 <span class="text-neutral-900">2 minutes</span> 1128 1129 </dd> 1130 </div> 1131 1132 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1133 <dt class="pr-4 text-neutral-600">Map Update Interval</dt> 1134 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1135 1136 1137 1138 <span class="text-neutral-900">5 minutes</span> 1139 1140 </dd> 1141 </div> 1142 1143 </dl> 1144 </div> 1145 1146 <!-- Fake card border --> 1147 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1148 </div> 1149 </div> 1150 1151 1152 <div> 1153 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4> 1154 <div class="relative mt-6"> 1155 <!-- Fake card background --> 1156 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1157 1158 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1159 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1160 1161 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1162 <dt class="pr-4 text-neutral-600">iPhone / Android</dt> 1163 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1164 1165 1166 1167 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1168 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1169 </svg>
1170 <span class="sr-only">Yes</span> 1171 1172 </dd> 1173 </div> 1174 1175 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1176 <dt class="pr-4 text-neutral-600">Fitness Tracker</dt> 1177 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1178 1179 1180 1181 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1182 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1183 </svg> 1184 <span class="sr-only">Yes</span> 1185 1186 </dd> 1187 </div> 1188 1189 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1190 <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt> 1191 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1192 1193 1194 1195 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1196 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1197 </svg> 1198 <span class="sr-only">No</span> 1199 1200 </dd> 1201 </div> 1202 1203 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1204 <dt class="pr-4 text-neutral-600">Vessel</dt> 1205 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1206 1207 1208 1209 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1210 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1211 </svg> 1212 <span class="sr-only">No</span> 1213 1214 </dd> 1215 </div> 1216 1217 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1218 <dt class="pr-4 text-neutral-600">Aircraft</dt> 1219 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1220 1221 1222 1223 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1224 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1225 </svg> 1226 <span class="sr-only">No</span> 1227 1228 </dd> 1229 </div> 1230 1231 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1232 <dt class="pr-4 text-neutral-600">Spacecraft</dt> 1233 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1234 1235 1236 1237 <svg class="mx-auto h-5 w-5 text-neutral-400" viewB
1237ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1238 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1239 </svg> 1240 <span class="sr-only">No</span> 1241 1242 </dd> 1243 </div> 1244 1245 </dl> 1246 </div> 1247 1248 <!-- Fake card border --> 1249 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1250 </div> 1251 </div> 1252 1253 1254 <div> 1255 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4> 1256 <div class="relative mt-6"> 1257 <!-- Fake card background --> 1258 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1259 1260 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1261 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1262 1263 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1264 <dt class="pr-4 text-neutral-600">Photo and video sharing</dt> 1265 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1266 1267 1268 1269 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1270 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1271 </svg> 1272 <span class="sr-only">Yes</span> 1273 1274 </dd> 1275 </div> 1276 1277 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1278 <dt class="pr-4 text-neutral-600">Social media integration</dt> 1279 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1280 1281 1282 1283 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1284 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1285 </svg> 1286 <span class="sr-only">Yes</span> 1287 1288 </dd> 1289 </div> 1290 1291 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1292 <dt class="pr-4 text-neutral-600">Voice memos</dt> 1293 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1294 1295 1296 1297 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1298 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1299 </svg>
1300 <span class="sr-only">No</span> 1301 1302 </dd> 1303 </div> 1304 1305 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1306 <dt class="pr-4 text-neutral-600">Weather visualization</dt> 1307 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1308 1309 1310 1311 <span class="text-neutral-900">Text based</span> 1312 1313 </dd> 1314 </div> 1315 1316 </dl> 1317 </div> 1318 1319 <!-- Fake card border --> 1320 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1321 </div> 1322 </div> 1323 1324 </div> 1325 </div> 1326 1327 1328 <div class="border-t border-neutral-900/10"> 1329 <div class="-mt-px w-72 border-t-2 border-z6z-forest pt-10 md:w-80"> 1330 <h3 class="text-sm font-semibold leading-6 text-z6z-forest">Endurance</h3> 1331 <p class="mt-1 text-sm leading-6 text-neutral-600">For ultra endurance and long distance adventures.</p> 1332 </div> 1333 1334 <div class="mt-10 space-y-10"> 1335 1336 1337 <div> 1338 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4> 1339 <div class="relative mt-6"> 1340 <!-- Fake card background --> 1341 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1342 1343 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1344 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1345 1346 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1347 <dt class="pr-4 text-neutral-600">Real-time trackers</dt> 1348 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1349 1350 1351 1352 <span class="font-semibold text-z6z-forest">3</span> 1353 1354 </dd> 1355 </div> 1356 1357 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1358 <dt class="pr-4 text-neutral-600">3D Terrain & Ocean Bathymetry</dt> 1359 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1360 1361 1362 1363 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1364 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1365 </svg> 1366 <span class="sr-only">Yes</span> 1367 1368 </dd> 1369 </div> 1370 1371 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1372 <dt class="pr-4 text-neutral-600">Website embedding</dt> 1373 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1374 1375 1376
1377 <span class="font-semibold text-z6z-forest">1 site</span> 1378 1379 </dd> 1380 </div> 1381 1382 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1383 <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt> 1384 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1385 1386 1387 1388 <span class="font-semibold text-z6z-forest">2 seconds</span> 1389 1390 </dd> 1391 </div> 1392 1393 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1394 <dt class="pr-4 text-neutral-600">Map Update Interval</dt> 1395 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1396 1397 1398 1399 <span class="font-semibold text-z6z-forest">15 seconds</span> 1400 1401 </dd> 1402 </div> 1403 1404 </dl> 1405 </div> 1406 1407 <!-- Fake card border --> 1408 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1409 </div> 1410 </div> 1411 1412 1413 <div> 1414 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4> 1415 <div class="relative mt-6"> 1416 <!-- Fake card background --> 1417 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1418 1419 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1420 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1421 1422 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1423 <dt class="pr-4 text-neutral-600">iPhone / Android</dt> 1424 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1425 1426 1427 1428 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1429 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1430 </svg> 1431 <span class="sr-only">Yes</span> 1432 1433 </dd> 1434 </div> 1435 1436 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1437 <dt class="pr-4 text-neutral-600">Fitness Tracker</dt> 1438 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1439 1440 1441 1442 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1443 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1444 </svg>
1445 <span class="sr-only">Yes</span> 1446 1447 </dd> 1448 </div> 1449 1450 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1451 <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt> 1452 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1453 1454 1455 1456 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1457 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1458 </svg> 1459 <span class="sr-only">Yes</span> 1460 1461 </dd> 1462 </div> 1463 1464 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1465 <dt class="pr-4 text-neutral-600">Vessel</dt> 1466 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1467 1468 1469 1470 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1471 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1472 </svg> 1473 <span class="sr-only">Yes</span> 1474 1475 </dd> 1476 </div> 1477 1478 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1479 <dt class="pr-4 text-neutral-600">Aircraft</dt> 1480 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1481 1482 1483 1484 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1485 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1486 </svg> 1487 <span class="sr-only">Yes</span> 1488 1489 </dd> 1490 </div> 1491 1492 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1493 <dt class="pr-4 text-neutral-600">Spacecraft</dt> 1494 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1495 1496 1497 1498 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1499 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1500 </svg> 1501 <span class="sr-only">No</span> 1502 1503 </dd> 1504 </div> 1505 1506 </dl> 1507 </div> 1508 1509 <!-- Fake card border --> 1510 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 roun
1510ded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1511 </div> 1512 </div> 1513 1514 1515 <div> 1516 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4> 1517 <div class="relative mt-6"> 1518 <!-- Fake card background --> 1519 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1520 1521 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1522 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1523 1524 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1525 <dt class="pr-4 text-neutral-600">Photo and video sharing</dt> 1526 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1527 1528 1529 1530 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1531 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1532 </svg> 1533 <span class="sr-only">Yes</span> 1534 1535 </dd> 1536 </div> 1537 1538 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1539 <dt class="pr-4 text-neutral-600">Social media integration</dt> 1540 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1541 1542 1543 1544 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1545 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1546 </svg> 1547 <span class="sr-only">Yes</span> 1548 1549 </dd> 1550 </div> 1551 1552 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1553 <dt class="pr-4 text-neutral-600">Voice memos</dt> 1554 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1555 1556 1557 1558 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1559 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1560 </svg> 1561 <span class="sr-only">Yes</span> 1562 1563 </dd> 1564 </div> 1565 1566 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1567 <dt class="pr-4 text-neutral-600">Weather visualization</dt> 1568 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1569 1570 1571
1572 <span class="font-semibold text-z6z-forest">Satellite imagery</span> 1573 1574 </dd> 1575 </div> 1576 1577 </dl> 1578 </div> 1579 1580 <!-- Fake card border --> 1581 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1582 </div> 1583 </div> 1584 1585 </div> 1586 </div> 1587 1588 1589 <div class="border-t border-neutral-900/10"> 1590 <div class="-mt-px w-72 border-t-2 border-transparent pt-10 md:w-80"> 1591 <h3 class="text-sm font-semibold leading-6 text-neutral-900">Expedition</h3> 1592 <p class="mt-1 text-sm leading-6 text-neutral-600">Designed for expeditions and sponsors.</p> 1593 </div> 1594 1595 <div class="mt-10 space-y-10"> 1596 1597 1598 <div> 1599 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h4> 1600 <div class="relative mt-6"> 1601 <!-- Fake card background --> 1602 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1603 1604 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1605 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1606 1607 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1608 <dt class="pr-4 text-neutral-600">Real-time trackers</dt> 1609 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1610 1611 1612 1613 <span class="text-neutral-900">5</span> 1614 1615 </dd> 1616 </div> 1617 1618 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1619 <dt class="pr-4 text-neutral-600">3D Terrain & Ocean Bathymetry</dt> 1620 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1621 1622 1623 1624 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1625 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1626 </svg> 1627 <span class="sr-only">Yes</span> 1628 1629 </dd> 1630 </div> 1631 1632 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1633 <dt class="pr-4 text-neutral-600">Website embedding</dt> 1634 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1635 1636 1637 1638 <span class="text-neutral-900">4 sites</span> 1639 1640 </dd> 1641 </div> 1642 1643 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1644 <dt class="pr-4 text-neutral-600">Tracker Update Interval</dt> 1645 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1646 1647 1648
1649 <span class="text-neutral-900">2 seconds</span> 1650 1651 </dd> 1652 </div> 1653 1654 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1655 <dt class="pr-4 text-neutral-600">Map Update Interval</dt> 1656 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1657 1658 1659 1660 <span class="text-neutral-900">2 seconds</span> 1661 1662 </dd> 1663 </div> 1664 1665 </dl> 1666 </div> 1667 1668 <!-- Fake card border --> 1669 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1670 </div> 1671 </div> 1672 1673 1674 <div> 1675 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h4> 1676 <div class="relative mt-6"> 1677 <!-- Fake card background --> 1678 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1679 1680 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1681 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1682 1683 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1684 <dt class="pr-4 text-neutral-600">iPhone / Android</dt> 1685 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1686 1687 1688 1689 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1690 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1691 </svg> 1692 <span class="sr-only">Yes</span> 1693 1694 </dd> 1695 </div> 1696 1697 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1698 <dt class="pr-4 text-neutral-600">Fitness Tracker</dt> 1699 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1700 1701 1702 1703 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1704 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1705 </svg> 1706 <span class="sr-only">Yes</span> 1707 1708 </dd> 1709 </div> 1710 1711 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1712 <dt class="pr-4 text-neutral-600">GPS Satellite Tracker</dt> 1713 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1714 1715 1716 1717 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1718 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1719 </svg>
1720 <span class="sr-only">Yes</span> 1721 1722 </dd> 1723 </div> 1724 1725 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1726 <dt class="pr-4 text-neutral-600">Vessel</dt> 1727 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1728 1729 1730 1731 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1732 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1733 </svg> 1734 <span class="sr-only">Yes</span> 1735 1736 </dd> 1737 </div> 1738 1739 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1740 <dt class="pr-4 text-neutral-600">Aircraft</dt> 1741 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1742 1743 1744 1745 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1746 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1747 </svg> 1748 <span class="sr-only">Yes</span> 1749 1750 </dd> 1751 </div> 1752 1753 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1754 <dt class="pr-4 text-neutral-600">Spacecraft</dt> 1755 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1756 1757 1758 1759 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1760 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1761 </svg> 1762 <span class="sr-only">Yes</span> 1763 1764 </dd> 1765 </div> 1766 1767 </dl> 1768 </div> 1769 1770 <!-- Fake card border --> 1771 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1772 </div> 1773 </div> 1774 1775 1776 <div> 1777 <h4 class="text-sm font-semibold leading-6 text-neutral-900">Content</h4> 1778 <div class="relative mt-6"> 1779 <!-- Fake card background --> 1780 <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div> 1781 1782 <div class="relative rounded-lg bg-white shadow-sm ring-1 ring-neutral-900/10 sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0"> 1783 <dl class="divide-y divide-gray-200 text-sm leading-6"> 1784 1785 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1786 <dt class="pr-4 text-neutral-600">Photo and video sharing</dt> 1787 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1788 1789 1790 1791 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1792 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1793 </svg>
1794 <span class="sr-only">Yes</span> 1795 1796 </dd> 1797 </div> 1798 1799 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1800 <dt class="pr-4 text-neutral-600">Social media integration</dt> 1801 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1802 1803 1804 1805 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1806 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1807 </svg> 1808 <span class="sr-only">Yes</span> 1809 1810 </dd> 1811 </div> 1812 1813 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1814 <dt class="pr-4 text-neutral-600">Voice memos</dt> 1815 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1816 1817 1818 1819 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1820 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1821 </svg> 1822 <span class="sr-only">Yes</span> 1823 1824 </dd> 1825 </div> 1826 1827 <div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0"> 1828 <dt class="pr-4 text-neutral-600">Weather visualization</dt> 1829 <dd class="flex items-center justify-end sm:justify-center sm:px-4"> 1830 1831 1832 1833 <span class="text-neutral-900">Detailed weather animations</span> 1834 1835 </dd> 1836 </div> 1837 1838 </dl> 1839 </div> 1840 1841 <!-- Fake card border --> 1842 <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg ring-1 ring-neutral-900/10 sm:block"></div> 1843 </div> 1844 </div> 1845 1846 </div> 1847 </div> 1848 1849 </div> 1850 </section> 1851 1852 1853 1854 1855 <!-- Feature comparison (lg+) --> 1856 <section aria-labelledby="comparison-heading" class="hidden lg:block"> 1857 <h2 id="comparison-heading" class="sr-only">Feature comparison</h2> 1858 1859 <div class="grid grid-cols-4 gap-x-8 border-t border-neutral-900/10 before:block"> 1860 1861 1862 <div aria-hidden="true" class="-mt-px"> 1863 <div class="border-t-2 border-transparent pt-10"> 1864 <p class="text-sm font-semibold leading-6 text-neutral-900">Adventure</p> 1865 <p class="mt-1 text-sm leading-6 text-neutral-600">Perfect for solo adventures and athletes.</p> 1866 </div> 1867 </div> 1868 1869 1870 <div aria-hidden="true" class="-mt-px"> 1871 <div class="border-t-2 border-z6z-forest pt-10"> 1872 <p class="text-sm font-semibold leading-6 text-z6z-forest">Endurance</p> 1873 <p class="mt-1 text-sm leading-6 text-neutral-600">For ultra endurance and long distance adventures.</p> 1874 </div> 1875 </div> 1876 1877 1878 <div aria-hidden="true" class="-mt-px"> 1879 <div class="border-t-2 border-transparent pt-10"> 1880 <p class="text-sm font-semibold leading-6 text-neutral-900">Expedition</p> 1881 <p class="mt-1 text-sm leading-6 text-neutral-600">Designed for expeditions and sponsors.</p> 1882 </div> 1883 </div> 1884 1885 </div> 1886 1887 1888 <div class="-mt-6 space-y-16"> 1889 1890 1891 <div> 1892 <h3 class="text-sm font-semibold leading-6 text-neutral-900">Essential Features</h3> 1893 <div class="relative -mx-8 mt-10"> 1894 <!-- Fake card backgrounds --> 1895 <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 1896 1897 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 1898 1899 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 1900 1901 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 1902 1903 </div> 1904 1905 <table class="relative w-full border-separate border-spacing-x-8"> 1906 <thead> 1907 <tr class="text-left"> 1908 <th scope="col">
1909 <span class="sr-only">Feature</span> 1910 </th> 1911 1912 1913 <th scope="col"> 1914 <span class="sr-only">Adventure tier</span> 1915 </th> 1916 1917 1918 <th scope="col"> 1919 <span class="sr-only">Endurance tier</span> 1920 </th> 1921 1922 1923 <th scope="col"> 1924 <span class="sr-only">Expedition tier</span> 1925 </th> 1926 1927 </tr> 1928 </thead> 1929 <tbody> 1930 1931 <tr> 1932 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 1933 Real-time trackers 1934 1935 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 1936 1937 </th> 1938 1939 <td class="relative w-1/4 px-4 py-0 text-center"> 1940 <span class="relative h-full w-full py-3"> 1941 1942 1943 1944 <span class="text-neutral-900">1</span> 1945 1946 </span> 1947 </td> 1948 1949 <td class="relative w-1/4 px-4 py-0 text-center"> 1950 <span class="relative h-full w-full py-3"> 1951 1952 1953 1954 <span class="font-semibold text-z6z-forest">3</span> 1955 1956 </span> 1957 </td> 1958 1959 <td class="relative w-1/4 px-4 py-0 text-center"> 1960 <span class="relative h-full w-full py-3"> 1961 1962 1963 1964 <span class="text-neutral-900">5</span> 1965 1966 </span> 1967 </td> 1968 1969 </tr> 1970 1971 <tr> 1972 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 1973 3D Terrain & Ocean Bathymetry 1974 1975 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 1976 1977 </th> 1978 1979 <td class="relative w-1/4 px-4 py-0 text-center"> 1980 <span class="relative h-full w-full py-3"> 1981 1982 1983 1984 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1985 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 1986 </svg> 1987 <span class="sr-only">No</span> 1988 1989 </span> 1990 </td> 1991 1992 <td class="relative w-1/4 px-4 py-0 text-center"> 1993 <span class="relative h-full w-full py-3"> 1994 1995 1996 1997 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1998 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 1999 </svg>
2000 <span class="sr-only">Yes</span> 2001 2002 </span> 2003 </td> 2004 2005 <td class="relative w-1/4 px-4 py-0 text-center"> 2006 <span class="relative h-full w-full py-3"> 2007 2008 2009 2010 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2011 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2012 </svg> 2013 <span class="sr-only">Yes</span> 2014 2015 </span> 2016 </td> 2017 2018 </tr> 2019 2020 <tr> 2021 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2022 Website embedding 2023 2024 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2025 2026 </th> 2027 2028 <td class="relative w-1/4 px-4 py-0 text-center"> 2029 <span class="relative h-full w-full py-3"> 2030 2031 2032 2033 <span class="text-neutral-900">1 site</span> 2034 2035 </span> 2036 </td> 2037 2038 <td class="relative w-1/4 px-4 py-0 text-center"> 2039 <span class="relative h-full w-full py-3"> 2040 2041 2042 2043 <span class="font-semibold text-z6z-forest">1 site</span> 2044 2045 </span> 2046 </td> 2047 2048 <td class="relative w-1/4 px-4 py-0 text-center"> 2049 <span class="relative h-full w-full py-3"> 2050 2051 2052 2053 <span class="text-neutral-900">4 sites</span> 2054 2055 </span> 2056 </td> 2057 2058 </tr> 2059 2060 <tr> 2061 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2062 Tracker Update Interval 2063 2064 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2065 2066 </th> 2067 2068 <td class="relative w-1/4 px-4 py-0 text-center"> 2069 <span class="relative h-full w-full py-3"> 2070 2071 2072 2073 <span class="text-neutral-900">2 minutes</span> 2074 2075 </span> 2076 </td> 2077 2078 <td class="relative w-1/4 px-4 py-0 text-center"> 2079 <span class="relative h-full w-full py-3"> 2080 2081 2082 2083 <span class="font-semibold text-z6z-forest">2 seconds</span> 2084 2085 </span> 2086 </td> 2087 2088 <td class="relative w-1/4 px-4 py-0 text-center"> 2089 <span class="relative h-full w-full py-3"> 2090 2091 2092
2093 <span class="text-neutral-900">2 seconds</span> 2094 2095 </span> 2096 </td> 2097 2098 </tr> 2099 2100 <tr> 2101 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2102 Map Update Interval 2103 2104 </th> 2105 2106 <td class="relative w-1/4 px-4 py-0 text-center"> 2107 <span class="relative h-full w-full py-3"> 2108 2109 2110 2111 <span class="text-neutral-900">5 minutes</span> 2112 2113 </span> 2114 </td> 2115 2116 <td class="relative w-1/4 px-4 py-0 text-center"> 2117 <span class="relative h-full w-full py-3"> 2118 2119 2120 2121 <span class="font-semibold text-z6z-forest">15 seconds</span> 2122 2123 </span> 2124 </td> 2125 2126 <td class="relative w-1/4 px-4 py-0 text-center"> 2127 <span class="relative h-full w-full py-3"> 2128 2129 2130 2131 <span class="text-neutral-900">2 seconds</span> 2132 2133 </span> 2134 </td> 2135 2136 </tr> 2137 2138 </tbody> 2139 </table> 2140 2141 <!-- Fake card borders --> 2142 <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 2143 2144 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2145 2146 <div class="rounded-lg ring-2 ring-z6z-forest"></div> 2147 2148 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2149 2150 </div> 2151 </div> 2152 </div> 2153 2154 2155 <div> 2156 <h3 class="text-sm font-semibold leading-6 text-neutral-900">Trackers</h3> 2157 <div class="relative -mx-8 mt-10"> 2158 <!-- Fake card backgrounds --> 2159 <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 2160 2161 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2162 2163 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2164 2165 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2166 2167 </div> 2168 2169 <table class="relative w-full border-separate border-spacing-x-8"> 2170 <thead> 2171 <tr class="text-left"> 2172 <th scope="col"> 2173 <span class="sr-only">Feature</span> 2174 </th> 2175 2176 2177 <th scope="col"> 2178 <span class="sr-only">Adventure tier</span> 2179 </th> 2180 2181 2182 <th scope="col"> 2183 <span class="sr-only">Endurance tier</span> 2184 </th> 2185 2186 2187 <th scope="col"> 2188 <span class="sr-only">Expedition tier</span> 2189 </th> 2190 2191 </tr> 2192 </thead> 2193 <tbody> 2194 2195 <tr> 2196 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2197 iPhone / Android 2198 2199 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2200 2201 </th> 2202 2203 <td class="relative w-1/4 px-4 py-0 text-center">
2204 <span class="relative h-full w-full py-3"> 2205 2206 2207 2208 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2209 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2210 </svg> 2211 <span class="sr-only">Yes</span> 2212 2213 </span> 2214 </td> 2215 2216 <td class="relative w-1/4 px-4 py-0 text-center"> 2217 <span class="relative h-full w-full py-3"> 2218 2219 2220 2221 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2222 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2223 </svg> 2224 <span class="sr-only">Yes</span> 2225 2226 </span> 2227 </td> 2228 2229 <td class="relative w-1/4 px-4 py-0 text-center"> 2230 <span class="relative h-full w-full py-3"> 2231 2232 2233 2234 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2235 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2236 </svg> 2237 <span class="sr-only">Yes</span> 2238 2239 </span> 2240 </td> 2241 2242 </tr> 2243 2244 <tr> 2245 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2246 Fitness Tracker 2247 2248 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2249 2250 </th> 2251 2252 <td class="relative w-1/4 px-4 py-0 text-center"> 2253 <span class="relative h-full w-full py-3"> 2254 2255 2256 2257 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2258 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2259 </svg> 2260 <span class="sr-only">Yes</span> 2261 2262 </span> 2263 </td> 2264 2265 <td class="relative w-1/4 px-4 py-0 text-center"> 2266 <span class="relative h-full w-full py-3"> 2267 2268 2269 2270 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2271 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2272 </svg>
2273 <span class="sr-only">Yes</span> 2274 2275 </span> 2276 </td> 2277 2278 <td class="relative w-1/4 px-4 py-0 text-center"> 2279 <span class="relative h-full w-full py-3"> 2280 2281 2282 2283 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2284 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2285 </svg> 2286 <span class="sr-only">Yes</span> 2287 2288 </span> 2289 </td> 2290 2291 </tr> 2292 2293 <tr> 2294 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2295 GPS Satellite Tracker 2296 2297 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2298 2299 </th> 2300 2301 <td class="relative w-1/4 px-4 py-0 text-center"> 2302 <span class="relative h-full w-full py-3"> 2303 2304 2305 2306 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2307 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2308 </svg> 2309 <span class="sr-only">No</span> 2310 2311 </span> 2312 </td> 2313 2314 <td class="relative w-1/4 px-4 py-0 text-center"> 2315 <span class="relative h-full w-full py-3"> 2316 2317 2318 2319 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2320 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2321 </svg> 2322 <span class="sr-only">Yes</span> 2323 2324 </span> 2325 </td> 2326 2327 <td class="relative w-1/4 px-4 py-0 text-center"> 2328 <span class="relative h-full w-full py-3"> 2329 2330 2331 2332 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2333 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2334 </svg> 2335 <span class="sr-only">Yes</span> 2336 2337 </span> 2338 </td> 2339 2340 </tr> 2341 2342 <tr> 2343 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2344 Vessel 2345 2346 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2347 2348 </th> 2349 2350 <td class="relative w-1/4 px-4 py-0 text-center">
2351 <span class="relative h-full w-full py-3"> 2352 2353 2354 2355 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2356 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2357 </svg> 2358 <span class="sr-only">No</span> 2359 2360 </span> 2361 </td> 2362 2363 <td class="relative w-1/4 px-4 py-0 text-center"> 2364 <span class="relative h-full w-full py-3"> 2365 2366 2367 2368 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2369 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2370 </svg> 2371 <span class="sr-only">Yes</span> 2372 2373 </span> 2374 </td> 2375 2376 <td class="relative w-1/4 px-4 py-0 text-center"> 2377 <span class="relative h-full w-full py-3"> 2378 2379 2380 2381 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2382 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2383 </svg> 2384 <span class="sr-only">Yes</span> 2385 2386 </span> 2387 </td> 2388 2389 </tr> 2390 2391 <tr> 2392 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2393 Aircraft 2394 2395 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2396 2397 </th> 2398 2399 <td class="relative w-1/4 px-4 py-0 text-center"> 2400 <span class="relative h-full w-full py-3"> 2401 2402 2403 2404 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2405 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2406 </svg> 2407 <span class="sr-only">No</span> 2408 2409 </span> 2410 </td> 2411 2412 <td class="relative w-1/4 px-4 py-0 text-center"> 2413 <span class="relative h-full w-full py-3"> 2414 2415 2416 2417 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2418 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2419 </svg>
2420 <span class="sr-only">Yes</span> 2421 2422 </span> 2423 </td> 2424 2425 <td class="relative w-1/4 px-4 py-0 text-center"> 2426 <span class="relative h-full w-full py-3"> 2427 2428 2429 2430 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2431 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2432 </svg> 2433 <span class="sr-only">Yes</span> 2434 2435 </span> 2436 </td> 2437 2438 </tr> 2439 2440 <tr> 2441 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2442 Spacecraft 2443 2444 </th> 2445 2446 <td class="relative w-1/4 px-4 py-0 text-center"> 2447 <span class="relative h-full w-full py-3"> 2448 2449 2450 2451 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2452 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2453 </svg> 2454 <span class="sr-only">No</span> 2455 2456 </span> 2457 </td> 2458 2459 <td class="relative w-1/4 px-4 py-0 text-center"> 2460 <span class="relative h-full w-full py-3"> 2461 2462 2463 2464 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2465 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2466 </svg> 2467 <span class="sr-only">No</span> 2468 2469 </span> 2470 </td> 2471 2472 <td class="relative w-1/4 px-4 py-0 text-center"> 2473 <span class="relative h-full w-full py-3"> 2474 2475 2476 2477 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2478 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2479 </svg> 2480 <span class="sr-only">Yes</span> 2481 2482 </span> 2483 </td> 2484 2485 </tr> 2486 2487 </tbody> 2488 </table> 2489 2490 <!-- Fake card borders --> 2491 <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 2492 2493 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2494 2495 <div class="rounded-lg ring-2 ring-z6z-forest"></div> 2496 2497 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2498 2499 </div> 2500 </div> 2501 </div> 2502 2503 2504 <div> 2505 <h3 class="text-sm font-semibold leading-6 text-neutral-900">Content</h3> 2506 <div class="relative -mx-8 mt-10"> 2507 <!-- Fake card backgrounds --> 2508 <div class="absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 2509 2510 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2511 2512 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2513 2514 <div class="h-full w-full rounded-lg bg-white shadow-sm"></div> 2515 2516 </div> 2517 2518 <table class="relative w-full border-separate border-spacing-x-8"> 2519 <thead> 2520 <tr class="text-left"> 2521 <th scope="col">
2522 <span class="sr-only">Feature</span> 2523 </th> 2524 2525 2526 <th scope="col"> 2527 <span class="sr-only">Adventure tier</span> 2528 </th> 2529 2530 2531 <th scope="col"> 2532 <span class="sr-only">Endurance tier</span> 2533 </th> 2534 2535 2536 <th scope="col"> 2537 <span class="sr-only">Expedition tier</span> 2538 </th> 2539 2540 </tr> 2541 </thead> 2542 <tbody> 2543 2544 <tr> 2545 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2546 Photo and video sharing 2547 2548 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2549 2550 </th> 2551 2552 <td class="relative w-1/4 px-4 py-0 text-center"> 2553 <span class="relative h-full w-full py-3"> 2554 2555 2556 2557 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2558 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2559 </svg> 2560 <span class="sr-only">Yes</span> 2561 2562 </span> 2563 </td> 2564 2565 <td class="relative w-1/4 px-4 py-0 text-center"> 2566 <span class="relative h-full w-full py-3"> 2567 2568 2569 2570 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2571 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2572 </svg> 2573 <span class="sr-only">Yes</span> 2574 2575 </span> 2576 </td> 2577 2578 <td class="relative w-1/4 px-4 py-0 text-center"> 2579 <span class="relative h-full w-full py-3"> 2580 2581 2582 2583 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2584 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2585 </svg> 2586 <span class="sr-only">Yes</span> 2587 2588 </span> 2589 </td> 2590 2591 </tr> 2592 2593 <tr> 2594 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2595 Social media integration 2596 2597 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2598 2599 </th> 2600 2601 <td class="relative w-1/4 px-4 py-0 text-center"> 2602 <span class="relative h-full w-full py-3"> 2603 2604 2605 2606 <svg class="mx-auto h-5 w-5 text-neutral-400" viewB
2606ox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2607 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2608 </svg> 2609 <span class="sr-only">Yes</span> 2610 2611 </span> 2612 </td> 2613 2614 <td class="relative w-1/4 px-4 py-0 text-center"> 2615 <span class="relative h-full w-full py-3"> 2616 2617 2618 2619 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2620 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2621 </svg> 2622 <span class="sr-only">Yes</span> 2623 2624 </span> 2625 </td> 2626 2627 <td class="relative w-1/4 px-4 py-0 text-center"> 2628 <span class="relative h-full w-full py-3"> 2629 2630 2631 2632 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2633 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2634 </svg> 2635 <span class="sr-only">Yes</span> 2636 2637 </span> 2638 </td> 2639 2640 </tr> 2641 2642 <tr> 2643 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2644 Voice memos 2645 2646 <div class="absolute inset-x-8 mt-3 h-px bg-neutral-200"></div> 2647 2648 </th> 2649 2650 <td class="relative w-1/4 px-4 py-0 text-center"> 2651 <span class="relative h-full w-full py-3"> 2652 2653 2654 2655 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2656 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /> 2657 </svg> 2658 <span class="sr-only">No</span> 2659 2660 </span> 2661 </td> 2662 2663 <td class="relative w-1/4 px-4 py-0 text-center"> 2664 <span class="relative h-full w-full py-3"> 2665 2666 2667 2668 <svg class="mx-auto h-5 w-5 text-z6z-forest" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2669 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2670 </svg> 2671 <span class="sr-only">Yes</span> 2672 2673 </span> 2674 </td> 2675 2676 <td class="relative w-1/4 px-4 py-0 text-center">
2677 <span class="relative h-full w-full py-3"> 2678 2679 2680 2681 <svg class="mx-auto h-5 w-5 text-neutral-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 2682 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" /> 2683 </svg> 2684 <span class="sr-only">Yes</span> 2685 2686 </span> 2687 </td> 2688 2689 </tr> 2690 2691 <tr> 2692 <th scope="row" class="w-1/4 py-3 pr-4 text-left text-sm font-normal leading-6 text-neutral-900"> 2693 Weather visualization 2694 2695 </th> 2696 2697 <td class="relative w-1/4 px-4 py-0 text-center"> 2698 <span class="relative h-full w-full py-3"> 2699 2700 2701 2702 <span class="text-neutral-900">Text based</span> 2703 2704 </span> 2705 </td> 2706 2707 <td class="relative w-1/4 px-4 py-0 text-center"> 2708 <span class="relative h-full w-full py-3"> 2709 2710 2711 2712 <span class="font-semibold text-z6z-forest">Satellite imagery</span> 2713 2714 </span> 2715 </td> 2716 2717 <td class="relative w-1/4 px-4 py-0 text-center"> 2718 <span class="relative h-full w-full py-3"> 2719 2720 2721 2722 <span class="text-neutral-900">Detailed weather animations</span> 2723 2724 </span> 2725 </td> 2726 2727 </tr> 2728 2729 </tbody> 2730 </table> 2731 2732 <!-- Fake card borders --> 2733 <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-4 gap-x-8 before:block" aria-hidden="true"> 2734 2735 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2736 2737 <div class="rounded-lg ring-2 ring-z6z-forest"></div> 2738 2739 <div class="rounded-lg ring-1 ring-neutral-900/10"></div> 2740 2741 </div> 2742 </div> 2743 </div> 2744 2745 </div> 2746 </section> 2747 </div> 2748 </div> 2749 2750 </div> 2751 2752 2753<section id="faq" class="bg-z6z" aria-labelledby="faq-heading"> 2754 <div class="mx-auto max-w-4xl px-6 py-24 sm:py-32"> 2755 <h2 id="faq-heading" class="text-2xl font-bold leading-10 tracking-tight text-white">Frequently asked questions</h2> 2756 <div class="mt-10 space-y-6 divide-y divide-white/10"> 2757 2758 <details class="pt-6 text-white"> 2759 <summary class="cursor-pointer text-base font-semibold leading-7">Do I need a satellite tracker?</summary> 2760 <p class="mt-2 text-base leading-7 text-gray-300">No. You can use a supported smartphone or fitness device. For remote adventures, satellite trackers provide another way to send updates. Check the plan comparison for the devices included in each plan.</p> 2761 </details> 2762 2763 <details class="pt-6 text-white"> 2764 <summary class="cursor-pointer text-base font-semibold leading-7">Which devices and apps does ZeroSixZero work with?</summary> 2765 <p class="mt-2 text-base leading-7 text-gray-300">ZeroSixZero connects with phones, fitness platforms and satellite trackers, including Garmin, SPOT, ZOLEO, Bivy, Strava, Suunto, COROS, Polar and Wa
2765hoo. See the integrations above, or get in touch about your setup.</p> 2766 </details> 2767 2768 <details class="pt-6 text-white"> 2769 <summary class="cursor-pointer text-base font-semibold leading-7">Can I control who sees my location?</summary> 2770 <p class="mt-2 text-base leading-7 text-gray-300">Yes. You can password-protect your map, use privacy zones, and choose what to include or exclude from your shared map.</p> 2771 </details> 2772 2773 <details class="pt-6 text-white"> 2774 <summary class="cursor-pointer text-base font-semibold leading-7">What happens when I lose signal?</summary> 2775 <p class="mt-2 text-base leading-7 text-gray-300">Your public map can only show updates that reach ZeroSixZero. Recording and later syncing depend on your device, its settings and coverage. Get in touch before your expedition so we can help you choose a suitable setup.</p> 2776 </details> 2777 2778 <details class="pt-6 text-white"> 2779 <summary class="cursor-pointer text-base font-semibold leading-7">Can I embed my map on my own website?</summary> 2780 <p class="mt-2 text-base leading-7 text-gray-300">Yes. Every plan includes website embedding. The plan comparison shows how many sites are included.</p> 2781 </details> 2782 2783 <details class="pt-6 text-white"> 2784 <summary class="cursor-pointer text-base font-semibold leading-7">Can I add photos, videos and stories to my map?</summary> 2785 <p class="mt-2 text-base leading-7 text-gray-300">Yes. Add photos, videos and updates to your map during your adventure or afterwards. See the plan comparison for the content features included in each plan.</p> 2786 </details> 2787 2788 <details class="pt-6 text-white"> 2789 <summary class="cursor-pointer text-base font-semibold leading-7">Do you offer monthly and annual billing?</summary> 2790 <p class="mt-2 text-base leading-7 text-gray-300">Yes. Use the billing selector to compare monthly payments with the monthly equivalent of an annual subscription. The full annual charge is shown beside each annual price.</p> 2791 </details> 2792 2793 <details class="pt-6 text-white"> 2794 <summary class="cursor-pointer text-base font-semibold leading-7">My expedition needs something custom. Can you help?</summary> 2795 <p class="mt-2 text-base leading-7 text-gray-300">Get in touch and tell us about your adventure. The Expedition plan includes custom map styles, external data sources and priority support.</p> 2796 </details> 2797 2798 </div> 2799 </div> 2800</section> 2801 2802 2803<div id="contact" class="bg-z6z gridpage py-16 sm:py-24"> 2804 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 2805 <div class="mx-auto max-w-2xl text-center"> 2806 <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Get in touch</h2> 2807 <p class="mt-2 text-lg leading-8 text-white/60"> 2808 We'd love to hear about your adventures! Reach out with the form below and we'll get back to you! 2809 </p> 2810 </div> 2811 <form 2812 id="contact-form" 2813 method="POST" 2814 name="fa-form-1" 2815 action="/contact" 2816 enctype="multipart/form-data" 2817 accept-charset="utf-8" 2818 class="mx-auto mt-16 max-w-xl" 2819 > 2820 <div class="grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2"> 2821 <div class="sm:col-span-2"> 2822 <label for="name" class="block text-sm font-semibold leading-6 text-white">Name</label> 2823 <div class="mt-2.5"> 2824 <input type="text" name="name" id="name" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6"> 2825 </div> 2826 </div> 2827 <div class="sm:col-span-2"> 2828 <label for="email" class="block text-sm font-semibold leading-6 text-white">Email</label> 2829 <div class="mt-2.5"> 2830 <input type="email" name="email" id="email" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6"> 2831 </div> 2832 </div> 2833 <div class="sm:col-span-2"> 2834 <label for="body" class="block text-sm font-semibold leading-6 text-white">Tell us about your Adventure</label> 2835 <div class="mt-2.5"> 2836 <textarea name="body" id="body" rows="4" class="block w-full rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-z6z-ocean sm:text-sm sm:leading-6"></textarea> 2837 </div> 2838 </div> 2839 </div> 2840 2841 2842 <div aria-hidden="true" tabindex="-1" style="position:absolute;
2842left:-9999px;top:-9999px;height:0;overflow:hidden;"> 2843 <label for="referral_code">Leave this field blank</label> 2844 <input type="text" name="referral_code" id="referral_code" tabindex="-1" autocomplete="off"> 2845 </div> 2846 2847 2848 <input type="hidden" name="ph_distinct_id" value=""> 2849 2850 2851 <div class="cf-turnstile flex justify-center [&:not(:empty)]:mt-8" data-sitekey="0x4AAAAAADo4_1HQqUbsNomd" data-theme="dark" data-appearance="interaction-only"></div> 2852 2853 <div class="mt-10"> 2854 <input type="submit" value="Send" class="mx-auto block w-auto rounded-md bg-z6z-forest px-6 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-z6z-ocean focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-z6z-forest disabled:opacity-60 disabled:cursor-not-allowed"> 2855 </div> 2856 <p id="contact-status" role="status" aria-live="polite" class="mt-4 text-center text-sm"></p> 2857 </form> 2858 2859
2859<script> 2860 window.Z6Z_CONTACT_I18N = {"sending":"Sendingâ¦","verification":"Just a moment â finishing verification, then hit Send again.","success":"Thanks! We've got your message and will be in touch soon.","error":"Something went wrong. Please try again.","networkError":"Network error. Please try again, or email us directly."}; 2861 </script>
2861 2862
2862<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
2862 2863
2863<script src="/w-assets/js/contact.js" defer></script>
2863 2864 </div> 2865</div> 2866 2867
2868<script type="application/ld+json"> 2869{ 2870 "@context": "https://schema.org", 2871 "@type": "Product", 2872 "name": "ZeroSixZero", 2873 "description": "Create stunning live tracking maps for expeditions \u0026 adventures. Real-time GPS tracking, privacy controls, beautiful map sharing. Perfect for athletes, adventurers, expeditions \u0026 storytellers.", 2874 "brand": { "@type": "Brand", "name": "ZeroSixZero" }, 2875 "image": "https://zerosixzero.com/zerosixzero_banner.jpg", 2876 "offers": [ 2877 2878 2879 { 2880 "@type": "Offer", 2881 "name": "Adventure â Monthly", 2882 "description": "Perfect for solo adventures and athletes.", 2883 "price": 18.99, 2884 "priceCurrency": "USD", 2885 "url": "https://zerosixzero.com/#pricing" 2886 }, 2887 2888 2889 { 2890 "@type": "Offer", 2891 "name": "Endurance â Monthly", 2892 "description": "For ultra endurance and long distance adventures.", 2893 "price": 48.99, 2894 "priceCurrency": "USD", 2895 "url": "https://zerosixzero.com/#pricing" 2896 }, 2897 2898 2899 { 2900 "@type": "Offer", 2901 "name": "Expedition â Monthly", 2902 "description": "Designed for expeditions and sponsors.", 2903 "price": 119.99, 2904 "priceCurrency": "USD", 2905 "url": "https://zerosixzero.com/#pricing" 2906 } 2907 2908 ] 2909} 2910</script>
vendor: 1 bytes, line 2910
2910
2911<script type="application/ld+json"> 2912{ 2913 "@context": "https://schema.org", 2914 "@type": "FAQPage", 2915 "mainEntity": [ 2916 2917 { 2918 "@type": "Question", 2919 "name": "Do I need a satellite tracker?", 2920 "acceptedAnswer": { "@type": "Answer", "text": "No. You can use a supported smartphone or fitness device. For remote adventures, satellite trackers provide another way to send updates. Check the plan comparison for the devices included in each plan." } 2921 }, 2922 2923 { 2924 "@type": "Question", 2925 "name": "Which devices and apps does ZeroSixZero work with?", 2926 "acceptedAnswer": { "@type": "Answer", "text": "ZeroSixZero connects with phones, fitness platforms and satellite trackers, including Garmin, SPOT, ZOLEO, Bivy, Strava, Suunto, COROS, Polar and Wahoo. See the integrations above, or get in touch about your setup." } 2927 }, 2928 2929 { 2930 "@type": "Question", 2931 "name": "Can I control who sees my location?", 2932 "acceptedAnswer": { "@type": "Answer", "text": "Yes. You can password-protect your map, use privacy zones, and choose what to include or exclude from your shared map." } 2933 }, 2934 2935 { 2936 "@type": "Question", 2937 "name": "What happens when I lose signal?", 2938 "acceptedAnswer": { "@type": "Answer", "text": "Your public map can only show updates that reach ZeroSixZero. Recording and later syncing depend on your device, its settings and coverage. Get in touch before your expedition so we can help you choose a suitable setup." } 2939 }, 2940 2941 { 2942 "@type": "Question", 2943 "name": "Can I embed my map on my own website?", 2944 "acceptedAnswer": { "@type": "Answer", "text": "Yes. Every plan includes website embedding. The plan comparison shows how many sites are included." } 2945 }, 2946 2947 { 2948 "@type": "Question", 2949 "name": "Can I add photos, videos and stories to my map?", 2950 "acceptedAnswer": { "@type": "Answer", "text": "Yes. Add photos, videos and updates to your map during your adventure or afterwards. See the plan comparison for the content features included in each plan." } 2951 }, 2952 2953 { 2954 "@type": "Question", 2955 "name": "Do you offer monthly and annual billing?", 2956 "acceptedAnswer": { "@type": "Answer", "text": "Yes. Use the billing selector to compare monthly payments with the monthly equivalent of an annual subscription. The full annual charge is shown beside each annual price." } 2957 }, 2958 2959 { 2960 "@type": "Question", 2961 "name": "My expedition needs something custom. Can you help?", 2962 "acceptedAnswer": { "@type": "Answer", "text": "Get in touch and tell us about your adventure. The Expedition plan includes custom map styles, external data sources and priority support." } 2963 } 2964 2965 ] 2966} 2967</script>
2967 2968 2969 2970 </main> 2971 2972 <footer class="bg-z6z"> 2973 <div class="mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8"> 2974 <div class="flex flex-wrap items-center justify-center gap-4 md:order-2"> 2975 <a href="https://www.instagram.com/zerosixzeromap/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors"> 2976 <span class="sr-only">Instagram</span> 2977 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 2978 <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 0 1 1.772 1.153 4.902 4.902 0 0 1 1.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 0 1-1.153 1.772 4.902 4.902 0 0 1-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 0 1-1.772-1.153 4.902 4.902 0 0 1-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 0 1 1.153-1.772A4.902 4.902 0 0 1 5.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 0 0-.748-1.15 3.098 3.098 0 0 0-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 1 1 0 10.27 5.135 5.135 0 0 1 0-10.27zm0 1.802a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666zm5.338-3.205a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z" clip-rule="evenodd" /> 2979 </svg> 2980 </a> 2981 <a href="https://x.com/zerosixzeromap" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors"> 2982 <span class="sr-only">X (Twitter)</span> 2983 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 2984 <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" /> 2985 </svg> 2986 </a> 2987 <a href="https://apps.apple.com/app/zerosixzero/id6742064806" target="_blank" rel="noopener noreferrer" class="text-xs leading-6 text-gray-400 hover:text-white transition-colors">iOS App</a> 2988 <a href="https://play.google.com/store/apps/details?id=com.zerosixzero.android" target="_blank" rel="noopener noreferrer" class="text-xs leading-6 text-gray-400 hover:text-white transition-colors">Android App</a> 2989 </div> 2990 <div class="mt-8 md:order-1 md:mt-0"> 2991 <div class="text-center text-xs leading-5 text-white"> 2992 <span>© 2026 Zero Six Zero, Inc. All rights reserved.</span> 2993 <span class="mx-2">|</span> 2994 <a href="/privacy-policy" class="hover:text-gray-300">Privacy Policy</a> 2995 <span class="mx-2">|</span> 2996 <a href="/terms-of-service" class="hover:text-gray-300">Terms of Service</a> 2997 <span class="mx-2" aria-hidden="true">·</span> 2998 2999<details class="language-switcher"> 3000 <summary> 3001 <svg class="language-globe" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></svg>
3002 <span aria-hidden="true">EN</span> 3003 <span class="sr-only">Language: English</span> 3004 </summary> 3005 <div class="language-options" role="group" aria-label="Language"> 3006 3007 3008 <a href="/" lang="en" hreflang="en" 3009 aria-current="page">English</a> 3010 3011 3012 <a href="/de/" lang="de" hreflang="de" 3013 >Deutsch</a> 3014 3015 3016 <a href="/fr/" lang="fr" hreflang="fr" 3017 >Français</a> 3018 3019 3020 <a href="/it/" lang="it" hreflang="it" 3021 >Italiano</a> 3022 3023 </div> 3024</details> 3025 3026 </div> 3027 </div> 3028 </div> 3029</footer> 3030 3031 3032
3032<script src="/w-assets/js/auth-state.js"></script>
3032 3033
3033<script src="/w-assets/js/header-menu.js"></script>
3033 3034
3034<script src="/w-assets/js/word-swap.js"></script>
3034 3035
3035<script src="/w-assets/js/header-scroll.js"></script>
3035 3036
3036<script src="/w-assets/js/pricing.js"></script>
3036 3037
3037<script src="/w-assets/js/data.js"></script>
3037 3038 3039</body> 3040</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.