<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Preconnect for external store badge images -->
<link rel="preconnect" href="https://play.google.com" />
<link rel="preconnect" href="https://toolbox.marketingtools.apple.com" />
<!-- Preload LCP hero logo. imagesrcset/imagesizes mirror HeroSection's
<picture> srcset so the browser picks the same variant. Media query
splits light/dark so we only pay for the variant the user will use. -->
<link rel="preload" as="image"
imagesrcset="/logo-blue-small.webp 350w, /logo-blue.webp 660w"
imagesizes="(max-width: 768px) 200px, 280px"
type="image/webp"
media="(prefers-color-scheme: light)" />
<link rel="preload" as="image"
imagesrcset="/logo-purple-small.webp 350w, /logo-purple.webp 660w"
imagesizes="(max-width: 768px) 200px, 280px"
type="image/webp"
media="(prefers-color-scheme: dark)" />
<!-- Favicon: all from public folder. ?v=4 busts cache so Chrome/Safari show updated icons. Bump v when you change assets. -->
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png?v=4" />
<link rel="icon" href="/favicon.ico?v=4" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=4" />
<!-- PWA / Manifest (from public folder) -->
<link rel="manifest" href="/site.webmanifest?v=4" />
<meta name="theme-color" content="#0a0a0f" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- SEO defaults (overridden per route in app runtime) -->
<title>Zepliner eSIM</title>
<meta name="description"
content="Travel eSIM data plans with instant activation, global coverage, and in-app management." />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="eSIM, travel eSIM, international data, roaming, mobile data, global connectivity" />
<link rel="canonical" href="https://zepliner.com/" />
<!-- Smart App Banners (Safari + Instagram in-app browser) -->
<meta name="apple-itunes-app" content="app-id=6754853112, app-argument=https://zepliner.com/" />
<meta name="google-play-app" content="app-id=com.zepliner.app" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Zepliner — Travel eSIM for 190+ Countries" />
<meta property="og:description"
content="Buy, activate, and manage travel eSIMs in seconds. No roaming fees, no physical SIM needed." />
<meta property="og:image" content="https://zepliner.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://zepliner.com/" />
<meta property="og:site_name" content="Zepliner" />
<!-- App Links (Instagram / Facebook in-app "Open in App" card) -->
<meta property="al:ios:app_store_id" content="6754853112" />
<meta property="al:ios:app_name" content="Zepliner" />
<meta property="al:ios:url" content="zepliner://open" />
<meta property="al:android:package" content="com.zepliner.app" />
<meta property="al:android:app_name" content="Zepliner" />
<meta property="al:android:url" content="zepliner://open" />
<meta property="al:web:url" content="https://zepliner.com/" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Zepliner — Travel eSIM for 190+ Countries" />
<meta name="twitter:description" content="Buy, activate, and manage travel eSIMs in seconds. No roaming fees, no physical SIM needed." />
<meta name="twitter:image" content="https://zepliner.com/og-image.png" />
<script type="module" crossorigin src="/assets/index-Cd3F_JGt.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-obu_4-eO.css">
</head>
<body>
<div id="root"></div>
</body>
</html>