Blossom — boutique landing page

A single-file, WhatsApp-first landing page for a women's boutique. No build step — everything lives in index.html (Tailwind via CDN, Fraunces + DM Sans via Google Fonts).

Preview

Open index.html directly in a browser, or serve it:

python3 -m http.server 8000
# then visit http://localhost:8000

Customize

1. WhatsApp — edit the three values in the <script> block at the bottom of index.html (WHATSAPP_NUMBER, WHATSAPP_MESSAGE, SHOW_FLOATING_BUTTON). Every WhatsApp button and the floating bubble update automatically.

2. Copy — search for text in square brackets (e.g. [Neighbourhood · City], [Category 1 — e.g. Dresses], address, hours, [@instagram_handle]) and replace it with your own.

3. Photos — each dashed placeholder is a .img-slot element. Drop an <img> inside it and the placeholder styling disappears:

   <div class="img-slot">
     <img src="images/hero.jpg" alt="A favourite outfit on a rail">
     <span class="img-slot-hint">…</span>
   </div>

   Images are cropped to fill their frame (object-fit: cover), so any reasonably sized photo works. There are 10 slots: 1 hero, 4 collection categories, 5 lookbook.

Sections

Hero (dark band with breakout photo) → Collection (4 numbered category rows) → customer quote → Lookbook (horizontal swipe strip) → Visit (address, hours, WhatsApp CTA) → footer.