ATL warehouse Starter

Description

<div class=”atl-product-description starter”>
<style>
.atl-product-description {
max-width: 600px;
margin: 0 auto;
background: #1e293b;
border-radius: 24px;
border: 1px solid #334155;
overflow: hidden;
font-family: system-ui, -apple-system, ‘Segoe UI’, Roboto, sans-serif;
}
.atl-product-description .card-header {
padding: 30px 20px 20px;
text-align: center;
background: rgba(0,0,0,0.2);
}
.atl-product-description .card-header h2 {
font-size: 28px;
font-weight: 800;
margin-bottom: 8px;
color: #3b82f6;
}
.atl-product-description .price {
font-size: 48px;
font-weight: 900;
color: #f1f5f9;
margin: 15px 0 5px;
}
.atl-product-description .price span {
font-size: 16px;
font-weight: 400;
color: #94a3b8;
}
.atl-product-description .description {
color: #94a3b8;
font-size: 14px;
line-height: 1.5;
padding: 0 20px 20px;
border-bottom: 1px solid #334155;
text-align: center;
}
.atl-product-description .features {
padding: 20px;
}
.atl-product-description .feature-group {
margin-bottom: 20px;
}
.atl-product-description .feature-group-title {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #94a3b8;
margin-bottom: 10px;
}
.atl-product-description .feature-item {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
font-size: 14px;
color: #f1f5f9;
}
.atl-product-description .feature-item .check {
width: 18px;
height: 18px;
border-radius: 50%;
background: #3b82f6;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.atl-product-description .feature-item .text small {
display: block;
font-size: 12px;
color: #94a3b8;
}
.atl-product-description .cta-button {
display: block;
text-align: center;
background: transparent;
border: 2px solid #3b82f6;
border-radius: 50px;
padding: 15px;
margin: 20px 20px 30px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
color: #3b82f6;
transition: all 0.3s ease;
}
.atl-product-description .cta-button:hover {
background: #3b82f6;
color: white;
}
</style>
<div class=”card-header”>
<h2>📦 STARTER</h2>
<div class=”price”>$247<span>/mo</span></div>
</div>
<div class=”description”>
Essential training & community for small warehouses (1‑5 employees).
</div>
<div class=”features”>
<div class=”feature-group”>
<div class=”feature-group-title”>📚 TRAINING & CERTIFICATION</div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”><strong>Essential new‑hire courses</strong> <small>includes forklift certification, safety, inventory basics</small></span></div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>2 branded custom courses <small>(upload your SOPs)</small></span></div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>Digital certificates for each completed course</span></div>
</div>
<div class=”feature-group”>
<div class=”feature-group-title”>🏢 ATL WAREHOUSE SPACES</div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>3 private ATL Warehouse spaces <small>(e.g., Inbound, Safety, General Chat)</small></span></div>
</div>
<div class=”feature-group”>
<div class=”feature-group-title”>📋 FORMS & PR</div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>1 custom form <small>(maintenance request, driver check‑in, etc.)</small></span></div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>3 blog posts / month (PR)</span></div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>3 TikTok posts / month (PR) <small>featured on @ATLwarehouse</small></span></div>
</div>
<div class=”feature-group”>
<div class=”feature-group-title”>🛟 SUPPORT</div>
<div class=”feature-item”><span class=”check”>✓</span><span class=”text”>Email & chat support</span></div>
</div>
</div>
<a href=”#” class=”cta-button”>Start Training →</a>
</div>