Home Page — Industrial Variant¶
Live demo: https://eshopping-industrial-demo.mybigcommerce.com
Before you start
Theme installed, Industrial variation picked in Page Builder's Theme styles dropdown, Industrial product + widget data imported via BC Tools.
The Industrial variation ships with its own warm "rust + bark" palette and serif headings. Five marketing blocks on the page (plus the footer tagline) are AI HTML Generator | PapaThemes widgets placed with Page Builder — they arrive with the demo widget import, not with theme settings. They require the PapaThemes app to be installed. See Marketing blocks below for the full list and the exact HTML for each.
What the live home page actually renders, top to bottom:
- Hero (Home Page Carousel)
- Trust strip
- Featured Products slider
- New Arrivals slider
- Products by Category
- AI HTML Generator widget — Why Choose Us value-prop callout ("Industrial Tools That Last. Pricing That…") —
home_below_products_by_categorysort 0 - AI HTML Generator widget — Customer Reviews social proof —
home_below_products_by_categorysort 1 - AI HTML Generator widget — Resources guide cards —
home_below_products_by_categorysort 2 - Brands carousel
- Blog posts
- Newsletter
- AI HTML Generator widget — About SEO intro ("Your Complete Industrial Supply Source") —
home_below_newslettersort 0 - AI HTML Generator widget — Talk to an Expert contact CTA —
home_below_newslettersort 1
The footer tagline is a sixth AI HTML Generator widget in the global region eshopping_footer_description--global — it renders inside the footer on every page, not in the home-page flow above.
Section-by-section recipe¶
1. Variation¶
Theme Editor → Industrial (top dropdown).
Styles✕
Theme variation
Industrial✓
AutoParts
Electronics
Packaging
2. Colors¶
The Industrial variation sets a warm rust-and-bark palette. These are the actual values:
eShopping Theme✕
Terra#BF5B33
Terra Light#D9845E
Terra Dark#993F1F
Terra Pale#FDF0E9
Bark 950#0F0D0A
Bark 900#1A1713
Bark 50#F5F3EF
Cream#FAF8F4
White#FFFFFF
Badge, rating, and price colors
Sale badge background#BF5B33
Staff pick badge background#3F8060
Active rating star#F59E0B
Sale price#DC2626
Original (struck-through) price#978A74
Banner, top bar, and nav colors
Banner background#3E3629
Banner text#D5CEC2
Banner link#D9845E
Top bar background#1A1713
Top bar text#978A74
Nav background#FFFFFF
Nav text#6B5E4F
Nav search button#C75A2A
3. Fonts¶
| Font | Value |
|---|---|
| Body font | Source Sans 3 (weights 400, 600, 700) |
| Headings font | Playfair Display (weights 600, 400, 700) |
| Mono font | IBM Plex Mono (weight 400) |
| Root font size | 14 |
Typography✕
Body text font family▾
Heading font family▾
Body text font size14▾
4. Header & search¶
The four typing phrases rotate in the search box placeholder.
eShopping Theme✕
Welcome Text(empty)Enter text…
Search
Enable voice search
Typing phrases (pipe | separated)Search for power tools
5. Hero¶
The hero is on. The slides themselves come from the store's Storefront → Home Page Carousel — upload your slide images there. The theme does not require a fixed slide size; use a wide landscape image (JPG or WebP) and keep all slides the same dimensions so they line up.
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌃
Themes
Logo
Home page carousel
Social media links
Script manager
Web pages
Blog
Image manager
Marketing⌄
Analytics
Settings⌄
Homepage✕
Show Carousel
Show Carousel Arrows
Show Carousel Play/Pause Button
Slide ideas (suggestions only)
The demo's actual slides come from the Home Page Carousel. If you're building your own, these themes work well for an industrial catalog:
| Slide | Image content | Heading | CTA |
|---|---|---|---|
| 1 | Workshop floor with tools | Built to last. Priced to move. | Shop the catalog |
| 2 | Safety gear hero | Safety first, every shift. | Browse safety |
| 3 | Bulk warehouse shot | Bulk pricing on 100+ orders | Get a quote |
6. Trust strip¶
| Title | Description |
|---|---|
| Made in USA | Fast & reliable shipping on all orders |
| Free Shipping | Shop with confidence, guaranteed |
| 4.8 Star Rating | Easy returns within 30 days |
| Expert Support | Available Mon-Sat, 9am-6pm |
eShopping Theme✕
Homepage Sections
Show Trust Strip
Trust Strip
Trust Strip ItemsEnter text…
4 fixed iconsEnter text…
4 title/description pairsEnter text…
7. Featured Products¶
In Catalog → Products mark products as Featured — they auto-render in the slider.
eShopping Theme✕
Homepage Sections
Show Featured Products
Homepage✕
Number of Featured Products▾
BigCommerce admin
Home
Orders
Products⌃
All products
Add
Categories
Options
Filtering
Reviews
Brands
Import
Export
Products
Customers⌄
Storefront⌄
Marketing⌄
Analytics
Settings⌄
8. New Arrivals¶
eShopping Theme → Homepage Sections → Show New Arrivals is on. Recently added products render here automatically.
eShopping Theme✕
Homepage Sections
Show New Arrivals
Homepage✕
Number of New Products▾
9. Bestselling Products¶
eShopping Theme✕
Homepage Sections
Show Best Sellers
Won't appear until you have sales data
The toggle is enabled, but the demo store has no bestseller / sales data yet, so the Bestselling slider does not appear on the live home page. It will show once the store accumulates sales and bestseller data.
10. Products by Category¶
Category IDs left empty on purpose
With no IDs entered, the section automatically pulls all top-level categories — no need to look up or type any IDs.
eShopping Theme✕
Homepage Sections
Show Categories
Products by Category
Category IDs (comma separated, leave empty for auto-detect)(empty — auto: shows all top-level categories)Enter text…
categories (tabs)▾
products per category▾
subcategories▾
Default active tabfeatured▾
Show Featured tab
Show New tab
Show Reviews tab
11. Brands carousel¶
eShopping Theme → Homepage Sections → Homepage Brands Limit: 12. Upload brand logos in Catalog → Brands — transparent PNGs work best, and keeping all logos a consistent size helps them sit evenly in the carousel.
eShopping Theme✕
Homepage Sections
Homepage Brands Limit12▾
BigCommerce admin
Home
Orders
Products⌃
All products
Add
Categories
Options
Filtering
Reviews
Brands
Import
Export
Customers⌄
Storefront⌄
Marketing⌄
Analytics
Settings⌄
12. Blog posts¶
Blog posts count: 3. This count is set in the standard Homepage Theme-Editor panel (not the eShopping Theme panel). Posts come from Storefront → Blog.
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌃
Themes
Logo
Home page carousel
Social media links
Script manager
Web pages
Blog
Image manager
Marketing⌄
Analytics
Settings⌄
13. Newsletter¶
- Heading: Stay Updated with Our Newsletter
- Description: Product launches, field tips, and exclusive offers in your inbox.
The signup writes to Customers → Subscribers.
eShopping Theme✕
Homepage Sections
Show Newsletter
Newsletter Signup TextEnter text…
heading supports inline HTMLEnter text…
14. Marketing blocks (AI HTML Generator | PapaThemes via Page Builder)¶
The Industrial demo home page has five content blocks built with the AI HTML Generator | PapaThemes widget, plus a sixth widget for the footer tagline. These are placed through Page Builder, not theme settings — they require the PapaThemes app installed and arrive with the demo widget import.
How the five blocks render on the live storefront:
Block Region · sort Exact HTML Why Choose Us (value-prop callout, "Industrial Tools That Last. Pricing That…") home_below_products_by_category· 0Why Choose Us Customer Reviews (social proof) home_below_products_by_category· 1Customer Reviews Resources (guide cards) home_below_products_by_category· 2Resources About (SEO intro, "Your Complete Industrial Supply Source") home_below_newsletter· 0About Talk to an Expert (contact CTA) home_below_newsletter· 1Talk to an Expert Footer tagline eshopping_footer_description--globalFooter tagline
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Industrial) — Why Choose Us, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-yofvc0ew {
--papathemes-ai-widget-yofvc0ew-white: #ffffff;
--papathemes-ai-widget-yofvc0ew-cream: #f8fafc;
--papathemes-ai-widget-yofvc0ew-bark-100: #f1f5f9;
--papathemes-ai-widget-yofvc0ew-bark-200: #e2e8f0;
--papathemes-ai-widget-yofvc0ew-bark-400: #94a3b8;
--papathemes-ai-widget-yofvc0ew-bark-500: #64748b;
--papathemes-ai-widget-yofvc0ew-bark-700: #334155;
--papathemes-ai-widget-yofvc0ew-bark-800: #1e293b;
--papathemes-ai-widget-yofvc0ew-bark-900: #0f172a;
--papathemes-ai-widget-yofvc0ew-terra: #bf5b33;
--papathemes-ai-widget-yofvc0ew-terra-light: #d9845e;
--papathemes-ai-widget-yofvc0ew-terra-dark: #993f1f;
--papathemes-ai-widget-yofvc0ew-terra-pale: #fdf0e9;
--papathemes-ai-widget-yofvc0ew-accent: #f59e0b;
--papathemes-ai-widget-yofvc0ew-accent-soft: #fef3c7;
--papathemes-ai-widget-yofvc0ew-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-yofvc0ew-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-yofvc0ew *,
.papathemes-ai-widget-yofvc0ew *::before,
.papathemes-ai-widget-yofvc0ew *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-yofvc0ew-section {
padding: 32px 20px 0;
}
.papathemes-ai-widget-yofvc0ew-card {
background: var(--papathemes-ai-widget-yofvc0ew-white);
border: 1px solid var(--papathemes-ai-widget-yofvc0ew-bark-100);
border-radius: 8px;
overflow: hidden;
}
.papathemes-ai-widget-yofvc0ew-inner {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 360px;
}
.papathemes-ai-widget-yofvc0ew-visual {
position: relative;
background:
linear-gradient(135deg, var(--papathemes-ai-widget-yofvc0ew-bark-900) 0%, var(--papathemes-ai-widget-yofvc0ew-bark-800) 100%);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
min-height: 260px;
}
.papathemes-ai-widget-yofvc0ew-visual::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 70% 100% at 90% 50%, rgba(245, 158, 11, 0.14), transparent 70%),
radial-gradient(ellipse 40% 60% at 0% 0%, rgba(255, 255, 255, 0.04), transparent 60%);
pointer-events: none;
}
.papathemes-ai-widget-yofvc0ew-visual::after {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
pointer-events: none;
}
.papathemes-ai-widget-yofvc0ew-stats {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 36px;
}
.papathemes-ai-widget-yofvc0ew-stat {
text-align: center;
padding: 18px;
background: rgba(255, 255, 255, .06);
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, .08);
}
.papathemes-ai-widget-yofvc0ew-stat-num {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-heading);
font-size: 28px;
font-weight: 600;
color: var(--papathemes-ai-widget-yofvc0ew-cream);
line-height: 1;
margin-bottom: 3px;
}
.papathemes-ai-widget-yofvc0ew-stat-num span {
color: var(--papathemes-ai-widget-yofvc0ew-accent);
}
.papathemes-ai-widget-yofvc0ew-stat-label {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-body);
font-size: 10px;
color: var(--papathemes-ai-widget-yofvc0ew-bark-400);
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 600;
}
.papathemes-ai-widget-yofvc0ew-content {
padding: 36px;
display: flex;
flex-direction: column;
justify-content: center;
}
.papathemes-ai-widget-yofvc0ew-eyebrow {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--papathemes-ai-widget-yofvc0ew-font-body);
font-size: 10px;
text-transform: uppercase;
letter-spacing: .14em;
font-weight: 700;
color: var(--papathemes-ai-widget-yofvc0ew-bark-700);
margin-bottom: 10px;
}
.papathemes-ai-widget-yofvc0ew-eyebrow::before {
content: "";
width: 24px;
height: 2px;
background: var(--papathemes-ai-widget-yofvc0ew-accent);
}
.papathemes-ai-widget-yofvc0ew-heading {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-heading);
font-size: 20px;
font-weight: 600;
color: var(--papathemes-ai-widget-yofvc0ew-bark-900);
margin-bottom: 14px;
line-height: 1.25;
}
.papathemes-ai-widget-yofvc0ew-heading em {
font-style: italic;
font-weight: 400;
color: var(--papathemes-ai-widget-yofvc0ew-bark-500);
}
.papathemes-ai-widget-yofvc0ew-desc {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-yofvc0ew-bark-500);
line-height: 1.7;
margin-bottom: 24px;
}
.papathemes-ai-widget-yofvc0ew-features {
display: flex;
flex-direction: column;
gap: 16px;
}
.papathemes-ai-widget-yofvc0ew-feat {
display: flex;
gap: 12px;
align-items: flex-start;
}
.papathemes-ai-widget-yofvc0ew-feat-icon {
width: 38px;
height: 38px;
border-radius: 6px;
background: var(--papathemes-ai-widget-yofvc0ew-accent-soft);
border: 1px solid var(--papathemes-ai-widget-yofvc0ew-bark-200);
display: flex;
align-items: center;
justify-content: center;
color: var(--papathemes-ai-widget-yofvc0ew-accent);
flex-shrink: 0;
}
.papathemes-ai-widget-yofvc0ew-feat-icon svg {
width: 17px;
height: 17px;
}
.papathemes-ai-widget-yofvc0ew-feat-title {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-body);
font-size: 12px;
font-weight: 600;
color: var(--papathemes-ai-widget-yofvc0ew-bark-800);
margin-bottom: 1px;
}
.papathemes-ai-widget-yofvc0ew-feat-desc {
font-family: var(--papathemes-ai-widget-yofvc0ew-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-yofvc0ew-bark-500);
line-height: 1.45;
}
@media (max-width: 1023px) {
.papathemes-ai-widget-yofvc0ew-inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-yofvc0ew-section {
padding: 24px 10px 0;
}
.papathemes-ai-widget-yofvc0ew-stats {
padding: 24px;
gap: 12px;
}
.papathemes-ai-widget-yofvc0ew-content {
padding: 24px;
}
}
</style>
<div class="papathemes-ai-widget-yofvc0ew">
<div class="papathemes-ai-widget-yofvc0ew-section">
<div class="papathemes-ai-widget-yofvc0ew-card">
<div class="papathemes-ai-widget-yofvc0ew-inner">
<div class="papathemes-ai-widget-yofvc0ew-visual">
<div class="papathemes-ai-widget-yofvc0ew-stats">
<div class="papathemes-ai-widget-yofvc0ew-stat">
<div class="papathemes-ai-widget-yofvc0ew-stat-num">15<span>+</span></div>
<div class="papathemes-ai-widget-yofvc0ew-stat-label">YEARS IN INDUSTRIAL</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-stat">
<div class="papathemes-ai-widget-yofvc0ew-stat-num">3,500<span>+</span></div>
<div class="papathemes-ai-widget-yofvc0ew-stat-label">INDUSTRIAL SKUS</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-stat">
<div class="papathemes-ai-widget-yofvc0ew-stat-num">8M<span>+</span></div>
<div class="papathemes-ai-widget-yofvc0ew-stat-label">Orders Shipped</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-stat">
<div class="papathemes-ai-widget-yofvc0ew-stat-num">99<span>%</span></div>
<div class="papathemes-ai-widget-yofvc0ew-stat-label">Customer Satisfaction</div>
</div>
</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-content">
<div class="papathemes-ai-widget-yofvc0ew-eyebrow">Why Choose Us</div>
<h2 data-localized="1" data-localized="1" class="papathemes-ai-widget-yofvc0ew-heading">Industrial Tools That Last. <em>Pricing That Works.</em></h2>
<p class="papathemes-ai-widget-yofvc0ew-desc">From welding gear to power tools and shop supplies — every product is stocked for fast dispatch and tested to keep your jobsite running.</p>
<div class="papathemes-ai-widget-yofvc0ew-features">
<div class="papathemes-ai-widget-yofvc0ew-feat">
<div class="papathemes-ai-widget-yofvc0ew-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16zM12 4.15 18.4 7.8 12 11.45 5.6 7.8 12 4.15zM5 9.5l6 3.43v6.94l-6-3.43V9.5zm8 10.37v-6.94l6-3.43v6.94l-6 3.43z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-yofvc0ew-feat-title">Heavy-Duty Built</div>
<div class="papathemes-ai-widget-yofvc0ew-feat-desc">Tools rated for daily commercial use, with cushioned grips and steel construction that outlast cheap alternatives.</div>
</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-feat">
<div class="papathemes-ai-widget-yofvc0ew-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2v-5l-3-4zM6 18.5A1.5 1.5 0 1 1 7.5 17 1.5 1.5 0 0 1 6 18.5zm13.5-9 1.96 2.5H17V9.5h2.5zM18 18.5A1.5 1.5 0 1 1 19.5 17 1.5 1.5 0 0 1 18 18.5z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-yofvc0ew-feat-title">Fast Bulk Fulfillment</div>
<div class="papathemes-ai-widget-yofvc0ew-feat-desc">Same-day dispatch on stock items and case pricing trusted by 9,000+ contractors and shops.</div>
</div>
</div>
<div class="papathemes-ai-widget-yofvc0ew-feat">
<div class="papathemes-ai-widget-yofvc0ew-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-yofvc0ew-feat-title">Pro-Grade Warranty</div>
<div class="papathemes-ai-widget-yofvc0ew-feat-desc">Lifetime guarantees on hand tools, multi-year coverage on power tools — built to back our quality.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Exact demo HTML (Industrial) — Customer Reviews, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-pkg1 {
--papathemes-ai-widget-pkg1-white: #ffffff;
--papathemes-ai-widget-pkg1-bark-50: #f8fafc;
--papathemes-ai-widget-pkg1-bark-100: #eef1f5;
--papathemes-ai-widget-pkg1-bark-200: #e2e8f0;
--papathemes-ai-widget-pkg1-bark-300: #cbd5e1;
--papathemes-ai-widget-pkg1-bark-400: #94a3b8;
--papathemes-ai-widget-pkg1-bark-500: #64748b;
--papathemes-ai-widget-pkg1-bark-600: #475569;
--papathemes-ai-widget-pkg1-bark-700: #334155;
--papathemes-ai-widget-pkg1-bark-800: #1e293b;
--papathemes-ai-widget-pkg1-bark-900: #0f172a;
--papathemes-ai-widget-pkg1-terra: #3b82f6;
--papathemes-ai-widget-pkg1-gold: #f59e0b;
--papathemes-ai-widget-pkg1-gold-soft: #fef3c7;
--papathemes-ai-widget-pkg1-success: #16a34a;
--papathemes-ai-widget-pkg1-success-soft: #ecfdf5;
--papathemes-ai-widget-pkg1-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-pkg1-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-pkg1 *,
.papathemes-ai-widget-pkg1 *::before,
.papathemes-ai-widget-pkg1 *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-pkg1-section {
padding: 32px 20px 0;
}
/* ── Section header: eyebrow + title + 'view all' link ─────────────────── */
.papathemes-ai-widget-pkg1-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
padding-bottom: 16px;
border-bottom: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
}
.papathemes-ai-widget-pkg1-header-left {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.papathemes-ai-widget-pkg1-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--papathemes-ai-widget-pkg1-bark-500);
}
.papathemes-ai-widget-pkg1-eyebrow::before {
content: "";
display: inline-block;
width: 18px;
height: 1px;
background: var(--papathemes-ai-widget-pkg1-bark-400);
}
.papathemes-ai-widget-pkg1-title {
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 22px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
letter-spacing: -0.02em;
line-height: 1.2;
}
.papathemes-ai-widget-pkg1-viewall {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 11px;
font-weight: 600;
color: var(--papathemes-ai-widget-pkg1-bark-600);
text-decoration: none;
padding: 8px 14px;
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 999px;
transition: all .2s ease;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-viewall:hover {
color: var(--papathemes-ai-widget-pkg1-bark-900);
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
background: var(--papathemes-ai-widget-pkg1-bark-50);
}
.papathemes-ai-widget-pkg1-viewall svg {
width: 12px;
height: 12px;
}
/* ── Hero summary strip — restrained ecommerce palette ─────────────────── */
.papathemes-ai-widget-pkg1-hero {
display: grid;
grid-template-columns: 280px 1fr 220px;
gap: 28px;
align-items: stretch;
padding: 22px 26px;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 8px;
margin-bottom: 16px;
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-hero {
grid-template-columns: 1fr;
gap: 20px;
}
}
/* Cell 1 — rating hero */
.papathemes-ai-widget-pkg1-rating-hero {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
padding-right: 28px;
border-right: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-rating-hero {
padding-right: 0;
padding-bottom: 16px;
border-right: none;
border-bottom: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
}
.papathemes-ai-widget-pkg1-rating-row {
display: flex;
align-items: baseline;
gap: 12px;
}
.papathemes-ai-widget-pkg1-rating-big {
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 52px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
letter-spacing: -0.04em;
line-height: 1;
}
.papathemes-ai-widget-pkg1-rating-out {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
font-weight: 500;
}
.papathemes-ai-widget-pkg1-stars {
display: inline-flex;
gap: 2px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-stars svg {
width: 16px;
height: 16px;
}
.papathemes-ai-widget-pkg1-rating-rank {
display: inline-block;
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 12px;
font-weight: 600;
color: var(--papathemes-ai-widget-pkg1-bark-700);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-top: 2px;
}
.papathemes-ai-widget-pkg1-rating-count {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
}
/* Cell 2 — distribution */
.papathemes-ai-widget-pkg1-dist {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
}
.papathemes-ai-widget-pkg1-dist-row {
display: grid;
grid-template-columns: 38px 1fr 36px 50px;
align-items: center;
gap: 12px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-600);
}
.papathemes-ai-widget-pkg1-dist-label {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-700);
font-size: 12px;
}
.papathemes-ai-widget-pkg1-dist-label svg {
width: 11px;
height: 11px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-dist-bar {
position: relative;
height: 8px;
background: var(--papathemes-ai-widget-pkg1-bark-100);
border-radius: 2px;
overflow: hidden;
}
.papathemes-ai-widget-pkg1-dist-fill {
display: block;
height: 100%;
background: var(--papathemes-ai-widget-pkg1-gold);
border-radius: inherit;
}
.papathemes-ai-widget-pkg1-dist-pct {
text-align: right;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-700);
font-variant-numeric: tabular-nums;
font-size: 12px;
}
.papathemes-ai-widget-pkg1-dist-count {
text-align: right;
color: var(--papathemes-ai-widget-pkg1-bark-400);
font-variant-numeric: tabular-nums;
font-size: 11px;
}
/* Cell 3 — trust badges */
.papathemes-ai-widget-pkg1-badges {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
padding-left: 28px;
border-left: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-badges {
padding-left: 0;
padding-top: 16px;
border-left: none;
border-top: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
flex-direction: row;
flex-wrap: wrap;
}
}
.papathemes-ai-widget-pkg1-badge {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-600);
font-weight: 500;
}
.papathemes-ai-widget-pkg1-badge strong {
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
}
.papathemes-ai-widget-pkg1-badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
flex-shrink: 0;
background: var(--papathemes-ai-widget-pkg1-bark-50);
color: var(--papathemes-ai-widget-pkg1-bark-700);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
}
.papathemes-ai-widget-pkg1-badge-icon svg {
width: 12px;
height: 12px;
}
/* ── Carousel ─────────────────────────────────────────────────────────── */
.papathemes-ai-widget-pkg1-carousel-wrap {
position: relative;
min-width: 0;
}
.papathemes-ai-widget-pkg1-scroll {
display: flex;
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding: 4px 0;
}
.papathemes-ai-widget-pkg1-scroll::-webkit-scrollbar {
display: none;
}
.papathemes-ai-widget-pkg1-arrow {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
cursor: pointer;
z-index: 3;
align-items: center;
justify-content: center;
padding: 0;
transition: all .2s ease;
color: var(--papathemes-ai-widget-pkg1-bark-700);
}
.papathemes-ai-widget-pkg1-arrow svg {
width: 18px;
height: 18px;
}
.papathemes-ai-widget-pkg1-arrow:hover {
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
color: var(--papathemes-ai-widget-pkg1-bark-900);
box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}
.papathemes-ai-widget-pkg1-arrow--prev {
left: -16px;
}
.papathemes-ai-widget-pkg1-arrow--next {
right: -16px;
}
@media (min-width: 768px) {
.papathemes-ai-widget-pkg1-arrow {
display: flex;
}
}
/* ── Review card — restrained ecommerce ───────────────────────────────── */
.papathemes-ai-widget-pkg1-review {
min-width: 240px;
max-width: 260px;
flex-shrink: 0;
scroll-snap-align: start;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 8px;
padding: 18px 16px 14px;
transition: border-color .2s ease, box-shadow .2s ease;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.papathemes-ai-widget-pkg1-review:hover {
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
}
/* Subtle faded quote mark — top-left, neutral */
.papathemes-ai-widget-pkg1-quote-bg {
position: absolute;
top: 4px;
left: 10px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 60px;
line-height: 1;
color: var(--papathemes-ai-widget-pkg1-bark-100);
pointer-events: none;
user-select: none;
font-weight: 700;
z-index: 0;
}
.papathemes-ai-widget-pkg1-r-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.papathemes-ai-widget-pkg1-r-stars {
display: flex;
gap: 2px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-r-stars svg {
width: 13px;
height: 13px;
}
.papathemes-ai-widget-pkg1-r-ago {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--papathemes-ai-widget-pkg1-bark-400);
}
.papathemes-ai-widget-pkg1-r-text {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
color: var(--papathemes-ai-widget-pkg1-bark-800);
line-height: 1.55;
margin-bottom: 14px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
z-index: 1;
flex: 1;
font-weight: 500;
}
.papathemes-ai-widget-pkg1-r-author {
display: flex;
align-items: center;
gap: 10px;
padding-top: 12px;
border-top: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
position: relative;
z-index: 1;
}
.papathemes-ai-widget-pkg1-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-weight: 700;
font-size: 12px;
color: #ffffff;
letter-spacing: 0.02em;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-r-id {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1;
}
.papathemes-ai-widget-pkg1-r-name {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1.3;
}
.papathemes-ai-widget-pkg1-r-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--papathemes-ai-widget-pkg1-success);
color: #ffffff;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-r-check svg {
width: 9px;
height: 9px;
}
.papathemes-ai-widget-pkg1-r-role {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
margin-top: 2px;
}
@media (max-width: 900px) {
.papathemes-ai-widget-pkg1-hero {
padding: 18px;
}
.papathemes-ai-widget-pkg1-rating-big {
font-size: 48px;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-pkg1-section {
padding: 24px 10px 0;
}
.papathemes-ai-widget-pkg1-review {
min-width: 240px;
}
.papathemes-ai-widget-pkg1-quote-bg {
font-size: 64px;
}
.papathemes-ai-widget-pkg1-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
</style>
<div class="papathemes-ai-widget-pkg1">
<div class="papathemes-ai-widget-pkg1-section">
<header class="papathemes-ai-widget-pkg1-header">
<div class="papathemes-ai-widget-pkg1-header-left">
<span class="papathemes-ai-widget-pkg1-eyebrow">Reviews</span>
<h2 class="papathemes-ai-widget-pkg1-title">Customer Reviews</h2>
</div>
<a href="#reviews" class="papathemes-ai-widget-pkg1-viewall" aria-label="View all reviews">
View all 2,400
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</a>
</header>
<section class="papathemes-ai-widget-pkg1-hero" aria-label="Rating summary">
<div class="papathemes-ai-widget-pkg1-rating-hero">
<div class="papathemes-ai-widget-pkg1-rating-row">
<span class="papathemes-ai-widget-pkg1-rating-big">4.8</span>
<span class="papathemes-ai-widget-pkg1-rating-out">out of 5</span>
</div>
<div class="papathemes-ai-widget-pkg1-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-rating-count">Based on 2,400+ verified reviews</span>
</div>
<ul class="papathemes-ai-widget-pkg1-dist">
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">5 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:78%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">78%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">1,872</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">4 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:18%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">18%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">432</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">3 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:3%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">3%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">72</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">2 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:1%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">1%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">24</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">1 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:1%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct"><1%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">0</span>
</li>
</ul>
<div class="papathemes-ai-widget-pkg1-badges">
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span>
<span><strong>98%</strong> recommend</span>
</div>
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2L4 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-8-3z"/></svg></span>
<span><strong>100%</strong> verified</span>
</div>
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M17.65 6.35A7.958 7.958 0 0012 4a8 8 0 108 8h-2a6 6 0 11-1.76-4.24L13 11h7V4l-2.35 2.35z"/></svg></span>
<span><strong>87%</strong> reorder</span>
</div>
</div>
</section>
<div class="papathemes-ai-widget-pkg1-carousel-wrap">
<button type="button" class="papathemes-ai-widget-pkg1-arrow papathemes-ai-widget-pkg1-arrow--prev" data-dir="prev" aria-label="Previous reviews">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
</button>
<button type="button" class="papathemes-ai-widget-pkg1-arrow papathemes-ai-widget-pkg1-arrow--next" data-dir="next" aria-label="Next reviews">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</button>
<div class="papathemes-ai-widget-pkg1-scroll">
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 days ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Switched our entire fab shop to their welding gear. Better arc stability and longer consumable life than the brand we used for years.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">DM</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Dana M.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Shop Foreman</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 week ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">The cordless drills hold a charge through a full day on the jobsite. Cases of fasteners ship next day every time.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">EK</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Erin K.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Contractor</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 weeks ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">PPE arrives on a pallet, on time, every time. Volume pricing keeps our safety budget predictable.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">RT</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Ray T.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Plant Manager</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 weeks ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Right-spec replacement parts cut our downtime by 30%. Reordering by the case is effortless.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">SP</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Sofia P.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Maintenance Lead</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 month ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Hoods and gloves shipped same day when I ran low before a big project. Saved my deadline.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">JL</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Jordan L.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Welder</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 month ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Power tools arrive calibrated and ready. No more lost time on jobsite re-spec.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">MA</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Marcus A.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Site Supervisor</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">The eco mailers and paper void fill let us drop plastic entirely. Our customers love the sustainable switch.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">NB</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Nina B.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Subscription Box Founder</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Double-wall cartons hold up across multiple carrier hand-offs. Breakage on heavy SKUs is basically gone.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">CT</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Carlos T.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">3PL Operations</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Consistent board strength and accurate dimensions. We can plan pallet loads without surprises.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #64748b, #475569)">HW</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Hannah W.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Retail Buyer</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Poly mailers are light, tough, and cheap to ship. Exactly what I needed to scale my store.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">TV</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Tom V.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Dropship Seller</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">4 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Their team helped me spec the right cushioning for fragile glassware. Damage claims dropped to near zero.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #64748b, #475569)">GR</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Grace R.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Logistics Coordinator</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">5 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Bulk tape and box bundles ship fast and the quality is consistent. Our go-to supplier now.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">PD</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Priya D.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Shop Foreman</span>
</div>
</footer>
</article>
</div>
</div>
</div>
</div>
<script>
(function(){
var id = 'pkg1';
var gap = 16;
var root = document.querySelector('.papathemes-ai-widget-' + id);
if (!root) return;
var track = root.querySelector('.papathemes-ai-widget-' + id + '-scroll');
if (!track) return;
var prev = root.querySelector('[data-dir="prev"]');
var next = root.querySelector('[data-dir="next"]');
var cardW = function(){ var c = track.querySelector('.papathemes-ai-widget-' + id + '-review'); return c ? c.offsetWidth + gap : 260; };
if (prev) prev.onclick = function(){ track.scrollBy({ left: -cardW(), behavior: 'smooth' }); };
if (next) next.onclick = function(){ track.scrollBy({ left: cardW(), behavior: 'smooth' }); };
})();
</script>
Exact demo HTML (Industrial) — Resources, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-i7iwdj7m {
--papathemes-ai-widget-i7iwdj7m-white: #ffffff;
--papathemes-ai-widget-i7iwdj7m-bark-100: #f1f5f9;
--papathemes-ai-widget-i7iwdj7m-bark-500: #64748b;
--papathemes-ai-widget-i7iwdj7m-bark-800: #1e293b;
--papathemes-ai-widget-i7iwdj7m-bark-900: #0f172a;
--papathemes-ai-widget-i7iwdj7m-terra: #bf5b33;
--papathemes-ai-widget-i7iwdj7m-terra-dark: #993f1f;
--papathemes-ai-widget-i7iwdj7m-terra-pale: #fdf0e9;
--papathemes-ai-widget-i7iwdj7m-forest-700: #15803d;
--papathemes-ai-widget-i7iwdj7m-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-i7iwdj7m-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-i7iwdj7m *,
.papathemes-ai-widget-i7iwdj7m *::before,
.papathemes-ai-widget-i7iwdj7m *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-i7iwdj7m-section {
padding: 32px 20px 0;
}
.papathemes-ai-widget-i7iwdj7m-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.papathemes-ai-widget-i7iwdj7m-header-left {
display: flex;
align-items: center;
gap: 12px;
}
.papathemes-ai-widget-i7iwdj7m-sec-icon {
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: var(--papathemes-ai-widget-i7iwdj7m-terra-pale);
color: var(--papathemes-ai-widget-i7iwdj7m-terra);
}
.papathemes-ai-widget-i7iwdj7m-sec-icon svg {
width: 18px;
height: 18px;
}
.papathemes-ai-widget-i7iwdj7m-title {
font-family: var(--papathemes-ai-widget-i7iwdj7m-font-heading);
font-size: 18px;
font-weight: 600;
color: var(--papathemes-ai-widget-i7iwdj7m-bark-900);
}
.papathemes-ai-widget-i7iwdj7m-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 20px;
}
.papathemes-ai-widget-i7iwdj7m-card-link {
text-decoration: none;
color: inherit;
display: block;
}
.papathemes-ai-widget-i7iwdj7m-card {
background: var(--papathemes-ai-widget-i7iwdj7m-white);
border: 1px solid var(--papathemes-ai-widget-i7iwdj7m-bark-100);
border-radius: 8px;
overflow: hidden;
transition: all .35s;
}
a.papathemes-ai-widget-i7iwdj7m-card-link .papathemes-ai-widget-i7iwdj7m-card {
cursor: pointer;
}
a.papathemes-ai-widget-i7iwdj7m-card-link .papathemes-ai-widget-i7iwdj7m-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 20px rgba(15, 13, 10, .08);
border-color: transparent;
}
.papathemes-ai-widget-i7iwdj7m-thumb {
aspect-ratio: 16/9;
position: relative;
display: block;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #f8fafc;
}
.papathemes-ai-widget-i7iwdj7m-thumb img {
width: 100%;
height: 100%;
/* cover + 4:3 ratio = uniform card visuals across stores:
- packaging square product photos crop minimally (~12% top/bottom)
- electronics 16:9 hero images crop slightly on sides (~12%)
- subject usually centered → safe crop for both
Eliminates the "different image sizes inside same-size frames" bug
caused by object-fit: contain + variable source ratios. */
object-fit: cover;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.papathemes-ai-widget-i7iwdj7m-thumb img.papathemes-ai-widget-i7iwdj7m-loaded {
opacity: 1;
}
.papathemes-ai-widget-i7iwdj7m-type {
position: absolute;
top: 10px;
left: 10px;
padding: 3px 9px;
background: rgba(0, 0, 0, .45);
backdrop-filter: blur(6px);
border-radius: 4px;
font-family: var(--papathemes-ai-widget-i7iwdj7m-font-body);
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #fff;
display: flex;
align-items: center;
gap: 4px;
z-index: 2;
}
.papathemes-ai-widget-i7iwdj7m-type svg {
width: 10px;
height: 10px;
}
.papathemes-ai-widget-i7iwdj7m-body {
padding: 18px;
}
.papathemes-ai-widget-i7iwdj7m-body h3 {
font-family: var(--papathemes-ai-widget-i7iwdj7m-font-body);
font-size: 13px;
font-weight: 600;
color: var(--papathemes-ai-widget-i7iwdj7m-bark-800);
margin-bottom: 4px;
line-height: 1.3;
transition: color .2s;
}
a.papathemes-ai-widget-i7iwdj7m-card-link .papathemes-ai-widget-i7iwdj7m-card:hover .papathemes-ai-widget-i7iwdj7m-body h3 {
color: var(--papathemes-ai-widget-i7iwdj7m-terra-dark);
}
.papathemes-ai-widget-i7iwdj7m-body p {
font-family: var(--papathemes-ai-widget-i7iwdj7m-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-i7iwdj7m-bark-500);
line-height: 1.5;
}
@media (max-width: 1023px) {
.papathemes-ai-widget-i7iwdj7m-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-i7iwdj7m-section {
padding: 24px 10px 0;
}
}
</style>
<div class="papathemes-ai-widget-i7iwdj7m">
<div class="papathemes-ai-widget-i7iwdj7m-section">
<div class="papathemes-ai-widget-i7iwdj7m-header">
<div class="papathemes-ai-widget-i7iwdj7m-header-left">
<div class="papathemes-ai-widget-i7iwdj7m-sec-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2v6l-2.5-1.5L8 10V4h5zM6 20V4h.01L6 20h12V4l.01 16H6z"/></svg>
</div>
<h2 class="papathemes-ai-widget-i7iwdj7m-title">Industrial Resources & Guides</h2>
</div>
</div>
<div class="papathemes-ai-widget-i7iwdj7m-grid">
<a href="https://eshopping-industrial-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-i7iwdj7m-card-link">
<div class="papathemes-ai-widget-i7iwdj7m-card">
<div class="papathemes-ai-widget-i7iwdj7m-thumb">
<img
class="papathemes-ai-widget-i7iwdj7m-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-w0rowd2tbb/product_images/uploaded_images/industrial-power-tool-selection.jpg?v=1779872198"
width="640"
height="360"
alt="Power tools on workbench"
loading="lazy"
/>
<span class="papathemes-ai-widget-i7iwdj7m-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-i7iwdj7m-body">
<h3>Power Tool Selection Guide</h3>
<p>Choose the right drills, saws, and grinders for your trade and jobsite needs.</p>
</div>
</div>
</a>
<a href="https://eshopping-industrial-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-i7iwdj7m-card-link">
<div class="papathemes-ai-widget-i7iwdj7m-card">
<div class="papathemes-ai-widget-i7iwdj7m-thumb">
<img
class="papathemes-ai-widget-i7iwdj7m-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-w0rowd2tbb/product_images/uploaded_images/industrial-ppe-standards.jpg?v=1779872207"
width="640"
height="360"
alt="Industrial PPE gear"
loading="lazy"
/>
<span class="papathemes-ai-widget-i7iwdj7m-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-i7iwdj7m-body">
<h3>PPE Standards & Best Practices</h3>
<p>ANSI ratings, fit guides, and worker safety essentials for every job site.</p>
</div>
</div>
</a>
<a href="https://eshopping-industrial-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-i7iwdj7m-card-link">
<div class="papathemes-ai-widget-i7iwdj7m-card">
<div class="papathemes-ai-widget-i7iwdj7m-thumb">
<img
class="papathemes-ai-widget-i7iwdj7m-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-w0rowd2tbb/product_images/uploaded_images/industrial-welding-equipment-setup.jpg?v=1779872221"
width="640"
height="360"
alt="Welding equipment"
loading="lazy"
/>
<span class="papathemes-ai-widget-i7iwdj7m-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-i7iwdj7m-body">
<h3>Welding Equipment Setup</h3>
<p>Choose the right MIG, TIG, or stick welder for your shop and material.</p>
</div>
</div>
</a>
</div>
</div>
</div>
<script>
(function(){
var id = 'i7iwdj7m';
var root = document.querySelector('.papathemes-ai-widget-' + id);
if (!root) return;
var images = root.querySelectorAll('img[data-src]');
var imageObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var img = entry.target;
var src = img.getAttribute('data-src');
if (src) {
img.src = src;
img.removeAttribute('data-src');
img.addEventListener('load', function() {
img.classList.add('papathemes-ai-widget-' + id + '-loaded');
});
imageObserver.unobserve(img);
}
}
});
}, { rootMargin: '50px' });
images.forEach(function(img) {
imageObserver.observe(img);
});
})();
</script>
Exact demo HTML (Industrial) — About, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-i79zbp57 {
--papathemes-ai-widget-i79zbp57-white: #ffffff;
--papathemes-ai-widget-i79zbp57-bark-100: #f1f5f9;
--papathemes-ai-widget-i79zbp57-bark-600: #475569;
--papathemes-ai-widget-i79zbp57-bark-900: #0f172a;
--papathemes-ai-widget-i79zbp57-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-i79zbp57-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 32px 20px 0;
padding: 0;
}
.papathemes-ai-widget-i79zbp57 *,
.papathemes-ai-widget-i79zbp57 *::before,
.papathemes-ai-widget-i79zbp57 *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-i79zbp57-section {
background: var(--papathemes-ai-widget-i79zbp57-white);
border: 1px solid var(--papathemes-ai-widget-i79zbp57-bark-100);
border-radius: 8px;
padding: 32px;
}
.papathemes-ai-widget-i79zbp57-container {
max-width: 1200px;
margin: 0 auto;
}
.papathemes-ai-widget-i79zbp57-title {
font-family: var(--papathemes-ai-widget-i79zbp57-font-heading);
font-size: 1.25rem;
font-weight: 600;
color: var(--papathemes-ai-widget-i79zbp57-bark-900);
text-align: center;
margin-bottom: 16px;
line-height: 1.3;
}
.papathemes-ai-widget-i79zbp57-text {
font-family: var(--papathemes-ai-widget-i79zbp57-font-body);
font-size: 0.86rem;
color: var(--papathemes-ai-widget-i79zbp57-bark-600);
line-height: 1.8;
max-width: 860px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.papathemes-ai-widget-i79zbp57 {
margin: 24px 10px 0;
}
.papathemes-ai-widget-i79zbp57-section {
padding: 24px 18px;
}
.papathemes-ai-widget-i79zbp57-title {
font-size: 1.15rem;
}
}
</style>
<div class="papathemes-ai-widget-i79zbp57">
<div class="papathemes-ai-widget-i79zbp57-section">
<div class="papathemes-ai-widget-i79zbp57-container">
<h2 class="papathemes-ai-widget-i79zbp57-title">Your Complete Industrial Supply Source</h2>
<p class="papathemes-ai-widget-i79zbp57-text">We supply the tools, welding gear, PPE, and shop supplies that keep contractors, fabricators, and maintenance teams moving. Our catalog spans hand tools, power tools, welding equipment, safety gear, and shop consumables — all stocked in cases and on pallets for fast, predictable reordering.</p>
<p class="papathemes-ai-widget-i79zbp57-text">From hand tools to heavy welding equipment, every product is chosen to outlast the alternatives and keep your jobsite or shop running. Browse trusted brands and pro-grade gear used by thousands of trades professionals every day.</p>
</div>
</div>
</div>
Exact demo HTML (Industrial) — Talk to an Expert, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-yqoflirz {
--papathemes-ai-widget-yqoflirz-white: #ffffff;
--papathemes-ai-widget-yqoflirz-cream: #f8fafc;
--papathemes-ai-widget-yqoflirz-bark-200: #cbd5e1;
--papathemes-ai-widget-yqoflirz-bark-300: #cbd5e1;
--papathemes-ai-widget-yqoflirz-bark-400: #94a3b8;
--papathemes-ai-widget-yqoflirz-bark-700: #334155;
--papathemes-ai-widget-yqoflirz-bark-800: #1e293b;
--papathemes-ai-widget-yqoflirz-bark-900: #0f172a;
--papathemes-ai-widget-yqoflirz-bark-950: #060912;
--papathemes-ai-widget-yqoflirz-terra: #bf5b33;
--papathemes-ai-widget-yqoflirz-terra-dark: #993f1f;
--papathemes-ai-widget-yqoflirz-terra-light: #d9845e;
--papathemes-ai-widget-yqoflirz-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-yqoflirz-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-yqoflirz *,
.papathemes-ai-widget-yqoflirz *::before,
.papathemes-ai-widget-yqoflirz *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-yqoflirz-bar {
margin: 32px 20px 0;
background:
linear-gradient(135deg, var(--papathemes-ai-widget-yqoflirz-bark-900) 0%, var(--papathemes-ai-widget-yqoflirz-bark-800) 100%);
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 36px rgba(2, 6, 18, 0.35);
border-radius: 14px;
padding: 30px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
position: relative;
overflow: hidden;
}
.papathemes-ai-widget-yqoflirz-bar::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 60% 90% at 92% 50%, rgba(191, 91, 51, 0.18), transparent 70%),
radial-gradient(ellipse 40% 60% at 0% 0%, rgba(255, 255, 255, 0.04), transparent 60%);
pointer-events: none;
}
.papathemes-ai-widget-yqoflirz-bar::after {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
pointer-events: none;
}
.papathemes-ai-widget-yqoflirz-left {
position: relative;
z-index: 1;
}
.papathemes-ai-widget-yqoflirz-heading {
font-family: var(--papathemes-ai-widget-yqoflirz-font-heading);
font-size: 17px;
font-weight: 600;
color: var(--papathemes-ai-widget-yqoflirz-white);
margin-bottom: 6px;
letter-spacing: -0.01em;
}
.papathemes-ai-widget-yqoflirz-heading em {
font-style: italic;
font-weight: 400;
// Hardcoded warm gold accent — universal premium signal, decoupled from
// per-store terra-light (renders blue on Electronics #60a5fa).
color: #fbbf24;
}
.papathemes-ai-widget-yqoflirz-desc {
font-family: var(--papathemes-ai-widget-yqoflirz-font-body);
font-size: 13px;
line-height: 1.55;
color: var(--papathemes-ai-widget-yqoflirz-bark-300);
max-width: 60ch;
}
.papathemes-ai-widget-yqoflirz-btns {
display: flex;
gap: 10px;
position: relative;
z-index: 1;
}
.papathemes-ai-widget-yqoflirz-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
border-radius: 8px;
font-family: var(--papathemes-ai-widget-yqoflirz-font-heading);
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: all .25s cubic-bezier(.16, 1, .3, 1);
letter-spacing: 0.01em;
border: none;
cursor: pointer;
}
.papathemes-ai-widget-yqoflirz-btn svg {
width: 15px;
height: 15px;
transition: transform .3s;
}
.papathemes-ai-widget-yqoflirz-btn--terra {
background: var(--papathemes-ai-widget-yqoflirz-terra);
color: var(--papathemes-ai-widget-yqoflirz-white);
}
.papathemes-ai-widget-yqoflirz-btn--terra:hover {
background: var(--papathemes-ai-widget-yqoflirz-terra-dark);
color: var(--papathemes-ai-widget-yqoflirz-white);
box-shadow: 0 6px 24px rgba(191, 91, 51, .35);
transform: translateY(-1px);
text-decoration: none;
}
.papathemes-ai-widget-yqoflirz-btn--terra:hover svg {
transform: translateX(3px);
}
.papathemes-ai-widget-yqoflirz-btn--ghost {
border: 1px solid rgba(255, 255, 255, 0.22);
color: var(--papathemes-ai-widget-yqoflirz-white);
background: rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
}
.papathemes-ai-widget-yqoflirz-btn--ghost:hover {
border-color: rgba(255, 255, 255, 0.45);
color: var(--papathemes-ai-widget-yqoflirz-white);
background: rgba(255, 255, 255, 0.1);
transform: translateY(-1px);
text-decoration: none;
}
@media (max-width: 767px) {
.papathemes-ai-widget-yqoflirz-bar {
margin-left: 10px;
margin-right: 10px;
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
.papathemes-ai-widget-yqoflirz-btns {
flex-direction: column;
width: 100%;
}
.papathemes-ai-widget-yqoflirz-btn {
justify-content: center;
}
}
</style>
<div class="papathemes-ai-widget-yqoflirz">
<div class="papathemes-ai-widget-yqoflirz-bar">
<div class="papathemes-ai-widget-yqoflirz-left">
<h3 class="papathemes-ai-widget-yqoflirz-heading">Need help spec’ing tools? <em>Talk to an Industrial Specialist</em></h3>
<p class="papathemes-ai-widget-yqoflirz-desc">Our specialists help you spec the right welder, drill, or PPE for your jobsite. Call or chat anytime.</p>
</div>
<div class="papathemes-ai-widget-yqoflirz-btns">
<a href="/contact-us/" class="papathemes-ai-widget-yqoflirz-btn papathemes-ai-widget-yqoflirz-btn--terra">
Request a Quote
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
</a>
<a href="tel:18005550123" class="papathemes-ai-widget-yqoflirz-btn papathemes-ai-widget-yqoflirz-btn--ghost">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
(800) 555-0123
</a>
</div>
</div>
</div>
Exact demo HTML (Industrial) — Footer tagline, paste into the widget's HTML Content field
See the PapaThemes marketing blocks reference for a clean copy-paste template per block and a per-store <details> with the verbatim demo HTML.
Beyond the home page¶
These Industrial settings drive other pages and on-site widgets. They're set by the variation — listed here so you know what to expect.
Top banner¶
eShopping Theme → Banner. Banner colors are listed in the Colors table above (dark #3e3629 background, #d5cec2 text, #d9845e link).
eShopping Theme✕
Banner
Banner Background#3E3629
Banner Text Color#D5CEC2
Banner Link Color#D9845E
Promo bar¶
- Text: Free Shipping $500+ — Free ground shipping on qualifying orders.
- Button: Shop Now →
/shipping/
This is the sidebar promo card, not the top banner.
eShopping Theme✕
Sidebar Promo Card
Sidebar Promo TextFree Shipping $500+|Free ground ship…
Cart free-shipping / reward goals¶
Progress goals shown in the cart drawer:
| Threshold | Reward |
|---|---|
| $50 | Free Shipping |
| $100 | 10% Off |
| $150 | Free Gift |
eShopping Theme✕
Cart Goal Bar
Goal items (amount|icon|label, comma-separated)Enter text…
comma-separatedEnter text…
Cart cross-sell ("You May Also Like")¶
A "You May Also Like" cross-sell block appears in the shopping cart: up to 6 items on the full cart page and up to 4 items in the slide-out cart drawer.
eShopping Theme✕
Cross-sell
Cross-sell products (page,drawer — 0 = off)6,4
Product page (PDP)¶
Shipping / warranty strip:
| Title | Detail |
|---|---|
| Free Shipping | on orders over $500 |
| 1-Year Warranty | included with purchase |
| 30-Day Returns | hassle-free policy |
eShopping Theme✕
Product Page (PDP)
PDP Shipping TextFree Shipping|on orders over $500|1-…
Warranty accordion:
| Section | Content |
|---|---|
| What's Covered | Manufacturing defects, material failures, broken welds, and faulty components under normal field use conditions. |
| What's Not Covered | Damage from misuse, improper maintenance, normal wear and tear, or unauthorized modifications. |
| How to Claim | Contact us with your order number and description of the issue. |
| Extended Warranty | Extend your coverage for additional protection. Contact us for details. |
eShopping Theme✕
Product Page (PDP)
PDP Warranty TextEnter text…
Show FAQ Tab
Show Mobile Sticky Add to Cart
Frequently Bought Together: shows 2 products, discount 0%.
eShopping Theme✕
Frequently Bought Toget…
FBT Products Count2▾
Visual Bundle Discount %0▾
Urgency & social proof¶
- Live view count and last order time are both on.
- Recent sales pop-ups show on all pages, cycling through demo sales from California, Texas, Florida, New York, and Oregon.
eShopping Theme✕
Urgency Signals (Social…
Show live view count
Show last order time
Fake view count range: min,max
Last order time range: min,max hours ago
Show on pagesall
Popup timing: delay, show duration, pause between, max popups5,5,15,5
Products (ID or SKU|location|timeAgo, comma-separated)Enter text…
Pop-ups¶
Newsletter pop-up:
- Text: Get 10% Off Your First Order — Sign up for our newsletter and receive an exclusive discount code.
- Options: shows after 20 seconds; reappears after 14 days.
eShopping Theme✕
Newsletter Popup
Newsletter Content — Title|DescriptionEnter text…
Show after (seconds) | Repeat every (days)Enter text…
Promo pop-up:
- Heading: Spring Sale
- Body: Get 15% off your entire order with the code below.
- Code:
SPRING15 - Button: Shop Now →
/ - Options: shows after 5 seconds; reappears after 3 days.
eShopping Theme✕
Promotion Popup
Promo Content — Title|Description|Coupon Code|Button Text|Button URLEnter text…
Show after (seconds) | Repeat every (days) | Start date | End dateEnter text…
Exit-intent pop-up:
- Heading: Wait! Don't Go Empty-Handed
- Body: Here's a special 10% discount just for you.
- Code:
STAY10 - Button: Claim Discount →
/ - Options: discount type. On desktop it triggers when the mouse leaves the top of the viewport (after at least 5 seconds on the page); on mobile it triggers after 45 seconds of inactivity. It reappears at most once per day.
eShopping Theme✕
Exit Intent Popup
Exit Content — Title|Description|Coupon Code|Button Text|Button URLEnter text…
Type (discount/newsletter/custom) | Mobile timeout (seconds) | Repeat every (days)Enter text…
Final check¶
Click Save → Publish. Open the storefront in a private browser window. Compare to https://eshopping-industrial-demo.mybigcommerce.com.