@gemboss/website-ui 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +174 -0
- package/CHANGELOG.md +19 -0
- package/README.md +117 -2
- package/bin/gemboss-website.mjs +78 -0
- package/bin/lib/check.mjs +642 -0
- package/bin/lib/gap.mjs +189 -0
- package/bin/lib/init.mjs +99 -0
- package/bin/lib/upgrade.mjs +155 -0
- package/bin/lib/util.mjs +147 -0
- package/css/base.css +107 -0
- package/css/components.css +236 -0
- package/css/footer.css +53 -0
- package/css/header.css +231 -0
- package/css/layout.css +59 -0
- package/css/sections.css +173 -0
- package/css/tokens.css +198 -0
- package/demo/index.html +629 -0
- package/demo/theme-example.html +133 -0
- package/docs/components.md +299 -0
- package/docs/markup-contract.md +115 -0
- package/docs/philosophy.md +69 -0
- package/docs/theming.md +95 -0
- package/js/website.js +149 -0
- package/package.json +50 -4
- package/skill/SKILL.md +48 -0
- package/system.json +120 -0
- package/templates/footer.html +40 -0
- package/templates/header.html +60 -0
- package/templates/page.html +134 -0
- package/templates/sections/cta.html +15 -0
- package/templates/sections/faq.html +24 -0
- package/templates/sections/features.html +32 -0
- package/templates/sections/hero.html +25 -0
- package/templates/sections/logos.html +15 -0
- package/templates/sections/pricing.html +39 -0
- package/templates/sections/quote.html +13 -0
- package/templates/sections/showcase.html +24 -0
- package/templates/sections/split.html +25 -0
- package/templates/sections/stats.html +26 -0
- package/templates/sections/steps.html +17 -0
- package/website.css +1064 -0
- package/website.min.css +1 -0
package/demo/index.html
ADDED
|
@@ -0,0 +1,629 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Website UI kit · GemBoss</title>
|
|
7
|
+
<meta name="description" content="Every component and section of @gemboss/website-ui on one page, with copy from gemboss.ai.">
|
|
8
|
+
<script>try{var t=localStorage.getItem('gw-theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t)}catch(e){}</script>
|
|
9
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap">
|
|
12
|
+
<link rel="stylesheet" href="../website.css">
|
|
13
|
+
<style>
|
|
14
|
+
/* site CSS for the drawn product mock-ups only (AGENTS.md section 8): own prefix, tokens only */
|
|
15
|
+
.demo-rows { display: grid; gap: 8px; }
|
|
16
|
+
.demo-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 8px 12px; border: 1px solid var(--gw-line); border-radius: var(--gw-radius-action); }
|
|
17
|
+
.demo-row small { display: block; color: var(--gw-muted); font-size: 12px; }
|
|
18
|
+
.demo-row b { font-weight: 600; }
|
|
19
|
+
.demo-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
|
|
20
|
+
.demo-metrics p { padding: 8px 12px; border: 1px solid var(--gw-line); border-radius: var(--gw-radius-action); color: var(--gw-muted); font-size: 12px; }
|
|
21
|
+
.demo-metrics b { display: block; color: var(--gw-ink); font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
22
|
+
@media (min-width: 480px) { .demo-metrics b { font-size: 18px; } }
|
|
23
|
+
.demo-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
|
|
24
|
+
.demo-ask { margin-left: auto; max-width: 320px; padding: 8px 12px; border-radius: var(--gw-radius-card); background: var(--gw-bg-soft); color: var(--gw-ink); }
|
|
25
|
+
.demo-illus { margin-top: 12px; color: var(--gw-muted); font-size: 12px; }
|
|
26
|
+
.demo-mt { margin-top: 16px; }
|
|
27
|
+
.demo-specimen + .demo-specimen { margin-top: 48px; }
|
|
28
|
+
.demo-specimen > h3 { margin-bottom: 16px; font-size: 20px; }
|
|
29
|
+
</style>
|
|
30
|
+
</head>
|
|
31
|
+
<body class="gw-page">
|
|
32
|
+
<a class="gw-skip" href="#main">Skip to content</a>
|
|
33
|
+
|
|
34
|
+
<div class="gw-announce" role="region" aria-label="Announcement">GemBoss is built by the team behind GemPages. <a href="https://feedback.gemboss.ai/changelog" rel="noopener">What's new on the changelog</a></div>
|
|
35
|
+
<header class="gw-header" data-gw-header>
|
|
36
|
+
<div class="gw-wrap gw-header__bar">
|
|
37
|
+
<a class="gw-brand" href="https://gemboss.ai/"><svg class="gw-brand__mark" viewBox="0 0 100 116" aria-hidden="true"><polygon points="26,14 74,14 66,50 34,50" style="fill:var(--gw-accent)"/><path d="M26,14 74,14 96,50 50,110 4,50Z" fill="none" stroke="currentColor" stroke-width="9" stroke-linejoin="round"/><path d="M4,50H96M26,14 34,50M74,14 66,50M34,50 50,110M66,50 50,110" fill="none" stroke="currentColor" stroke-width="5.6" stroke-linejoin="round"/></svg><span class="gw-brand__name">GemBoss</span></a>
|
|
38
|
+
<nav class="gw-nav" aria-label="Main">
|
|
39
|
+
<ul class="gw-nav__list">
|
|
40
|
+
<li class="gw-nav__item">
|
|
41
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-product" data-gw-mega="gw-mega-product">Product</button>
|
|
42
|
+
<div class="gw-mega" id="gw-mega-product" hidden>
|
|
43
|
+
<div class="gw-wrap gw-mega__grid">
|
|
44
|
+
<div class="gw-mega__col">
|
|
45
|
+
<p class="gw-mega__heading">Build</p>
|
|
46
|
+
<a class="gw-mega__link" href="https://gemboss.ai/funnel"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v6l-4 2v-8z"/></svg></span><span><b>Funnel builder</b><i>Angles, advertorials, offers</i></span></a>
|
|
47
|
+
<a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M4 9v11h16V9"/><path d="M9 20v-6h6v6"/></svg></span><span><b>Storefront builder</b><i>Headless, on your Shopify</i></span></a>
|
|
48
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gempages"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/></svg></span><span><b>Page builder</b><i>Ask, watch, publish</i></span></a>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="gw-mega__col">
|
|
51
|
+
<p class="gw-mega__heading">Grow</p>
|
|
52
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gemx"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4v16M20 4v16M4 9h16M4 15h16"/></svg></span><span><b>Tests & personalization</b><i>You promote the winner</i></span></a>
|
|
53
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gemoffers"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12l-8 8-9-9V3h8z"/><circle cx="7.5" cy="7.5" r="1.5"/></svg></span><span><b>Offers & upsells</b><i>Bundles, gifts, bumps</i></span></a>
|
|
54
|
+
<a class="gw-mega__link" href="https://gemboss.ai/data"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/></svg></span><span><b>Analytics & data</b><i>First-party, yours</i></span></a>
|
|
55
|
+
</div>
|
|
56
|
+
<div class="gw-mega__col">
|
|
57
|
+
<p class="gw-mega__heading">Connect</p>
|
|
58
|
+
<a class="gw-mega__link" href="https://gemboss.ai/integrations"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3v6M15 3v6M6 9h12v3a6 6 0 0 1-12 0z"/><path d="M12 18v3"/></svg></span><span><b>Integrations</b><i>Klaviyo, Meta, Google</i></span></a>
|
|
59
|
+
<a class="gw-mega__link" href="https://gemboss.ai/mcp"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="m8 9-4 3 4 3"/><path d="m16 9 4 3-4 3"/><path d="m14 5-4 14"/></svg></span><span><b>MCP & agents</b><i>Claude and Codex</i></span></a>
|
|
60
|
+
<a class="gw-mega__link" href="https://gemboss.ai/agent-ready"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="8" width="14" height="11" rx="3"/><path d="M12 4v4"/><circle cx="9.5" cy="13.5" r="1"/><circle cx="14.5" cy="13.5" r="1"/></svg></span><span><b>Agent-ready storefront</b><i>Ready for AI shoppers</i></span></a>
|
|
61
|
+
</div>
|
|
62
|
+
<a class="gw-mega__feature" href="https://gemboss.ai/engine"><b>How the engine works</b><i>Six stages, one loop. Nothing ships without you.</i><span class="gw-link gw-link--arrow">See the engine</span></a>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
</li>
|
|
66
|
+
<li class="gw-nav__item">
|
|
67
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-usecases" data-gw-mega="gw-mega-usecases">Use cases</button>
|
|
68
|
+
<div class="gw-mega" id="gw-mega-usecases" hidden>
|
|
69
|
+
<div class="gw-wrap gw-mega__grid">
|
|
70
|
+
<div class="gw-mega__col">
|
|
71
|
+
<p class="gw-mega__heading">Adaptive funnels</p>
|
|
72
|
+
<a class="gw-mega__link" href="https://gemboss.ai/meta-ads"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11v2a1 1 0 0 0 1 1h3l5 4V6L7 10H4a1 1 0 0 0-1 1z"/><path d="M16 9a4 4 0 0 1 0 6"/></svg></span><span><b>Meta, Google & TikTok ads</b><i>A funnel for every ad angle</i></span></a>
|
|
73
|
+
<a class="gw-mega__link" href="https://gemboss.ai/klaviyo-personalized-landing-pages"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg></span><span><b>Klaviyo email <span class="gw-badge gw-badge--warning">Early access</span></b><i>A page per recipient, after the click</i></span></a>
|
|
74
|
+
</div>
|
|
75
|
+
<div class="gw-mega__col">
|
|
76
|
+
<p class="gw-mega__heading">Adaptive storefront</p>
|
|
77
|
+
<a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M4 9v11h16V9"/><path d="M9 20v-6h6v6"/></svg></span><span><b>Headless storefront</b><i>Your whole Shopify store, on GemBoss</i></span></a>
|
|
78
|
+
<a class="gw-mega__link" href="https://gemboss.ai/agent-ready"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="8" width="14" height="11" rx="3"/><path d="M12 4v4"/><circle cx="9.5" cy="13.5" r="1"/><circle cx="14.5" cy="13.5" r="1"/></svg></span><span><b>AI agents & AI search</b><i>Readable by AI, shoppable by agents</i></span></a>
|
|
79
|
+
</div>
|
|
80
|
+
<a class="gw-mega__feature" href="https://gemboss.ai/meta-ads"><b>Every ad gets its own page</b><i>The page keeps the promise the ad made.</i><span class="gw-link gw-link--arrow">See the ad-to-page path</span></a>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</li>
|
|
84
|
+
<li class="gw-nav__item"><a class="gw-nav__link" href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
85
|
+
<li class="gw-nav__item">
|
|
86
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-resources" data-gw-mega="gw-mega-resources">Resources</button>
|
|
87
|
+
<div class="gw-mega" id="gw-mega-resources" hidden>
|
|
88
|
+
<div class="gw-wrap gw-mega__grid">
|
|
89
|
+
<div class="gw-mega__col">
|
|
90
|
+
<p class="gw-mega__heading">Learn</p>
|
|
91
|
+
<a class="gw-mega__link" href="https://gemboss.ai/blog"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h11a2 2 0 0 1 2 2v14H6a2 2 0 0 1-2-2z"/><path d="M8 8h7M8 12h7"/></svg></span><span><b>Blog</b><i>Playbooks and guides</i></span></a>
|
|
92
|
+
<a class="gw-mega__link" href="https://gemboss.ai/docs"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/></svg></span><span><b>Docs</b><i>Guides and MCP tools</i></span></a>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="gw-mega__col">
|
|
95
|
+
<p class="gw-mega__heading">Company</p>
|
|
96
|
+
<a class="gw-mega__link" href="https://gemboss.ai/company"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/></svg></span><span><b>About</b><i>Why we build it</i></span></a>
|
|
97
|
+
<a class="gw-mega__link" href="https://gemboss.ai/contact"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span><span><b>Contact</b><i>Talk to a human</i></span></a>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
</li>
|
|
102
|
+
</ul>
|
|
103
|
+
</nav>
|
|
104
|
+
<div class="gw-header__actions">
|
|
105
|
+
<button class="gw-theme-toggle" type="button" data-gw-theme-toggle aria-label="Switch to dark theme"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M12 4a8 8 0 0 1 0 16z" fill="currentColor"/></svg></button>
|
|
106
|
+
<a class="gw-nav__link gw-header__signin" href="https://admin.gemboss.ai/login">Sign in</a>
|
|
107
|
+
<a class="gw-btn gw-btn--secondary gw-btn--sm" href="https://gemboss.ai/contact">Book a demo</a>
|
|
108
|
+
<a class="gw-btn gw-btn--sm" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
109
|
+
<button class="gw-menu-toggle" type="button" aria-expanded="false" aria-controls="gw-mobile-menu" data-gw-menu-toggle aria-label="Open menu"><svg class="gw-menu-toggle__open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg><svg class="gw-menu-toggle__close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg></button>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
<div class="gw-mobile-menu" id="gw-mobile-menu" hidden>
|
|
113
|
+
<nav class="gw-wrap" aria-label="Main, mobile">
|
|
114
|
+
<details class="gw-mobile-menu__group">
|
|
115
|
+
<summary>Product</summary>
|
|
116
|
+
<ul class="gw-mobile-menu__list">
|
|
117
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/funnel">Funnel builder</a></li>
|
|
118
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/ai-store-builder">Storefront builder</a></li>
|
|
119
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/gemx">Tests & personalization</a></li>
|
|
120
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/gemoffers">Offers & upsells</a></li>
|
|
121
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/integrations">Integrations</a></li>
|
|
122
|
+
</ul>
|
|
123
|
+
</details>
|
|
124
|
+
<details class="gw-mobile-menu__group">
|
|
125
|
+
<summary>Use cases</summary>
|
|
126
|
+
<ul class="gw-mobile-menu__list">
|
|
127
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/meta-ads">Meta, Google & TikTok ads</a></li>
|
|
128
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/ai-store-builder">Headless storefront</a></li>
|
|
129
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/agent-ready">AI agents & AI search</a></li>
|
|
130
|
+
</ul>
|
|
131
|
+
</details>
|
|
132
|
+
<a class="gw-mobile-menu__top" href="https://gemboss.ai/pricing">Pricing</a>
|
|
133
|
+
<details class="gw-mobile-menu__group">
|
|
134
|
+
<summary>Resources</summary>
|
|
135
|
+
<ul class="gw-mobile-menu__list">
|
|
136
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/blog">Blog</a></li>
|
|
137
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/docs">Docs</a></li>
|
|
138
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/company">About</a></li>
|
|
139
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/contact">Contact</a></li>
|
|
140
|
+
</ul>
|
|
141
|
+
</details>
|
|
142
|
+
<div class="gw-mobile-menu__actions">
|
|
143
|
+
<a class="gw-btn gw-btn--block" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
144
|
+
<a class="gw-btn gw-btn--secondary gw-btn--block" href="https://gemboss.ai/contact">Book a demo</a>
|
|
145
|
+
<a class="gw-mobile-menu__link" href="https://admin.gemboss.ai/login">Sign in</a>
|
|
146
|
+
</div>
|
|
147
|
+
</nav>
|
|
148
|
+
</div>
|
|
149
|
+
</header>
|
|
150
|
+
|
|
151
|
+
<main id="main">
|
|
152
|
+
<!-- hero -->
|
|
153
|
+
<section class="gw-hero" aria-labelledby="hero-h">
|
|
154
|
+
<div class="gw-hero__wash" aria-hidden="true"></div>
|
|
155
|
+
<div class="gw-wrap">
|
|
156
|
+
<p class="gw-label">Built for Shopify brands</p>
|
|
157
|
+
<h1 id="hero-h"><span class="gw-dim">Every angle gets its own funnel.</span> One AI conversion engine.</h1>
|
|
158
|
+
<p class="gw-lead">GemBoss studies what already sells in your niche, writes the angles, and builds an advertorial and a landing page for each one on a fast headless storefront. Then it tests them on real traffic. You approve every change.</p>
|
|
159
|
+
<div class="gw-actions">
|
|
160
|
+
<a class="gw-btn" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
161
|
+
<a class="gw-btn gw-btn--secondary" href="https://gemboss.ai/contact">Book a demo</a>
|
|
162
|
+
</div>
|
|
163
|
+
<p class="gw-note">Free build, no account needed. Runs on your Shopify store.</p>
|
|
164
|
+
<div class="gw-window">
|
|
165
|
+
<div class="gw-window__bar">Funnels / Radiance Serum</div>
|
|
166
|
+
<div class="gw-window__body">
|
|
167
|
+
<div class="demo-rows">
|
|
168
|
+
<div class="demo-row"><span><small>Ad</small><b>Morning ritual</b></span><span class="gw-badge gw-badge--success">Live</span></div>
|
|
169
|
+
<div class="demo-row"><span><small>Advertorial</small><b>I stopped buying five serums</b></span><span class="gw-badge gw-badge--accent">A/B test</span></div>
|
|
170
|
+
<div class="demo-row"><span><small>Product page</small><b>The Radiance Serum</b></span><span class="gw-badge gw-badge--success">Live</span></div>
|
|
171
|
+
<div class="demo-row"><span><small>Offer</small><b>Build a box, save 25%</b></span><span class="gw-badge">Draft</span></div>
|
|
172
|
+
</div>
|
|
173
|
+
<p class="demo-illus">GemBoss-built demo pages for Vital Glow. Illustrative.</p>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
</section>
|
|
178
|
+
|
|
179
|
+
<!-- logos -->
|
|
180
|
+
<section class="gw-logos" aria-label="GemCommerce products">
|
|
181
|
+
<div class="gw-wrap">
|
|
182
|
+
<p>From GemCommerce, the team behind</p>
|
|
183
|
+
<ul>
|
|
184
|
+
<li>GemPages</li>
|
|
185
|
+
<li>GemBoss</li>
|
|
186
|
+
<li>GemX</li>
|
|
187
|
+
</ul>
|
|
188
|
+
</div>
|
|
189
|
+
</section>
|
|
190
|
+
|
|
191
|
+
<!-- stats -->
|
|
192
|
+
<section class="gw-section gw-section--tight" aria-labelledby="stats-h">
|
|
193
|
+
<div class="gw-wrap">
|
|
194
|
+
<div class="gw-section__head">
|
|
195
|
+
<p class="gw-label">Speed you can check</p>
|
|
196
|
+
<h2 id="stats-h"><span class="gw-dim">Headless speed,</span> measured on a live store.</h2>
|
|
197
|
+
</div>
|
|
198
|
+
<ul class="gw-stats">
|
|
199
|
+
<li class="gw-stats__item">
|
|
200
|
+
<p class="gw-stats__value">2.1 s</p>
|
|
201
|
+
<p class="gw-stats__label">Largest Contentful Paint (LCP) on mobile</p>
|
|
202
|
+
<p class="gw-stats__source">Live GemBoss store, simulated 4G, median of 8 Lighthouse runs, 10 Oct 2026</p>
|
|
203
|
+
</li>
|
|
204
|
+
<li class="gw-stats__item">
|
|
205
|
+
<p class="gw-stats__value">0.004</p>
|
|
206
|
+
<p class="gw-stats__label">Cumulative Layout Shift (CLS)</p>
|
|
207
|
+
<p class="gw-stats__source">Same store and runs, 10 Oct 2026</p>
|
|
208
|
+
</li>
|
|
209
|
+
<li class="gw-stats__item">
|
|
210
|
+
<p class="gw-stats__value">0.05 s</p>
|
|
211
|
+
<p class="gw-stats__label">Time to first byte (TTFB)</p>
|
|
212
|
+
<p class="gw-stats__source">Same store and runs, 10 Oct 2026</p>
|
|
213
|
+
</li>
|
|
214
|
+
<li class="gw-stats__item">
|
|
215
|
+
<p class="gw-stats__value">100,000+</p>
|
|
216
|
+
<p class="gw-stats__label">Shopify brands have built on GemPages since 2016</p>
|
|
217
|
+
<p class="gw-stats__source">Source: <a href="https://gemboss.ai/company">gemboss.ai/company</a></p>
|
|
218
|
+
</li>
|
|
219
|
+
</ul>
|
|
220
|
+
</div>
|
|
221
|
+
</section>
|
|
222
|
+
|
|
223
|
+
<!-- features -->
|
|
224
|
+
<section class="gw-section gw-section--soft" aria-labelledby="features-h">
|
|
225
|
+
<div class="gw-wrap">
|
|
226
|
+
<div class="gw-section__head">
|
|
227
|
+
<p class="gw-label">The conversion engine</p>
|
|
228
|
+
<h2 id="features-h"><span class="gw-dim">Two builders.</span> One engine underneath.</h2>
|
|
229
|
+
<p class="gw-lead">The funnel builder makes the pages your ads point at. The storefront builder makes the store they land in.</p>
|
|
230
|
+
</div>
|
|
231
|
+
<div class="gw-features gw-grid--3 gw-reveal">
|
|
232
|
+
<div class="gw-feature">
|
|
233
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v6l-4 2v-8z"/></svg></span>
|
|
234
|
+
<h3>Funnel builder</h3>
|
|
235
|
+
<p>A funnel for every angle, from the ad to the second order.</p>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="gw-feature">
|
|
238
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M4 9v11h16V9"/><path d="M9 20v-6h6v6"/></svg></span>
|
|
239
|
+
<h3>Storefront builder</h3>
|
|
240
|
+
<p>A headless storefront on the Shopify you already run.</p>
|
|
241
|
+
</div>
|
|
242
|
+
<div class="gw-feature">
|
|
243
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4v16M20 4v16M4 9h16M4 15h16"/></svg></span>
|
|
244
|
+
<h3>Tests & personalization</h3>
|
|
245
|
+
<p>A/B tests on any step, and you promote the winner.</p>
|
|
246
|
+
</div>
|
|
247
|
+
<div class="gw-feature">
|
|
248
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12l-8 8-9-9V3h8z"/><circle cx="7.5" cy="7.5" r="1.5"/></svg></span>
|
|
249
|
+
<h3>Offers & upsells</h3>
|
|
250
|
+
<p>Bundles, order bumps and post-purchase upsells built into the path.</p>
|
|
251
|
+
</div>
|
|
252
|
+
<div class="gw-feature">
|
|
253
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/></svg></span>
|
|
254
|
+
<h3>Analytics & data</h3>
|
|
255
|
+
<p>Revenue for every funnel, first-party and yours.</p>
|
|
256
|
+
</div>
|
|
257
|
+
<div class="gw-feature">
|
|
258
|
+
<span class="gw-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="m8 9-4 3 4 3"/><path d="m16 9 4 3-4 3"/><path d="m14 5-4 14"/></svg></span>
|
|
259
|
+
<h3>MCP & agents</h3>
|
|
260
|
+
<p>100+ MCP tools, so your team, your agency or your own AI can drive the engine.</p>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
</section>
|
|
265
|
+
|
|
266
|
+
<!-- split -->
|
|
267
|
+
<section class="gw-section" aria-labelledby="split-h">
|
|
268
|
+
<div class="gw-wrap gw-split">
|
|
269
|
+
<div>
|
|
270
|
+
<p class="gw-label">Storefront</p>
|
|
271
|
+
<h2 id="split-h">A headless storefront on the Shopify you already run.</h2>
|
|
272
|
+
<p class="gw-lead">Describe the brand or point at a store you love. GemBoss builds a fast headless storefront on top of your Shopify: catalog, checkout and apps stay where they are.</p>
|
|
273
|
+
<ul class="gw-list--check">
|
|
274
|
+
<li>Brand-true pages, composed from 60 conversion-ready section types</li>
|
|
275
|
+
<li>Headless speed, measured on a live store, on mobile</li>
|
|
276
|
+
<li>Ready for AI shopping agents and AI search</li>
|
|
277
|
+
<li>Every page testable and personalizable by the same engine</li>
|
|
278
|
+
</ul>
|
|
279
|
+
<div class="gw-actions"><a class="gw-link gw-link--arrow" href="https://gemboss.ai/ai-store-builder">See the storefront builder</a></div>
|
|
280
|
+
</div>
|
|
281
|
+
<div class="gw-window">
|
|
282
|
+
<div class="gw-window__bar">Studio / Storefront · Home</div>
|
|
283
|
+
<div class="gw-window__body">
|
|
284
|
+
<div class="demo-head"><b>Headless, on your Shopify</b><span class="gw-badge gw-badge--success">Mobile speed good</span></div>
|
|
285
|
+
<div class="demo-metrics">
|
|
286
|
+
<p><b>2.1 s</b>LCP</p>
|
|
287
|
+
<p><b>0.004</b>CLS</p>
|
|
288
|
+
<p><b>0.05 s</b>TTFB</p>
|
|
289
|
+
</div>
|
|
290
|
+
<p class="demo-illus">Measured on a live GemBoss store: mobile, simulated 4G, median of 8 Lighthouse runs, 10 Oct 2026.</p>
|
|
291
|
+
</div>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
</section>
|
|
295
|
+
|
|
296
|
+
<!-- split, reversed -->
|
|
297
|
+
<section class="gw-section gw-section--soft" aria-labelledby="split2-h">
|
|
298
|
+
<div class="gw-wrap gw-split gw-split--reverse">
|
|
299
|
+
<div>
|
|
300
|
+
<p class="gw-label">Funnels</p>
|
|
301
|
+
<h2 id="split2-h">A funnel for every angle, from the ad to the second order.</h2>
|
|
302
|
+
<p class="gw-lead">Give it a product. GemBoss writes the angles, then builds the pre-sell page, the sales page and the offer after it for each one.</p>
|
|
303
|
+
<ul class="gw-list--check">
|
|
304
|
+
<li>Angles with a hook, a persona and an awareness level, each with its own brief</li>
|
|
305
|
+
<li>Advertorials, listicles, comparisons, quizzes and landing pages</li>
|
|
306
|
+
<li>A/B tests on any step, and you promote the winner</li>
|
|
307
|
+
</ul>
|
|
308
|
+
<div class="gw-actions"><a class="gw-link gw-link--arrow" href="https://gemboss.ai/funnel">See the funnel builder</a></div>
|
|
309
|
+
</div>
|
|
310
|
+
<div class="gw-window">
|
|
311
|
+
<div class="gw-window__bar">Funnels / Radiance Serum · Angles</div>
|
|
312
|
+
<div class="gw-window__body">
|
|
313
|
+
<div class="demo-rows">
|
|
314
|
+
<div class="demo-row"><span><b>Morning ritual</b><small>Problem aware · busy women who skip skincare</small></span><span class="gw-badge gw-badge--success">Running</span></div>
|
|
315
|
+
<div class="demo-row"><span><b>What dermatologists check first</b><small>Solution aware · ingredient readers</small></span><span class="gw-badge">Drafted</span></div>
|
|
316
|
+
<div class="demo-row"><span><b>A gift that looks after her</b><small>Product aware · gift buyers</small></span><span class="gw-badge">Drafted</span></div>
|
|
317
|
+
</div>
|
|
318
|
+
<p class="demo-illus">GemBoss-built demo pages for Vital Glow. Illustrative.</p>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
</div>
|
|
322
|
+
</section>
|
|
323
|
+
|
|
324
|
+
<!-- showcase (night band 1 of 2) -->
|
|
325
|
+
<section class="gw-section gw-band--night gw-showcase" aria-labelledby="showcase-h">
|
|
326
|
+
<div class="gw-wrap">
|
|
327
|
+
<div class="gw-section__head gw-section__head--center">
|
|
328
|
+
<p class="gw-label">AI editor</p>
|
|
329
|
+
<h2 id="showcase-h"><span class="gw-dim">Ask for a change.</span> Watch the page make it.</h2>
|
|
330
|
+
<p class="gw-lead">Funnels, A/B tests, product pages, landing pages: say what you want, or click and edit it yourself. GemBoss makes the change on desktop and phone, then waits for you to publish.</p>
|
|
331
|
+
</div>
|
|
332
|
+
<div class="gw-window">
|
|
333
|
+
<div class="gw-window__bar">Editor / Product page · The Radiance Serum</div>
|
|
334
|
+
<div class="gw-window__body">
|
|
335
|
+
<p class="demo-ask">Add a trust row under the buy box</p>
|
|
336
|
+
<ul class="gw-list--check demo-mt">
|
|
337
|
+
<li>Read the page</li>
|
|
338
|
+
<li>Made the edit</li>
|
|
339
|
+
<li>Checked the render on desktop and phone</li>
|
|
340
|
+
</ul>
|
|
341
|
+
<div class="demo-head demo-mt"><span>The change waits on the canvas until you publish it.</span><span class="gw-badge gw-badge--accent">Draft</span></div>
|
|
342
|
+
<p class="demo-illus">Vital Glow is a GemBoss demo store. Illustrative.</p>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
345
|
+
<div class="gw-features gw-grid--3">
|
|
346
|
+
<div class="gw-feature"><h3>Ask in plain words</h3><p>"Add a trust row under the buy box" is enough.</p></div>
|
|
347
|
+
<div class="gw-feature"><h3>Every step is shown</h3><p>It reads the page, makes the edit and checks the render on desktop and phone.</p></div>
|
|
348
|
+
<div class="gw-feature"><h3>A draft, not a publish</h3><p>The change waits on the canvas until you publish it.</p></div>
|
|
349
|
+
</div>
|
|
350
|
+
</div>
|
|
351
|
+
</section>
|
|
352
|
+
|
|
353
|
+
<!-- steps -->
|
|
354
|
+
<section class="gw-section" aria-labelledby="steps-h">
|
|
355
|
+
<div class="gw-wrap">
|
|
356
|
+
<div class="gw-section__head">
|
|
357
|
+
<p class="gw-label">How it works</p>
|
|
358
|
+
<h2 id="steps-h"><span class="gw-dim">Give it a product.</span> Watch the engine work.</h2>
|
|
359
|
+
</div>
|
|
360
|
+
<ol class="gw-steps gw-reveal">
|
|
361
|
+
<li><h3>Angles</h3><p>GemBoss reads your niche and writes the angles worth testing.</p></li>
|
|
362
|
+
<li><h3>Build</h3><p>Each angle gets its own advertorial, product page and offer.</p></li>
|
|
363
|
+
<li><h3>Test</h3><p>Real shoppers split between two versions. You start the test.</p></li>
|
|
364
|
+
<li><h3>Promote</h3><p>GemBoss shows which version wins. You promote it.</p></li>
|
|
365
|
+
</ol>
|
|
366
|
+
</div>
|
|
367
|
+
</section>
|
|
368
|
+
|
|
369
|
+
<!-- quote -->
|
|
370
|
+
<section class="gw-section gw-section--soft" aria-label="Quote">
|
|
371
|
+
<div class="gw-wrap">
|
|
372
|
+
<figure class="gw-quote">
|
|
373
|
+
<blockquote><p>Traffic is a commodity. Conversion is a skill.</p></blockquote>
|
|
374
|
+
<figcaption><b>Chris Koh</b>, founder, on stage at ShopX 2025</figcaption>
|
|
375
|
+
</figure>
|
|
376
|
+
</div>
|
|
377
|
+
</section>
|
|
378
|
+
|
|
379
|
+
<!-- pricing -->
|
|
380
|
+
<section class="gw-section" aria-labelledby="pricing-h">
|
|
381
|
+
<div class="gw-wrap">
|
|
382
|
+
<div class="gw-section__head gw-section__head--center">
|
|
383
|
+
<p class="gw-label">Pricing</p>
|
|
384
|
+
<h2 id="pricing-h"><span class="gw-dim">Every angle gets its own funnel.</span> Pay for the traffic you send it.</h2>
|
|
385
|
+
<p class="gw-lead">Build as many funnels as you like on every plan, and try it free for 14 days.</p>
|
|
386
|
+
</div>
|
|
387
|
+
<div class="gw-pricing">
|
|
388
|
+
<div class="gw-plan">
|
|
389
|
+
<h3>Starter</h3>
|
|
390
|
+
<p>Find your first winning angle.</p>
|
|
391
|
+
<p class="gw-plan__price">$49 <small>/ month</small></p>
|
|
392
|
+
<a class="gw-btn gw-btn--secondary gw-btn--block" href="https://admin.gemboss.ai/signup">Start 14-day free trial</a>
|
|
393
|
+
<ul class="gw-list--check">
|
|
394
|
+
<li>10,000 funnel sessions a month</li>
|
|
395
|
+
<li>3 funnels live at once</li>
|
|
396
|
+
<li>2 A/B tests at once</li>
|
|
397
|
+
<li>50 AI credits a month</li>
|
|
398
|
+
</ul>
|
|
399
|
+
</div>
|
|
400
|
+
<div class="gw-plan gw-plan--featured">
|
|
401
|
+
<span class="gw-badge gw-badge--accent">Recommended for $10k–50k</span>
|
|
402
|
+
<h3>Growth</h3>
|
|
403
|
+
<p>Test new angles every week.</p>
|
|
404
|
+
<p class="gw-plan__price">$149 <small>/ month</small></p>
|
|
405
|
+
<a class="gw-btn gw-btn--block" href="https://admin.gemboss.ai/signup">Start 14-day free trial</a>
|
|
406
|
+
<ul class="gw-list--check">
|
|
407
|
+
<li>50,000 funnel sessions a month</li>
|
|
408
|
+
<li>15 funnels live at once</li>
|
|
409
|
+
<li>5 A/B tests at once</li>
|
|
410
|
+
<li>200 AI credits a month</li>
|
|
411
|
+
</ul>
|
|
412
|
+
</div>
|
|
413
|
+
<div class="gw-plan">
|
|
414
|
+
<h3>Scale</h3>
|
|
415
|
+
<p>Run many angles at once.</p>
|
|
416
|
+
<p class="gw-plan__price">$399 <small>/ month</small></p>
|
|
417
|
+
<a class="gw-btn gw-btn--secondary gw-btn--block" href="https://admin.gemboss.ai/signup">Start 14-day free trial</a>
|
|
418
|
+
<ul class="gw-list--check">
|
|
419
|
+
<li>200,000 funnel sessions a month</li>
|
|
420
|
+
<li>Unlimited funnels live at once</li>
|
|
421
|
+
<li>20 A/B tests at once</li>
|
|
422
|
+
<li>500 AI credits a month</li>
|
|
423
|
+
</ul>
|
|
424
|
+
</div>
|
|
425
|
+
<div class="gw-plan">
|
|
426
|
+
<h3>Enterprise</h3>
|
|
427
|
+
<p>Several stores, or more than $200k a month on Meta.</p>
|
|
428
|
+
<p class="gw-plan__price"><small>from</small> $999 <small>/ month</small></p>
|
|
429
|
+
<a class="gw-btn gw-btn--secondary gw-btn--block" href="https://gemboss.ai/contact">Talk to us</a>
|
|
430
|
+
<ul class="gw-list--check">
|
|
431
|
+
<li>Custom session limits</li>
|
|
432
|
+
<li>Unlimited tests</li>
|
|
433
|
+
<li>Onboarding with our team</li>
|
|
434
|
+
</ul>
|
|
435
|
+
</div>
|
|
436
|
+
</div>
|
|
437
|
+
</div>
|
|
438
|
+
</section>
|
|
439
|
+
|
|
440
|
+
<!-- compare table -->
|
|
441
|
+
<section class="gw-section gw-section--tight" aria-labelledby="compare-h">
|
|
442
|
+
<div class="gw-wrap">
|
|
443
|
+
<div class="gw-section__head">
|
|
444
|
+
<p class="gw-label">Compare</p>
|
|
445
|
+
<h2 id="compare-h"><span class="gw-dim">One engine on every plan.</span> The plan sets how much runs at once.</h2>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="gw-table gw-table--compare" role="region" aria-labelledby="compare-h" tabindex="0">
|
|
448
|
+
<table>
|
|
449
|
+
<thead>
|
|
450
|
+
<tr><th scope="col">Plan</th><th scope="col">Starter</th><th scope="col">Growth</th><th scope="col">Scale</th><th scope="col">Enterprise</th></tr>
|
|
451
|
+
</thead>
|
|
452
|
+
<tbody>
|
|
453
|
+
<tr><th scope="row">Price a month</th><td>$49</td><td>$149</td><td>$399</td><td>from $999</td></tr>
|
|
454
|
+
<tr><th scope="row">Funnel sessions a month</th><td>10,000</td><td>50,000</td><td>200,000</td><td>Custom</td></tr>
|
|
455
|
+
<tr><th scope="row">Funnels live at once</th><td>3</td><td>15</td><td>Unlimited</td><td>Unlimited</td></tr>
|
|
456
|
+
<tr><th scope="row">A/B tests at once</th><td>2</td><td>5</td><td>20</td><td>Unlimited</td></tr>
|
|
457
|
+
<tr><th scope="row">AI credits a month</th><td>50</td><td>200</td><td>500</td><td>Custom</td></tr>
|
|
458
|
+
<tr><th scope="row">Click heatmaps</th><td>Scroll maps only</td><td>14 days</td><td>30 days</td><td>30 days</td></tr>
|
|
459
|
+
<tr><th scope="row">Support</th><td>Email</td><td>Email</td><td>Priority email</td><td>A named contact</td></tr>
|
|
460
|
+
</tbody>
|
|
461
|
+
</table>
|
|
462
|
+
</div>
|
|
463
|
+
</div>
|
|
464
|
+
</section>
|
|
465
|
+
|
|
466
|
+
<!-- components -->
|
|
467
|
+
<section class="gw-section gw-section--soft" aria-labelledby="components-h">
|
|
468
|
+
<div class="gw-wrap">
|
|
469
|
+
<div class="gw-section__head">
|
|
470
|
+
<p class="gw-label">Components</p>
|
|
471
|
+
<h2 id="components-h"><span class="gw-dim">The pieces.</span> Every section is made of them.</h2>
|
|
472
|
+
<p class="gw-lead">A specimen board: on a real page, one filled button per view.</p>
|
|
473
|
+
</div>
|
|
474
|
+
<div class="demo-specimen">
|
|
475
|
+
<h3>Buttons</h3>
|
|
476
|
+
<div class="gw-actions">
|
|
477
|
+
<a class="gw-btn" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
478
|
+
<a class="gw-btn gw-btn--secondary" href="https://gemboss.ai/contact">Book a demo</a>
|
|
479
|
+
<a class="gw-btn gw-btn--ghost" href="https://gemboss.ai/pricing">See pricing</a>
|
|
480
|
+
<a class="gw-btn gw-btn--sm" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
481
|
+
<a class="gw-btn gw-btn--lg" href="https://admin.gemboss.ai/signup">Start 14-day free trial</a>
|
|
482
|
+
</div>
|
|
483
|
+
</div>
|
|
484
|
+
<div class="demo-specimen">
|
|
485
|
+
<h3>Links</h3>
|
|
486
|
+
<p>The <a class="gw-link" href="https://gemboss.ai/docs">GemBoss docs</a> list every guide and MCP tool, with examples you can copy.</p>
|
|
487
|
+
<div class="gw-actions demo-mt"><a class="gw-link gw-link--arrow" href="https://gemboss.ai/integrations">See all integrations</a></div>
|
|
488
|
+
</div>
|
|
489
|
+
<div class="demo-specimen">
|
|
490
|
+
<h3>Chips and badges</h3>
|
|
491
|
+
<div class="gw-actions">
|
|
492
|
+
<button class="gw-chip" type="button" aria-pressed="true">Serum</button>
|
|
493
|
+
<button class="gw-chip" type="button" aria-pressed="false">Snack bars</button>
|
|
494
|
+
<button class="gw-chip" type="button" aria-pressed="false">Hoodies</button>
|
|
495
|
+
</div>
|
|
496
|
+
<div class="gw-actions demo-mt">
|
|
497
|
+
<span class="gw-badge gw-badge--success">Live</span>
|
|
498
|
+
<span class="gw-badge gw-badge--accent">A/B test</span>
|
|
499
|
+
<span class="gw-badge">Draft</span>
|
|
500
|
+
<span class="gw-badge gw-badge--warning">Early access</span>
|
|
501
|
+
</div>
|
|
502
|
+
</div>
|
|
503
|
+
<div class="demo-specimen">
|
|
504
|
+
<h3>Cards</h3>
|
|
505
|
+
<div class="gw-grid--3">
|
|
506
|
+
<div class="gw-card">
|
|
507
|
+
<h4>Control by default</h4>
|
|
508
|
+
<p>Every change is staged for approval. Each store's data stays separate, and exports anytime.</p>
|
|
509
|
+
</div>
|
|
510
|
+
<div class="gw-card gw-card--soft">
|
|
511
|
+
<h4>Nothing migrates</h4>
|
|
512
|
+
<p>Catalog, checkout, orders and apps stay in the Shopify store you already run.</p>
|
|
513
|
+
</div>
|
|
514
|
+
<a class="gw-card gw-card--link" href="https://gemboss.ai/mcp">
|
|
515
|
+
<h4>Open to your team and agents</h4>
|
|
516
|
+
<p>100+ MCP tools, so your team, your agency or your own AI can drive the engine.</p>
|
|
517
|
+
<span class="gw-link gw-link--arrow">See MCP and agents</span>
|
|
518
|
+
</a>
|
|
519
|
+
</div>
|
|
520
|
+
</div>
|
|
521
|
+
</div>
|
|
522
|
+
</section>
|
|
523
|
+
|
|
524
|
+
<!-- faq -->
|
|
525
|
+
<section class="gw-section" aria-labelledby="faq-h">
|
|
526
|
+
<div class="gw-wrap gw-wrap--narrow">
|
|
527
|
+
<div class="gw-section__head">
|
|
528
|
+
<p class="gw-label">FAQ</p>
|
|
529
|
+
<h2 id="faq-h">Good to know</h2>
|
|
530
|
+
</div>
|
|
531
|
+
<div class="gw-faq">
|
|
532
|
+
<details class="gw-faq__item" open>
|
|
533
|
+
<summary>Do I have to leave Shopify or migrate my store?</summary>
|
|
534
|
+
<p>No. GemBoss is a layer on top of your existing Shopify store. Your catalog, checkout, orders, and apps stay put. The storefront ships headless, on top of the store you already run.</p>
|
|
535
|
+
</details>
|
|
536
|
+
<details class="gw-faq__item">
|
|
537
|
+
<summary>Does the AI publish changes on its own?</summary>
|
|
538
|
+
<p>Never. Nothing auto-publishes. Every page, test, offer and edit is staged for your approval before it goes live.</p>
|
|
539
|
+
</details>
|
|
540
|
+
<details class="gw-faq__item">
|
|
541
|
+
<summary>Does GemBoss run my ads?</summary>
|
|
542
|
+
<p>No. GemBoss writes angles and ad copy and builds the pages your ads point at, each with a landing URL and UTMs already set. You launch the ads in your own Meta, TikTok or Google account.</p>
|
|
543
|
+
</details>
|
|
544
|
+
<details class="gw-faq__item">
|
|
545
|
+
<summary>Do I need to code or design?</summary>
|
|
546
|
+
<p>No coding or design skills required. Describe your brand or point GemBoss at a reference, connect your catalog, and it composes the pages. You guide it in plain language.</p>
|
|
547
|
+
</details>
|
|
548
|
+
</div>
|
|
549
|
+
</div>
|
|
550
|
+
</section>
|
|
551
|
+
|
|
552
|
+
<!-- cta (night band 2 of 2) -->
|
|
553
|
+
<section class="gw-section gw-band--night" aria-labelledby="cta-h">
|
|
554
|
+
<div class="gw-wrap gw-cta">
|
|
555
|
+
<h2 id="cta-h">Put the engine to work on your next launch.</h2>
|
|
556
|
+
<p class="gw-lead">Start with one product. GemBoss drafts the angles, the pages and the first test, and waits for your OK.</p>
|
|
557
|
+
<div class="gw-actions">
|
|
558
|
+
<a class="gw-btn" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
559
|
+
<a class="gw-btn gw-btn--secondary" href="https://gemboss.ai/contact">Book a demo</a>
|
|
560
|
+
</div>
|
|
561
|
+
<p class="gw-note">Free build, no account needed.</p>
|
|
562
|
+
</div>
|
|
563
|
+
</section>
|
|
564
|
+
</main>
|
|
565
|
+
|
|
566
|
+
<footer class="gw-footer">
|
|
567
|
+
<div class="gw-wrap">
|
|
568
|
+
<div class="gw-footer__grid">
|
|
569
|
+
<div class="gw-footer__brand">
|
|
570
|
+
<a class="gw-brand" href="https://gemboss.ai/"><svg class="gw-brand__mark" viewBox="0 0 100 116" aria-hidden="true"><polygon points="26,14 74,14 66,50 34,50" style="fill:var(--gw-accent)"/><path d="M26,14 74,14 96,50 50,110 4,50Z" fill="none" stroke="currentColor" stroke-width="9" stroke-linejoin="round"/><path d="M4,50H96M26,14 34,50M74,14 66,50M34,50 50,110M66,50 50,110" fill="none" stroke="currentColor" stroke-width="5.6" stroke-linejoin="round"/></svg><span class="gw-brand__name">GemBoss</span></a>
|
|
571
|
+
<p>The AI Conversion Engine for Shopify. Build a brand-true store, ship it blazing fast, and see what to change to sell more.</p>
|
|
572
|
+
</div>
|
|
573
|
+
<nav class="gw-footer__col" aria-label="Product">
|
|
574
|
+
<h2 class="gw-footer__heading">Product</h2>
|
|
575
|
+
<ul>
|
|
576
|
+
<li><a href="https://gemboss.ai/funnel">Funnel builder</a></li>
|
|
577
|
+
<li><a href="https://gemboss.ai/ai-store-builder">Storefront builder</a></li>
|
|
578
|
+
<li><a href="https://gemboss.ai/gemx">Tests & personalization</a></li>
|
|
579
|
+
<li><a href="https://gemboss.ai/gemoffers">Offers & upsells</a></li>
|
|
580
|
+
<li><a href="https://gemboss.ai/integrations">Integrations</a></li>
|
|
581
|
+
<li><a href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
582
|
+
</ul>
|
|
583
|
+
</nav>
|
|
584
|
+
<nav class="gw-footer__col" aria-label="Use cases">
|
|
585
|
+
<h2 class="gw-footer__heading">Use cases</h2>
|
|
586
|
+
<ul>
|
|
587
|
+
<li><a href="https://gemboss.ai/meta-ads">Meta, Google & TikTok ads</a></li>
|
|
588
|
+
<li><a href="https://gemboss.ai/klaviyo-personalized-landing-pages">Klaviyo landing pages</a></li>
|
|
589
|
+
<li><a href="https://gemboss.ai/affiliate-landing-pages">Affiliate pages</a></li>
|
|
590
|
+
<li><a href="https://gemboss.ai/agent-ready">AI agents & AI search</a></li>
|
|
591
|
+
</ul>
|
|
592
|
+
</nav>
|
|
593
|
+
<nav class="gw-footer__col" aria-label="Resources">
|
|
594
|
+
<h2 class="gw-footer__heading">Resources</h2>
|
|
595
|
+
<ul>
|
|
596
|
+
<li><a href="https://gemboss.ai/audit">Free store audit</a></li>
|
|
597
|
+
<li><a href="https://gemboss.ai/blog">Blog</a></li>
|
|
598
|
+
<li><a href="https://gemboss.ai/docs">Docs</a></li>
|
|
599
|
+
<li><a href="https://gemboss.ai/mcp">MCP for AI agents</a></li>
|
|
600
|
+
<li><a href="https://feedback.gemboss.ai/changelog" rel="noopener">Changelog</a></li>
|
|
601
|
+
</ul>
|
|
602
|
+
</nav>
|
|
603
|
+
<nav class="gw-footer__col" aria-label="Company">
|
|
604
|
+
<h2 class="gw-footer__heading">Company</h2>
|
|
605
|
+
<ul>
|
|
606
|
+
<li><a href="https://gemboss.ai/company">About</a></li>
|
|
607
|
+
<li><a href="https://gemboss.ai/careers">Careers</a></li>
|
|
608
|
+
<li><a href="https://gemboss.ai/partners">Partners</a></li>
|
|
609
|
+
<li><a href="https://gemboss.ai/contact">Contact</a></li>
|
|
610
|
+
</ul>
|
|
611
|
+
</nav>
|
|
612
|
+
</div>
|
|
613
|
+
<div class="gw-footer__bottom">
|
|
614
|
+
<span>© 2026 GemBoss. All rights reserved.</span>
|
|
615
|
+
<ul aria-label="Legal">
|
|
616
|
+
<li><a href="https://gemboss.ai/privacy">Privacy</a></li>
|
|
617
|
+
<li><a href="https://gemboss.ai/terms">Terms</a></li>
|
|
618
|
+
</ul>
|
|
619
|
+
<ul aria-label="Social">
|
|
620
|
+
<li><a href="https://www.linkedin.com/company/gempages" rel="noopener">LinkedIn</a></li>
|
|
621
|
+
<li><a href="https://x.com/gempages" rel="noopener">X</a></li>
|
|
622
|
+
</ul>
|
|
623
|
+
</div>
|
|
624
|
+
</div>
|
|
625
|
+
</footer>
|
|
626
|
+
|
|
627
|
+
<script src="../js/website.js" defer></script>
|
|
628
|
+
</body>
|
|
629
|
+
</html>
|