<!doctype html>
<html lang="es">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- Primary Meta Tags -->
	<title>KORU RENT - Renta Jeep, ATV y Cuatrimotos Premium en Puerto Escondido | Oaxaca</title>
	<meta name="title" content="KORU RENT - Renta Premium de Jeep, ATV y Cuatrimotos en Puerto Escondido" />
	<meta name="description"
		content="Renta de Jeep 4x4, cuatrimotos ATV, RZR y scooters en Puerto Escondido, Oaxaca. Entrega a domicilio, seguro incluido. Reserva por WhatsApp." />
	<meta name="keywords"
		content="renta de jeep puerto escondido, renta de cuatrimoto puerto escondido, renta de atv puerto escondido, renta premium cuatrimoto zicatela, renta jeep zicatela, renta vehiculos oaxaca, rzr puerto escondido, scooter puerto escondido, alquiler vehículos playa" />
	<meta name="author" content="KORU RENT" />
	<meta name="robots" content="index, follow, max-image-preview:large" />
	<meta name="theme-color" content="#F36F21" />

	<!-- LCP: Ensure hero content is visible before JS hydration -->
	<style>
		h1,
		.cinematic-card-image {
			opacity: 1 !important;
		}
	</style>

	<!-- Multilingual -->
	<link rel="alternate" hreflang="es" href="https://www.korurent.com/es" />
	<link rel="alternate" hreflang="en" href="https://www.korurent.com/en" />
	<link rel="alternate" hreflang="fr" href="https://www.korurent.com/fr" />
	<link rel="alternate" hreflang="x-default" href="https://www.korurent.com/" />

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://www.korurent.com/" />
	<meta property="og:site_name" content="KORU RENT" />
	<meta property="og:title" content="KORU RENT - Renta Premium de Jeep, ATV y Cuatrimotos en Puerto Escondido" />
	<meta property="og:description"
		content="Experiencias de movilidad premium en Puerto Escondido. Renta Jeep 4x4, cuatrimotos ATV y scooters con entrega a domicilio y seguro incluido." />
	<meta property="og:image" content="https://www.korurent.com/og-image.webp" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="630" />
	<meta property="og:locale" content="es_MX" />
	<meta property="og:locale:alternate" content="en_US" />
	<meta property="og:locale:alternate" content="fr_FR" />

	<!-- Twitter -->
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:url" content="https://www.korurent.com/" />
	<meta name="twitter:title" content="KORU RENT - Renta Premium de Jeep, ATV y Cuatrimotos en Puerto Escondido" />
	<meta name="twitter:description"
		content="Experiencias de movilidad premium en Puerto Escondido. Entrega a domicilio y seguro incluido." />
	<meta name="twitter:image" content="https://www.korurent.com/og-image.webp" />

	<!-- Favicon -->
	<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

	<!-- LCP: Preload hero image so browser downloads it immediately -->
	<link rel="preload" as="image" href="/images/vehicles/atv.webp" fetchpriority="high" />

	<!-- Preconnect + DNS prefetch for third-party domains -->
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
	<link rel="dns-prefetch" href="https://vitals.vercel-insights.com" />
	<link rel="dns-prefetch" href="https://va.vercel-scripts.com" />

	<!-- Google Fonts - Only critical weights (400,600,700) + Outfit for hero -->
	<link rel="preload" as="style"
		href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" />
	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap"
		media="print" onload="this.media='all'" />
	<noscript>
		<link rel="stylesheet"
			href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap" />
	</noscript>

	<!-- Structured Data - Organization -->
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "Organization",
		"name": "KORU RENT",
		"url": "https://www.korurent.com",
		"logo": "https://www.korurent.com/favicon.webp",
		"description": "Experiencias de movilidad premium en Puerto Escondido. Renta de Jeep 4x4, cuatrimotos ATV y scooters con servicio profesional.",
		"foundingDate": "2025",
		"founders": [{"@type": "Person", "name": "Diego Jiménez"}],
		"email": "info@korurent.com",
		"contactPoint": {
			"@type": "ContactPoint",
			"telephone": "+52 55 4443 2191",
			"contactType": "customer service",
			"availableLanguage": ["Spanish", "English", "French"]
		},
		"sameAs": ["https://instagram.com/korurent", "https://facebook.com/korurent"]
	}
	</script>

	<!-- Structured Data - LocalBusiness (AutoRental) -->
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "AutoRental",
		"name": "KORU RENT",
		"image": "https://www.korurent.com/og-image.webp",
		"@id": "https://www.korurent.com/#localbusiness",
		"url": "https://www.korurent.com",
		"telephone": "+52 55 4443 2191",
		"priceRange": "$$",
		"address": {
			"@type": "PostalAddress",
			"streetAddress": "Alejandro Cárdenas, Tlaxcala Esquina",
			"addressLocality": "Puerto Escondido",
			"addressRegion": "Oaxaca",
			"postalCode": "70934",
			"addressCountry": "MX"
		},
		"geo": {"@type": "GeoCoordinates", "latitude": 15.839256, "longitude": -97.043899},
		"openingHoursSpecification": {
			"@type": "OpeningHoursSpecification",
			"dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
			"opens": "08:00", "closes": "23:00"
		},
		"areaServed": [
			{"@type": "Place", "name": "Zicatela"},
			{"@type": "Place", "name": "La Punta"},
			{"@type": "Place", "name": "Brisas de Zicatela"},
			{"@type": "Place", "name": "Carrizalillo"},
			{"@type": "Place", "name": "Bacocho"},
			{"@type": "Place", "name": "Puerto Angelito"},
			{"@type": "Place", "name": "Rinconada"},
			{"@type": "Place", "name": "Centro de Puerto Escondido"}
		],
		"aggregateRating": {"@type": "AggregateRating", "ratingValue": "5", "reviewCount": "39"}
	}
	</script>

	<!-- Structured Data - Service (Vehicle Rental) -->
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "Service",
		"serviceType": "Vehicle Rental",
		"name": "Renta de Vehículos en Puerto Escondido",
		"description": "Servicio de renta de Jeep 4x4, Cuatrimotos ATV, RZR y Scooters con entrega a domicilio en Puerto Escondido.",
		"provider": {"@type": "AutoRental", "name": "KORU RENT", "telephone": "+52 55 4443 2191"},
		"areaServed": [
			{"@type": "Place", "name": "Zicatela"},
			{"@type": "Place", "name": "La Punta"},
			{"@type": "Place", "name": "Carrizalillo"},
			{"@type": "Place", "name": "Bacocho"},
			{"@type": "Place", "name": "Puerto Angelito"},
			{"@type": "Place", "name": "Centro de Puerto Escondido"}
		],
		"offers": [
			{"@type": "Offer", "name": "Renta Jeep 4x4", "price": "2500", "priceCurrency": "MXN"},
			{"@type": "Offer", "name": "Renta Cuatrimoto", "price": "600", "priceCurrency": "MXN"},
			{"@type": "Offer", "name": "Renta RZR", "price": "1800", "priceCurrency": "MXN"},
			{"@type": "Offer", "name": "Renta Scooter", "price": "350", "priceCurrency": "MXN"}
		]
	}
	</script>
  <script type="module" crossorigin src="/assets/index-ce6f4d3e.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/motion-0fb181e8.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-fa7fc5d6.js">
  <link rel="modulepreload" crossorigin href="/assets/supabase-5a2bd32a.js">
  <link rel="stylesheet" href="/assets/index-cfcc6818.css">
</head>

<body>
	<!-- Static skeleton: renders INSTANTLY before JS loads (improves FCP on mobile) -->
	<div id="skeleton"
		style="position:fixed;inset:0;z-index:9998;background:linear-gradient(135deg,#1a0a00,#0a0a0a 40%,#000);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem;overflow:hidden">
		<!-- Gradient blob -->
		<div
			style="position:absolute;top:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(243,111,33,0.15),transparent 70%);border-radius:50%;filter:blur(80px)">
		</div>
		<!-- Content -->
		<div style="position:relative;z-index:1;max-width:600px;width:100%;text-align:left">
			<!-- Badge -->
			<div
				style="display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid rgba(243,111,33,0.2);border-radius:999px;margin-bottom:24px;background:rgba(243,111,33,0.05)">
				<div style="width:8px;height:8px;background:#F36F21;border-radius:50%;animation:pulse 2s infinite"></div>
				<span style="font-size:13px;color:#9ca3af;font-family:system-ui,sans-serif">Puerto Escondido, Oaxaca</span>
			</div>
			<!-- Title -->
			<h1
				style="font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;color:#fff;line-height:0.9;letter-spacing:-0.02em;margin:0 0 20px 0;font-family:system-ui,sans-serif">
				Vive tu aventura en
				<span
					style="display:block;margin-top:8px;background:linear-gradient(to right,#F36F21,#ea580c,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">Puerto Escondido</span>
			</h1>
			<!-- Subtitle shimmer -->
			<div
				style="height:16px;width:80%;background:linear-gradient(90deg,#222 25%,#333 50%,#222 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite;margin-bottom:10px">
			</div>
			<div
				style="height:16px;width:60%;background:linear-gradient(90deg,#222 25%,#333 50%,#222 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite">
			</div>
		</div>
		<!-- Vehicle card skeleton -->
		<div
			style="position:relative;z-index:1;margin-top:40px;width:280px;height:180px;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:16px;animation:shimmer 1.5s infinite;box-shadow:0 8px 32px rgba(0,0,0,0.3)">
		</div>
	</div>
	<style>
		@keyframes shimmer { 0% { background-position: 200% 0 } 100% { background-position: -200% 0 } }
		@keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .4 } }
	</style>

	<!-- Theme setup for desk users -->
	<script>document.documentElement.dataset.theme=localStorage.getItem('koru-theme')||'dark'</script>

	<div id="root"></div>
	
	<script>
		// Remove skeleton smoothly once React mounts
		var _r = document.getElementById('root'), _s = document.getElementById('skeleton');
		if (_r && _s) {
			new MutationObserver(function (m, o) {
				if (_r.children.length > 0) {
					o.disconnect();
					requestAnimationFrame(function () {
						_s.style.transition = 'opacity .25s';
						_s.style.opacity = '0'; setTimeout(function () { _s.remove() }, 260)
					})
				}
			}).observe(_r, { childList: true })
		}
	</script>
</body>

</html>
