← back to Jill Website
views/adventure-activities.ejs
572 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adventure Activities - Nosara Beachfront Rentals</title>
<meta name="description" content="Experience thrilling adventure activities in Nosara, Costa Rica. Horseback riding, zip-lining, sport fishing, ATV tours, and more exciting experiences await.">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Stylesheets -->
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/adaptive-loading.css">
<link rel="stylesheet" href="/css/activity-links.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h2><a href="/" style="text-decoration: none; color: inherit;">Nosara Beachfront</a></h2>
</div>
<ul class="nav-menu">
<li><a href="/" class="nav-link">Home</a></li>
<li><a href="/#properties" class="nav-link">Properties</a></li>
<li><a href="/beaches" class="nav-link">Beaches</a></li>
<li><a href="/#experiences" class="nav-link">Experiences</a></li>
<li><a href="/#videos" class="nav-link">Videos</a></li>
<li><a href="/#history" class="nav-link">History</a></li>
<li><a href="/#dining" class="nav-link">Dining</a></li>
<li><a href="/#contact" class="nav-link">Contact</a></li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero" style="background: linear-gradient(135deg, rgba(255, 87, 34, 0.5) 0%, rgba(183, 28, 28, 0.5) 100%),
url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=85&w=2400&auto=format&fit=crop&ixlib=rb-4.0.3'); background-size: cover; background-position: center;">
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-title">Adventure Activities</h1>
<p class="hero-subtitle">Thrilling experiences and unforgettable adventures in Nosara</p>
</div>
</div>
<div class="hero-scroll">
<p>Scroll to explore</p>
<div class="scroll-arrow" aria-hidden="true"></div>
</div>
</section>
<!-- Category Navigation -->
<%- include('partials/category-nav', { currentPage: 'adventure-activities' }) %>
<!-- Adventure Introduction -->
<section class="experiences" style="padding: 5rem 0 3rem;">
<div class="container">
<div class="section-header">
<h2>Why Nosara is an Adventure Paradise</h2>
<p>Nosara offers an incredible variety of adventure activities, from ocean to rainforest, for thrill-seekers of all levels.</p>
</div>
<div style="max-width: 900px; margin: 2rem auto; padding: 2rem; background: linear-gradient(135deg, rgba(255, 87, 34, 0.05), rgba(183, 28, 28, 0.05)); border-radius: 15px; border-left: 4px solid #ff5722;">
<p style="font-size: 1.1rem; line-height: 1.8; color: var(--dark);">
From cantering along pristine beaches at sunset to soaring through jungle canopies on ziplines, Nosara provides endless opportunities for adventure. The region's unique geography combines Pacific coastline with tropical dry forest, creating the perfect playground for horseback riding, ATV exploration, sport fishing, and more. Whether you're an adrenaline junkie or seeking your first adventure, Nosara's experienced guides and world-class facilities ensure safe, unforgettable experiences in one of Costa Rica's most beautiful settings.
</p>
</div>
</div>
</section>
<!-- Adventure Activities Gallery -->
<section class="villas" style="background: var(--light); padding: 4rem 0;">
<div class="container">
<div class="section-header">
<h2>Adventure Gallery</h2>
<p>Capture the excitement of Nosara's thrilling outdoor activities</p>
</div>
<div class="villas-grid" style="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
<!-- Horseback Riding -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?q=85&w=1200&auto=format&fit=crop"
alt="Horseback riding on pristine beach at sunset"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Beach Horseback Riding</h3>
<p>Canter along miles of pristine beaches with the Pacific Ocean beside you, exploring hidden coves and jungle trails on horseback.</p>
</div>
</div>
<!-- Zip-lining -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1527004013197-933c4bb611b3?q=85&w=1200&auto=format&fit=crop"
alt="Zip-lining through rainforest canopy"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Canopy Zip-lining</h3>
<p>Soar through the treetops on exhilarating zipline courses, experiencing the rainforest from a bird's-eye perspective.</p>
</div>
</div>
<!-- Sport Fishing -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1559827260-dc66d52bef19?q=85&w=1200&auto=format&fit=crop"
alt="Sport fishing boat on Pacific Ocean"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Sport Fishing</h3>
<p>Fish the rich Pacific waters for marlin, sailfish, tuna, and dorado with experienced captains on world-class fishing charters.</p>
</div>
</div>
<!-- ATV Tours -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?q=85&w=1200&auto=format&fit=crop"
alt="ATV riding through jungle trails"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>ATV Adventures</h3>
<p>Navigate rugged jungle trails, river crossings, and mountain paths on powerful ATVs, exploring Nosara's wild backcountry.</p>
</div>
</div>
<!-- Surf Lessons -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1502680390469-be75c86b636f?q=85&w=1200&auto=format&fit=crop"
alt="Surf lessons on Nosara beach"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Surf Adventures</h3>
<p>Learn to surf or improve your skills with expert instructors on Nosara's world-famous surf breaks, perfect for all levels.</p>
</div>
</div>
<!-- Kayaking -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?q=85&w=1200&auto=format&fit=crop"
alt="Kayaking through mangrove channels"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Kayak Expeditions</h3>
<p>Paddle through winding mangrove channels and river estuaries, spotting crocodiles, monkeys, and tropical birds along the way.</p>
</div>
</div>
<!-- Stand-Up Paddleboarding -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1519904981063-b0cf448d479e?q=85&w=1200&auto=format&fit=crop"
alt="Stand-up paddleboarding at sunrise"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Stand-Up Paddleboarding</h3>
<p>Glide across calm bays and explore hidden beaches on SUP boards, perfect for sunrise sessions and wildlife spotting.</p>
</div>
</div>
<!-- Snorkeling -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1544551763-77ef2d0cfc6c?q=85&w=1200&auto=format&fit=crop"
alt="Snorkeling in crystal clear waters"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Snorkeling Adventures</h3>
<p>Discover vibrant coral reefs and tropical fish at nearby snorkeling spots, with boat tours to the best underwater locations.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Detailed Adventure Activities -->
<section class="experiences" style="padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>Featured Adventure Activities</h2>
<p>Detailed information about Nosara's most popular adventures</p>
</div>
<div class="experiences-grid">
<!-- Horseback Riding -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-horse"></i>
</div>
<h3>Horseback Riding</h3>
<p><strong>Experience:</strong> Beach rides, jungle trails, sunset tours, waterfall excursions</p>
<p><strong>Duration:</strong> 1-4 hours depending on tour type</p>
<p><strong>Price Range:</strong> $60-$120 per person</p>
<p><strong>Skill Level:</strong> All levels welcome, from beginners to experienced riders</p>
<p><strong>Highlights:</strong> Canter on empty beaches, swim with horses, explore hidden waterfalls</p>
<p><strong>Best For:</strong> Romantic couples, families, nature lovers, photographers</p>
</div>
<!-- Zip-lining -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-wind"></i>
</div>
<h3>Canopy Zip-lining</h3>
<p><strong>Courses:</strong> 8-12 zipline cables, 10-15 platforms, suspension bridges</p>
<p><strong>Duration:</strong> 2-3 hours including safety briefing and equipment</p>
<p><strong>Price Range:</strong> $65-$95 per person</p>
<p><strong>Requirements:</strong> Minimum age 5-8 (varies by operator), weight limits apply</p>
<p><strong>Highlights:</strong> Speeds up to 40mph, canopy views, wildlife spotting from treetops</p>
<p><strong>Safety:</strong> Double-cable systems, certified guides, top-quality equipment</p>
</div>
<!-- Sport Fishing -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-fish"></i>
</div>
<h3>Sport Fishing Charters</h3>
<p><strong>Target Species:</strong> Marlin, sailfish, tuna, dorado, roosterfish, snapper</p>
<p><strong>Boat Options:</strong> Half-day (4-5 hours), full-day (8 hours), shared or private charters</p>
<p><strong>Price Range:</strong> $600-$1,500 depending on boat size and duration</p>
<p><strong>Best Season:</strong> Year-round fishing, peak season November-April for billfish</p>
<p><strong>Includes:</strong> Captain, crew, equipment, bait, drinks, snacks, fishing licenses</p>
<p><strong>Conservation:</strong> Catch-and-release encouraged for billfish species</p>
</div>
<!-- ATV Tours -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-motorcycle"></i>
</div>
<h3>ATV Adventures</h3>
<p><strong>Tour Types:</strong> Jungle trails, mountain rides, beach cruises, waterfall tours</p>
<p><strong>Duration:</strong> 2-4 hours, half-day or full-day adventures available</p>
<p><strong>Price Range:</strong> $80-$150 per ATV (single or double rider)</p>
<p><strong>Requirements:</strong> Valid driver's license, minimum age 16-18 to drive</p>
<p><strong>Terrain:</strong> River crossings, muddy trails, steep hills, jungle paths</p>
<p><strong>Includes:</strong> ATV, helmet, guide, safety briefing, refreshments</p>
</div>
<!-- Surf Lessons -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-water"></i>
</div>
<h3>Surf Lessons & Adventures</h3>
<p><strong>Lesson Types:</strong> Private, semi-private, group lessons, multi-day surf camps</p>
<p><strong>Duration:</strong> 1.5-2 hours per lesson, usually includes 1 hour in water</p>
<p><strong>Price Range:</strong> $55-$120 per person depending on group size</p>
<p><strong>Skill Levels:</strong> Complete beginners to advanced surfers welcome</p>
<p><strong>Includes:</strong> Surfboard, rash guard, expert instruction, beach transportation</p>
<p><strong>Guarantee:</strong> Most schools guarantee you'll stand up on your first lesson</p>
</div>
<!-- Kayaking Tours -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-anchor"></i>
</div>
<h3>Kayak Expeditions</h3>
<p><strong>Tour Options:</strong> Mangrove tours, river paddles, ocean kayaking, sunset tours</p>
<p><strong>Duration:</strong> 2-4 hours depending on route and destination</p>
<p><strong>Price Range:</strong> $55-$85 per person, includes equipment and guide</p>
<p><strong>Wildlife:</strong> Crocodiles, monkeys, herons, iguanas, turtles, tropical birds</p>
<p><strong>Difficulty:</strong> Easy to moderate, suitable for beginners and families</p>
<p><strong>Best Times:</strong> Early morning for wildlife, sunset for photography</p>
</div>
</div>
</div>
</section>
<!-- Adventure Tips & Information -->
<section class="history" style="background: var(--light); padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>Adventure Tips & Safety</h2>
<p>Essential information for planning your Nosara adventures</p>
</div>
<div class="cultural-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem;">
<!-- What to Bring -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-backpack"></i>
</div>
<h4>What to Bring</h4>
<p>Pack smart for maximum comfort and safety during your adventures.</p>
<div class="cultural-fact">
<strong>Essentials:</strong> Sunscreen, insect repellent, water bottle, camera
</div>
<div class="cultural-fact">
<strong>Clothing:</strong> Quick-dry clothes, closed-toe shoes, swimsuit, hat
</div>
<div class="cultural-fact">
<strong>Optional:</strong> GoPro, waterproof phone case, binoculars, cash for tips
</div>
</div>
<!-- Best Times -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-calendar-alt"></i>
</div>
<h4>Best Times to Visit</h4>
<p>Plan your adventures around optimal seasons and conditions.</p>
<div class="cultural-fact">
<strong>Dry Season:</strong> December-April, best weather for all activities
</div>
<div class="cultural-fact">
<strong>Green Season:</strong> May-November, fewer crowds, lush landscapes
</div>
<div class="cultural-fact">
<strong>Fishing:</strong> November-April peak season for billfish
</div>
</div>
<!-- Safety Guidelines -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h4>Safety First</h4>
<p>Follow these guidelines to ensure safe, enjoyable adventures.</p>
<div class="cultural-fact">
<strong>Listen to Guides:</strong> Follow all instructions from certified guides
</div>
<div class="cultural-fact">
<strong>Know Limits:</strong> Choose activities appropriate for your fitness level
</div>
<div class="cultural-fact">
<strong>Stay Hydrated:</strong> Drink plenty of water, especially in hot weather
</div>
</div>
<!-- Booking Tips -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-ticket-alt"></i>
</div>
<h4>Booking & Reservations</h4>
<p>How to secure the best adventure experiences in Nosara.</p>
<div class="cultural-fact">
<strong>Book Ahead:</strong> Popular tours fill up, especially in high season
</div>
<div class="cultural-fact">
<strong>Compare Operators:</strong> Read reviews, check safety certifications
</div>
<div class="cultural-fact">
<strong>Ask Questions:</strong> Clarify fitness requirements, age limits, cancellation policies
</div>
</div>
<!-- Weather Considerations -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-cloud-sun"></i>
</div>
<h4>Weather & Conditions</h4>
<p>Understanding Nosara's weather for optimal adventure planning.</p>
<div class="cultural-fact">
<strong>Tropical Climate:</strong> Warm year-round (75-90°F), afternoon rain common
</div>
<div class="cultural-fact">
<strong>Morning Activities:</strong> Best conditions typically 6 AM-11 AM
</div>
<div class="cultural-fact">
<strong>Flexibility:</strong> Some tours weather-dependent, have backup plans
</div>
</div>
<!-- Environmental Responsibility -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-leaf"></i>
</div>
<h4>Eco-Friendly Adventures</h4>
<p>Minimize your environmental impact while adventuring.</p>
<div class="cultural-fact">
<strong>Leave No Trace:</strong> Pack out all trash, respect wildlife
</div>
<div class="cultural-fact">
<strong>Choose Responsibly:</strong> Select eco-certified tour operators
</div>
<div class="cultural-fact">
<strong>Support Conservation:</strong> Tour fees often fund local protection efforts
</div>
</div>
</div>
<!-- Adventure Combo Packages -->
<div style="max-width: 900px; margin: 4rem auto; padding: 2rem; background: var(--white); border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);">
<h3 style="color: var(--primary-color); margin-bottom: 1.5rem; text-align: center;">
<i class="fas fa-star"></i> Popular Adventure Combos
</h3>
<ul style="line-height: 2; color: var(--dark); font-size: 1.05rem;">
<li><strong>Beach & Jungle Combo:</strong> Horseback beach ride + ATV jungle tour ($150-$200)</li>
<li><strong>Sky & Sea Adventure:</strong> Zip-lining + kayaking mangrove tour ($120-$160)</li>
<li><strong>Ultimate Adrenaline:</strong> ATV, zipline, and waterfall tour ($180-$250)</li>
<li><strong>Ocean Experience:</strong> Surf lesson + sport fishing half-day ($250-$350)</li>
<li><strong>Eco-Adventure:</strong> Horseback riding + nature reserve hike ($100-$140)</li>
<li><strong>Sunset Package:</strong> Beach horseback ride + ocean sunset kayak ($110-$150)</li>
</ul>
<p style="text-align: center; margin-top: 1.5rem; font-style: italic; color: var(--text-color);">
Multi-activity packages often include discounts. Ask tour operators about combo deals!
</p>
</div>
</div>
</section>
<!-- Booking Widget -->
<%- include('partials/booking-widget') %>
<!-- Call to Action -->
<section class="contact" style="padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>Ready for Your Next Adventure?</h2>
<p>Book your beachfront property and start planning unforgettable experiences</p>
</div>
<div style="text-align: center; margin-top: 2rem;">
<a href="/#properties" class="btn-primary" style="padding: 1.2rem 2.5rem; font-size: 1.1rem; border-radius: 50px; text-decoration: none; display: inline-block; background: var(--primary-color); color: var(--white);">
View Available Properties <i class="fas fa-arrow-right"></i>
</a>
<a href="/#contact" class="btn-secondary" style="padding: 1.2rem 2.5rem; font-size: 1.1rem; border-radius: 50px; text-decoration: none; display: inline-block; margin-left: 1rem; background: var(--accent-color); color: var(--white);">
Contact Us <i class="fas fa-envelope"></i>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Nosara Beachfront</h3>
<p>Your gateway to luxury beachfront living in Costa Rica's most beautiful coastal paradise.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/#properties">Properties</a></li>
<li><a href="/beaches">Beaches</a></li>
<li><a href="/surfing">Surfing</a></li>
<li><a href="/yoga-wellness">Yoga & Wellness</a></li>
<li><a href="/nature-adventures">Nature Adventures</a></li>
<li><a href="/adventure-activities">Adventure Activities</a></li>
<li><a href="/#experiences">Experiences</a></li>
<li><a href="/#contact">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Resources</h4>
<ul>
<li><a href="#">Travel Guide</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© <%= currentYear %> Nosara Beachfront Rentals. All rights reserved.</p>
</div>
</div>
</footer>
<!-- JavaScript -->
<script>
// Mobile menu toggle
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('.nav-menu');
hamburger.addEventListener('click', () => {
hamburger.classList.toggle('active');
navMenu.classList.toggle('active');
});
// Close mobile menu when clicking on a link
document.querySelectorAll('.nav-link').forEach(link => {
link.addEventListener('click', () => {
hamburger.classList.remove('active');
navMenu.classList.remove('active');
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Navbar scroll effect
let lastScroll = 0;
window.addEventListener('scroll', () => {
const navbar = document.querySelector('.navbar');
const currentScroll = window.pageYOffset;
if (currentScroll > 100) {
navbar.style.background = 'rgba(255, 255, 255, 0.98)';
navbar.style.boxShadow = '0 5px 20px rgba(0,0,0,0.15)';
} else {
navbar.style.background = 'rgba(255, 255, 255, 0.95)';
navbar.style.boxShadow = '0 5px 20px rgba(0,0,0,0.1)';
}
lastScroll = currentScroll;
});
</script>
<!-- Adaptive Loading Scripts -->
<script src="/js/connection-speed.js"></script>
<script src="/js/adaptive-loading.js"></script>
<!-- Activity Links Component -->
<script src="/js/activity-links.js"></script>
</body>
</html>