<div id="top" style="background:#1c3f60;color:white;text-align:center;padding:2rem;">
  <h1 style="margin-bottom:0.5rem;">Welcome to Knollwood Lodge</h1>
  <p>Your peaceful lakeside escape in Hot Springs, Arkansas</p>
</div>

<div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:2rem;">
  <a href="#cabin1" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 1</a>
  <a href="#cabin2" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 2</a>
  <a href="#cabin3" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 3</a>
  <a href="#cabin4" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 4</a>
  <a href="#cabin5" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 5</a>
  <a href="#cabin6" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 6</a>
  <a href="#cabin7" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 7</a>
  <a href="#cabin8" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 8</a>
  <a href="#cabin9" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 9</a>
  <a href="#cabin10" style="background:#1c3f60;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;">Cabin 10</a>
</div>

<!-- Cabin Sections -->
<div id="cabin1" style="background:white;padding:2rem;margin:1rem auto;max-width:800px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.05);">
  <h2>Cabin 1</h2>
  <p>A cozy retreat for two with a queen bed, kitchenette, and lake view.</p>
  <p style="text-align:right;"><a href="#top" style="color:#1c3f60;text-decoration:none;">↑ Back to top</a></p>
</div>

<div id="cabin2" style="background:white;padding:2rem;margin:1rem auto;max-width:800px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.05);">
  <h2>Cabin 2</h2>
  <p>Family-friendly layout with two bedrooms, full kitchen, and grill access.</p>
  <p style="text-align:right;"><a href="#top" style="color:#1c3f60;text-decoration:none;">↑ Back to top</a></p>
</div>

<!-- Repeat for Cabins 3–10 with your own text -->
<div id="cabin3" style="...">...</div>
<div id="cabin4" style="...">...</div>
<div id="cabin5" style="...">...</div>
<div id="cabin6" style="...">...</div>
<div id="cabin7" style="...">...</div>
<div id="cabin8" style="...">...</div>
<div id="cabin9" style="...">...</div>
<div id="cabin10" style="...">...</div>