← back to Jill Website
views/culinary-delights.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>Culinary Delights - Nosara Beachfront Rentals</title>
<meta name="description" content="Discover farm-to-table restaurants, authentic Costa Rican cuisine, and international dining options in Nosara, Costa Rica.">
<!-- 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, 99, 71, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%),
url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?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">Culinary Delights</h1>
<p class="hero-subtitle">Experience farm-to-table excellence and authentic Costa Rican flavors</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: 'culinary-delights' }) %>
<!-- Culinary Introduction -->
<section class="experiences" style="padding: 5rem 0 3rem;">
<div class="container">
<div class="section-header">
<h2>Why Nosara is a Food Lover's Paradise</h2>
<p>Nosara's culinary scene celebrates fresh, local ingredients with a perfect blend of traditional Costa Rican cuisine and international flavors.</p>
</div>
<div style="max-width: 900px; margin: 2rem auto; padding: 2rem; background: linear-gradient(135deg, rgba(255, 99, 71, 0.05), rgba(255, 140, 0, 0.05)); border-radius: 15px; border-left: 4px solid #ff6347;">
<p style="font-size: 1.1rem; line-height: 1.8; color: var(--dark);">
From beachfront dining with sunset views to intimate jungle restaurants, Nosara offers exceptional culinary experiences showcasing the bounty of Costa Rica. Local chefs emphasize farm-to-table practices, featuring organic produce from nearby farms, fresh-caught seafood from the Pacific, and traditional Costa Rican recipes passed down through generations. Whether you're savoring gallo pinto for breakfast, enjoying ceviche by the ocean, or exploring innovative fusion cuisine, every meal in Nosara is a celebration of fresh ingredients, sustainability, and authentic flavors.
</p>
</div>
</div>
</section>
<!-- Food Photos Gallery -->
<section class="villas" style="background: var(--light); padding: 4rem 0;">
<div class="container">
<div class="section-header">
<h2>Culinary Gallery</h2>
<p>Feast your eyes on the delicious flavors of Nosara</p>
</div>
<div class="villas-grid" style="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
<!-- Fresh Ceviche -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1562059392-096320bccc7e?q=85&w=1200&auto=format&fit=crop"
alt="Fresh ceviche with lime and cilantro"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Fresh Ceviche</h3>
<p>Savor ocean-fresh ceviche made with locally caught fish, marinated in lime juice with cilantro, onions, and fresh chilies - a Costa Rican coastal classic.</p>
</div>
</div>
<!-- Farm-to-Table Breakfast -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1533089860892-a7c6f0a88666?q=85&w=1200&auto=format&fit=crop"
alt="Healthy farm-to-table breakfast spread"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Farm-to-Table Breakfast</h3>
<p>Start your day with fresh tropical fruits, organic eggs, homemade breads, and smoothie bowls featuring ingredients from local organic farms.</p>
</div>
</div>
<!-- Traditional Casado -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1626200419199-391ae4be7a41?q=85&w=1200&auto=format&fit=crop"
alt="Traditional Costa Rican casado plate"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Authentic Casado</h3>
<p>Experience Costa Rica's traditional lunch plate featuring rice, beans, plantains, salad, tortilla, and your choice of fresh fish, chicken, or beef.</p>
</div>
</div>
<!-- Beachfront Dining -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=85&w=1200&auto=format&fit=crop"
alt="Beachfront restaurant at sunset"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Beachfront Dining</h3>
<p>Enjoy unforgettable meals with your toes in the sand, spectacular sunset views, and the sound of waves providing the perfect dining atmosphere.</p>
</div>
</div>
<!-- Fresh Grilled Fish -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1519708227418-c8fd9a32b7a2?q=85&w=1200&auto=format&fit=crop"
alt="Grilled whole fish with vegetables"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Fresh Grilled Fish</h3>
<p>Taste the catch of the day - mahi-mahi, red snapper, or tuna - grilled to perfection and served with seasonal vegetables and tropical salsas.</p>
</div>
</div>
<!-- Tropical Cocktails -->
<div class="villa-card" style="cursor: default;">
<div class="villa-image" style="height: 300px;">
<img
src="https://images.unsplash.com/photo-1551024601-bec78aea704b?q=85&w=1200&auto=format&fit=crop"
alt="Colorful tropical cocktails"
loading="lazy"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="villa-content">
<h3>Tropical Cocktails</h3>
<p>Sip handcrafted cocktails featuring fresh tropical fruits, local rum, and creative flavors while watching spectacular Pacific sunsets.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Farm-to-Table Restaurants -->
<section class="experiences" style="padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>Farm-to-Table Dining</h2>
<p>Restaurants celebrating fresh, locally-sourced ingredients</p>
</div>
<div class="experiences-grid">
<!-- La Luna -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-moon"></i>
</div>
<h3>La Luna Restaurant</h3>
<p><strong>Cuisine:</strong> Mediterranean-Costa Rican fusion with organic focus</p>
<p><strong>Specialty:</strong> Wood-fired pizzas, fresh pasta, locally caught seafood</p>
<p><strong>Atmosphere:</strong> Elegant beachfront setting with sunset views</p>
<p><strong>Local Ingredients:</strong> Organic vegetables from nearby farms, line-caught fish</p>
<p><strong>Perfect For:</strong> Romantic dinners, special occasions, sunset dining</p>
<div class="restaurant-contact" style="margin-top: 1rem;">
<a href="tel:+50626820122" class="contact-link"><i class="fas fa-phone"></i> +506 2682-0122</a>
<a href="https://lalunanosara.com" target="_blank" rel="noopener noreferrer" class="contact-link"><i class="fas fa-globe"></i> Website</a>
</div>
</div>
<!-- Gilded Iguana -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-dragon"></i>
</div>
<h3>Gilded Iguana</h3>
<p><strong>Cuisine:</strong> Traditional Costa Rican and American comfort food</p>
<p><strong>Specialty:</strong> Fresh fish tacos, casados, burgers, tropical smoothies</p>
<p><strong>Atmosphere:</strong> Casual beachfront with pool, live music on weekends</p>
<p><strong>Local Ingredients:</strong> Daily fish deliveries, local produce, homemade sauces</p>
<p><strong>Perfect For:</strong> Families, casual dining, post-surf meals, live entertainment</p>
<div class="restaurant-contact" style="margin-top: 1rem;">
<a href="tel:+50622156950" class="contact-link"><i class="fas fa-phone"></i> +506 2215-6950</a>
<a href="https://thegildediguana.com" target="_blank" rel="noopener noreferrer" class="contact-link"><i class="fas fa-globe"></i> Website</a>
<a href="https://www.opentable.com/r/the-gilded-iguana-restaurant-nosara" target="_blank" rel="noopener noreferrer" class="contact-link" style="background: #da3743;"><i class="fas fa-calendar-check"></i> Reserve</a>
</div>
</div>
<!-- Beach Dog Café -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-coffee"></i>
</div>
<h3>Beach Dog Café</h3>
<p><strong>Cuisine:</strong> Healthy breakfast and brunch, organic coffee</p>
<p><strong>Specialty:</strong> Açaí bowls, avocado toast, fresh juices, specialty coffee</p>
<p><strong>Atmosphere:</strong> Laid-back café with outdoor seating, dog-friendly</p>
<p><strong>Local Ingredients:</strong> Organic eggs, local tropical fruits, house-baked goods</p>
<p><strong>Perfect For:</strong> Healthy breakfasts, coffee lovers, casual meetups</p>
</div>
<!-- Robin's Café -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-ice-cream"></i>
</div>
<h3>Robin's Café & Ice Cream</h3>
<p><strong>Cuisine:</strong> Homemade ice cream, fresh baked goods, light meals</p>
<p><strong>Specialty:</strong> Artisan ice cream with tropical flavors, brownies, cookies</p>
<p><strong>Atmosphere:</strong> Cozy, family-friendly, community gathering spot</p>
<p><strong>Local Ingredients:</strong> Fresh Costa Rican fruits, organic dairy, local chocolate</p>
<p><strong>Perfect For:</strong> Dessert, families with kids, afternoon treats</p>
<p style="margin-top: 0.5rem; font-size: 0.9rem; color: #666;"><i class="fas fa-clock"></i> Open daily 8am-5pm (closed Sundays)</p>
<div class="restaurant-contact" style="margin-top: 1rem;">
<a href="tel:+50626820617" class="contact-link"><i class="fas fa-phone"></i> +506 2682-0617</a>
</div>
</div>
<!-- Burgers & Beers -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-beer"></i>
</div>
<h3>Burgers & Beers</h3>
<p><strong>Cuisine:</strong> Gourmet burgers, craft beers, American classics</p>
<p><strong>Specialty:</strong> Grass-fed beef burgers, veggie options, extensive beer selection</p>
<p><strong>Atmosphere:</strong> Sports bar vibe with multiple TVs, outdoor seating</p>
<p><strong>Local Ingredients:</strong> Costa Rican grass-fed beef, local cheeses, craft beers</p>
<p><strong>Perfect For:</strong> Burger lovers, sports fans, casual group dining</p>
</div>
<!-- Marlin Bill's -->
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-fish"></i>
</div>
<h3>Marlin Bill's</h3>
<p><strong>Cuisine:</strong> Fresh seafood, sushi, and Pacific Rim fusion</p>
<p><strong>Specialty:</strong> Daily fish specials, sushi rolls, poke bowls, ceviche</p>
<p><strong>Atmosphere:</strong> Upscale casual with ocean breezes, sunset bar</p>
<p><strong>Local Ingredients:</strong> Line-caught tuna, mahi-mahi, local organic produce</p>
<p><strong>Perfect For:</strong> Seafood enthusiasts, sushi lovers, happy hour</p>
</div>
</div>
</div>
</section>
<!-- Costa Rican Cuisine -->
<section class="history" style="background: var(--light); padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>Authentic Costa Rican Flavors</h2>
<p>Traditional dishes and local specialties you must try</p>
</div>
<div class="cultural-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem;">
<!-- Gallo Pinto -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-drumstick-bite"></i>
</div>
<h4>Gallo Pinto</h4>
<p>Costa Rica's beloved national breakfast dish of rice and beans sautéed together with onions, peppers, and cilantro, served with eggs, cheese, and tortillas.</p>
<div class="cultural-fact">
<strong>When to Try:</strong> Breakfast at any local soda
</div>
<div class="cultural-fact">
<strong>Fun Fact:</strong> Every family has their own secret recipe
</div>
</div>
<!-- Casado -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-plate-wheat"></i>
</div>
<h4>Casado</h4>
<p>The traditional lunch plate featuring rice, beans, plantains, salad, tortilla, and your choice of protein - a complete, balanced, and delicious meal.</p>
<div class="cultural-fact">
<strong>Best Value:</strong> $5-$8 at local sodas
</div>
<div class="cultural-fact">
<strong>Meaning:</strong> "Married man" - a complete meal in one plate
</div>
</div>
<!-- Fresh Ceviche -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-lemon"></i>
</div>
<h4>Ceviche</h4>
<p>Fresh raw fish "cooked" in citrus juice with onions, cilantro, and peppers. Costa Rican style often includes both lime and orange juice for perfect balance.</p>
<div class="cultural-fact">
<strong>Where:</strong> Beachfront restaurants, fish markets
</div>
<div class="cultural-fact">
<strong>Tip:</strong> Best enjoyed in the afternoon when fish is freshest
</div>
</div>
<!-- Arroz con Pollo -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-bowl-rice"></i>
</div>
<h4>Arroz con Pollo</h4>
<p>Flavorful rice cooked with chicken, vegetables, and spices in a tomato-based sauce - comfort food at its finest, beloved by locals and visitors alike.</p>
<div class="cultural-fact">
<strong>Best For:</strong> Hearty, satisfying dinner
</div>
<div class="cultural-fact">
<strong>Served With:</strong> Plantains and fresh salad
</div>
</div>
<!-- Chifrijo -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-cheese"></i>
</div>
<h4>Chifrijo</h4>
<p>A popular bar snack combining rice, beans, crispy pork (chicharrón), pico de gallo, and avocado - perfect for sharing with cold Imperial beer.</p>
<div class="cultural-fact">
<strong>Perfect Pairing:</strong> Cold local beer or fresh lime juice
</div>
<div class="cultural-fact">
<strong>Where:</strong> Beach bars, sodas, local restaurants
</div>
</div>
<!-- Tropical Fruits -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-apple-whole"></i>
</div>
<h4>Fresh Tropical Fruits</h4>
<p>Discover incredible flavors like maracuyá (passion fruit), guanábana (soursop), cas, carambola (star fruit), and perfectly ripe mangoes, papayas, and pineapples.</p>
<div class="cultural-fact">
<strong>Where to Find:</strong> Farmer's markets, juice stands, sodas
</div>
<div class="cultural-fact">
<strong>Must Try:</strong> Fresh fruit smoothies (batidos)
</div>
</div>
</div>
</div>
</section>
<!-- International Cuisine -->
<section class="experiences" style="padding: 5rem 0;">
<div class="container">
<div class="section-header">
<h2>International Flavors</h2>
<p>Global cuisine crafted with local ingredients</p>
</div>
<div class="cultural-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem;">
<!-- Italian -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-pizza-slice"></i>
</div>
<h4>Italian Cuisine</h4>
<p>Authentic wood-fired pizzas, handmade pasta, and Italian classics prepared with fresh local ingredients and imported Italian specialty items.</p>
<div class="cultural-fact">
<strong>Notable:</strong> La Luna's wood-fired pizza, fresh pasta dishes
</div>
</div>
<!-- Asian Fusion -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-fish"></i>
</div>
<h4>Asian Fusion</h4>
<p>Fresh sushi, poke bowls, Thai curries, and creative fusion dishes showcasing Costa Rica's incredible fresh seafood with Asian techniques.</p>
<div class="cultural-fact">
<strong>Specialty:</strong> Ahi tuna poke, sushi rolls, Thai curry
</div>
</div>
<!-- Mexican -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-pepper-hot"></i>
</div>
<h4>Mexican Flavors</h4>
<p>Fresh fish tacos, authentic street-style tacos, burritos, and quesadillas made with local seafood, grass-fed beef, and homemade tortillas.</p>
<div class="cultural-fact">
<strong>Must Try:</strong> Fish tacos with fresh cabbage slaw
</div>
</div>
<!-- Mediterranean -->
<div class="cultural-card">
<div class="cultural-icon">
<i class="fas fa-leaf"></i>
</div>
<h4>Mediterranean</h4>
<p>Healthy Mediterranean-inspired dishes featuring fresh vegetables, olive oil, grilled fish, and vibrant salads that complement the tropical climate.</p>
<div class="cultural-fact">
<strong>Highlights:</strong> Greek salads, grilled octopus, hummus platters
</div>
</div>
</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 to Savor Nosara's Flavors?</h2>
<p>Book your beachfront property and embark on a culinary adventure</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="/culinary-delights">Culinary Delights</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>