Improve main-site image alt text, add homepage shop link

Descriptive alt text for accessibility/SEO, and a visible "Shop Now"
button in the hero so mobile visitors can find the shop without
opening the nav menu.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
chris 2026-08-19 11:27:52 -04:00
parent 5b9524e1d9
commit 37ab070a8c

View File

@ -81,23 +81,26 @@
<div class="container is-justify-content-center padding">
<figure class="image">
<img src="assets/pics/classic/hero.webp" alt="Image 1" >
<img class="is-overlay" src="assets/logo/BeachPartyBalloons-logo.webp" alt="Image 2" style="width: 50%; height: auto; margin: auto;">
<img src="assets/pics/classic/hero.webp" alt="Beach Party Balloons Milford CT storefront" >
<img class="is-overlay" src="assets/logo/BeachPartyBalloons-logo.webp" alt="Beach Party Balloons Logo" style="width: 50%; height: auto; margin: auto;">
</figure>
</div>
<div class="is-flex-direction-column is-dark">
<h1 class="is-size-3" style="text-align: center;">Visit our store</h1>
<h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 Boston Post Road, Milford, CT 06460</a> </h2>
<h2 class="is-size-4" style="text-align: center;" ><a href="tel:203.283.5626">203.283.5626</a> </h2>
<div class="py-2 has-text-centered">
<div class="py-2 has-text-centered buttons is-centered">
<a href="/shop">
<button class="button is-info">Shop Now</button>
</a>
<a href="#contact-form">
<button class="button is-info">Contact Us</button>
<button class="button is-light">Contact Us</button>
</a>
</div>
</div>
<div class="container is-justify-content-center padding">
<img src="assets/pics/organic/img1.webp" alt="Image 1" >
<img src="assets/pics/organic/img1.webp" alt="Organic balloon arch decoration" >
</div>
<p class="is-size-5 has-text-centered">Walk-ins welcome!</p>
@ -107,13 +110,13 @@
<p class="is-size-5 has-text-centered">...Or consult with one of our designers about your balloon decorating needs.</p>
<div class="container is-justify-content-center padding">
<img src="assets/pics/organic/img2.webp" alt="Image 1" >
<img src="assets/pics/organic/img2.webp" alt="Custom organic balloon garland" >
</div>
<p class="is-size-5 has-text-centered">Delivery available!</p>
<p class="is-size-5 has-text-centered"> Have your balloons delivered! Our delivery staff will make sure your order arrives safe and sound!</p>
<div class="container is-justify-content-center padding">
<img src="assets/pics/helium/img1.webp" alt="Image 1" >
<img src="assets/pics/helium/img1.webp" alt="Helium balloon bouquet arrangement" >
</div>
<p class="has-text-centered is-size-1">Shop Hours</p>