<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <script src="/js/cookie-consent.js?v=2" defer></script>
<link rel="icon" type="image/jpeg" href="/logo.jpg">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Plaques d'immatriculation en Plexiglas | Macemay custom</title>
    <meta name="description" content="Macemay custom : plaques d'immatriculation en Plexiglas premium, fabrication rapide et livraison en France. Homologu&eacute;es, moto, collection, US et d&eacute;co. Configurez en ligne.">
    <link rel="canonical" href="https://macemaycustom.fr/">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Oswald:wght@500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="site-refonte.css?v=macemay-47">
    <link rel="stylesheet" href="css/landing-v2.css?v=13">
    <script src="site-config.js?v=macemay-12"></script>
</head>
<body class="landing-v2-page">
    <!-- Header -->
    <header class="header">
        <nav class="nav container">
            <a href="index.html" class="logo brand-wordmark brand-logo-link">
                <img src="images/logo-macemay.png" alt="Macemay custom" class="brand-logo-img">
                <span class="logo-text">Macemay custom</span>
            </a>
            <ul class="nav-links">
                <li><a href="catalogue.html">Plaques</a></li>
                <li><a href="boutique.html">Boutique</a></li>
                <li><a href="blog/">Blog</a></li>
                <li><a href="textile.html">Floquage</a></li>
                <li><a href="textile-entreprise.html">Textile d'entreprise</a></li>
                <li><a href="autocollants-entreprise.html">Autocollants publicitaires</a></li>
                <li><a href="#faq">FAQ</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
            <div class="nav-actions">
                <button class="cart-btn" id="cartBtn" aria-label="Panier">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="9" cy="21" r="1"></circle>
                        <circle cx="20" cy="21" r="1"></circle>
                        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
                    </svg>
                    <span class="cart-count" id="cartCount">0</span>
                </button>
                <button type="button" class="mobile-menu-btn" aria-label="Menu" aria-expanded="false">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </div>
        </nav>
    </header>

    <main class="landing-v2">
        <section class="lm-hero" aria-label="Accueil">
            <div class="lm-hero-slideshow" id="lmHeroSlideshow" aria-hidden="true"></div>
            <div class="lm-hero-slideshow-overlay" aria-hidden="true"></div>
            <div class="lm-hero-glow" aria-hidden="true"></div>
            <div class="lm-hero-grid" aria-hidden="true"></div>
            <div class="lm-hero-inner">
                <div class="lm-pill">
                    <span class="lm-pill-dot" aria-hidden="true"></span>
                    Plaques homologu&eacute;es d&egrave;s 15,90&nbsp;&euro; TTC
                </div>
                <h1>Plaques d'immatriculation<br><span class="lm-gold">en Plexiglas</span></h1>
                <p class="lm-hero-desc">Fabrication fran&ccedil;aise, aper&ccedil;u en ligne et livraison partout en France. Choisissez ensuite le type de plaque qui correspond &agrave; votre v&eacute;hicule.</p>
                <div class="lm-plate-wrap">
                    <div class="lm-svg-plate" id="lmHeroPlate" aria-hidden="false"></div>
                </div>
                <div class="lm-hero-actions">
                    <a href="configurateur.html" class="lm-btn lm-btn--primary">Configurer ma plaque <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
                    <a href="catalogue.html" class="lm-btn lm-btn--ghost">Commander</a>
                    <a href="pages/contact.html" class="lm-btn lm-btn--ghost">Demander un devis</a>
                </div>
                <ul class="lm-usp-strip">
                    <li>
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><polyline points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
                        Fabrication rapide
                    </li>
                    <li>
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><circle cx="13.5" cy="6.5" r="2.5"/><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>
                        Personnalisation en ligne
                    </li>
                    <li>
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>
                        Livraison partout en France
                    </li>
                    <li>
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                        Paiement s&eacute;curis&eacute;
                    </li>
                </ul>
                <div class="lm-price-teasers">
                    <a class="lm-price-teaser" href="plaques-homologuees.html">
                        <span class="lm-price-teaser-label">Plaques homologu&eacute;es</span>
                        <strong>d&egrave;s 15,90&nbsp;&euro;</strong>
                    </a>
                    <a class="lm-price-teaser" href="plaques-personnalisees.html">
                        <span class="lm-price-teaser-label">Texte libre et logo</span>
                        <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                    </a>
                    <a class="lm-price-teaser" href="plaques-americaines.html">
                        <span class="lm-price-teaser-label">Plaques am&eacute;ricaines</span>
                        <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                    </a>
                    <a class="lm-price-teaser" href="plaques-decoratives.html">
                        <span class="lm-price-teaser-label">Plaques d&eacute;coratives</span>
                        <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                    </a>
                </div>
            </div>
            <a href="#catalogue" class="lm-scroll-hint">D&eacute;couvrir <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></a>
        </section>

        <section class="lm-section" id="catalogue">
            <div class="lm-container">
                <header class="lm-section-head">
                    <span class="lm-eyebrow">Catalogue</span>
                    <h2 class="lm-title">Toutes nos plaques</h2>
                    <p class="lm-lead">Une gamme compl&egrave;te pour chaque besoin : routier, moto, collection ou d&eacute;co.</p>
                </header>
                <div class="lm-catalog-grid">
                    <a class="lm-card lm-card--visual" href="plaques-homologuees.html">
                        <div class="lm-card-visual lm-card-visual--photo">
                            <img src="images/catalogue-homologuees.png" alt="Plaque homologu&eacute;e">
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--green">Usage routier</span>
                            <h3>Plaques homologu&eacute;es</h3>
                            <p>Plaque d'immatriculation homologu&eacute;e auto et SUV, conforme SIV.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 15,90&nbsp;&euro;</strong>
                                <span class="lm-card-more">Configurer <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-moto.html">
                        <div class="lm-card-visual lm-card-visual--svg lm-card-visual--moto">
                            <div id="lmCardMoto" class="lm-svg-plate" role="img" aria-label="Plaque immatriculation moto 210 x 130 mm"></div>
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--green">Moto</span>
                            <h3>Plaque immatriculation moto</h3>
                            <p>Format 210 &times; 130 mm, homologu&eacute;e SIV pour moto et scooter.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 15,90&nbsp;&euro;</strong>
                                <span class="lm-card-more">Voir <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-collection.html">
                        <div class="lm-card-visual lm-card-visual--svg">
                            <div id="lmCardCollection" class="lm-svg-plate" role="img" aria-label="Plaque collection noire, fond noir caract&egrave;res blancs"></div>
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--amber">Collection</span>
                            <h3>Plaque collection noire</h3>
                            <p>Fond noir, caract&egrave;res blancs, v&eacute;hicule de collection.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 15,90&nbsp;&euro;</strong>
                                <span class="lm-card-more">Voir <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-personnalisees.html">
                        <div class="lm-card-visual lm-card-visual--photo">
                            <img src="images/perso-preview.jpg" alt="Plaque personnalis&eacute;e">
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--blue">Custom</span>
                            <h3>Texte libre et logo</h3>
                            <p>Couleurs, polices et visuel au choix pour un cadeau, un club ou un projet unique.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                                <span class="lm-card-more">Cr&eacute;er <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-americaines.html">
                        <div class="lm-card-visual lm-card-visual--photo">
                            <img src="images/usa-states/nevada.png" alt="Plaque am&eacute;ricaine Nevada">
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--amber">Style US</span>
                            <h3>Plaques am&eacute;ricaines</h3>
                            <p>Format 300 &times; 150 mm, 50 &Eacute;tats et texte en format libre.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                                <span class="lm-card-more">Configurer <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-decoratives.html">
                        <div class="lm-card-visual lm-card-visual--photo lm-card-visual--photo-cover">
                            <img src="images/catalogue-deco.png" alt="Plaques d&eacute;coratives personnalis&eacute;es">
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--rose">D&eacute;co</span>
                            <h3>Plaques d&eacute;coratives</h3>
                            <p>Showroom, garage ou cadeau &mdash; hors voie publique.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 18,00&nbsp;&euro;</strong>
                                <span class="lm-card-more">Cr&eacute;er <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" href="plaques-homologuees.html#provisoires">
                        <div class="lm-card-visual lm-card-visual--ww lm-card-visual--svg">
                            <div id="lmWwPlate" class="lm-svg-plate" aria-hidden="true"></div>
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--amber">Provisoire</span>
                            <h3>Plaques provisoires</h3>
                            <p>WW et W-garage, fond rose et date d'expiration.</p>
                            <div class="lm-card-footer">
                                <strong>d&egrave;s 15,90&nbsp;&euro;</strong>
                                <span class="lm-card-more">Voir les formats <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                    <a class="lm-card lm-card--visual" id="lmShopCard" href="boutique.html">
                        <div class="lm-card-visual lm-card-visual--photo" id="lmShopCardVisual">
                            <span class="lm-shop-photo-ph">Boutique</span>
                        </div>
                        <div class="lm-card-body">
                            <span class="lm-tag lm-tag--teal" id="lmShopCardTag">Boutique</span>
                            <h3 id="lmShopCardTitle">Boutique</h3>
                            <p id="lmShopCardDesc">Rivets, kits de fixation et supports Plexiglas.</p>
                            <div class="lm-card-footer">
                                <strong id="lmShopCardPrice">En ligne</strong>
                                <span class="lm-card-more">Voir le produit <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="lm-showcase">
                    <div class="lm-showcase-grid">
                        <div>
                            <h3 class="lm-title" style="font-size:1.75rem;margin-top:0">Exemples de plaques</h3>
                            <p class="lm-lead">Homologu&eacute;es, provisoires, collection ou d&eacute;co &mdash; qualit&eacute; Macemay custom.</p>
                            <ul class="lm-check-list">
                                <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Plexiglas haute r&eacute;sistance UV</li>
                                <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Caract&egrave;res conformes</li>
                                <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Fond blanc, rose ou noir</li>
                                <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Livraison soign&eacute;e</li>
                            </ul>
                        </div>
                        <div class="lm-plates-stack">
                            <div id="lmShowcaseHomolog" class="lm-svg-plate"></div>
                            <div id="lmShowcaseWw" class="lm-svg-plate"></div>
                            <div id="lmShowcaseCol" class="lm-svg-plate"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lm-section lm-section--alt">
            <div class="lm-container">
                <header class="lm-section-head">
                    <span class="lm-eyebrow">Commande</span>
                    <h2 class="lm-title">Un parcours simple</h2>
                    <p class="lm-lead">En 3 &eacute;tapes, recevez votre commande chez vous.</p>
                </header>
                <div class="lm-steps">
                    <div class="lm-step">
                        <div class="lm-step-num">01</div>
                        <h3>Choisir l'univers</h3>
                        <p>Plaques homologu&eacute;es, moto, collection, am&eacute;ricaines, d&eacute;co, accessoires ou textile pro.</p>
                    </div>
                    <div class="lm-step">
                        <div class="lm-step-num">02</div>
                        <h3>Configurer &amp; payer</h3>
                        <p>Ajoutez au panier et payez en ligne via PayPal. Paiement s&eacute;curis&eacute; garanti.</p>
                    </div>
                    <div class="lm-step">
                        <div class="lm-step-num">03</div>
                        <h3>R&eacute;ception rapide</h3>
                        <p>Votre commande est pr&eacute;par&eacute;e et exp&eacute;di&eacute;e. Livraison suivie &agrave; domicile.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="lm-section" id="floquage">
            <div class="lm-container">
                <div class="lm-split">
                    <div>
                        <span class="lm-eyebrow">Textile &amp; floquage</span>
                        <h2 class="lm-title">Votre logo sur tous vos supports</h2>
                        <p class="lm-lead" style="max-width:none">T-shirts, vestes, casquettes, bonnets &mdash; flocage professionnel pour &eacute;quipes, clubs et entreprises.</p>
                        <div class="lm-textile-list">
                            <div class="lm-textile-item"><span class="lm-textile-item-icon" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg></span><span><strong style="color:#fff">T-shirts &amp; polos</strong> <span style="color:#71717a"> &mdash; Tous coloris</span></span></div>
                            <div class="lm-textile-item"><span class="lm-textile-item-icon" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg></span><span><strong style="color:#fff">Vestes &amp; sweats</strong> <span style="color:#71717a"> &mdash; Broderie ou flocage</span></span></div>
                            <div class="lm-textile-item"><span class="lm-textile-item-icon" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg></span><span><strong style="color:#fff">Casquettes &amp; bonnets</strong> <span style="color:#71717a"> &mdash; Accessoires de marque</span></span></div>
                            <div class="lm-textile-item"><span class="lm-textile-item-icon" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z"/></svg></span><span><strong style="color:#fff">Textile d'entreprise</strong> <span style="color:#71717a"> &mdash; S&eacute;ries pro</span></span></div>
                            <div class="lm-textile-item"><span class="lm-textile-item-icon" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 8h10M7 12h6"/></svg></span><span><strong style="color:#fff">Autocollants pub entreprise</strong> <span style="color:#71717a"> &mdash; V&eacute;hicule &amp; vitrine</span></span></div>
                        </div>
                        <div class="lm-hero-actions" style="justify-content:flex-start;margin-bottom:0">
                            <a href="textile-entreprise.html#devis" class="lm-btn lm-btn--primary">Demander un devis</a>
                            <a href="autocollants-entreprise.html" class="lm-btn lm-btn--ghost">Autocollants pub</a>
                            <a href="textile.html#realisations-floquage" class="lm-btn lm-btn--ghost">Voir les r&eacute;alisations</a>
                        </div>
                    </div>
                    <div class="lm-photo-grid">
                        <div class="lm-photo"><img src="https://images.pexels.com/photos/5698851/pexels-photo-5698851.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=600" alt="T-shirt floqu&eacute;" loading="lazy" width="600" height="600"><span>T-shirt</span></div>
                        <div class="lm-photo"><img src="https://images.pexels.com/photos/3622608/pexels-photo-3622608.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=600" alt="Veste floqu&eacute;e" loading="lazy" width="600" height="600"><span>Veste</span></div>
                        <div class="lm-photo"><img src="https://images.pexels.com/photos/1124468/pexels-photo-1124468.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=600" alt="Casquette" loading="lazy" width="600" height="600"><span>Casquette</span></div>
                        <div class="lm-photo"><img src="https://images.pexels.com/photos/3184398/pexels-photo-3184398.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=600" alt="&Eacute;quipe en textile" loading="lazy" width="600" height="600"><span>&Eacute;quipe</span></div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lm-section lm-section--alt" id="autocollants">
            <div class="lm-container">
                <div class="lm-split">
                    <div>
                        <span class="lm-eyebrow">Publicit&eacute; entreprise</span>
                        <h2 class="lm-title">Autocollants publicitaires</h2>
                        <p class="lm-lead" style="max-width:none">Logos, bandeaux v&eacute;hicule, lettrage vitrine et s&eacute;ries de stickers pour soci&eacute;t&eacute;s, artisans et flottes.</p>
                        <ul class="lm-check-list">
                            <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Vinyle r&eacute;sistant UV, d&eacute;coupe &agrave; la forme</li>
                            <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Devis gratuit sous 24 &agrave; 48&nbsp;h</li>
                            <li><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>Fabrication rapide, livraison en France</li>
                        </ul>
                        <div class="lm-hero-actions" style="justify-content:flex-start;margin-top:1.25rem;margin-bottom:0">
                            <a href="autocollants-entreprise.html" class="lm-btn lm-btn--primary">Voir la page</a>
                            <a href="autocollants-entreprise.html#devis" class="lm-btn lm-btn--ghost">Demander un devis</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lm-section" id="apropos">
            <div class="lm-container">
                <div class="lm-about">
                    <header class="lm-section-head" style="text-align:left;margin-bottom:2rem">
                        <span class="lm-eyebrow">Qui sommes-nous</span>
                        <h2 class="lm-title" style="margin-top:0.5rem">&Agrave; propos de nous</h2>
                    </header>
                    <div class="lm-about-body">
                        <p class="lm-about-lead">Macemay custom, c'est avant tout une passion pour la personnalisation et l'univers automobile.</p>
                        <p>Nous r&eacute;alisons des plaques d'immatriculation, plaques d&eacute;coratives, plaques style am&eacute;ricain, flocages textiles, autocollants publicitaires et bien d'autres cr&eacute;ations personnalis&eacute;es.</p>
                        <p>Derri&egrave;re Macemay custom, nous sommes deux passionn&eacute;s. L'un est passionn&eacute; de m&eacute;canique et d'automobile, l'autre aime cr&eacute;er des visuels et des designs uniques sur ordinateur. Ensemble, nous mettons nos id&eacute;es et notre savoir-faire au service de vos projets.</p>
                        <p>Nous privil&eacute;gions la qualit&eacute;, l'&eacute;coute et le travail soign&eacute;. Chaque commande est pr&eacute;par&eacute;e avec attention pour r&eacute;pondre au mieux &agrave; vos attentes.</p>
                        <p>Vous avez une id&eacute;e particuli&egrave;re ? Nous &eacute;tudions chaque demande et faisons notre maximum pour r&eacute;aliser vos projets lorsqu'ils sont techniquement r&eacute;alisables. Nous aimons sortir des mod&egrave;les classiques et cr&eacute;er des produits qui vous ressemblent vraiment.</p>
                        <p>Que vous soyez un particulier, une association ou un professionnel, Macemay custom vous accompagne dans vos projets de personnalisation.</p>
                        <p class="lm-about-tagline"><strong>Votre id&eacute;e, notre cr&eacute;ation.</strong> &#10024;</p>
                        <a href="pages/a-propos.html" class="lm-btn lm-btn--ghost" style="margin-top:1.25rem">En savoir plus</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="lm-section lm-section--alt" id="boutique">
            <div class="lm-container">
                <header class="lm-section-head">
                    <span class="lm-eyebrow">Boutique</span>
                    <h2 class="lm-title">En vente maintenant</h2>
                    <p class="lm-lead">Articles actuellement propos&eacute;s dans la boutique Macemay custom.</p>
                </header>
                <div class="lm-catalog-grid" id="lmBoutiqueLive" style="grid-template-columns:repeat(auto-fill,minmax(260px,1fr))">
                    <a class="lm-card lm-card--visual" href="boutique.html">
                        <div class="lm-card-body">
                            <h3>Boutique</h3>
                            <p>Rivets, kits de fixation et compl&eacute;ments pour installer vos plaques.</p>
                            <span class="lm-card-more">Voir tous les articles</span>
                        </div>
                    </a>
                </div>
            </div>
        </section>

        <section class="lm-section faq" id="faq">
            <div class="lm-container" style="max-width:48rem">
                <header class="lm-section-head">
                    <span class="lm-eyebrow">FAQ</span>
                    <h2 class="lm-title">Questions fr&eacute;quentes</h2>
                    <p class="lm-lead">Tout ce qu'il faut savoir avant de commander.</p>
                </header>
                <div class="lm-faq-box faq-list">
                    <div class="faq-item">
                        <button class="faq-question" type="button"><span>Les plaques homologu&eacute;es sont-elles conformes ?</span><svg class="faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></button>
                        <div class="faq-answer"><p>Oui. Les plaques homologu&eacute;es sont pour l'usage routier selon les normes fran&ccedil;aises. Les plaques d&eacute;coratives sont r&eacute;serv&eacute;es &agrave; l'expo, showroom ou int&eacute;rieur.</p></div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question" type="button"><span>Comment commander du textile avec mon logo ?</span><svg class="faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></button>
                        <div class="faq-answer"><p>Utilisez notre <a href="textile-entreprise.html#devis" style="color:#d7b45a">formulaire de devis textile</a> : logo, supports, quantit&eacute;s, tailles et d&eacute;lai. Nous vous r&eacute;pondons sous 24&ndash;48 h.</p></div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question" type="button"><span>Quels moyens de paiement acceptez-vous ?</span><svg class="faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></button>
                        <div class="faq-answer"><p>Plaques et boutique : PayPal s&eacute;curis&eacute;. Floquage et textile d'entreprise : devis personnalis&eacute; par contact.</p></div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question" type="button"><span>Les plaques sont-elles en Plexiglas ?</span><svg class="faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></button>
                        <div class="faq-answer"><p>Oui, 100 % Plexiglas&reg; 3 mm : r&eacute;sistance UV, chocs et intemp&eacute;ries pour une durabilit&eacute; optimale.</p></div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question" type="button"><span>Plaque texte libre pour un cadeau ?</span><svg class="faq-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg></button>
                        <div class="faq-answer"><p>Oui. Vous composez le texte, les couleurs et le logo dans le configurateur, id&eacute;al cadeaux et clubs. D&eacute;tail : <a href="plaques-personnalisees.html">plaque d'immatriculation personnalis&eacute;e</a>.</p></div>
                    </div>
                </div>
                <p style="text-align:center;margin-top:1.5rem"><a href="pages/faq.html" style="color:#d7b45a;font-weight:700">Voir toute la FAQ &rarr;</a></p>
            </div>
        </section>

        <section class="lm-section" id="avis">
            <div class="lm-container">
                <header class="lm-section-head">
                    <span class="lm-eyebrow">Avis clients</span>
                    <h2 class="lm-title">Ils nous font confiance</h2>
                    <p class="lm-lead">Retours de clients sur plaques, boutique et projets sur mesure.</p>
                </header>
                <div class="lm-reviews-grid" id="reviewsGrid" aria-live="polite">
                    <p class="lm-reviews-loading">Chargement des avis&hellip;</p>
                </div>
                <div class="lm-review-form-wrap">
                    <h3 class="lm-review-form-title">Laisser un avis</h3>
                    <p class="lm-review-form-lead">Votre retour aide d'autres clients. Les avis sont publi&eacute;s apr&egrave;s validation par notre &eacute;quipe.</p>
                    <form class="lm-review-form" id="reviewForm" novalidate>
                        <input type="text" name="botcheck" id="reviewBotcheck" tabindex="-1" autocomplete="off" hidden aria-hidden="true">
                        <div class="lm-review-form-row lm-review-form-row--stars">
                            <label>Note</label>
                            <div class="lm-review-star-input" role="group" aria-label="Note sur 5">
                                <button type="button" class="lm-review-star is-on" data-review-star="1" aria-pressed="false">&#9733;</button>
                                <button type="button" class="lm-review-star is-on" data-review-star="2" aria-pressed="false">&#9733;</button>
                                <button type="button" class="lm-review-star is-on" data-review-star="3" aria-pressed="false">&#9733;</button>
                                <button type="button" class="lm-review-star is-on" data-review-star="4" aria-pressed="false">&#9733;</button>
                                <button type="button" class="lm-review-star is-on" data-review-star="5" aria-pressed="true">&#9733;</button>
                            </div>
                            <input type="hidden" name="rating" id="reviewRating" value="5">
                        </div>
                        <div class="lm-review-form-row">
                            <label for="reviewAuthorName">Votre pr&eacute;nom ou pseudo</label>
                            <input type="text" id="reviewAuthorName" name="authorName" required maxlength="80" placeholder="Ex. Marie, Club Auto 75&hellip;">
                        </div>
                        <div class="lm-review-form-row">
                            <label for="reviewAuthorRole">Produit ou projet (optionnel)</label>
                            <input type="text" id="reviewAuthorRole" name="authorRole" maxlength="80" placeholder="Ex. Plaque moto homologu&eacute;e">
                        </div>
                        <div class="lm-review-form-row">
                            <label for="reviewCategory">Cat&eacute;gorie</label>
                            <select id="reviewCategory" name="category">
                                <option value="plaques">Plaques</option>
                                <option value="boutique">Boutique</option>
                                <option value="textile">Textile</option>
                                <option value="floquage">Floquage</option>
                                <option value="service">Service client</option>
                                <option value="autre">Autre</option>
                            </select>
                        </div>
                        <div class="lm-review-form-row">
                            <label for="reviewQuote">Votre avis</label>
                            <textarea id="reviewQuote" name="quote" required rows="4" maxlength="600" placeholder="D&eacute;crivez votre exp&eacute;rience (10 caract&egrave;res minimum)&hellip;"></textarea>
                        </div>
                        <button type="submit" class="lm-btn lm-btn--primary">Envoyer mon avis</button>
                        <p class="lm-review-form-feedback" id="reviewFormFeedback" hidden></p>
                    </form>
                </div>
            </div>
        </section>

        <section class="lm-cta-band">
            <div class="lm-container lm-cta-band-inner">
                <div>
                    <h2>Pr&ecirc;t &agrave; configurer votre plaque ?</h2>
                    <p>Plaque Plexiglas premium, fabrication rapide, livraison en France.</p>
                </div>
                <div class="lm-cta-band-actions">
                    <a href="configurateur.html" class="lm-btn lm-btn--dark">Configurer ma plaque <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
                    <a href="catalogue.html" class="lm-btn lm-btn--dark">Commander</a>
                    <a href="pages/contact.html" class="lm-btn lm-btn--dark">Demander un devis</a>
                </div>
            </div>
        </section>

        <section class="lm-section lm-section--alt" id="contact">
            <div class="lm-container">
                <div class="lm-split">
                    <div>
                        <span class="lm-eyebrow">Contact</span>
                        <h2 class="lm-title">Une question avant de commander ?</h2>
                        <p class="lm-lead" style="max-width:none">Produit, commande sp&eacute;cifique ou projet textile : contactez Macemay custom. Du lundi au vendredi, 9h&ndash;18h.</p>
                        <div class="lm-contact-cards">
                            <a href="mailto:serviceclientmacemaycustom@gmail.com" class="lm-contact-card">
                                <span class="lm-contact-card-icon" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></span>
                                <div><small>Email</small><strong>serviceclientmacemaycustom@gmail.com</strong></div>
                            </a>
                            <a href="https://wa.me/33615622975" class="lm-contact-card lm-contact-card--whatsapp" target="_blank" rel="noopener noreferrer">
                                <span class="lm-contact-card-icon" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/><path d="M12 0C5.373 0 0 5.373 0 12c0 2.11.547 4.091 1.507 5.818L0 24l6.335-1.662A11.944 11.944 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.818 9.818 0 0 1-5.01-1.37l-.36-.214-3.756.986.999-3.648-.234-.375A9.818 9.818 0 1 1 12 21.818z"/></svg></span>
                                <div><small>WhatsApp</small><strong>06 15 62 29 75</strong></div>
                            </a>
                            <div class="lm-contact-card lm-contact-card--phones">
                                <span class="lm-contact-card-icon" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.58 2.81.7A2 2 0 0 1 22 16.92z"/></svg></span>
                                <div><small>T&eacute;l&eacute;phone</small>
                                    <a href="tel:+33610967665"><strong>06 10 96 76 65</strong></a><br>
                                    <a href="tel:+33615622975"><strong>06 15 62 29 75</strong></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="lm-contact-panel">
                        <h3>Nous &eacute;crire</h3>
                        <p>Formulaire complet pour commandes, SAV, floquage ou questions g&eacute;n&eacute;rales.</p>
                        <div class="lm-contact-actions">
                            <a href="pages/contact.html" class="lm-btn lm-btn--primary" style="width:100%">Page contact</a>
                            <a href="textile-entreprise.html#devis" class="lm-btn lm-btn--ghost" style="width:100%">Devis textile pro</a>
                            <a href="autocollants-entreprise.html#devis" class="lm-btn lm-btn--ghost" style="width:100%">Devis autocollant pub</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>


    <!-- Payment Modal -->
    <div id="paymentModal" class="modal">
        <div class="modal-content">
            <span class="close-modal">&times;</span>
            <h2>Finaliser votre commande</h2>
            <div class="order-summary">
                <h3>R&eacute;capitulatif</h3>
                <p><strong>Immatriculation:</strong> <span id="summaryImmat"></span></p>
                <p><strong>D&eacute;partement:</strong> <span id="summaryDept"></span></p>
                <p><strong>Quantit&eacute;:</strong> <span id="summaryQty"></span></p>
                <p class="summary-total">Total &agrave; payer: <span id="summaryTotal"></span></p>
            </div>
            <div id="paypal-payment-container" class="paypal-payment-container"></div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="#" class="logo brand-logo-link">
                        <img src="images/logo-macemay.png" alt="Macemay custom" class="brand-logo-img">
                        <span class="logo-text">Macemay custom</span>
                    </a>
                    <p>Boutique de plaques Plexiglas, accessoires, floquage personnalis&eacute; et textile d'entreprise avec logo.</p>
                    <p class="footer-contact">
                        <strong>Service client &mdash; du lundi au vendredi, 9h &agrave; 18h</strong><br>
                        <a href="tel:+33610967665">06 10 96 76 65</a> &middot; <a href="tel:+33615622975">06 15 62 29 75</a><br>
                        <a href="mailto:serviceclientmacemaycustom@gmail.com">serviceclientmacemaycustom@gmail.com</a><br>
                        <span class="footer-siret">SIRET 903 349 470 00026</span>
                    </p>
                </div>
                <div class="footer-links">
                    <h4>Nos plaques</h4>
                    <ul>
                        <li><a href="plaques-homologuees.html">Plaques homologu&eacute;es</a></li>
                        <li><a href="plaques-personnalisees.html">Plaques personnalis&eacute;es</a></li>
                        <li><a href="plaques-americaines.html">Plaques am&eacute;ricaines</a></li>
                        <li><a href="plaques-decoratives.html">Plaques d&eacute;coratives</a></li>
                        <li><a href="boutique.html">Boutique &amp; accessoires</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h4>Informations</h4>
                    <ul>
                        <li><a href="livraison.html">Livraison &amp; d&eacute;lais</a></li>
                        <li><a href="pages/reglementation.html">R&eacute;glementation</a></li>
                        <li><a href="pages/faq.html">FAQ</a></li>
                        <li><a href="pages/contact.html">Contact</a></li>
                        <li><a href="textile.html">Floquage personnalis&eacute;</a></li>
                        <li><a href="textile-entreprise.html">Textile d'entreprise</a></li>
                        <li><a href="autocollants-entreprise.html">Autocollants pub entreprise</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h4>&Agrave; propos</h4>
                    <ul>
                        <li><a href="pages/a-propos.html">&Agrave; propos de nous</a></li>
                        <li><a href="pages/mentions-legales.html">Mentions l&eacute;gales</a></li>
                        <li><a href="pages/cgv.html">Conditions G&eacute;n&eacute;rales de Vente</a></li>
                        <li><a href="pages/politique-confidentialite.html">Politique de confidentialit&eacute;</a></li>
                        <li><a href="pages/politique-retour.html">Politique de retour</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Macemay custom. Tous droits r&eacute;serv&eacute;s.</p>
                <div class="payment-methods">
                    <span>Paiement s&eacute;curis&eacute;</span>
                    <div class="payment-icons">
                        <span class="payment-icon">CB</span>
                        <span class="payment-icon">SSL</span>
                    </div>
                </div>
            </div>
            <div class="footer-admin">
                <a href="admin.html" class="admin-link">Admin</a>
            </div>
        </div>
    </footer>

    <!-- Cart Drawer -->
    <div class="cart-overlay" id="cartOverlay"></div>
    <div class="cart-drawer" id="cartDrawer">
        <div class="cart-header">
            <h2>Votre Panier</h2>
            <button class="close-cart" id="closeCart">&times;</button>
        </div>
        <div class="cart-items" id="cartItems">
            <!-- Items will be injected here -->
            <div class="empty-cart-message">Votre panier est vide</div>
        </div>
        <div class="cart-footer">
            <div class="cart-total">
                <span>Total</span>
                <span id="cartTotal">0,00 &euro;</span>
            </div>
            <button class="btn btn-primary btn-large" id="checkoutBtn">
                Commander
            </button>
        </div>
    </div>

    <!-- Back to top button -->
    <button class="back-to-top" id="backToTop" aria-label="Retour en haut">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <polyline points="18 15 12 9 6 15"/>
        </svg>
    </button>

    <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2.49.1/dist/umd/supabase.min.js" defer></script>
    <script src="js/cart-plate-pricing.js?v=7" defer></script>
    <script src="js/promotions.js?v=1" defer></script>
    <script src="paypal-checkout.js?v=macemay-11" defer></script>
    <script src="js/site-nav.js?v=macemay-12" defer></script>
    <script src="script.js?v=macemay-39" defer></script>
    <script src="js/home-hero-images.js?v=3" defer></script>
    <script src="shop-products.js?v=macemay-31" defer></script>
    <script src="js/landing-v2.js?v=5" defer></script>
    <script src="js/landing-plates.js?v=3" defer></script>
    <script src="js/reviews.js?v=macemay-1" defer></script>
</body>
</html>
