add hero mockup

This commit is contained in:
2026-09-12 21:09:40 +02:00
parent ebfe68c132
commit 88d6d9ddef
3 changed files with 67 additions and 83 deletions
+10 -57
View File
@@ -49,72 +49,25 @@
<main>
<section class="hero">
<div class="container">
<img
class="hero__watermark"
src="assets/favicon.png"
width="463"
height="539"
alt=""
aria-hidden="true"
/>
<div class="container hero__inner">
<div class="hero__content">
<p class="hero__badge">Free &amp; open source</p>
<h1>Self-hosted crypto shop</h1>
<ul class="hero__highlights" aria-label="Key features">
<li>Non-custodial</li>
<li>No JS</li>
<li>No accounts</li>
<li>Clearnet &amp; Tor onion</li>
</ul>
<h1>Privacy-first, self-hosted crypto commerce</h1>
<p class="hero__sub">
Complete, privacy-focused crypto e-commerce solution. Built with a
mission to support the crypto economy.
</p>
<div class="hero__actions">
<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 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--primary" href="#features">See features</a>
</div>
</div>
<img
class="hero__visual"
src="assets/hero_mockup.png"
width="1024"
height="562"
alt="NullCart storefront on desktop and mobile"
/>
</div>
</section>