Compare commits

...
3 Commits
Author SHA1 Message Date
nobswebdev d91c03002b Improve hero layout, gallery grid, and anchor scroll offset.
Stack hero actions in a row, center the fifth gallery item, and offset in-page navigation for the sticky header.
2026-09-07 15:43:38 +02:00
nobswebdev 8d201527a9 Rebrand promo site as a crypto shop and refresh page copy.
Position NullCart as a multi-crypto self-hosted shop, expand the gallery to five screens, and tighten wording across hero, features, and roadmap sections.
2026-09-07 15:43:31 +02:00
nobswebdev 66d5744418 Update gallery screenshots and add cart image.
Refresh product screenshots for the multi-coin storefront and add the shopping cart screen to the gallery.
2026-09-07 15:43:27 +02:00
7 changed files with 604 additions and 544 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 704 KiB

+467 -446
View File
File diff suppressed because it is too large Load Diff
+137 -98
View File
@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="NullCart free, self-hosted Monero shop. No JS, no buyer accounts. Sell on clearnet and Tor."
content="NullCart - free, self-hosted, privacy-focused crypto shop. Sell on clearnet and Tor."
/>
<title>NullCart — Free self-hosted Monero shop</title>
<title>NullCart - free self-hosted crypto shop</title>
<link rel="icon" href="assets/favicon.png" type="image/png" />
<link rel="stylesheet" href="css/styles.css" />
</head>
@@ -60,7 +60,7 @@
/>
<div class="hero__content">
<p class="hero__badge">Free &amp; open source</p>
<h1>Self-hosted Monero shop</h1>
<h1>Self-hosted crypto shop</h1>
<ul class="hero__highlights" aria-label="Key features">
<li>Non-custodial</li>
<li>No JS</li>
@@ -68,49 +68,51 @@
<li>Clearnet &amp; Tor onion</li>
</ul>
<p class="hero__sub">
Complete crypto e-commerce solution, with no third parties
involved. Built with a mission to support the crypto economy.
Complete, privacy-focused crypto e-commerce solution. Built with a
mission to support the crypto economy.
</p>
<div class="hero__actions">
<div class="link-group">
<span class="link-group__label">Repository</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://git.nobswebdev.com/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
<div class="hero__actions-row">
<div class="link-group">
<span class="link-group__label">Repository</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://git.nobswebdev.com/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
</div>
</div>
<div class="link-group">
<span class="link-group__label">Live demo</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://demo.nullcart.net/"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
<div class="link-group">
<span class="link-group__label">Live demo</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://demo.nullcart.net/"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
</div>
<a class="btn btn--ghost" href="#features">See features</a>
</div>
<a class="btn btn--ghost" href="#features">See features</a>
</div>
</div>
</div>
@@ -120,15 +122,11 @@
<div class="container about">
<h2 class="section__title">What is NullCart?</h2>
<p>
NullCart is an open-source, self-hosted shop for accepting Monero.
Run it on your server with a non-custodial wallet, and sell on
clearnet and Tor.
</p>
<p>
Built for the Monero community — designed for a maximum privacy
experience and full control over funds and infrastructure. Lower the
barrier to selling with XMR and help grow the circular crypto
economy.
NullCart is a free, open-source crypto shop you host yourself. You
run it on your server with built-in non-custodial wallets - no
payment processors in the middle. Buyers pay in crypto without
accounts, and the storefront runs without JavaScript. You manage
products and orders from a merchant CMS, on clearnet and Tor.
</p>
</div>
</section>
@@ -137,8 +135,7 @@
<div class="container">
<h2 class="section__title">Privacy features</h2>
<p class="section__lead">
Built for the Monero community — privacy at every layer of the buyer
experience.
Privacy at every layer of the buyer experience.
</p>
<ul class="pillars privacy-features">
<li class="pillar">
@@ -155,11 +152,11 @@
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Non-custodial
wallet
wallets
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> XMR-only
payments
<span class="pillar__dot" aria-hidden="true"></span> Monero
supported
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Zero
@@ -193,7 +190,7 @@
<div class="container">
<h2 class="section__title">Features</h2>
<p class="section__lead">
Everything you need to sell digital and physical goods with Monero.
Everything you need to sell digital and physical goods with crypto.
</p>
<div class="features-grid">
<article class="feature-card feature-card--lead">
@@ -214,12 +211,11 @@
</p>
<ul>
<li>
No JavaScript needed — the buyer shop runs without client-side
scripts
No JavaScript on the buyer shop - no client-side scripts
</li>
<li>Works perfectly in Tor Browser strictest security mode</li>
<li>Works in Tor Browser strictest security mode</li>
<li>
No sign-up, no profiles orders opened with a private access
No sign-up or profiles - orders open with a private access
token
</li>
</ul>
@@ -237,18 +233,19 @@
<circle cx="12" cy="12" r="10" />
<path d="M12 6v12M8 10h8M8 14h8" />
</svg>
<h3>Monero-native payments</h3>
<h3>Direct crypto payments</h3>
<p class="feature-card__lead">
Built-in Monero integration. Zero third-party payment services.
Built-in crypto wallets. No third-party payment services.
</p>
<ul>
<li>
Direct XMR payments to your own wallet no custodial gateway
Payments go straight to your wallets - no custodial gateway
</li>
<li>
Per-order addresses with QR codes; live rates, fiat display
Per-order addresses with QR codes, live rates, and fiat
display
</li>
<li>You hold the seed — funds never touch a middleman</li>
<li>You hold the keys - funds never touch a middleman</li>
</ul>
</article>
@@ -266,7 +263,7 @@
</svg>
<h3>E-commerce features</h3>
<p class="feature-card__lead">
A full storefront for digital and physical goods catalog,
A full storefront for digital and physical goods - catalog,
cart, checkout, and fulfillment.
</p>
<ul>
@@ -275,15 +272,15 @@
</li>
<li>Shopping cart, checkout, and discount codes</li>
<li>
Auto-deliver digital goods; quote and collect shipping for
physical orders
Auto-deliver digital goods and quote shipping for physical
orders
</li>
<li>
Order tracking, live payment status, and per-order buyer chat
</li>
<li>Custom branding your logo, favicon, and shop name</li>
<li>Custom branding - your logo, favicon, and shop name</li>
<li>
Prices shown in fiat, paid in Monero with live exchange rates
Prices shown in fiat, paid in crypto with live exchange rates
</li>
</ul>
</article>
@@ -321,7 +318,7 @@
<div class="container">
<h2 class="section__title">How it works</h2>
<p class="section__lead">
Three steps from zero to selling with Monero.
Three steps from zero to selling with crypto.
</p>
<ol class="steps">
<li class="step">
@@ -338,8 +335,8 @@
<li class="step">
<h3>Sell</h3>
<p>
Buyers pay in XMR; you fulfill orders, chat when needed, get
notified via SimpleX.
Buyers pay in crypto. You fulfill orders, chat when needed, and
get notified via SimpleX.
</p>
</li>
</ol>
@@ -362,14 +359,33 @@
<div class="gallery__frame">
<img
src="assets/gallery/storefront.png"
width="1508"
height="902"
width="1469"
height="899"
alt="Storefront product catalog"
/>
</div>
</a>
<figcaption class="gallery__caption">
Storefront product catalog
Storefront - product catalog
</figcaption>
</figure>
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-cart"
aria-label="View larger cart screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/>
</div>
</a>
<figcaption class="gallery__caption">
Cart - shopping cart
</figcaption>
</figure>
<figure class="gallery__item">
@@ -381,14 +397,14 @@
<div class="gallery__frame">
<img
src="assets/gallery/checkout.png"
width="1508"
height="902"
alt="Checkout with Monero QR code"
width="1469"
height="899"
alt="Checkout with crypto QR code"
/>
</div>
</a>
<figcaption class="gallery__caption">
Checkout — XMR payment with QR code
Checkout - crypto payment with QR code
</figcaption>
</figure>
<figure class="gallery__item">
@@ -400,17 +416,17 @@
<div class="gallery__frame">
<img
src="assets/gallery/order.png"
width="1508"
height="902"
width="1469"
height="899"
alt="Order page with encrypted chat"
/>
</div>
</a>
<figcaption class="gallery__caption">
Order page status and encrypted chat
Order page - status and encrypted chat
</figcaption>
</figure>
<figure class="gallery__item">
<figure class="gallery__item gallery__item--last">
<a
class="gallery__link"
href="#lightbox-cms"
@@ -446,8 +462,8 @@
<img
class="lightbox__img"
src="assets/gallery/storefront.png"
width="1508"
height="902"
width="1469"
height="899"
alt="Storefront product catalog"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
@@ -459,7 +475,7 @@
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Checkout with Monero QR code"
aria-label="Checkout with crypto QR code"
>
<a
class="lightbox__backdrop"
@@ -469,9 +485,32 @@
<img
class="lightbox__img"
src="assets/gallery/checkout.png"
width="1508"
height="902"
alt="Checkout with Monero QR code"
width="1469"
height="899"
alt="Checkout with crypto QR code"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-cart"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Shopping cart"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
@@ -492,8 +531,8 @@
<img
class="lightbox__img"
src="assets/gallery/order.png"
width="1508"
height="902"
width="1469"
height="899"
alt="Order page with encrypted chat"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
@@ -531,8 +570,8 @@
<div class="cta-block">
<h2>Live demo</h2>
<p>
Try a running NullCart shop — browse products, cart, and checkout
flow. Test payments with stagenet Monero.
Try a running NullCart shop. Browse products, cart, and checkout.
Test payments on test networks.
</p>
<div class="repo-links repo-links--center">
<a
@@ -593,10 +632,10 @@
</p>
</li>
<li class="roadmap__item">
<h3>More privacy coins</h3>
<h3>More cryptocurrencies</h3>
<p>
Support for additional privacy-focused cryptocurrencies beyond
Monero.
Support for more coins over time, with the same non-custodial
wallet model.
</p>
</li>
<li class="roadmap__item">
@@ -611,7 +650,7 @@
<div class="container">
<h2 class="section__title">Contact</h2>
<p class="section__lead">
Questions, feedback, or collaboration reach out.
Questions, feedback, or collaboration - reach out.
</p>
<div class="contact-grid">
<div class="contact-card">