<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="apple-touch-icon" href="/logo192.png" />
<!-- LCP: Preload hero image (Cloudflare) - discoverable in initial document -->
<link rel="preload" as="image" href="https://imagedelivery.net/tfItMNmc0m4jZ4qP_DhHCg/64746ab6-3bdf-4cb0-f9e7-a9ac4099d400/public?w=672&q=80" fetchpriority="high" />
<!-- Preconnect: max 2-3 (Lighthouse: avoid unused, use sparingly) -->
<link rel="preconnect" href="https://api.visiontunisie.com" crossorigin />
<link rel="preconnect" href="https://imagedelivery.net" crossorigin />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
<link rel="dns-prefetch" href="https://global.localizecdn.com" />
<!-- GTM & Meta Pixel: deferred and env-gated -->
<script>
const metricsEnabled = 'true' === 'true' && 'production' === 'production';
const gtmId = 'GTM-TV2TXTCX';
const metaPixelId = '854120277190184';
function loadThirdPartyAfterInteractive(){
if(!metricsEnabled || !gtmId || !metaPixelId) return;
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
!function(f,b,e,v,n){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[]}(window,document,'script');
fbq('init', metaPixelId);fbq('track','PageView');
var g=document.createElement('script');g.async=!0;g.src='https://www.googletagmanager.com/gtm.js?id=' + encodeURIComponent(gtmId);document.head.appendChild(g);
var x=document.createElement('script');x.async=!0;x.src='https://connect.facebook.net/en_US/fbevents.js';document.head.appendChild(x);
}
if(document.readyState==='complete')loadThirdPartyAfterInteractive();
else window.addEventListener('load',loadThirdPartyAfterInteractive);
</script>
<script src="https://analytics.ahrefs.com/analytics.js" data-key="Ye9p4rMhCMpvVV16TEjamw" async></script>
<!-- Localize: load on idle to reduce mobile TBT -->
<script>
!(function(a){if(!a.Localize){a.Localize={};var e=['translate','untranslate','phrase','initialize','translatePage','setLanguage','getLanguage','detectLanguage','getAvailableLanguages','untranslatePage','bootstrap','prefetch','on','off','hideWidget','showWidget','getSourceLanguage'];for(var t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}})(window);
function loadLocalize(){var s=document.createElement('script');s.src='https://global.localizecdn.com/localize.js';s.onload=function(){if(window.Localize&&typeof window.Localize.initialize==='function')window.Localize.initialize({key:'hp3hgUc85D4Es',rememberLanguage:true});};document.head.appendChild(s);}
if('requestIdleCallback' in window) requestIdleCallback(loadLocalize, {timeout: 3000});
else setTimeout(loadLocalize, 3000);
</script>
<!-- Google Fonts: async load to avoid render-blocking -->
<link
rel="preload"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<link
rel="preload"
href="https://fonts.googleapis.com/css2?family=Birthstone&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Birthstone&display=swap" />
</noscript>
<link rel="manifest" href="/manifest.json" />
<title>Super Host</title>
<style>
body {
opacity: 1;
transition: opacity 0.1s ease-in;
}
body.loading {
opacity: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-DcDhyFo-.js"></script>
<!-- vendor-maps/charts: loaded on demand when user visits map/dashboard -->
<link rel="modulepreload" crossorigin href="/assets/vendor-framer-motion-zp95Qi1o.js">
<!-- vendor-maps/charts: loaded on demand when user visits map/dashboard -->
<link rel="modulepreload" crossorigin href="/assets/vendor-swiper-DcdKqx-Y.js">
<link rel="stylesheet" crossorigin href="/assets/vendor-swiper-BycvOqMi.css" media="print" onload="this.media='all'">
<link rel="stylesheet" crossorigin href="/assets/index-Cv1AGWYm.css">
</head>
<body class="loading">
<noscript
>Superhost is a next-generation vacation rental platform designed for the modern traveler,
offering premium stays tailored for work, relaxation, and exploration. We take the stress out
of trip planning by combining curated accommodations with Friend Trip—our personal travel
concierge service. From airport transfers and customized itineraries to exclusive experiences
and in-house events, Superhost makes every journey seamless, personalized, and unforgettable.
</noscript>
<div id="root"></div>
<!-- Crisp: load on idle to reduce mobile TBT -->
<script>
window.$crisp = []; window.CRISP_WEBSITE_ID = '217eeb17-3596-4b6f-95fa-6cd1329dbed1';
function loadCrisp(){var s=document.createElement('script');s.src='https://client.crisp.chat/l.js';s.async=1;document.head.appendChild(s);}
if('requestIdleCallback' in window) requestIdleCallback(loadCrisp, {timeout: 4000});
else setTimeout(loadCrisp, 4000);
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.body.classList.remove('loading');
});
</script>
</body>
</html>
