| 1 | <section |
| 2 | aria-labelledby="landing-title" |
| 3 | class="relative pt-10 sm:pt-12 lg:pt-16" |
| 4 | > |
| 5 | <div aria-hidden="true" class="pointer-events-none absolute inset-0"> |
| 6 | <div |
| 7 | class="absolute inset-0 opacity-45" |
| 8 | style="background-image: radial-gradient(var(--hero-grid-dot) 0.8px, transparent 0.8px); background-size: 14px 14px; mask-image: linear-gradient(to bottom, white, transparent 82%);" |
| 9 | ></div> |
| 10 | </div> |
| 11 | |
| 12 | <a |
| 13 | href="#live-servers" |
| 14 | class="sr-only focus:not-sr-only focus:absolute focus:left-6 focus:top-6 focus:z-20 focus:rounded-full focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground" |
| 15 | > |
| 16 | Skip to live servers |
| 17 | </a> |
| 18 | |
| 19 | <div class="relative mx-auto max-w-4xl px-2 text-center sm:px-4"> |
| 20 | <h1 |
| 21 | id="landing-title" |
| 22 | class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-7xl" |
| 23 | style="line-height: 0.96; color: var(--foreground);" |
| 24 | > |
| 25 | <span class="block">Expose Local Apps</span> |
| 26 | <span |
| 27 | class="mt-2 block bg-clip-text text-transparent" |
| 28 | style="background-image: linear-gradient(90deg, var(--hero-gradient-start) 0%, var(--hero-gradient-mid) 46%, var(--hero-gradient-end) 100%);" |
| 29 | > |
| 30 | To The Public Internet |
| 31 | </span> |
| 32 | </h1> |
| 33 | </div> |
| 34 | </section> |