PageSourceSearch

https://heliconiasnaturelodge.com/

html heliconiasnaturelodge.com collected 2026-10-04 23:29:01 UTC 20,608 bytes, 322 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="scroll-smooth overflow-x-hidden">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
6    
7    <title>Heliconias-Nature-Lodge-La-Fortuna | Nature Lodge in La Fortuna, Costa Rica</title>
8    <meta name="description" content="Experience Heliconias Nature Lodge in La Fortuna. Stay in our serene jungle bungalows near the Arenal Volcano. The perfect Costa Rican escape for adventure and comfort.">
9    <meta name="keywords" content="Heliconias Nature Lodge, La Fortuna hotels, Arenal Volcano lodging, Costa Rica jungle bungalows, Arenal tours, La Fortuna travel, Monteverde, Manuel Antonio, Costa Rica vacation">
10    
11    <meta property="og:title" content="Heliconias Nature Lodge | La Fortuna, Costa Rica">
12    <meta property="og:description" content="Your home away from home in the heart of the Arenal jungle.">
13    <meta property="og:type" content="website">
14    
15    
15<script src="https://cdn.tailwindcss.com"></script>
15
16    
16<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
16
17
18    
19    
19<script type="text/javascript" src="https://cdn.ywxi.net/js/1.js" async></script>
19
20
21    
21<script>
22      tailwind.config = {
23        theme: {
24          extend: {
25            colors: {
26              green: { 600: '#16a34a', 700: '#15803d', 800: '#166534' }
27            }
28          }
29        }
30      }
31    </script>
31
32
33    <style>
34        [x-cloak] { display: none !important; }
35        
36        /* Desactivar cualquier widget flotante de TrustedSite */
37        #trustedsite-tm-image,
38        #trustedsite-tm-float,
39        .trustedsite-tm-float,
40        div[id*="trustedsite"],
41        iframe[src*="trustedsite"],
42        .trustedsite-trustmark {
43            display: none !important;
44            visibility: hidden !important;
45            pointer-events: none !important;
46            height: 0 !important;
47            width: 0 !important;
48            opacity: 0 !important;
49        }
50
51        /* Estilos a prueba de fallos para la cuadr«¿cula de sellos */
52        .trust-grid {
53            display: grid;
54            grid-template-columns: repeat(2, minmax(0, 1fr));
55            gap: 0.75rem;
56        }
57        @media (min-width: 640px) {
58            .trust-grid {
59                display: flex;
60                flex-wrap: wrap;
61                align-items: center;
62                justify-content: center;
63                gap: 1rem;
64            }
65        }
66    </style>
67</head>
68<body class="bg-gray-50 text-gray-900 flex flex-col min-h-screen overflow-x-hidden">
69
70    
71    <div id="trustedsite-tm-float-disable" class="hidden"></div>
72
73    <nav x-data="{ open: false }" class="bg-white shadow-md sticky top-0 z-50">
74        <div class="max-w-7xl mx-auto px-4">
75            <div class="flex justify-between items-center h-16">
76                <div class="flex-shrink-0 font-bold text-xl tracking-tight">
77                    <a href="https://heliconiasnaturelodge.com">Heliconias</a>
78                </div>
79
80                <div class="md:hidden">
81                    <button @click="open = !open" class="text-gray-600 focus:outline-none p-2" aria-label="Toggle Menu">
82                        <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
83                            <path x-show="!open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
84                            <path x-show="open" x-cloak stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
85                        </svg>
86                    </button>
87                </div>
88
89                <div :class="open ? 'block' : 'hidden'" class="md:flex md:items-center absolute md:relative top-16 md:top-0 left-0 w-full md:w-auto bg-white md:bg-transparent shadow-lg md:shadow-none p-4 md:p-0 z-50">
90                    <ul class="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-6 text-gray-700 font-medium">
91                        <li><a href="https://heliconiasnaturelodge.com" class="hover:text-green-600 transition">Home</a></li>
92                        <li><a href="https://heliconiasnaturelodge.com/rooms" class="hover:text-green-600 transition">Rooms</a></li>
93                        <li><a href="https://heliconiasnaturelodge.com/monteverde" class="hover:text-green-600 transition">Monteverde</a></li>
94                        
95                        <li><a href="https://hnlarenalcostarica.com/tours/" target="_blank" rel="noopener">Tours</a></li>
96                        <li><a href="https://hnlarenalcostarica.com/?page_id=1194" target="_blank" rel="noopener">Transportation</a></li>
97                        <li><a href="https://www.viator.com/es-MX/searchResults/all?text=manuel+antonio&pid=P00215063&mcid=42383&medium=link" target="_blank" rel="noopener">Manuel Antonio</a></li>
98                        <li><a href="https://www.viator.com/es-MX/Tortuguero/d50227-ttd?localeSwitch=1&pid=P00215063&mcid=42383&medium=link" target="_blank" rel="noopener">Tortuguero</a></li>
99                        <li>
100                            <a href="https://www.booking.com/hotel/cr/cabanas-heliconias.en.html?aid=365285" 
101                               target="_blank" rel="noopener" 
102                               class="bg-green-600 text-white px-5 py-2 rounded-full hover:bg-green-700 transition shadow-lg inline-block text-center">
103                               Book Now
104                            </a>
105                        </li>
106                    </ul>
107                </div>
108            </div>
109        </div>
110    </nav>
111
112    <main class="flex-grow py-8">
113        <div class="max-w-7xl mx-auto px-4">
114            
115<!-- Slider -->
116<div x-data="{ activeSlide: 1 }" 
117     x-init="setInterval(() => { activeSlide = activeSlide === 3 ? 1 : activeSlide + 1 }, 5000)" 
118     class="relative w-full overflow-hidden rounded-2xl shadow-2xl mb-12">
119     
120            <div x-show="activeSlide === 1" class="transition-opacity duration-700 ease-in-out">
121            <img src="/images/slider1.webp" class="w-full h-[500px] object-cover" alt="Heliconias Lodge">
122        </div>
123            <div x-show="activeSlide === 2" class="transition-opacity duration-700 ease-in-out">
124            <img src="/images/slider2.webp" class="w-full h-[500px] object-cover" alt="Heliconias Lodge">
125        </div>
126            <div x-show="activeSlide === 3" class="transition-opacity duration-700 ease-in-out">
127            <img src="/images/slider3.webp" class="w-full h-[500px] object-cover" alt="Heliconias Lodge">
128        </div>
129        
130    <button @click="activeSlide = activeSlide === 1 ? 3 : activeSlide - 1" class="absolute left-4 top-1/2 bg-black/30 p-2 text-white rounded-full z-10 hover:bg-black/50 transition">❮</button>
131    <button @click="activeSlide = activeSlide === 3 ? 1 : activeSlide + 1" class="absolute right-4 top-1/2 bg-black/30 p-2 text-white rounded-full z-10 hover:bg-black/50 transition">❯</button>
132</div>
133
134<!-- Intro -->
135<section class="text-center py-12 px-4">
136    <h1 class="text-4xl md:text-5xl font-serif text-green-800 mb-6">Sleep in the rainforest. Wake up with toucans and sloths.</h1>
137    <p class="text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed">
138        Find your home away from home in one of our exquisite bungalows in a serene and secluded jungle paradise. All of the tours and adventures you want are close. The beautiful Costa Rican nature that brought you here is even closer.
139    </p>
140</section>
141
142<!-- Sección de Habitaciones -->
143<section class="py-12 bg-white rounded-3xl shadow-sm my-8">
144    <div class="max-w-7xl mx-auto px-4">
145        <h2 class="text-3xl font-serif text-green-800 text-center mb-12">Our Jungle Bungalows</h2>
146        <div class="grid md:grid-cols-3 gap-8">
147            <div class="rounded-2xl overflow-hidden shadow-lg group">
148                <img src="/images/Standard-Bungalow-2.webp" class="w-full h-64 object-cover transform group-hover:scale-105 transition duration-500" alt="Standard Bungalow">
149                <div class="p-4"><h3 class="font-bold text-lg text-green-800">Standard Bungalow</h3><a href="https://heliconiasnaturelodge.com/rooms" class="text-green-600 hover:underline">View Details →</a></div>
150            </div>
151            <div class="rounded-2xl overflow-hidden shadow-lg group">
152                <img src="/images/Glass-Bungalow-02-1.webp" class="w-full h-64 object-cover transform group-hover:scale-105 transition duration-500" alt="Glass Bungalow">
153                <div class="p-4"><h3 class="font-bold text-lg text-green-800">Glass Bungalow</h3><a href="https://heliconiasnaturelodge.com/rooms" class="text-green-600 hover:underline">View Details →</a></div>
154            </div>
155            <div class="rounded-2xl overflow-hidden shadow-lg group">
156                <img src="/images/Treehouse-Bungalow-1.webp" class="w-full h-64 object-cover transform group-hover:scale-105 transition duration-500" alt="Treehouse Bungalow">
157                <div class="p-4"><h3 class="font-bold text-lg text-green-800">Treehouse Bungalow</h3><a href="https://heliconiasnaturelodge.com/rooms" class="text-green-600 hover:underline">View Details →</a></div>
158            </div>
159        </div>
160    </div>
161</section>
162
163<!-- Arenal Unlimited Shuttle Pass -->
164<section class="bg-green-900 text-white py-16 px-6 rounded-3xl my-12 shadow-xl">
165    <div class="max-w-4xl mx-auto text-center">
166        <h2 class="text-3xl font-bold mb-4">Arenal Unlimited Shuttle Pass</h2>
167        <p class="mb-6 opacity-90">We are the only company who offer transportation service for 3 days at a very low price.</p>
168        <a href="https://www.viator.com/tours/La-Fortuna/Arenal-Shuttle-Pass-3-Days-Pass/d821-5620032P2?pid=P00215063&mcid=42383&medium=link" target="_blank" class="bg-white text-green-900 px-8 py-3 rounded-full font-bold hover:bg-gray-100 transition">BOOK NOW</a>
169    </div>
170</section>
171
172<!-- Banner Viator -->
173<div class="flex justify-center my-8 w-full">
174    <div data-id="viator-banner" data-partner-id="P00215063" data-url="https://www.viator.com/" data-banner-width="728" data-banner-height="90" data-banner-language="en" data-banner-selection="banner1">
175    </div>
176</div>
177<script async src="https://partners.vtrcdn.com/static/scripts/banners/banners.js"></script>
177
178
179<!-- Bloques de Características -->
180<section class="grid md:grid-cols-2 gap-8 mb-16">
181            <div class="bg-white p-6 rounded-2xl shadow-md border border-gray-100 hover:shadow-xl transition">
182        <img src="/images/Serenity-Heliconias.webp" class="w-full h-64 object-cover rounded-xl mb-4" alt="Serenity">
183        <h3 class="text-2xl font-bold mb-2 text-green-700">Serenity</h3>
184        <p class="text-gray-600">We don’t just work here, we live here. Stay with us in our tranquil and peaceful paradise.</p>
185    </div>
186        <div class="bg-white p-6 rounded-2xl shadow-md border border-gray-100 hover:shadow-xl transition">
187        <img src="/images/Adventure-Heliconias.webp" class="w-full h-64 object-cover rounded-xl mb-4" alt="Adventure">
188        <h3 class="text-2xl font-bold mb-2 text-green-700">Adventure</h3>
189        <p class="text-gray-600">Jungle-adjacent means you don’t have to leave to adventure; we’ve got a growing number of tours right here.</p>
190    </div>
191        <div class="bg-white p-6 rounded-2xl shadow-md border border-gray-100 hover:shadow-xl transition">
192        <img src="/images/Confort-Heliconias.webp" class="w-full h-64 object-cover rounded-xl mb-4" alt="Comfort">
193        <h3 class="text-2xl font-bold mb-2 text-green-700">Comfort</h3>
194        <p class="text-gray-600">With all the amenities you expect: thermal pool, salon, wifi, comfy beds, and private balconies.</p>
195    </div>
196        <div class="bg-white p-6 rounded-2xl shadow-md border border-gray-100 hover:shadow-xl transition">
197        <img src="/images/Family-Heliconias.webp" class="w-full h-64 object-cover rounded-xl mb-4" alt="Family">
198        <h3 class="text-2xl font-bold mb-2 text-green-700">Family</h3>
199        <p class="text-gray-600">Our family built this hotel. When you come, you’re a part of that family. We can’t wait to share it!</p>
200    </div>
201    </section>
202
203<!-- Signature Experience -->
204<section class="bg-gradient-to-r from-green-600 to-emerald-700 p-10 rounded-3xl text-white text-center mb-12">
205    <h3 class="text-3xl font-serif mb-4">The Heliconias Signature Experience</h3>
206    <p class="max-w-2xl mx-auto italic">"More than a stay, a gateway to the soul of the rainforest."</p>
207</section>
208
209        </div>
210    </main>
211
212    <footer class="bg-gray-800 text-white pt-10 pb-8">
213        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
214            
215            
216            
217            
218            <div class="pb-8 mb-6 border-b border-gray-700/70">
219                <div class="trust-grid max-w-4xl mx-auto">
220
221                    <!-- 1. Google Safe Browsing -->
222                    <a href="https://transparencyreport.google.com/safe-browsing/search?url=https%3A%2F%2Fwww.heliconiasnaturelodge.com&hl=es"
223                       target="_blank"
224                       rel="noopener noreferrer"
225                       class="flex items-center justify-center sm:justify-start gap-2 sm:gap-2.5 px-3 py-2 bg-gray-900/80 hover:bg-gray-900 border border-gray-700 hover:border-gray-600 rounded-lg shadow-sm transition-all duration-200 group hover:-translate-y-0.5"
226                       title="Verify status on Google Safe Browsing">
227                        <svg class="w-5 h-5 sm:w-6 sm:h-6 shrink-0" viewBox="0 0 24 24">
228                            <path fill="#34A853" d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z"/>
229                            <circle cx="12" cy="9.5" r="2" fill="#ffffff"/>
230                            <path fill="#ffffff" d="M8.5 13c1.9-1.4 5.1-1.4 7 0 .3.2.4.6.2.9-.2.3-.6.4-.9.2-1.4-1-3.8-1-5.4 0-.3.2-.7.1-.9-.2-.2-.3-.1-.7.2-.9z"/>
231                            <path fill="#ffffff" d="M10 15.5c1.1-.8 2.9-.8 4 0 .2.2.3.5.2.7-.2.2-.5.3-.7.2-.7-.5-1.9-.5-2.6 0-.2.2-.6.1-.7-.2-.2-.2
231-.1-.5.1-.7z"/>
232                        </svg>
233                        <div class="flex flex-col text-left leading-tight">
234                            <span class="text-xs font-bold text-white group-hover:text-emerald-400 transition-colors">Google</span>
235                            <span class="text-[9px] sm:text-[10px] font-medium text-gray-400">Safe Browsing</span>
236                        </div>
237                    </a>
238
239                    <!-- 2. TrustedSite Certified Secure -->
240                    <a href="https://www.trustedsite.com/verify?js=1&host=heliconiasnaturelodge.com"
241                       target="_blank"
242                       rel="noopener noreferrer"
243                       class="flex items-center justify-center sm:justify-start gap-2 sm:gap-2.5 px-3 py-2 bg-white hover:bg-gray-100 rounded-lg shadow-sm transition-all duration-200 hover:-translate-y-0.5"
244                       title="Verify certification on TrustedSite">
245                        <div class="w-4 h-4 rounded bg-[#22c55e] flex items-center justify-center shrink-0">
246                            <svg viewBox="0 0 24 24" class="w-3 h-3 text-white fill-current">
247                                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
248                            </svg>
249                        </div>
250                        <div class="flex flex-col text-left leading-tight">
251                            <span class="text-xs font-black text-[#22c55e]">Trusted<span class="text-slate-900">Site</span><sup class="text-[8px]">&reg;</sup></span>
252                            <span class="text-[9px] font-bold tracking-wider text-slate-500 uppercase">Certified</span>
253                        </div>
254                    </a>
255
256                    <!-- 3. Google SSL Secured -->
257                    <a href="https://www.sslshopper.com/ssl-checker.html#hostname=heliconiasnaturelodge.com"
258                       target="_blank"
259                       rel="noopener noreferrer"
260                       class="flex items-center justify-center sm:justify-start px-2.5 sm:px-3 py-2 bg-[#689f38] hover:bg-[#558b2f] rounded-lg shadow-sm transition-all duration-200 hover:-translate-y-0.5 text-white"
261                       title="Verify 256-Bit SSL Certificate">
262                        <div class="pr-2 border-r border-white/30 flex items-center">
263                            <svg class="w-4 h-4 fill-current" viewBox="0 0 24 24">
264                                <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>
265                            </svg>
266                        </div>
267                        <div class="pl-2 flex flex-col text-left leading-tight">
268                            <span class="text-[10px] sm:text-[11px] font-black tracking-wider text-white">GOOGLE SSL</span>
269                            <span class="text-[8px] font-semibold text-white/90">SECURED</span>
270                        </div>
271                    </a>
272
273                    <!-- 4. PCI DSS Compliant -->
274                    <div class="flex items-center justify-center sm:justify-start gap-2 px-3 py-2 bg-gray-900/80 border border-teal-500/40 rounded-lg shadow-sm"
275                         title="PCI DSS Bank-grade Encryption Compliance">
276                        <svg class="w-5 h-5 text-teal-400 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
277                            <path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z"/>
278                            <path d="M9 12l2 2 4-4"/>
279                        </svg>
280                        <div class="flex flex-col text-left leading-tight">
281                            <span class="text-xs font-black text-white">PCI <span class="text-teal-400">DSS</span></span>
282                            <span class="text-[8px] sm:text-[9px] font-semibold text-gray-400 tracking-wider">COMPLIANT</span>
283                        </div>
284                    </div>
285
286                    <!-- 5. ScamAdviser (Abarca 2 columnas en m«Ñvil para simetr«¿a) -->
287                    <a href="https://www.scamadviser.com/check-website/heliconiasnaturelodge.com"
288                       target="_blank"
289                       rel="noopener noreferrer"
290                       class="col-span-2 sm:col-span-1 flex items-center justify-center sm:justify-start gap-2 sm:gap-2.5 px-3 py-2 bg-gray-900/80 hover:bg-gray-900 border border-gray-700 hover:border-gray-600 rounded-lg shadow-sm transition-all duration-200 group hover:-translate-y-0.5"
291                       title="Verify TrustScore on ScamAdviser">
292                        <svg class="w-5 h-5 sm:w-6 sm:h-6 shrink-0" viewB
292ox="0 0 24 24">
293                            <path fill="#ffffff" stroke="#DC2626" stroke-width="2" d="M12 2L4 5v6c0 5.5 3.8 10.7 8 12 4.2-1.3 8-6.5 8-12V5l-8-3z"/>
294                            <path fill="#DC2626" d="M10.5 14.5L7.5 11.5l1.4-1.4 1.6 1.6 4.6-4.6 1.4 1.4z"/>
295                        </svg>
296                        <div class="flex flex-col text-left leading-tight">
297                            <span class="text-xs font-bold text-white group-hover:text-red-400 transition-colors">SCAM<span class="font-black text-white">ADVISER</span></span>
298                            <span class="text-[9px] font-medium text-gray-400">Verified Safe</span>
299                        </div>
300                    </a>
301
302                </div>
303            </div>
304
305            
306            
307            
308            <div class="text-center space-y-2 text-sm text-gray-400">
309                <p>&copy; 2026 Caba«Ðas Heliconias. All rights reserved.</p>
310                <p class="text-xs">
311                    Dise«Ðo web y hosting por 
312                    <a href="https://www.williamalvarado.com" target="_blank" rel="noopener" class="text-green-400 hover:underline font-semibold">
313                        williamalvarado.com
314                    </a>
315                </p>
316            </div>
317
318        </div>
319    </footer>
320
321</body>
322</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.