# Blancoeur - Mignon mais Piquant

> Cadeaux & Créations Originales

## À propos

**URL**: https://blancoeur.fr
**Contact**: pro.blancoeur@gmail.com
**Slogan**: Mignon mais Piquant - Cadeaux & Créations Originales

Blancoeur est une boutique en ligne spécialisée dans les cadeaux mignons et originaux pour offrir ou se faire plaisir. Nous nous adressons aux femmes, hommes, couples, amies et membres de la famille avec des créations uniques et personnalisées.

### Notre produit phare : Le Mug Sourire QR Code

Un mug mignon avec une phrase affectueuse et un QR code innovant permettant de découvrir une nouvelle phrase mignonne chaque jour. Chaque mug combine design adorable, personnalisation émotionnelle et technologie interactive pour créer un cadeau mémorable et réutilisable.

## Navigation principale

### Pages essentielles

- **Accueil**: https://blancoeur.fr
- **Boutique complète**: https://blancoeur.fr/collections/tous-les-mugs-sourire
- **Blog**: https://blancoeur.fr/blogs/journal
- **FAQ**: https://blancoeur.fr/pages/faq
- **Contact**: https://blancoeur.fr/pages/contact
- **Notre histoire**: https://blancoeur.fr/pages/notre-histoire
- **Informations de livraison**: https://blancoeur.fr/pages/informations-de-livraison

## Collections de produits

### Collection Amoureux
**URL**: https://blancoeur.fr/collections/mugs-pour-amoureux
Mugs QR code conçus pour les couples amoureux, avec des messages romantiques et affectueux. Phrases d'amour renouvelées quotidiennement via QR code.

### Collection Copines
**URL**: https://blancoeur.fr/collections/mugs-pour-les-copines
Mugs dédiés à l'amitié féminine, célébrant la complicité entre meilleures amies avec humour et tendresse.

### Collection Homme
**URL**: https://blancoeur.fr/collections/mugs-pour-monsieur
Mugs Sourire pour hommes, avec des messages personnalisés pour chéri, mari, papa, frère ou meilleur ami.

### Collection Femme
**URL**: https://blancoeur.fr/collections/mugs-pour-madame
Mugs Sourire pour femmes, avec des messages personnalisés pour chérie, épouse, maman, sœur ou meilleure amie.

## Produits phares

### Mug Madame Parfaite
**URL**: https://blancoeur.fr/products/mug-madame-parfaite
Pour célébrer la femme de votre vie avec tendresse et humour.

### Mug Sourire Monsieur Parfait
**URL**: https://blancoeur.fr/products/mug-sourire-monsieur-parfait
Pour l'homme exceptionnel qui mérite un cadeau unique.

### Mug Sourire Je t'aime
**URL**: https://blancoeur.fr/products/mug-sourire-je-taime
Le mug romantique par excellence pour déclarer son amour au quotidien.

### Mug Je t'aime Monsieur
**URL**: https://blancoeur.fr/products/mug-je-taime-monsieur
Version masculine du message d'amour quotidien.

### Mug Sourire Coquine
**URL**: https://blancoeur.fr/products/mug-sourire-coquine
Pour ajouter une touche de complicité et d'humour à la relation.

### Mug Sourire Monsieur Coquin
**URL**: https://blancoeur.fr/products/mug-sourire-monsieur-coquin
Version masculine du mug coquin, pour les moments de complicité.

## Informations pratiques

### Contact et support
- **Email**: pro.blancoeur@gmail.com
- **Support client**: Réponse sous 24-48h par email

### Livraison
- **Zones**: France métropolitaine et Europe
- **Délai moyen**: 5 jours ouvrés
- **Frais de port**: **Livraison gratuite** sans minimum d'achat
- **Détails**: https://blancoeur.fr/pages/informations-de-livraison

### Politique de retour
- **Délai**: 30 jours après réception
- **Conditions**: Emballage intact
- **Page complète**: https://blancoeur.fr/policies/refund-policy

## Architecture technique

### Plateforme
**Shopify** - Boutique e-commerce hébergée sur Shopify avec thème personnalisé Liquid.

### Stack technique
- **Frontend**: Shopify Liquid templates + Vanilla JavaScript ES6 + CSS3
- **Pas de framework**: Aucune dépendance externe (React, Vue, etc.)
- **Architecture**: Event-driven avec communication inter-sections via Custom Events DOM

### Sections modulaires principales

#### mug-hero-amoureux
Section hero principale affichant le produit avec carousel d'images tactile, prix dynamique, badges de valeur et bouton "Ajouter au panier".

#### mug-variant-selector
Navigateur de variantes AJAX sans rechargement de page. Permet de sélectionner différents modèles de mugs et met à jour toute la page dynamiquement via l'événement `mug:product-changed`.

#### mug-sticky-cta
CTA fixe responsive (mobile: bouton simple, desktop: barre complète avec image produit). Reste visible pendant le scroll pour faciliter l'achat.

#### mug-value-proposition
Présentation des 3 piliers de valeur du produit (personnalisation, qualité, livraison).

#### mug-qr-demo
Démonstration interactive du fonctionnement du QR code avec visuels explicatifs.

#### mug-benefits
Tableau comparatif "Cadeau classique vs Mug Sourire" mettant en avant les avantages.

#### mug-features
Liste détaillée des spécifications produit (matériaux, dimensions, entretien).

#### mug-faq
Accordéon FAQ avec questions fréquentes sur le produit et la livraison.

#### mug-reviews
Carrousel de témoignages clients avec notes et photos.

#### blancoeur-cart-drawer
Tiroir de panier modal avec synchronisation temps réel et animations fluides.

### Communication inter-sections

Les sections communiquent via des événements DOM personnalisés pour un couplage minimal :

- **`mug:product-changed`**: Émis lors du changement de variante (contient titre, prix, images, disponibilité)
- **`mug:carousel-reinit`**: Déclenche la réinitialisation du carousel d'images
- **`blancoeur:cart:updated`**: Synchronisation du panier entre sections
- **`blancoeur:drawer:ready`**: Signal que le tiroir de panier est chargé

### Design system

#### CSS Variables (Design Tokens)
- **`assets/mug-sourire-base.css`**: Variables universelles (typographie, espacements, couleurs de base)
- **`assets/mug-sourire-amoureux.css`**: Overrides spécifiques à la Collection Amoureux

#### Système de couleurs par collection
- Préfixe `--ba-*` pour Collection Amoureux (rose/rouge passion)
- Préfixe `--bc-*` pour Collection Copines
- Variables de couleur, typographie, ombres, transitions, z-index

#### Responsive Design
- **Mobile-first** avec progressive enhancement
- Breakpoints: 480px (mobile), 700px (tablet), 900px (desktop), 1200px (wide)
- Media queries et utility classes pour chaque breakpoint

### Pattern JavaScript

Tous les modules JavaScript suivent le pattern IIFE (Immediately Invoked Function Expression) avec :
- Initialisation automatique au `DOMContentLoaded`
- Cache des éléments DOM
- Event binding centralisé
- Gestion d'erreurs avec console.log

### Performance et accessibilité
- **Lazy loading**: Images chargées progressivement
- **CSS transforms**: Animations GPU-accelerated
- **Semantic HTML**: Structure accessible avec ARIA labels
- **Keyboard navigation**: Support complet clavier pour tous les interactifs

## SEO et Marketing

### Mots-clés principaux
- Mug QR code
- Cadeau original personnalisé
- Mug personnalisé message quotidien
- Cadeau amoureux unique
- Mug avec phrase mignonne
- Cadeau copines original

### Valeurs de la marque
- **Originalité**: Produits uniques combinant design et technologie
- **Émotion**: Messages affectueux renouvelés quotidiennement
- **Qualité**: Mugs en céramique premium, impression haute définition
- **Innovation**: QR code dynamique pour contenu évolutif
- **Personnalisation**: Collections adaptées à chaque relation (amour, amitié, famille)

---

**Dernière mise à jour**: 2026-02-10
**Version**: 1.0
**Encodage**: UTF-8