← back to Glassbeadedwallpaper
apply R1+R2+R4 hero standing rules — strip Maison Lustre, lowercase serif wordmark below photo, add data-hero-mode huge default + four-square hydration
2f653bf6138829c161d65b3695a2f55c68481939 · 2026-05-10 08:55:47 -0700 · Steve
Files touched
Diff
commit 2f653bf6138829c161d65b3695a2f55c68481939
Author: Steve <steve@designerwallcoverings.com>
Date: Sun May 10 08:55:47 2026 -0700
apply R1+R2+R4 hero standing rules — strip Maison Lustre, lowercase serif wordmark below photo, add data-hero-mode huge default + four-square hydration
---
index.html | 109 +++++++++++++++++++++++++++++++++++++++++++++++--------------
1 file changed, 85 insertions(+), 24 deletions(-)
diff --git a/index.html b/index.html
index 8699033..155e494 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-hero-mode="huge">
<head>
<meta charset="UTF-8">
<!-- Google tag (gtag.js) -->
@@ -15,21 +15,21 @@
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
- <title>Maison Lustre — glass-bead, refined.</title>
+ <title>glassbeadedwallpaper — premium glass bead, sequin & glitter wallcoverings.</title>
<!-- SEO Meta Tags -->
- <meta name="description" content="Maison Lustre — glass-bead, refined. A curated atelier focused on a single material. Free memo samples. Trade service.">
+ <meta name="description" content="glassbeadedwallpaper — a curated wallcovering atelier. Glass bead, sequin, and glitter wallpapers, all Class A Fire Rated. Free memo samples. Trade service.">
<meta name="keywords" content="glass beaded wallpaper, glass bead wallcovering, sequin wallpaper, glitter wallpaper, fire rated wallpaper, luxury wallpaper, metallic wallpaper, shimmering wallcovering, commercial wallpaper, Class A fire rated">
- <meta name="author" content="GlassBeadedWallpaper.com">
+ <meta name="author" content="glassbeadedwallpaper.com">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<link rel="canonical" href="https://glassbeadedwallpaper.com/">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://glassbeadedwallpaper.com/">
- <meta property="og:site_name" content="GlassBeadedWallpaper.com">
- <meta property="og:title" content="Maison Lustre — glass-bead, refined.">
- <meta property="og:description" content="Maison Lustre — glass-bead, refined.">
+ <meta property="og:site_name" content="glassbeadedwallpaper">
+ <meta property="og:title" content="glassbeadedwallpaper — premium glass bead, sequin & glitter wallcoverings.">
+ <meta property="og:description" content="glassbeadedwallpaper — a curated wallcovering atelier. All Class A Fire Rated.">
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/glass-bead-hero.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
@@ -38,8 +38,8 @@
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://glassbeadedwallpaper.com/">
- <meta name="twitter:title" content="Glass Beaded Wallpaper - Premium Glass Bead, Sequin & Glitter Wallcoverings">
- <meta name="twitter:description" content="Discover our stunning collection of glass beaded, sequin, and glitter wallpapers. All Class A Fire Rated.">
+ <meta name="twitter:title" content="glassbeadedwallpaper — premium glass bead, sequin & glitter wallcoverings">
+ <meta name="twitter:description" content="A curated wallcovering atelier. All Class A Fire Rated. Free memo samples.">
<meta property="twitter:image" content="https://cdn.shopify.com/s/files/1/0015/4117/7456/files/glass-bead-hero.jpg">
<!-- Additional SEO -->
@@ -54,7 +54,7 @@
{
"@context": "https://schema.org",
"@type": "WebSite",
- "name": "Maison Lustre",
+ "name": "glassbeadedwallpaper",
"url": "https://glassbeadedwallpaper.com",
"description": "Premium glass beaded, sequin, and glitter wallcoverings - All Class A Fire Rated",
"potentialAction": {
@@ -68,9 +68,11 @@
{
"@context": "https://schema.org",
"@type": "Organization",
- "name": "Maison Lustre",
+ "name": "glassbeadedwallpaper",
"url": "https://glassbeadedwallpaper.com",
"logo": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/glass-bead-logo.png",
+ "parentOrganization": { "@type": "Organization", "name": "Designer Wallcoverings" },
+ "address": { "@type": "PostalAddress", "streetAddress": "15442 Ventura Bl #102", "addressLocality": "Sherman Oaks", "addressRegion": "CA", "postalCode": "91403", "addressCountry": "US" },
"sameAs": [
"https://designerwallcoverings.com",
"https://instagram.com/designerwallcoverings"
@@ -254,10 +256,28 @@
color: #0a0a0a !important;
}
</style>
+<style id="r2-hero-anatomy">
+ /* R2 — Hero anatomy. Photo is full-bleed huge; brand wordmark is below the photo, not painted on it. */
+ .hero { min-height: clamp(560px, 90vh, 1080px); padding: 0 !important; }
+ .hero h1 { display: none !important; } /* legacy painted-on title */
+ .hero p { display: none !important; } /* legacy painted-on paragraph */
+ .hero .fire-rating-badge { display: none !important; } /* moved to wordmark-block below */
+ .hero .product-count-hero { display: none !important; }
+ .cinema-logo { position: absolute; top: 22px; left: 32px; font-family: ui-serif, Georgia, serif; font-size: 18px; font-weight: 500; letter-spacing: 0.02em; color: #fff; text-decoration: none; z-index: 6; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }
+ .hero-wordmark-block { padding: 38px 32px 32px; text-align: center; background: var(--paper, #faf9f6); }
+ .hero-wordmark { font-family: ui-serif, Georgia, 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(48px, 9vw, 128px); letter-spacing: -0.01em; line-height: 1; color: var(--ink, #1a1a1a); margin: 0; text-transform: none; }
+ .hero-wordmark-sub { display: block; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(13px, 1.4vw, 17px); letter-spacing: 0.04em; text-transform: none; margin-top: 14px; color: var(--accent, #A98B5B); }
+ @media (max-width: 760px) { .hero-wordmark { font-size: clamp(32px, 12vw, 64px); } }
+ /* R4 hero modes — both share .hero min-height for CLS-free swap */
+ [data-hero-mode="four-square"] .hero-bg { display: none; }
+ [data-hero-mode="four-square"] .hero-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; position: absolute; inset: 0; z-index: -1; }
+ [data-hero-mode="four-square"] .hero-grid .cell { background-size: cover; background-position: center; border: 1px solid rgba(0,0,0,0.4); }
+ .hero-grid { display: none; }
+</style>
<header class="ns-header">
<a href="/" class="ns-brand" aria-label="Home">
<span class="ns-dot"></span>
- <span class="ns-name">Maison Lustre</span>
+ <span class="ns-name">glassbeadedwallpaper</span>
</a>
<nav class="ns-nav" id="nsPrimaryNav" aria-label="Primary">
<a href="/">Home</a>
@@ -277,7 +297,7 @@
<div class="ns-actions">
<a class="ns-action" href="#contact" onclick="nsContactClose()"><span class="ico">📋</span><div class="txt"><b>Get a Quote</b><span>Project specs → priced estimate</span></div></a>
<a class="ns-action" href="#contact" onclick="nsContactClose();openModal();"><span class="ico">📦</span><div class="txt"><b>Order a Sample</b><span>Free swatch to your shop</span></div></a>
- <a class="ns-action" href="mailto:info@glassbeadedwallpaper.com?subject=Maison%20Lustre%20inquiry"><span class="ico">✉️</span><div class="txt"><b>Email Us</b><span>info@glassbeadedwallpaper.com</span></div></a>
+ <a class="ns-action" href="mailto:info@glassbeadedwallpaper.com?subject=glassbeadedwallpaper%20inquiry"><span class="ico">✉️</span><div class="txt"><b>Email Us</b><span>info@glassbeadedwallpaper.com</span></div></a>
<a class="ns-action" href="tel:888-373-4564"><span class="ico">📞</span><div class="txt"><b>Call Us</b><span>(888) 373-4564 · M–F, 9–5 PT</span></div></a>
</div>
</div>
@@ -324,20 +344,22 @@
</div>
</header>
- <!-- Hero Section -->
- <section class="hero">
+ <!-- Hero Section (R2: huge full-bleed photo, no painted text; logo upper-left, hamburger via ns-header upper-right; wordmark below) -->
+ <section class="hero" id="hero">
+ <a class="cinema-logo" href="/" aria-label="glassbeadedwallpaper home">glassbeadedwallpaper</a>
<div class="hero-bg" id="heroBg" aria-hidden="true"></div>
+ <div class="hero-grid" id="heroGrid" aria-hidden="true"></div>
<div class="hero-overlay" aria-hidden="true"></div>
- <h1>Premium Glass Beaded Wallcoverings</h1>
- <p>Discover our exquisite collection of glass beaded, sequin, and glitter wallpapers. Each design features stunning shimmer and texture, perfect for creating dramatic interiors. All products are Class "A" Fire Rated for commercial and residential applications.</p>
- <div class="fire-rating-badge">
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
- <path d="M12 2L9 8H3L8 12L6 18L12 14L18 18L16 12L21 8H15L12 2Z"/>
- </svg>
+ </section>
+ <div class="hero-wordmark-block">
+ <h1 class="hero-wordmark">glassbeadedwallpaper</h1>
+ <span class="hero-wordmark-sub">Glass bead · Sequin · Glitter · Class "A" Fire Rated</span>
+ <div class="fire-rating-badge" style="margin-top:18px">
+ <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L9 8H3L8 12L6 18L12 14L18 18L16 12L21 8H15L12 2Z"/></svg>
CLASS "A" FIRE RATED
</div>
- <div class="product-count-hero" id="productCountHero">Loading collection...</div>
- </section>
+ <div class="product-count-hero" id="productCountHero" style="margin-top:14px">Loading collection...</div>
+ </div>
<!-- Fire Rating Notice -->
<div class="fire-rating-notice">
@@ -450,7 +472,7 @@
</div>
</div>
<div class="footer-bottom">
- <p>© 2026 Maison Lustre · GlassBeadedWallpaper.com · All Products Class "A" Fire Rated</p>
+ <p>© 2026 glassbeadedwallpaper.com · All Products Class "A" Fire Rated</p>
</div>
</footer>
@@ -771,5 +793,44 @@
<!-- Start of Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=4d4f52ea-1e3e-4837-8859-51f9abd5a82b"> </script>
<!-- End of Zendesk Widget script -->
+<script>
+/* R4 — Alternating hero modes (huge / four-square). Server-side default is huge.
+ Client flips on visit 2. Both modes share the same .hero min-height (CLS-free).
+ Crawlers without JS always see huge. */
+(function(){
+ try {
+ var k='dw-hero-mode';
+ var prev=parseInt(localStorage.getItem(k)||'0',10);
+ var next=(prev+1)%2;
+ localStorage.setItem(k,String(next));
+ if (prev>0) {
+ var mode = next===0 ? 'huge' : 'four-square';
+ document.documentElement.dataset.heroMode = mode;
+ if (mode === 'four-square') {
+ // glassbeadedwallpaper exposes glass-bead-products on /api/products
+ fetch('/api/products?limit=4').then(r=>r.ok?r.json():null).then(j=>{
+ var items = (j && (j.items || j.products || j)) || [];
+ if (!items || items.length < 4) {
+ document.documentElement.dataset.heroMode = 'huge';
+ console.warn('dw-hero-stale: insufficient items for four-square, falling back to huge');
+ return;
+ }
+ var grid = document.getElementById('heroGrid');
+ if (!grid) return;
+ items.slice(0,4).forEach(function(it){
+ var d = document.createElement('div');
+ d.className = 'cell';
+ var img = (it.image_url || it.image || (it.images && it.images[0] && it.images[0].src) || '');
+ if (img) d.style.backgroundImage = "url('" + img + "')";
+ grid.appendChild(d);
+ });
+ }).catch(function(){
+ document.documentElement.dataset.heroMode = 'huge';
+ });
+ }
+ }
+ } catch(e) { /* no-op */ }
+})();
+</script>
</body>
</html>
← 6e696de Hamburger always visible on right — propagated from novasued
·
back to Glassbeadedwallpaper
·
snapshot before fleet-grid refine tick 4 fbd15ae →