154 lines
6.9 KiB
HTML
154 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<title>Karibeo - Sistema Integrado de Aplicaciones Turísticas</title>
|
|
<meta name="description" content="Plataforma completa de turismo para República Dominicana y Puerto Rico. Aplicaciones para turistas, POLITUR, taxis, guías, hoteles y restaurantes en un ecosistema integrado." />
|
|
<meta name="keywords" content="turismo, República Dominicana, Puerto Rico, aplicaciones turísticas, POLITUR, taxis, guías turísticos, hoteles, restaurantes, Santo Domingo, San Juan, Punta Cana, reservas, viajes, Caribe" />
|
|
<meta name="author" content="Karibeo" />
|
|
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
|
|
<link rel="canonical" href="https://karibeo.com/" />
|
|
|
|
<!-- Geographic Targeting -->
|
|
<meta name="geo.region" content="DO" />
|
|
<meta name="geo.region" content="PR" />
|
|
<meta name="geo.placename" content="República Dominicana" />
|
|
<meta name="geo.placename" content="Puerto Rico" />
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://karibeo.com/" />
|
|
<meta property="og:title" content="Karibeo - Sistema Integrado de Aplicaciones Turísticas" />
|
|
<meta property="og:description" content="Plataforma completa de turismo para República Dominicana y Puerto Rico. Conectamos turistas, servicios y experiencias en un ecosistema digital único." />
|
|
<meta property="og:image" content="https://karibeo.com/og-image.jpg" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:site_name" content="Karibeo" />
|
|
<meta property="og:locale" content="es_DO" />
|
|
<meta property="og:locale:alternate" content="es_PR" />
|
|
<meta property="og:locale:alternate" content="en_US" />
|
|
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:url" content="https://karibeo.com/" />
|
|
<meta name="twitter:title" content="Karibeo - Sistema Integrado de Aplicaciones Turísticas" />
|
|
<meta name="twitter:description" content="Plataforma completa de turismo para República Dominicana y Puerto Rico. Conectamos turistas, servicios y experiencias en un ecosistema digital único." />
|
|
<meta name="twitter:image" content="https://karibeo.com/twitter-image.jpg" />
|
|
<meta name="twitter:creator" content="@karibeo_official" />
|
|
|
|
<!-- Additional Meta Tags -->
|
|
<meta name="theme-color" content="#0ea5e9" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="Karibeo" />
|
|
<meta name="application-name" content="Karibeo" />
|
|
<meta name="msapplication-TileColor" content="#0ea5e9" />
|
|
<meta name="msapplication-tap-highlight" content="no" />
|
|
|
|
<!-- Preconnect to external domains for performance -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link rel="preconnect" href="https://api.karibeo.com" />
|
|
<link rel="preconnect" href="https://www.karibeo.com" />
|
|
|
|
<!-- DNS Prefetch for external resources -->
|
|
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
|
|
<link rel="dns-prefetch" href="//unpkg.com" />
|
|
|
|
<!-- External CSS removed to avoid CORS and conflicts; using Tailwind design system -->
|
|
<!-- Custom Styles -->
|
|
<style>
|
|
/* General Container Styles */
|
|
.menu-container {
|
|
display: flex;
|
|
gap: 1rem;
|
|
overflow-x: hidden; /* Hide overflow on scroll */
|
|
flex-wrap: wrap; /* Allow wrapping for desktop */
|
|
}
|
|
/* General Card Style */
|
|
.category-card {
|
|
flex: 0 0 auto; /* Inline-block for mobile scrolling */
|
|
width: 300px; /* Each card's width */
|
|
transition: all 0.3s ease;
|
|
}
|
|
/* Desktop Styles: Show All */
|
|
@media (min-width: 992px) {
|
|
.menu-container {
|
|
overflow: visible; /* No scrolling on desktop */
|
|
flex-wrap: wrap; /* Ensure all cards are visible */
|
|
justify-content: space-between; /* Add spacing between cards */
|
|
}
|
|
.category-card {
|
|
width: calc(25% - 1rem); /* Adjust for three cards in a row */
|
|
}
|
|
.headerSet{
|
|
margin-top: -100px;
|
|
}
|
|
}
|
|
|
|
/* Mobile Styles: Horizontal Scroll */
|
|
@media (max-width: 991px) {
|
|
.menu-container {
|
|
flex-wrap: nowrap; /* Disable wrapping */
|
|
overflow-x: auto; /* Enable horizontal scrolling */
|
|
padding: 10px; /* Add padding for better appearance */
|
|
scroll-behavior: smooth; /* Smooth scrolling for UX */
|
|
}
|
|
.menu-container::-webkit-scrollbar {
|
|
display: none; /* Hide scrollbar for WebKit browsers */
|
|
}
|
|
.menu-container {
|
|
-ms-overflow-style: none; /* IE and Edge scrollbar hidden */
|
|
scrollbar-width: none; /* Firefox scrollbar hidden */
|
|
}
|
|
.category-card {
|
|
flex: 0 0 auto; /* Prevent cards from shrinking or growing */
|
|
margin: 0px; /* Add space between cards */
|
|
}
|
|
.hideText {
|
|
display: none;
|
|
}
|
|
.headerSet{
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
/* Mobile Styles: Horizontal Scroll */
|
|
@media (max-width: 991px) {
|
|
.menu-container {
|
|
flex-wrap: nowrap; /* Disable wrapping */
|
|
overflow-x: auto; /* Enable horizontal scrolling */
|
|
padding: 10px; /* Add padding for better appearance */
|
|
scroll-behavior: smooth; /* Smooth scrolling for UX */
|
|
}
|
|
.menu-container::-webkit-scrollbar {
|
|
display: none; /* Hide scrollbar for WebKit browsers */
|
|
}
|
|
.menu-container {
|
|
-ms-overflow-style: none; /* IE and Edge scrollbar hidden */
|
|
scrollbar-width: none; /* Firefox scrollbar hidden */
|
|
}
|
|
.hideText {
|
|
display: none;
|
|
}
|
|
}
|
|
.search-select-field,.search-input::placeholder {
|
|
color: #fff; /* Change placeholder text color */
|
|
}
|
|
.search-select-field, .search-input {
|
|
background:transparent !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
|
|
<!-- Note: External JS files removed to prevent conflicts with React -->
|
|
<!-- React components handle all interactions -->
|
|
</body>
|
|
</html>
|