# HLT-Audio Store

Site statique pour presenter et vendre les plug-ins audio HLT-Audio.
Le positionnement est oriente audio live professionnel: regie FOH, retours, calibration systeme et diffusion.
Le site propose un choix de langue FR/EN memorise dans le navigateur.

## Ouvrir en local

Ouvrez `index.html` dans un navigateur. Aucun serveur ni dependance npm n'est necessaire.

## Configurer la vente

Les produits, prix, e-mail commercial et futurs liens d'achat sont dans `app.js`.

A remplacer avant publication:

- `storeConfig.contactEmail`
- `storeConfig.checkoutUrl` pour un checkout global
- `checkoutUrl` sur un produit si vous utilisez des liens de paiement par plug-in
- les prix de chaque produit
- les textes commerciaux si besoin
- les liens de paiement Stripe, Lemon Squeezy, Gumroad ou autre
- les mentions legales, CGV, TVA et politique de confidentialite

## Mettre a jour les apercus de plug-ins

Les cartes utilisent des captures reelles stockees dans `assets/screenshots`.

Pour remplacer une capture:

1. Placez une capture dans `assets/screenshots`, par exemple `assets/screenshots/auto-mixer.png`.
2. Verifiez que la propriete `screenshot` du produit pointe vers ce fichier:

```js
screenshot: "./assets/screenshots/auto-mixer.png",
```

Format conseille: PNG ou WebP, 1600 x 1000 px minimum, interface bien lisible.

## Remplacer l'image de fond hero

Le fond du premier ecran utilise `assets/hero/live-foh-background.png`.
Pour garder la lisibilite du texte, privilegiez une image sombre, horizontale, vue depuis la regie son avec la scene au loin et peu de details importants sur la gauche.

Si le nom du fichier change, mettez a jour la variable CSS `--hero-background-image` dans `styles.css`.

## Fichiers

- `index.html`: structure du site
- `styles.css`: design responsive
- `app.js`: catalogue bilingue, filtres, panier local, demande d'achat par e-mail
- `assets/brand`: logo HLT-audio reproduit depuis la signature dessinee dans les plug-ins
- `assets/hero`: image de fond du premier ecran
- `assets/products`: icones produit converties depuis les projets JUCE locaux
- `assets/screenshots`: captures d'interface utilisees dans les cartes et les apercus grand format