Skip to content
3 changes: 3 additions & 0 deletions website/src/components/features/about/MissionSection.astro
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,9 @@ const t = await createTranslator(locale);
<p class="mission-body">
{t("about.mission.body2")}
</p>
<p class="mission-body">
{t("about.mission.body4")}
</p>
</div>
</div>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -343,7 +343,7 @@ const t = await createTranslator(locale);
style="background:rgba(232,230,224,0.35);animation:none;"
>
</div>
{t("home.ecosystem.cards.network.validators")}
{t("home.ecosystem.cards.network.miners")}
</div>
<div class="eco-dl-tags">
<a
Expand Down
41 changes: 30 additions & 11 deletions website/src/components/features/home/HeroBanner.astro
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ const t = await createTranslator(locale);

<div id="hero">
<div id="ascii-hero"></div>
<div class="scrim"></div>

<div class="hc" id="hc">
<div class="eyebrow">{t("home.hero_banner.eyebrow")}</div>
Expand All @@ -16,7 +17,9 @@ const t = await createTranslator(locale);
t("home.hero_banner.title_line2")
}
</h1>
<div class="sub"></div>
<div class="sub">
<p class="sub-l">{t("home.hero_banner.sub")}</p>
</div>
<div class="ctas">
<Button
href="#"
Expand Down Expand Up @@ -88,6 +91,21 @@ const t = await createTranslator(locale);
padding: 0;
}

/* Damps the ASCII field under the copy; z-index sits above #ascii-hero,
below .hc, so the field stays visible around the text */
.scrim {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
background: radial-gradient(
ellipse 46% 34% at 50% 50%,
rgba(14, 14, 14, 0.7) 0%,
rgba(14, 14, 14, 0.7) 30%,
rgba(14, 14, 14, 0) 78%
);
}

/* HERO CONTENT */
.hc {
position: absolute;
Expand Down Expand Up @@ -160,17 +178,14 @@ const t = await createTranslator(locale);
}

.sub-l {
font-family: "Geist Mono", monospace;
font-size: 12px;
font-weight: 300;
color: var(--color-muted);
font-family: "Geist", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.45;
color: rgba(232, 230, 224, 0.6); /* matches .wallet-sub */
letter-spacing: 0.03em;
}
.sub-l::before {
content: "—";
margin-right: 9px;
color: var(--color-flare);
opacity: 0.45;
max-width: 680px;
text-wrap: balance;
}

.ctas {
Expand Down Expand Up @@ -277,6 +292,10 @@ const t = await createTranslator(locale);
font-size: clamp(28px, 8vw, 40px);
}

.sub-l {
font-size: 16px;
}

.hc {
padding: 0 24px;
padding-top: 80px;
Expand Down
52 changes: 51 additions & 1 deletion website/src/components/features/home/ProblemSection.astro
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
import { createTranslator, getLocaleFromUrl } from "@/utils/i18n";
import Button from "@/components/ui/Button.astro";

const locale = getLocaleFromUrl(Astro.url.pathname);
const t = await createTranslator(locale);
Expand Down Expand Up @@ -99,6 +100,16 @@ const t = await createTranslator(locale);
</div>
</div>

<!-- CLOSER ROW -->
<div class="prob-closer-row">
<p class="prob-closer">
{t("home.problem.closer")}
</p>
<Button href="/technology" variant="secondary" size="medium">
{t("home.problem.cta")}
</Button>
</div>

<!-- BOTTOM ROW -->
<div class="prob-bottom-row">
<span class="prob-source">
Expand Down Expand Up @@ -177,6 +188,7 @@ const t = await createTranslator(locale);
.prob-headline-row,
.prob-data-row1,
.prob-data-row2,
.prob-closer-row,
.prob-bottom-row {
opacity: 0;
transform: translateY(16px);
Expand Down Expand Up @@ -209,13 +221,20 @@ const t = await createTranslator(locale);
opacity 0.6s ease 0.5s,
transform 0.6s ease 0.5s;
}
#problem.vis .prob-bottom-row {
#problem.vis .prob-closer-row {
opacity: 1;
transform: none;
transition:
opacity 0.6s ease 0.65s,
transform 0.6s ease 0.65s;
}
#problem.vis .prob-bottom-row {
opacity: 1;
transform: none;
transition:
opacity 0.6s ease 0.8s,
transform 0.6s ease 0.8s;
}

/* TOP ROW */
.prob-top-row {
Expand Down Expand Up @@ -361,6 +380,26 @@ const t = await createTranslator(locale);
}

/* BOTTOM ROW */
/* CLOSER ROW */
.prob-closer-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
border-top: 1px solid rgba(232, 230, 224, 0.08);
padding: 28px;
}
.prob-closer {
font-family: "Geist", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.45;
color: rgba(232, 230, 224, 0.6);
max-width: 620px;
margin: 0;
text-wrap: balance;
}

.prob-bottom-row {
display: flex;
align-items: center;
Expand Down Expand Up @@ -441,6 +480,17 @@ const t = await createTranslator(locale);
letter-spacing: 0.08em;
}

.prob-closer-row {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 24px 20px;
}

.prob-closer {
font-size: 16px;
}

.prob-bottom-row {
flex-direction: column;
gap: 6px;
Expand Down
4 changes: 2 additions & 2 deletions website/src/components/features/technology/CtaSection.astro
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,11 @@ const t = await createTranslator(locale);
{t("technology.cta.primary_cta")}
</a>
<a
href="https://explorer.quantus.com/"
href="https://docs.quantus.com/guides/mining/"
class="tech-cta-secondary"
target="_blank"
rel="noopener"
data-track="explorer_click"
data-track="mining_docs_click"
data-track-cta-location="technology_cta"
>
{t("technology.cta.secondary_cta")}
Expand Down
4 changes: 2 additions & 2 deletions website/src/components/features/wallet/HeroBanner.astro
Original file line number Diff line number Diff line change
Expand Up @@ -316,11 +316,11 @@ const t = await createTranslator(locale);
padding: 14px 32px;
text-decoration: none;
display: inline-block;
transition: opacity 0.18s;
transition: opacity 0.2s;
white-space: nowrap;
}
.wallet-btn-primary:hover {
opacity: 0.88;
opacity: 0.85;
}

.wallet-btn-secondary {
Expand Down
3 changes: 1 addition & 2 deletions website/src/components/ui/Button.astro
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,7 @@ const baseClasses =

const variantClasses = {
primary: "border border-flare bg-flare text-void hover:opacity-85",
secondary:
"border border-border-med bg-void text-content hover:border-content-50",
secondary: "border border-content bg-void text-content hover:opacity-85",
outline:
"border border-flare bg-transparent text-flare hover:bg-flare hover:text-void",
}[variant];
Expand Down
26 changes: 15 additions & 11 deletions website/src/i18n/de-DE.json
Original file line number Diff line number Diff line change
Expand Up @@ -132,8 +132,9 @@
},
"hero_banner": {
"eyebrow": "Quantensicheres verschlüsseltes Geld",
"title_line1": "Die Blockchain, die",
"title_line1": "Geld, das",
"title_line2": "Quantencomputer nicht brechen können.",
"sub": "Quantus ist die Post-Quanten-Layer-1. Sein Geld ist QUAN: durch Mining entstanden, ab Tag eins von über 35 Chains erreichbar.",
"cta_whitepaper": "Whitepaper lesen",
"cta_download_wallet": "Wallet herunterladen",
"freq": {
Expand All @@ -144,7 +145,7 @@
"block_height": "BLOCKHÖHE",
"qtps": "QTPS",
"uptime": "UPTIME",
"nodes": "NODES",
"nodes": "MINER",
"mainnet": "MAINNET: ??"
}
},
Expand Down Expand Up @@ -181,6 +182,8 @@
"vulnerable": "Anfällig",
"secure": "Sicher"
},
"closer": "Die Kryptografie hinter allen Assets oben hat ein Ablaufdatum. Quantus wurde für eine Post-Quanten-Zukunft entwickelt.",
"cta": "Die Kryptografie ansehen",
"source": "Quelle: NIST Post-Quantum Cryptography Standardization · 2024"
},
"solution": {
Expand Down Expand Up @@ -260,14 +263,14 @@
"network": {
"label": "Netzwerk",
"description": "Netzwerkaktivität anzeigen.",
"validators": "247 aktive Validatoren",
"miners": "247 aktive Miner",
"explorer_cta": "Explorer anzeigen"
}
}
},
"community": {
"eyebrow": "Community",
"headline": "Machen Sie mit. Bleiben Sie in Kontakt.",
"headline": "Machen Sie mit.",
"cards": {
"telegram": {
"label": "Telegram",
Expand All @@ -293,7 +296,7 @@
},
"newsletter": {
"headline": "Das Fenster ist offen.",
"sub": "Erhalten Sie Quanten-Sicherheits-Updates, Protokoll-News und frühen Zugang direkt in Ihren Posteingang.",
"sub": "Erhalten Sie QUAN-Updates als Erster.",
"first_name_placeholder": "Vorname",
"first_name_aria": "Vorname",
"last_name_placeholder": "Nachname",
Expand Down Expand Up @@ -345,7 +348,7 @@
},
"scale": {
"title": "Auf Skalierung ausgelegt",
"body": "Post-Quanten-Signaturen sind größer als klassische. Wir haben das mit einem Zero-Knowledge-Proof-System gelöst, das Tausende von Transaktionen in einen einzigen verifizierbaren Proof komprimiert – ohne die Sicherheit zu opfern."
"body": "Post-Quanten-Signaturen sind größer als klassische. Quantus löst das mit einem Zero-Knowledge-Proof-System, das Tausende von Transaktionen in einen einzigen verifizierbaren Proof komprimiert – ohne die Sicherheit zu opfern."
}
}
},
Expand Down Expand Up @@ -404,7 +407,7 @@
"title": "Das vollständige technische Bild.",
"sub": "Protokollarchitektur, kryptografische Annahmen und das komplette Sicherheitsmodell – im Quantus-Whitepaper.",
"primary_cta": "Whitepaper lesen",
"secondary_cta": "Netzwerk erkunden"
"secondary_cta": "Mining starten"
}
},
"wallet": {
Expand All @@ -415,7 +418,7 @@
"hero_banner": {
"eyebrow": "DIE QUANTUS-WALLET",
"title": "Überlegenes Geld. In Ihrer Tasche.",
"sub": "Senden, empfangen und speichern Sie quantensicheres, wertbeständiges Geld. Verfügbar für iOS und Android.",
"sub": "Senden, empfangen und speichern Sie QUAN: quantensicheres, wertbeständiges Geld. Verfügbar für iOS und Android.",
"cta_app_store": "Im App Store herunterladen",
"cta_google_play": "Bei Google Play herunterladen"
},
Expand Down Expand Up @@ -491,7 +494,8 @@
"heading": "Dauerhafte wirtschaftliche Freiheit",
"body1": "Jede Entscheidung, die wir treffen – vom Protokolldesign bis zum User Interface –, basiert auf tiefem technischem Wissen und Respekt vor Einfachheit.",
"body2": "Wir konzentrieren uns auf das Wesentliche: mathematisch bewiesene Sicherheit, hohe Leistung und ein Produkterlebnis, das sich mühelos anfühlt.",
"body3": "Wir bauen mit Präzision. Wir bewegen uns schnell, ohne Abkürzungen zu nehmen. Und wir entwickeln für die Welt von morgen, nicht für die von gestern."
"body3": "Wir bauen mit Präzision. Wir bewegen uns schnell, ohne Abkürzungen zu nehmen. Und wir entwickeln für die Welt von morgen, nicht für die von gestern.",
"body4": "Das Produkt ist Geld, das Bestand hat. Es heißt QUAN."
},
"advisors": {
"eyebrow": "BERATER"
Expand Down Expand Up @@ -546,7 +550,7 @@
"hero": {
"eyebrow": "COMMUNITY",
"heading": "Die Menschen, die die quantensichere Zukunft bauen.",
"sub": "Werden Sie Teil der Quantus-Community. Forscher und Early Adopter, die die Quantenbedrohung verstanden haben, bevor der Mainstream aufmerksam wurde."
"sub": "Werden Sie Teil der Quantus-Community. Forscher, Miner und frühe Inhaber, die die Quantenbedrohung verstanden haben, bevor der Mainstream aufmerksam wurde."
},
"events": {
"eyebrow": "EVENTS",
Expand All @@ -568,7 +572,7 @@
"telegram": {
"eyebrow": "DISKUSSION BEITRETEN",
"heading": "Finden Sie Ihren Platz in der Community.",
"body": "Vernetzen Sie sich mit Forschern und Early Adoptern in der Quantus-Telegram-Community.",
"body": "Vernetzen Sie sich mit Forschern, Minern und frühen Inhabern in der Quantus-Telegram-Community.",
"cta": "TELEGRAM BEITRETEN →"
},
"socials": {
Expand Down
Loading