# Vinds Tea responsive website

A polished static website built with plain HTML, CSS and JavaScript. The supplied product catalog images are included locally and optimised as WebP files.

## Included

- Fully responsive single-page layout
- Mobile navigation and sticky glass header
- JavaScript parallax with reduced-motion support
- Scroll-reveal, count-up and subtle pointer-tilt animations
- Searchable and filterable five-product catalog
- Front/back product gallery in an accessible dialog
- Persistent product inquiry drawer using local storage
- Contact form validation and inquiry-list autofill
- Accessible keyboard states, semantic headings and alt text
- No framework or build step required

## Run locally

Open `index.html` directly, or serve the folder for the best browser behaviour:

```bash
python3 -m http.server 8080
```

Then visit `http://localhost:8080`.

## Before production launch

1. Connect the contact form in `js/app.js` to your email service, CRM or form endpoint.
2. Replace the demo location link if the business has a preferred map pin.
3. Add confirmed pricing, inventory and checkout only after those details are supplied.
4. Review product descriptions and brewing guidance with the tea team.

## Product photography

The product pack images were supplied in `prod.zip` and are used only in this project.

## Free stock photography credits

The following photographs are downloaded locally and used under the Unsplash License:

- Tea estate in Kandy, Sri Lanka — Anatoly Maltsev: https://unsplash.com/photos/zDpRFX2n1Pw
- Tea picker at the Tea Research Institute of Sri Lanka — Asantha Abeysooriya: https://unsplash.com/photos/beNiTTa8Pp8
- Hand-picking tea leaves — Tang Don: https://unsplash.com/photos/i_SDhngpBAk
- Ceylon tea in a glass cup — Julia Perera: https://unsplash.com/photos/LaPX1Th1n5A
- Sunlit tea leaves in Sri Lanka — Sameera Rajapaksha: https://unsplash.com/photos/vYceJtDB5wY

Unsplash License: https://unsplash.com/license