@gemboss/website-ui 0.10.0 → 0.12.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/CHANGELOG.md +99 -0
- package/README.md +2 -2
- package/bin/lib/check.mjs +7 -2
- package/css/base.css +25 -19
- package/css/components.css +22 -9
- package/css/effects.css +1 -1
- package/css/forms.css +1 -1
- package/css/header.css +374 -120
- package/css/layout.css +7 -3
- package/css/sections.css +1 -1
- package/css/tokens.css +33 -3
- package/demo/article.html +58 -70
- package/demo/blog.html +58 -70
- package/demo/brand-profiles.html +57 -27
- package/demo/footer.html +58 -70
- package/demo/forms.html +58 -70
- package/demo/header.html +59 -109
- package/demo/index.html +58 -70
- package/demo/spotlight.html +58 -71
- package/demo/theme-example.html +1 -1
- package/docs/components.md +37 -26
- package/docs/markup-contract.md +54 -24
- package/docs/theming.md +1 -1
- package/js/website.js +315 -48
- package/js/website.mjs +350 -51
- package/package.json +1 -1
- package/system.json +47 -8
- package/templates/header.html +49 -25
- package/templates/page.html +55 -21
- package/website.css +465 -158
- package/website.min.css +1 -1
package/demo/brand-profiles.html
CHANGED
|
@@ -35,37 +35,34 @@
|
|
|
35
35
|
|
|
36
36
|
<div class="gw-announce" role="region" aria-label="Announcement">Kit demo: a GemPages-style brand with all three profiles on. Sample text, not a brand's page. <a href="index.html">Back to the full demo</a></div>
|
|
37
37
|
<header class="gw-header gw-header--float" data-gw-header>
|
|
38
|
-
<div class="gw-
|
|
38
|
+
<div class="gw-header__bar">
|
|
39
39
|
<a class="gw-brand" href="brand-profiles.html"><svg class="gw-brand__mark" viewBox="0 0 26 26" aria-hidden="true"><rect width="26" height="26" rx="7" style="fill:var(--gw-accent)"/><path d="M8 9h10M8 13h10M8 17h6" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/></svg><span class="gw-brand__name">Example brand</span></a>
|
|
40
|
-
<nav class="gw-nav" aria-label="
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
<li class="gw-nav__item"><a class="gw-nav__link" href="theme-example.html">Accent only</a></li>
|
|
62
|
-
</ul>
|
|
63
|
-
</nav>
|
|
40
|
+
<nav class="gw-nav" aria-label="Primary">
|
|
41
|
+
<ul class="gw-nav__list">
|
|
42
|
+
<li class="gw-nav__item">
|
|
43
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/product" aria-expanded="false" aria-controls="gw-mega-product">Product <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
44
|
+
<div class="gw-mega" id="gw-mega-product" style="--gw-mega-w:1120px;--gw-mega-pv:380px" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Build</span><a class="gw-mega__link" href="https://gemboss.ai/funnel" data-gw-preview="gw-pv-funnel"><span><b>Funnel builder</b><i>Angles, advertorials, offers</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder" data-gw-preview="gw-pv-store"><span><b>Storefront builder</b><i>Headless, on your Shopify</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/page-builder" data-gw-preview="gw-pv-page"><span><b>Page builder</b><i>Ask, watch, publish</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/custom-theme" data-gw-preview="gw-pv-sections"><span><b>Custom theme</b><i>60 sections that convert</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Grow</span><a class="gw-mega__link" href="https://gemboss.ai/ab-testing" data-gw-preview="gw-pv-ab"><span><b>Tests & personalization</b><i>You promote the winner</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/offers" data-gw-preview="gw-pv-offer"><span><b>Offers & upsells</b><i>Bundles, gifts, bumps</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/data" data-gw-preview="gw-pv-chart"><span><b>Analytics & data</b><i>First-party, yours</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/product" data-gw-preview="gw-pv-ops"><span><b>Operator</b><i>What to change next</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Connect</span><a class="gw-mega__link" href="https://gemboss.ai/integrations" data-gw-preview="gw-pv-integrations"><span><b>Integrations</b><i>Klaviyo, Meta, Google</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/mcp" data-gw-preview="gw-pv-mcp"><span><b>MCP & agents</b><i>Claude and Codex</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/agent-ready" data-gw-preview="gw-pv-robot"><span><b>Agent-ready storefront</b><i>Ready for AI shoppers</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/ai-visibility" data-gw-preview="gw-pv-answer"><span><b>AI search visibility</b><i>Be in the answer</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://gemboss.ai/engine"><span class="gw-mega__art"><img src="assets/post-headless.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>How the engine works</b><i>Six stages, one loop. Nothing ships without you.</i><span class="gw-mega__go">See the engine →</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://feedback.gemboss.ai/changelog" rel="noopener"><span class="gw-mega__new">New</span> What's new on the changelog <span aria-hidden="true">↗</span></a><a href="https://gemboss.ai/product">Everything in the product</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Book a demo <span aria-hidden="true">→</span></a></div></div></div>
|
|
45
|
+
</li>
|
|
46
|
+
<li class="gw-nav__item">
|
|
47
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/meta-ads" aria-expanded="false" aria-controls="gw-mega-usecases">Use cases <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
48
|
+
<div class="gw-mega" id="gw-mega-usecases" style="--gw-mega-w:1000px;--gw-mega-pv:400px;--gw-mega-cols:2" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Adaptive funnels</span><a class="gw-mega__link" href="https://gemboss.ai/meta-ads" data-gw-preview="feature"><span><b>Meta, Google & TikTok ads </b><i>A funnel for every ad angle</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/klaviyo-personalized-landing-pages" data-gw-preview="gw-pv-email"><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><a class="gw-mega__link" href="https://gemboss.ai/affiliate-landing-pages" data-gw-preview="gw-pv-creator"><span><b>Affiliates & creators <span class="gw-badge gw-badge--warning">Early access</span></b><i>Put the creator on the page</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Adaptive storefront</span><a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder" data-gw-preview="gw-pv-store"><span><b>Headless storefront </b><i>Your whole Shopify store, on GemBoss</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/#personalize" data-gw-preview="gw-pv-ab"><span><b>Personalized by audience </b><i>Sections by source, device, returning</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/agent-ready" data-gw-preview="gw-pv-robot"><span><b>AI agents & AI search </b><i>Readable by AI, shoppable by agents</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://gemboss.ai/meta-ads"><span class="gw-mega__art"><img src="assets/post-motion.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>Every ad gets its own page</b><i>The page keeps the promise the ad made.</i><span class="gw-mega__go">See the ad-to-page path →</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://gemboss.ai/engine">How the engine works</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Book a demo <span aria-hidden="true">→</span></a></div></div></div>
|
|
49
|
+
</li>
|
|
50
|
+
<li class="gw-nav__item">
|
|
51
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/solutions" aria-expanded="false" aria-controls="gw-mega-solutions">Solutions <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
52
|
+
<div class="gw-mega" id="gw-mega-solutions" style="--gw-mega-w:1120px;--gw-mega-pv:380px" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">By industry</span><a class="gw-mega__link" href="https://gemboss.ai/beauty-skincare" data-gw-preview="gw-pv-beauty"><img src="/assets/img/thumbs/th-menu-beauty.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Beauty & skincare</b><i>Ingredients and routines</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/wellness-supplements" data-gw-preview="gw-pv-wellness"><img src="/assets/img/thumbs/th-menu-wellness.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Wellness & supplements</b><i>Claims done right</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/fashion-apparel" data-gw-preview="gw-pv-fashion"><img src="/assets/img/thumbs/th-menu-fashion.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Fashion & apparel</b><i>Fit, drops, returns</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/home-food" data-gw-preview="gw-pv-food"><img src="/assets/img/thumbs/th-menu-food.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Home & food</b><i>Taste and texture</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/electronics" data-gw-preview="gw-pv-electronics"><img src="/assets/img/thumbs/th-menu-electronics.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Consumer electronics</b><i>Specs that sell</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">By team</span><a class="gw-mega__link" href="https://gemboss.ai/solutions#teams" data-gw-preview="gw-pv-founders"><span><b>Founders</b><i>No dev team needed</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/solutions#teams" data-gw-preview="gw-pv-ab"><span><b>Growth leads</b><i>Test more, guess less</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/partners" data-gw-preview="gw-pv-stores"><span><b>Media buyers & agencies</b><i>Bring your clients</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/klaviyo-agencies" data-gw-preview="gw-pv-email"><span><b>Email & Klaviyo agencies</b><i>Own the page after the send</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">For bigger brands</span><a class="gw-mega__link" href="https://gemboss.ai/enterprise" data-gw-preview="gw-pv-mosaic"><span><b>Enterprise</b><i>More stores, more control</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/managed" data-gw-preview="gw-pv-tasks"><span><b>Managed service</b><i>A team runs it for you</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/contact" data-gw-preview="gw-pv-chat"><span><b>Talk to sales</b><i>A build and a test plan, not a deck</i></span></a></div></div><div class="gw-mega__aside" aria-hidden="true"></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://gemboss.ai/solutions">See all solutions</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Talk to sales <span aria-hidden="true">→</span></a></div></div></div>
|
|
53
|
+
</li>
|
|
54
|
+
<li><a class="gw-nav__link" href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
55
|
+
<li class="gw-nav__item">
|
|
56
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/blog" aria-expanded="false" aria-controls="gw-mega-resources">Resources <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
57
|
+
<div class="gw-mega" id="gw-mega-resources" style="--gw-mega-w:920px;--gw-mega-pv:400px;--gw-mega-cols:2" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Learn</span><a class="gw-mega__link" href="https://gemboss.ai/blog" data-gw-preview="gw-pv-posts"><span><b>Blog</b><i>Playbooks and guides</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/docs" data-gw-preview="gw-pv-docs"><span><b>Docs</b><i>Guides and MCP tools</i></span></a><a class="gw-mega__link" href="https://community.gemboss.ai" rel="noopener" data-gw-preview="gw-pv-community"><span><b>Community <span class="ext" aria-hidden="true">↗</span></b><i>Brands building with GemBoss</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/download" data-gw-preview="gw-pv-window"><span><b>Desktop app</b><i>GemBoss on your Mac</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Company</span><a class="gw-mega__link" href="https://gemboss.ai/company" data-gw-preview="gw-pv-about"><span><b>About</b><i>Why we build it</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/careers" data-gw-preview="gw-pv-careers"><span><b>Careers</b><i>Join the team</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/company#security" data-gw-preview="gw-pv-shield"><span><b>Security</b><i>How data stays safe</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/affiliates" data-gw-preview="gw-pv-payout"><span><b>Affiliate program</b><i>Earn on the stores you bring</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/contact" data-gw-preview="gw-pv-chat"><span><b>Contact</b><i>Talk to a human</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://news.gemboss.ai/ext" rel="noopener"><span class="gw-mega__art"><img src="assets/post-output.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>Shopify and AI news, every new tab</b><i>A free daily briefing for DTC brands. No account needed.</i><span class="gw-mega__go">Get the extension ↗</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://feedback.gemboss.ai/changelog" rel="noopener"><span class="gw-mega__new">New</span> What's new on the changelog <span aria-hidden="true">↗</span></a></div><div class="gw-mega__foot-end"></div></div></div>
|
|
58
|
+
</li>
|
|
59
|
+
</ul>
|
|
60
|
+
</nav>
|
|
64
61
|
<div class="gw-header__actions">
|
|
65
62
|
<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>
|
|
66
63
|
<a class="gw-btn gw-btn--secondary gw-btn--sm" href="index.html">Default demo</a>
|
|
67
64
|
<a class="gw-btn gw-btn--sm" href="#profiles">See the profiles</a>
|
|
68
|
-
<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="
|
|
65
|
+
<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="2" aria-hidden="true"><path d="M3 6h18M3 12h18M3 18h18"/></svg><svg class="gw-menu-toggle__close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg></button>
|
|
69
66
|
</div>
|
|
70
67
|
</div>
|
|
71
68
|
<div class="gw-mobile-menu" id="gw-mobile-menu" hidden>
|
|
@@ -86,7 +83,40 @@
|
|
|
86
83
|
</div>
|
|
87
84
|
</nav>
|
|
88
85
|
</div>
|
|
89
|
-
|
|
86
|
+
<!-- the menu rows' previews (data-gw-preview), cloned by the script on desktop -->
|
|
87
|
+
<template id="gw-pv-ab"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
88
|
+
<template id="gw-pv-about"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
89
|
+
<template id="gw-pv-answer"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
90
|
+
<template id="gw-pv-beauty"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
91
|
+
<template id="gw-pv-careers"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
92
|
+
<template id="gw-pv-chart"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
93
|
+
<template id="gw-pv-chat"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
94
|
+
<template id="gw-pv-community"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
95
|
+
<template id="gw-pv-creator"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
96
|
+
<template id="gw-pv-docs"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
97
|
+
<template id="gw-pv-electronics"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
98
|
+
<template id="gw-pv-email"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
99
|
+
<template id="gw-pv-fashion"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
100
|
+
<template id="gw-pv-food"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
101
|
+
<template id="gw-pv-founders"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
102
|
+
<template id="gw-pv-funnel"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
103
|
+
<template id="gw-pv-integrations"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
104
|
+
<template id="gw-pv-mcp"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
105
|
+
<template id="gw-pv-mosaic"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
106
|
+
<template id="gw-pv-offer"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
107
|
+
<template id="gw-pv-ops"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
108
|
+
<template id="gw-pv-page"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
109
|
+
<template id="gw-pv-payout"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
110
|
+
<template id="gw-pv-posts"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
111
|
+
<template id="gw-pv-robot"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
112
|
+
<template id="gw-pv-sections"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
113
|
+
<template id="gw-pv-shield"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
114
|
+
<template id="gw-pv-store"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
115
|
+
<template id="gw-pv-stores"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
116
|
+
<template id="gw-pv-tasks"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
117
|
+
<template id="gw-pv-wellness"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
118
|
+
<template id="gw-pv-window"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
119
|
+
</header>
|
|
90
120
|
|
|
91
121
|
<main id="main">
|
|
92
122
|
<section class="gw-hero" aria-labelledby="hero-h">
|
package/demo/footer.html
CHANGED
|
@@ -32,80 +32,35 @@
|
|
|
32
32
|
<a class="gw-skip" href="#main">Skip to content</a>
|
|
33
33
|
|
|
34
34
|
<header class="gw-header" data-gw-header>
|
|
35
|
-
<div class="gw-
|
|
35
|
+
<div class="gw-header__bar">
|
|
36
36
|
<a class="gw-brand" href="https://gemboss.ai/" data-gw-show="brand:gemboss"><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><a class="gw-brand" href="footer.html#gempages" data-gw-show="brand:gempages" hidden><svg class="gw-brand__mark" viewBox="0 0 26 26" aria-hidden="true"><rect width="26" height="26" rx="7" style="fill:var(--gw-accent)"/><path d="M8 9h10M8 13h10M8 17h6" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/></svg><span class="gw-brand__name">Example brand</span></a>
|
|
37
|
-
<nav class="gw-nav" aria-label="
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<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>
|
|
59
|
-
<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>
|
|
60
|
-
</div>
|
|
61
|
-
<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>
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
</li>
|
|
65
|
-
<li class="gw-nav__item">
|
|
66
|
-
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-usecases" data-gw-mega="gw-mega-usecases">Use cases</button>
|
|
67
|
-
<div class="gw-mega" id="gw-mega-usecases" hidden>
|
|
68
|
-
<div class="gw-wrap gw-mega__grid">
|
|
69
|
-
<div class="gw-mega__col">
|
|
70
|
-
<p class="gw-mega__heading">Adaptive funnels</p>
|
|
71
|
-
<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>
|
|
72
|
-
<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>
|
|
73
|
-
</div>
|
|
74
|
-
<div class="gw-mega__col">
|
|
75
|
-
<p class="gw-mega__heading">Adaptive storefront</p>
|
|
76
|
-
<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>
|
|
77
|
-
<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>
|
|
78
|
-
</div>
|
|
79
|
-
<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>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
</li>
|
|
83
|
-
<li class="gw-nav__item"><a class="gw-nav__link" href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
84
|
-
<li class="gw-nav__item">
|
|
85
|
-
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-resources" data-gw-mega="gw-mega-resources">Resources</button>
|
|
86
|
-
<div class="gw-mega" id="gw-mega-resources" hidden>
|
|
87
|
-
<div class="gw-wrap gw-mega__grid">
|
|
88
|
-
<div class="gw-mega__col">
|
|
89
|
-
<p class="gw-mega__heading">Learn</p>
|
|
90
|
-
<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>
|
|
91
|
-
<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>
|
|
92
|
-
</div>
|
|
93
|
-
<div class="gw-mega__col">
|
|
94
|
-
<p class="gw-mega__heading">Company</p>
|
|
95
|
-
<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>
|
|
96
|
-
<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>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</li>
|
|
101
|
-
</ul>
|
|
102
|
-
</nav>
|
|
37
|
+
<nav class="gw-nav" aria-label="Primary">
|
|
38
|
+
<ul class="gw-nav__list">
|
|
39
|
+
<li class="gw-nav__item">
|
|
40
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/product" aria-expanded="false" aria-controls="gw-mega-product">Product <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
41
|
+
<div class="gw-mega" id="gw-mega-product" style="--gw-mega-w:1120px;--gw-mega-pv:380px" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Build</span><a class="gw-mega__link" href="https://gemboss.ai/funnel" data-gw-preview="gw-pv-funnel"><span><b>Funnel builder</b><i>Angles, advertorials, offers</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder" data-gw-preview="gw-pv-store"><span><b>Storefront builder</b><i>Headless, on your Shopify</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/page-builder" data-gw-preview="gw-pv-page"><span><b>Page builder</b><i>Ask, watch, publish</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/custom-theme" data-gw-preview="gw-pv-sections"><span><b>Custom theme</b><i>60 sections that convert</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Grow</span><a class="gw-mega__link" href="https://gemboss.ai/ab-testing" data-gw-preview="gw-pv-ab"><span><b>Tests & personalization</b><i>You promote the winner</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/offers" data-gw-preview="gw-pv-offer"><span><b>Offers & upsells</b><i>Bundles, gifts, bumps</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/data" data-gw-preview="gw-pv-chart"><span><b>Analytics & data</b><i>First-party, yours</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/product" data-gw-preview="gw-pv-ops"><span><b>Operator</b><i>What to change next</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Connect</span><a class="gw-mega__link" href="https://gemboss.ai/integrations" data-gw-preview="gw-pv-integrations"><span><b>Integrations</b><i>Klaviyo, Meta, Google</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/mcp" data-gw-preview="gw-pv-mcp"><span><b>MCP & agents</b><i>Claude and Codex</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/agent-ready" data-gw-preview="gw-pv-robot"><span><b>Agent-ready storefront</b><i>Ready for AI shoppers</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/ai-visibility" data-gw-preview="gw-pv-answer"><span><b>AI search visibility</b><i>Be in the answer</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://gemboss.ai/engine"><span class="gw-mega__art"><img src="assets/post-headless.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>How the engine works</b><i>Six stages, one loop. Nothing ships without you.</i><span class="gw-mega__go">See the engine →</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://feedback.gemboss.ai/changelog" rel="noopener"><span class="gw-mega__new">New</span> What's new on the changelog <span aria-hidden="true">↗</span></a><a href="https://gemboss.ai/product">Everything in the product</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Book a demo <span aria-hidden="true">→</span></a></div></div></div>
|
|
42
|
+
</li>
|
|
43
|
+
<li class="gw-nav__item">
|
|
44
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/meta-ads" aria-expanded="false" aria-controls="gw-mega-usecases">Use cases <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
45
|
+
<div class="gw-mega" id="gw-mega-usecases" style="--gw-mega-w:1000px;--gw-mega-pv:400px;--gw-mega-cols:2" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Adaptive funnels</span><a class="gw-mega__link" href="https://gemboss.ai/meta-ads" data-gw-preview="feature"><span><b>Meta, Google & TikTok ads </b><i>A funnel for every ad angle</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/klaviyo-personalized-landing-pages" data-gw-preview="gw-pv-email"><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><a class="gw-mega__link" href="https://gemboss.ai/affiliate-landing-pages" data-gw-preview="gw-pv-creator"><span><b>Affiliates & creators <span class="gw-badge gw-badge--warning">Early access</span></b><i>Put the creator on the page</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Adaptive storefront</span><a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder" data-gw-preview="gw-pv-store"><span><b>Headless storefront </b><i>Your whole Shopify store, on GemBoss</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/#personalize" data-gw-preview="gw-pv-ab"><span><b>Personalized by audience </b><i>Sections by source, device, returning</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/agent-ready" data-gw-preview="gw-pv-robot"><span><b>AI agents & AI search </b><i>Readable by AI, shoppable by agents</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://gemboss.ai/meta-ads"><span class="gw-mega__art"><img src="assets/post-motion.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>Every ad gets its own page</b><i>The page keeps the promise the ad made.</i><span class="gw-mega__go">See the ad-to-page path →</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://gemboss.ai/engine">How the engine works</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Book a demo <span aria-hidden="true">→</span></a></div></div></div>
|
|
46
|
+
</li>
|
|
47
|
+
<li class="gw-nav__item">
|
|
48
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/solutions" aria-expanded="false" aria-controls="gw-mega-solutions">Solutions <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
49
|
+
<div class="gw-mega" id="gw-mega-solutions" style="--gw-mega-w:1120px;--gw-mega-pv:380px" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">By industry</span><a class="gw-mega__link" href="https://gemboss.ai/beauty-skincare" data-gw-preview="gw-pv-beauty"><img src="/assets/img/thumbs/th-menu-beauty.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Beauty & skincare</b><i>Ingredients and routines</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/wellness-supplements" data-gw-preview="gw-pv-wellness"><img src="/assets/img/thumbs/th-menu-wellness.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Wellness & supplements</b><i>Claims done right</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/fashion-apparel" data-gw-preview="gw-pv-fashion"><img src="/assets/img/thumbs/th-menu-fashion.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Fashion & apparel</b><i>Fit, drops, returns</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/home-food" data-gw-preview="gw-pv-food"><img src="/assets/img/thumbs/th-menu-food.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Home & food</b><i>Taste and texture</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/electronics" data-gw-preview="gw-pv-electronics"><img src="/assets/img/thumbs/th-menu-electronics.webp" width="160" height="108" alt="" loading="lazy" decoding="async"><span><b>Consumer electronics</b><i>Specs that sell</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">By team</span><a class="gw-mega__link" href="https://gemboss.ai/solutions#teams" data-gw-preview="gw-pv-founders"><span><b>Founders</b><i>No dev team needed</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/solutions#teams" data-gw-preview="gw-pv-ab"><span><b>Growth leads</b><i>Test more, guess less</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/partners" data-gw-preview="gw-pv-stores"><span><b>Media buyers & agencies</b><i>Bring your clients</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/klaviyo-agencies" data-gw-preview="gw-pv-email"><span><b>Email & Klaviyo agencies</b><i>Own the page after the send</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">For bigger brands</span><a class="gw-mega__link" href="https://gemboss.ai/enterprise" data-gw-preview="gw-pv-mosaic"><span><b>Enterprise</b><i>More stores, more control</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/managed" data-gw-preview="gw-pv-tasks"><span><b>Managed service</b><i>A team runs it for you</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/contact" data-gw-preview="gw-pv-chat"><span><b>Talk to sales</b><i>A build and a test plan, not a deck</i></span></a></div></div><div class="gw-mega__aside" aria-hidden="true"></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://gemboss.ai/solutions">See all solutions</a></div><div class="gw-mega__foot-end"><a class="gw-mega__cta" href="https://gemboss.ai/contact">Talk to sales <span aria-hidden="true">→</span></a></div></div></div>
|
|
50
|
+
</li>
|
|
51
|
+
<li><a class="gw-nav__link" href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
52
|
+
<li class="gw-nav__item">
|
|
53
|
+
<a class="gw-nav__trigger" href="https://gemboss.ai/blog" aria-expanded="false" aria-controls="gw-mega-resources">Resources <svg aria-hidden="true" class="gw-nav__chev" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M6 9l6 6 6-6"/></svg></a>
|
|
54
|
+
<div class="gw-mega" id="gw-mega-resources" style="--gw-mega-w:920px;--gw-mega-pv:400px;--gw-mega-cols:2" hidden><div class="gw-mega__body"><div class="gw-mega__grid"><div class="gw-mega__col"><span class="gw-mega__heading">Learn</span><a class="gw-mega__link" href="https://gemboss.ai/blog" data-gw-preview="gw-pv-posts"><span><b>Blog</b><i>Playbooks and guides</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/docs" data-gw-preview="gw-pv-docs"><span><b>Docs</b><i>Guides and MCP tools</i></span></a><a class="gw-mega__link" href="https://community.gemboss.ai" rel="noopener" data-gw-preview="gw-pv-community"><span><b>Community <span class="ext" aria-hidden="true">↗</span></b><i>Brands building with GemBoss</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/download" data-gw-preview="gw-pv-window"><span><b>Desktop app</b><i>GemBoss on your Mac</i></span></a></div><div class="gw-mega__col"><span class="gw-mega__heading">Company</span><a class="gw-mega__link" href="https://gemboss.ai/company" data-gw-preview="gw-pv-about"><span><b>About</b><i>Why we build it</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/careers" data-gw-preview="gw-pv-careers"><span><b>Careers</b><i>Join the team</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/company#security" data-gw-preview="gw-pv-shield"><span><b>Security</b><i>How data stays safe</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/affiliates" data-gw-preview="gw-pv-payout"><span><b>Affiliate program</b><i>Earn on the stores you bring</i></span></a><a class="gw-mega__link" href="https://gemboss.ai/contact" data-gw-preview="gw-pv-chat"><span><b>Contact</b><i>Talk to a human</i></span></a></div></div><div class="gw-mega__aside"><a class="gw-mega__card" href="https://news.gemboss.ai/ext" rel="noopener"><span class="gw-mega__art"><img src="assets/post-output.svg" alt="" decoding="async"></span><span class="gw-mega__card-text"><b>Shopify and AI news, every new tab</b><i>A free daily briefing for DTC brands. No account needed.</i><span class="gw-mega__go">Get the extension ↗</span></span></a></div></div><div class="gw-mega__foot"><div class="gw-mega__foot-start"><a href="https://feedback.gemboss.ai/changelog" rel="noopener"><span class="gw-mega__new">New</span> What's new on the changelog <span aria-hidden="true">↗</span></a></div><div class="gw-mega__foot-end"></div></div></div>
|
|
55
|
+
</li>
|
|
56
|
+
</ul>
|
|
57
|
+
</nav>
|
|
103
58
|
<div class="gw-header__actions">
|
|
104
59
|
<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>
|
|
105
60
|
<a class="gw-nav__link gw-header__signin" href="https://admin.gemboss.ai/login">Sign in</a>
|
|
106
|
-
<a class="gw-
|
|
61
|
+
<a class="gw-nav__link gw-header__link" href="https://gemboss.ai/contact">Book a demo</a>
|
|
107
62
|
<a class="gw-btn gw-btn--sm" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
108
|
-
<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="
|
|
63
|
+
<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="2" aria-hidden="true"><path d="M3 6h18M3 12h18M3 18h18"/></svg><svg class="gw-menu-toggle__close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg></button>
|
|
109
64
|
</div>
|
|
110
65
|
</div>
|
|
111
66
|
<div class="gw-mobile-menu" id="gw-mobile-menu" hidden>
|
|
@@ -145,7 +100,40 @@
|
|
|
145
100
|
</div>
|
|
146
101
|
</nav>
|
|
147
102
|
</div>
|
|
148
|
-
|
|
103
|
+
<!-- the menu rows' previews (data-gw-preview), cloned by the script on desktop -->
|
|
104
|
+
<template id="gw-pv-ab"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
105
|
+
<template id="gw-pv-about"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
106
|
+
<template id="gw-pv-answer"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
107
|
+
<template id="gw-pv-beauty"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
108
|
+
<template id="gw-pv-careers"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
109
|
+
<template id="gw-pv-chart"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
110
|
+
<template id="gw-pv-chat"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
111
|
+
<template id="gw-pv-community"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
112
|
+
<template id="gw-pv-creator"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
113
|
+
<template id="gw-pv-docs"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
114
|
+
<template id="gw-pv-electronics"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
115
|
+
<template id="gw-pv-email"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
116
|
+
<template id="gw-pv-fashion"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
117
|
+
<template id="gw-pv-food"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
118
|
+
<template id="gw-pv-founders"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
119
|
+
<template id="gw-pv-funnel"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
120
|
+
<template id="gw-pv-integrations"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
121
|
+
<template id="gw-pv-mcp"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
122
|
+
<template id="gw-pv-mosaic"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
123
|
+
<template id="gw-pv-offer"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
124
|
+
<template id="gw-pv-ops"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
125
|
+
<template id="gw-pv-page"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
126
|
+
<template id="gw-pv-payout"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
127
|
+
<template id="gw-pv-posts"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
128
|
+
<template id="gw-pv-robot"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
129
|
+
<template id="gw-pv-sections"><img src="assets/post-theme.svg" alt="" decoding="async"></template>
|
|
130
|
+
<template id="gw-pv-shield"><img src="assets/post-voice.svg" alt="" decoding="async"></template>
|
|
131
|
+
<template id="gw-pv-store"><img src="assets/article-hero.svg" alt="" decoding="async"></template>
|
|
132
|
+
<template id="gw-pv-stores"><img src="assets/post-headless.svg" alt="" decoding="async"></template>
|
|
133
|
+
<template id="gw-pv-tasks"><img src="assets/post-motion.svg" alt="" decoding="async"></template>
|
|
134
|
+
<template id="gw-pv-wellness"><img src="assets/post-output.svg" alt="" decoding="async"></template>
|
|
135
|
+
<template id="gw-pv-window"><img src="assets/post-speed.svg" alt="" decoding="async"></template>
|
|
136
|
+
</header>
|
|
149
137
|
|
|
150
138
|
<main id="main">
|
|
151
139
|
<section class="gw-section">
|