Banner

Amazing properties to rent for your holidays, short and long term in the heart of Algarve
Lagos Silves Portimão Alvor Carvoeiro Lagoa Porches, Stretching to Albufeira 


Book Direct for Best Rates

Cat house entrance on a wall with ceramic tiles depicting a house facade and cats.

Coast of Portimao, Algarve, Portugal Atlantic Ocean, hiking trails, route

Embed

<div id="booking-widget" style="max-width: 900px; margin: 40px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
  <h2 style="color:#1F4ACE; text-align:center; margin-bottom:20px;">Book Your Stay</h2>
  
  
  <form id="searchForm" style="display:flex; gap:10px; justify-content:center; margin-bottom:20px;">
    <input type="date" id="checkIn" required style="padding:10px; border:1px solid #1F4ACE; border-radius:6px; flex:1;" placeholder="Check-in" />
    <input type="date" id="checkOut" required style="padding:10px; border:1px solid #1F4ACE; border-radius:6px; flex:1;" placeholder="Check-out" />
    <button type="submit" style="background:#1F4ACE; color:#fff; border:none; padding:12px 20px; border-radius:6px; cursor:pointer; font-weight:bold;">Search</button>
  </form>

  
  <div id="propertiesList" style="display:grid; gap:20px; grid-template-columns: 1fr 1fr;">

    

  </div>
</div>

<script>
  const properties = [
    {
      id: 1,
      name: "Vista Verde - Spacious Accommodation",
      location: "Vau, Portimão",
      description: "Recently renovated 2-bedroom apartment with sea & green views, balcony, air-conditioning, fully equipped kitchen, washing machine, dishwasher.",
      beds: "1 queen bed, 2 singles, double sofa bed",
      pricePerNight: 120,
      image: "https://your-image-link.com/vistaverde.jpg",
      availableDates: [ /* array of booked dates, or you can keep this empty for demo */ ]
    },
    {
      id: 2,
      name: "Bela Vista - Spacious Accommodation",
      location: "Vau, Portimão",
      description: "1-bedroom renovated apartment with amazing sea views, large balcony, air-conditioning, fully equipped kitchen, washing machine, dishwasher.",
      beds: "1 queen bed, double sofa bed",
      pricePerNight: 90,
      image: "https://your-image-link.com/belavista.jpg",
      availableDates: [ /* array of booked dates */ ]
    }
  ];

  function isAvailable(property, checkIn, checkOut) {
    // Simple availability check logic - for demo, assume all available
    return true; 
  }

  const propertiesList = document.getElementById('propertiesList');
  const searchForm = document.getElementById('searchForm');

  searchForm.addEventListener('submit', function(e) {
    e.preventDefault();
    const checkIn = new Date(document.getElementById('checkIn').value);
    const checkOut = new Date(document.getElementById('checkOut').value);
    if(checkOut <= checkIn){
      alert("Check-out date must be after check-in date.");
      return;
    }
    // Clear list
    propertiesList.innerHTML = '';
    // Filter available properties (demo: all available)
    properties.filter(p => isAvailable(p, checkIn, checkOut)).forEach(p => {
      const propDiv = document.createElement('div');
      propDiv.style.border = "1px solid #1F4ACE";
      propDiv.style.borderRadius = "10px";
      propDiv.style.padding = "15px";
      propDiv.style.boxShadow = "0 2px 8px rgba(31, 74, 206, 0.2)";
      propDiv.innerHTML = `
        <img src="${p.image}" alt="${p.name}" style="width:100%; border-radius:8px; max-height:180px; object-fit:cover;"/>
        <h3 style="color:#1F4ACE; margin: 10px 0 5px;">${p.name}</h3>
        <p style="font-style:italic; margin: 0 0 10px;">${p.location}</p>
        <p style="font-size:14px; margin: 0 0 10px;">${p.description}</p>
        <p><strong>Beds:</strong> ${p.beds}</p>
        <p><strong>Price per night:</strong> €${p.pricePerNight}</p>
        <button style="background:#1F4ACE; color:#fff; border:none; padding:10px 15px; border-radius:6px; cursor:pointer; font-weight:bold;" onclick="bookProperty(${p.id})">Book Now</button>
      `;
      propertiesList.appendChild(propDiv);
    });
  });

  function bookProperty(id) {
    alert(`Booking flow for property ID ${id} coming soon with Stripe integration.`);
    // Here we would open a Stripe payment modal or redirect to a secure booking page.
  }
</script>

Renda Atlantica

Property management company in Portimão Portugal. Founded by property owners who saw an opportunity to improve service in the Algarve. We’re committed to caring attentive approach to property management. Our goal is to provide a more reliable, customer focused experience.  We personally greet guests and build lasting relationships, treating each property as if it were our own.