<style>
/* --- Viribright Styling --- */
.viribright-wrap {
font-family: Arial, sans-serif;
color: #333;
}
.vb-section-title {
font-size: 32px;
font-weight: bold;
margin-bottom: 10px;
color: #495D63;
}
.vb-description {
font-size: 16px;
margin-bottom: 25px;
}
.vb-filter-group h3 {
margin-bottom: 8px;
color: #495D63;
}
.vb-filters button {
background: #ffffff;
border: 1px solid #495D63;
color: #495D63;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
}
.vb-product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: 25px;
}
.vb-product-card {
border: 1px solid #ddd;
padding: 15px;
border-radius: 6px;
background: #fff;
}
.vb-product-card img {
width: 100%;
height: auto;
margin-bottom: 12px;
cursor: pointer;
}
.vb-product-card h4 {
color: #495D63;
margin-bottom: 8px;
}
.vb-product-links a {
display: inline-block;
margin-right: 10px;
color: #495D63;
font-weight: bold;
text-decoration: none;
border: 1px solid #495D63;
padding: 6px 10px;
border-radius: 4px;
}
.vb-product-links a:hover {
background: #495D63;
color: #fff;
}
</style>
<div class="viribright-wrap">
<h1 class="vb-section-title">Viribright® LED A-Line Lamps</h1>
<p class="vb-description">
Viribright® offers high-efficiency A-Line LED lamps designed for performance, longevity,
and exceptional light quality.
</p>
<!-- ---------- FILTER GROUPS (CLICKABLE + EDITABLE) ----------- -->
<div class="vb-filter-group">
<h3>Series</h3>
<div class="vb-filters">
<button>Premium Series</button>
<button>Standard Series</button>
<button>Contractor Series</button>
<button>High CRI Series</button>
</div>
</div>
<div class="vb-filter-group">
<h3>Shape</h3>
<div class="vb-filters">
<button>A15</button>
<button>A19</button>
<button>A21</button>
<button>A23</button>
</div>
</div>
<div class="vb-filter-group">
<h3>Wattage</h3>
<div class="vb-filters">
<button>5W</button>
<button>7W</button>
<button>9W</button>
<button>11W</button>
<button>15W</button>
</div>
</div>
<div class="vb-filter-group">
<h3>Lumens</h3>
<div class="vb-filters">
<button>450 lm</button>
<button>800 lm</button>
<button>1100 lm</button>
<button>1600 lm</button>
</div>
</div>
<!-- ---------- PRODUCT GRID (FULLY CLICKABLE & EDITABLE) ---------- -->
<div class="vb-product-grid">
<!-- PRODUCT CARD (replace image easily) -->
<div class="vb-product-card">
<a href="YOUR-LEARN-MORE-LINK">
<img src="https://via.placeholder.com/400x300?text=Upload+Your+Product+Image" alt="Viribright Product">
</a>
<h4>Viribright® A19 LED – 9W</h4>
<p>Energy-efficient A19 LED with long 15,000-hour lifespan. Available in multiple color temperatures.</p>
<div class="vb-product-links">
<a href="YOUR-LEARN-MORE-LINK">Learn More</a>
<a href="YOUR-SPEC-SHEET-LINK">Spec Sheet</a>
</div>
</div>
<div class="vb-product-card">
<a href="YOUR-LEARN-MORE-LINK">
<img src="https://via.placeholder.com/400x300?text=Upload+Your+Product+Image" alt="Viribright Product">
</a>
<h4>Viribright® A21 High Output LED</h4>
<p>High-output LED lamp ideal for applications requiring maximum brightness.</p>
<div class="vb-product-links">
<a href="YOUR-LEARN-MORE-LINK">Learn More</a>
<a href="YOUR-SPEC-SHEET-LINK">Spec Sheet</a>
</div>
</div>
<div class="vb-product-card">
<a href="YOUR-LEARN-MORE-LINK">
<img src="https://via.placeholder.com/400x300?text=Upload+Your+Product+Image" alt="Viribright Product">
</a>
<h4>Viribright® High-CRI LED Series</h4>
<p>CRI 90+ for vivid, true-to-life colors. Perfect for hospitality and retail.</p>
<div class="vb-product-links">
<a href="YOUR-LEARN-MORE-LINK">Learn More</a>
<a href="YOUR-SPEC-SHEET-LINK">Spec Sheet</a>
</div>
</div>
</div>
</div>