Natural Lagoon

About This Attraction

Siargao Philippines

Sugba Lagoon is a popular tourist destination located in Siargao, Philippines, known for its crystal-clear waters and lush surroundings. It is a perfect spot for paddleboarding, kayaking, and snorkeling, making it a favorite among water sports enthusiasts. The lagoon can be accessed by a short boat ride from the town of Del Carmen, and visitors are advised to check the Sugba Lagoon opening hours to plan their trip accordingly.

The lagoon features a floating cottage where guests can relax and enjoy the serene environment. There are designated swimming areas for safety, and life jackets are typically provided. While visiting, tourists often take the opportunity to explore nearby islands or enjoy a picnic by the water.

Location Details

Address Del Carmen, Siargao Island, Surigao del Norte, Philippines

Visitor Information

Pricing & Ratings

Ticket Prices

Adult 250 PHP

Child 150 PHP

Student 200 PHP

Senior 200 PHP

Ratings

Overall Rating

8.5/10

Crowd Level

7.0/10

Opening Hours & Booking

Open

Days Monday to Sunday

Hours 8:00 AM to 5:00 PM

Seasonality Year-round

Booking

Booking Required? Yes

Book Your Visit

*Prices may vary. Check official website for the most up-to-date information.

Nearby Attractions

Showing 10 of 36 attractions

Miles Kilometers

Magpupungko Rock Pools

Natural Pool

Magpupungko Rock Pools, located on the island of Siargao in the Philippines, are a natural…

8.5/10

Distance: 24.4 km 15.2 mi

Siargao

Learn More

Cloud 9

Surf Spot

Cloud 9 in Siargao is a renowned surfing destination famous for its perfect waves and…

9.0/10

Distance: 30.8 km 19.1 mi

Siargao

Learn More

Basilica del Santo Niño

Historical Church

The Basilica del Santo Niño in Cebu City is a must-visit historical and religious site.…

9.2/10

Distance: 223 km 138.6 mi

Cebu City

Learn More

Magellan's Cross

Historical Landmark

Magellans Cross is a historical landmark located in Cebu City, Philippines. It was planted in…

8.5/10

Distance: 223 km 138.6 mi

Cebu City

Learn More

Cebu Taoist Temple

Religious Site

The Cebu Taoist Temple is a prominent cultural and religious site located in the Beverly…

8.5/10

Distance: 225.4 km 140.1 mi

Cebu City

Learn More

Rizal Boulevard

Seaside Promenade

Rizal Boulevard in Dumaguete is a popular seaside promenade that offers a scenic view of…

8.5/10

Distance: 291.7 km 181.3 mi

Dumaguete

Learn More

Apo Island

Marine Sanctuary

Apo Island is a small volcanic island located near Dumaguete in the Philippines. It is…

9.2/10

Distance: 302.6 km 188 mi

Dumaguete

Learn More

Philippine Eagle Center

Wildlife Sanctuary

The Philippine Eagle Center in Davao is a conservation facility dedicated to protecting the critically…

8.5/10

Distance: 307.3 km 190.9 mi

Davao

Learn More

Samal Island

Island

Samal Island, located in the Davao Gulf in the Philippines, is known for its beautiful…

8.5/10

Distance: 312.3 km 194.1 mi

Davao

Learn More

Eden Nature Park

Nature Park

Eden Nature Park in Davao is a popular eco-tourism destination that offers a variety of…

8.5/10

Distance: 324.5 km 201.6 mi

Davao

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: July 24, 2025.

"; } // Initialize modal controls const initModalControls = function() { console.log('Initializing modal controls'); const modal = document.getElementById('attraction-modal'); const closeBtn = document.querySelector('.attraction-modal-close'); if (closeBtn) { closeBtn.addEventListener('click', function() { modal.style.display = 'none'; document.body.style.overflow = ''; }); } window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; document.body.style.overflow = ''; } }); // Make attraction cards clickable const attractionCards = document.querySelectorAll('.attraction-card'); console.log('Found ' + attractionCards.length + ' attraction cards'); attractionCards.forEach(card => { card.addEventListener('click', function(e) { openModalWithCardData(this); }); }); }; // Function to open modal with card data const openModalWithCardData = function(card) { // Get data from hidden div const data = card.querySelector('.attraction-full-data'); if (!data) { console.error('No attraction data found in card'); return; } const modal = document.getElementById('attraction-modal'); if (!modal) { console.error('Modal element still not found after creation attempt'); return; } // Helper function to safely get element text function getElementText(selector) { const element = data.querySelector(selector); return element ? element.textContent : ''; } try { // Basic Info document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name'); document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full'); document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full'); // Reset all containers to hidden ['attraction-modal-hours-container', 'attraction-modal-price-container', 'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => { const container = document.getElementById(id); if (container) container.style.display = 'none'; }); // Rating const ratingText = getElementText('.attraction-rating-full'); if (ratingText) { const ratingValue = parseFloat(ratingText); if (!isNaN(ratingValue)) { const ratingValueEl = document.getElementById('attraction-modal-rating-value'); const ratingFillEl = document.getElementById('attraction-modal-rating-fill'); if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10'; if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%'; } } // Show the modal modal.style.display = 'block'; document.body.style.overflow = 'hidden'; // Prevent background scrolling console.log('Modal opened successfully'); } catch (error) { console.error('Error opening modal:', error); } }; // Try to create the modal const created = createModal(); console.log('Modal created:', created); // If not created (already exists), initialize the controls if (!created) { initModalControls(); } // Also initialize distance toggle const distanceToggle = document.getElementById('distance-unit-toggle'); if (distanceToggle) { distanceToggle.addEventListener('change', function() { const showKm = this.checked; // Update toggle labels const labels = document.querySelectorAll('.toggle-label'); if (labels.length >= 2) { labels[0].style.opacity = showKm ? '0.5' : '1'; labels[1].style.opacity = showKm ? '1' : '0.5'; } // Update all distance displays document.querySelectorAll('.nearby-attraction-card').forEach(card => { const kmEl = card.querySelector('.distance-km'); const miEl = card.querySelector('.distance-mi'); if (kmEl && miEl) { kmEl.style.display = showKm ? 'inline' : 'none'; miEl.style.display = showKm ? 'none' : 'inline'; } }); }); } });