From 3d06c5379e79818e14eff6cef7060f2fe4f73e50 Mon Sep 17 00:00:00 2001
From: qcigano <qcigano@gmail.com>
Date: Mon, 3 Aug 2026 18:23:27 +0200
Subject: [PATCH] Zwei weitere interne Vorschau-Seiten: normale und angemeldete
 Ansicht
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ergänzt /demo-abo/ (bereits vorhanden) um:
- /demo-normal/ — Shop wie ein nicht angemeldeter Besucher ihn sieht (räumt
  ein evtl. simuliertes Konto im Browser vorher auf)
- /demo-konto/ — Kundenkonto einer angemeldeten Person OHNE Abo (Treuebonus
  dadurch im gesperrten Zustand zu sehen)

Damit gibt es jetzt für jede Sicht einen eigenen Link. Beide noindex + aus
der Sitemap ausgeschlossen, wie /demo-abo/.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 astro.config.mjs                  |  8 ++---
 src/pages/demo-konto/index.astro  | 59 +++++++++++++++++++++++++++++++
 src/pages/demo-normal/index.astro | 29 +++++++++++++++
 3 files changed, 92 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/demo-konto/index.astro
 create mode 100644 src/pages/demo-normal/index.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index e898c54..289ce85 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -8,10 +8,10 @@ const SITE_URL = 'https://www.vans-diy-bastelbedarf.de';
 
 export default defineConfig({
   site: SITE_URL,
-  // /demo-abo/ ist eine interne Vorschau-Seite (simuliertes aktives Abo, für VanVan und mich zum
-  // Anschauen) — soll nie in der Sitemap/Suchmaschinen auftauchen (siehe zusätzlich noindex-Meta
-  // in der Seite selbst).
-  integrations: [sitemap({ filter: (page) => !page.includes('/demo-abo/') })],
+  // /demo-*/ sind interne Vorschau-Seiten (simulierte Konto-Zustände für VanVan und mich zum
+  // Anschauen) — sollen nie in der Sitemap/Suchmaschinen auftauchen (siehe zusätzlich noindex-Meta
+  // in den Seiten selbst).
+  integrations: [sitemap({ filter: (page) => !page.includes('/demo-abo/') && !page.includes('/demo-konto/') && !page.includes('/demo-normal/') })],
   vite: {
     server: {
       // Erlaubt Zugriff über den temporären cloudflared-Quick-Tunnel (nur für lokale
diff --git a/src/pages/demo-konto/index.astro b/src/pages/demo-konto/index.astro
new file mode 100644
index 0000000..c9fbef3
--- /dev/null
+++ b/src/pages/demo-konto/index.astro
@@ -0,0 +1,59 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import type { Locale } from "../../i18n/config";
+
+const lang: Locale = "de";
+
+// Rein internes Vorschau-Konto — zeigt das Kundenkonto einer ganz normalen, angemeldeten Person
+// OHNE Abo (Treuebonus dadurch bewusst im gesperrten Zustand, siehe scripts/account.ts). Wird
+// per JS ins localStorage DIESES Browsers geschrieben, ändert nichts an echten Kundendaten.
+const demoAccount = {
+  loggedIn: true,
+  name: "Vorschau Kundin",
+  username: "Vorschau",
+  email: "vorschau@vans-diy-bastelbedarf.de",
+  photo: "",
+  bewerteteBestellungen: [],
+  treueBestellungen: 4,
+  treuebonusAktiv: false,
+  treuebonusArtikelSlug: null,
+  abo: {
+    stufe: null,
+    startDatum: null,
+    bezahltBisDatum: null,
+    bezahlteMonate: 0,
+    gekuendigt: false,
+    gekuendigtAm: null,
+    kleinTeddyFreigeschaltetGesamt: 0,
+    grossTeddyFreigeschaltetGesamt: 0,
+    kleinTeddyEingeloest: 0,
+    grossTeddyEingeloest: 0,
+    historie: [],
+  },
+  benachrichtigungen: [],
+};
+---
+<Layout
+  title="Vorschau: angemeldetes Konto (ohne Abo)"
+  description="Interne Vorschau-Seite — zeigt das Kundenkonto einer angemeldeten Person ohne Abo."
+  lang={lang}
+  path="/demo-konto/"
+  noindex={true}
+>
+  <section class="section-tight">
+    <div class="container">
+      <p class="todo-note">
+        Interne Vorschau für VanVan — zeigt das Kundenkonto einer ganz normalen angemeldeten
+        Person OHNE Abo (Treuebonus ist dadurch bewusst gesperrt zu sehen — genau das Verhalten,
+        das Kund:innen ohne Abo anspornen soll). Wird nur in DEINEM Browser simuliert, ändert
+        nichts an echten Kundendaten. Du wirst gleich automatisch weitergeleitet …
+      </p>
+      <p><a href="/konto/angemeldet/" id="demo-weiter-link">Falls die Weiterleitung nicht klappt: hier klicken →</a></p>
+    </div>
+  </section>
+</Layout>
+
+<script define:vars={{ demoAccount }}>
+  localStorage.setItem("vandiy_account_v1", JSON.stringify(demoAccount));
+  window.location.href = "/konto/angemeldet/";
+</script>
diff --git a/src/pages/demo-normal/index.astro b/src/pages/demo-normal/index.astro
new file mode 100644
index 0000000..13fca7f
--- /dev/null
+++ b/src/pages/demo-normal/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import type { Locale } from "../../i18n/config";
+
+const lang: Locale = "de";
+---
+<Layout
+  title="Vorschau: normale Ansicht (nicht angemeldet)"
+  description="Interne Vorschau-Seite — zeigt den Shop so, wie ihn nicht angemeldete Besucher:innen sehen."
+  lang={lang}
+  path="/demo-normal/"
+  noindex={true}
+>
+  <section class="section-tight">
+    <div class="container">
+      <p class="todo-note">
+        Interne Vorschau für VanVan — zeigt den Shop so, wie ihn ein ganz normaler, NICHT
+        angemeldeter Besucher sieht (räumt dafür ein eventuell simuliertes Konto in diesem Browser
+        wieder auf). Du wirst gleich automatisch weitergeleitet …
+      </p>
+      <p><a href="/" id="demo-weiter-link">Falls die Weiterleitung nicht klappt: hier klicken →</a></p>
+    </div>
+  </section>
+</Layout>
+
+<script>
+  localStorage.removeItem("vandiy_account_v1");
+  window.location.href = "/";
+</script>