From 48920828eada4b8610acb0d92afb7c73af230d33 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Wed, 17 Jun 2026 01:38:47 +0200
Subject: [PATCH] feat(home): add demo shop disclaimer and badges

---
 shop/app/page.tsx | 36 +++++++++++++++++++++---------------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/shop/app/page.tsx b/shop/app/page.tsx
index 311cabc..9ed974a 100644
--- a/shop/app/page.tsx
+++ b/shop/app/page.tsx
@@ -5,12 +5,18 @@ import { Rocket, Shield, Cpu, ArrowRight } from 'lucide-react'
 export default function Home() {
   return (
     <div className="flex flex-col min-h-screen bg-[#020617] text-white">
+      <div className="bg-amber-500/10 border-b border-amber-500/20 py-2 px-4 text-center text-xs text-amber-400 font-medium tracking-wide z-50">
+        ⚠️ Dies ist eine **Demo-Webseite (Dummy-Shop)**. Es werden keine echten Bestellungen verarbeitet oder Zahlungen abgewickelt.
+      </div>
       <header className="px-4 lg:px-6 h-16 flex items-center border-b border-white/5 backdrop-blur-md sticky top-0 z-50">
         <Link className="flex items-center justify-center gap-2" href="#">
           <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
             <Rocket className="h-5 w-5 text-white" />
           </div>
-          <span className="font-bold text-xl tracking-tighter">CloudShop</span>
+          <span className="font-bold text-xl tracking-tighter">CASPOS Store</span>
+          <span className="text-[10px] bg-amber-500/20 text-amber-400 px-2 py-0.5 rounded-full font-semibold uppercase tracking-wider border border-amber-500/30">
+            Demo
+          </span>
         </Link>
         <nav className="ml-auto flex gap-4 sm:gap-6 items-center">
           <Link className="text-sm font-medium hover:text-primary transition-colors" href="/order">
@@ -30,25 +36,25 @@ export default function Home() {
           <div className="container mx-auto">
             <div className="flex flex-col items-center space-y-4 text-center">
               <div className="space-y-2">
-                <div className="inline-block rounded-full bg-primary/10 px-3 py-1 text-sm text-primary font-medium border border-primary/20 mb-4">
-                  Version 2.0 ist da
+                <div className="inline-block rounded-full bg-amber-500/10 px-3 py-1 text-sm text-amber-400 font-medium border border-amber-500/20 mb-4">
+                  ⚠️ Demo-Umgebung für Testbestellungen
                 </div>
                 <h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-7xl/none">
-                  Die Zukunft der <span className="text-gradient">Software-Bestellung</span>
+                  CASPOS   <span className="text-gradient">Software-Bestellung</span>
                 </h1>
                 <p className="mx-auto max-w-[700px] text-slate-400 md:text-xl dark:text-zinc-400 mt-6">
-                  Modulare Lösungen, blitzschnelles Deployment und ein intuitives Interface für Ihre Business-Anforderungen.
+                  Modulare Lösungen, einfaches Deployment und ein intuitives Interface für Ihre Business-Anforderungen.
                 </p>
               </div>
               <div className="space-x-4 mt-8">
                 <Link href="/order">
                   <Button size="lg" className="h-12 px-8 text-lg font-semibold shadow-lg shadow-primary/20 transition-all hover:scale-105">
-                    Jetzt konfigurieren <ArrowRight className="ml-2 h-5 w-5" />
+                    Jetzt bestellen <ArrowRight className="ml-2 h-5 w-5" />
                   </Button>
                 </Link>
-                <Link href="/admin/products">
+                <Link href="/contact">
                   <Button size="lg" variant="outline" className="h-12 px-8 text-lg border-white/10 hover:bg-white/5">
-                    Admin Bereich
+                    Contact Us
                   </Button>
                 </Link>
               </div>
@@ -63,29 +69,29 @@ export default function Home() {
                 <div className="p-3 bg-primary/10 rounded-xl">
                   <Cpu className="h-8 w-8 text-primary" />
                 </div>
-                <h3 className="text-xl font-bold">Modulare Architektur</h3>
-                <p className="text-slate-400">Wählen Sie genau die Module, die Sie benötigen. Keine unnötigen Kosten für Features, die Sie nicht nutzen.</p>
+                <h3 className="text-xl font-bold">Handel</h3>
+                <p className="text-slate-400">Von der einfachen Handelskasse bis hin zur vollwertigen ERP. Wir können es.</p>
               </div>
               <div className="flex flex-col items-center space-y-4 text-center p-6 rounded-2xl glass-dark">
                 <div className="p-3 bg-primary/10 rounded-xl">
                   <Shield className="h-8 w-8 text-primary" />
                 </div>
-                <h3 className="text-xl font-bold">Maximale Sicherheit</h3>
-                <p className="text-slate-400">Enterprise-grade Security mit Supabase Auth und granularen Row Level Security Policies.</p>
+                <h3 className="text-xl font-bold">Gastronomie</h3>
+                <p className="text-slate-400">Egal ob mobiles Ordern, einer Küchen-Anzeige oder einen Pick-Up-Bord. Wir können es.</p>
               </div>
               <div className="flex flex-col items-center space-y-4 text-center p-6 rounded-2xl glass-dark">
                 <div className="p-3 bg-primary/10 rounded-xl">
                   <Rocket className="h-8 w-8 text-primary" />
                 </div>
-                <h3 className="text-xl font-bold">Sofort Einsatzbereit</h3>
-                <p className="text-slate-400">Nach der Bestellung wird Ihre Instanz automatisch provisioniert und ist in Minuten online.</p>
+                <h3 className="text-xl font-bold">Hybrid Systeme</h3>
+                <p className="text-slate-400">Sie benötigen eine Lösung aus beiden Welten? Sprechen Sie uns an.</p>
               </div>
             </div>
           </div>
         </section>
       </main>
       <footer className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t border-white/5 bg-[#020617]">
-        <p className="text-xs text-slate-500">© 2026 CloudShop GmbH. Alle Rechte vorbehalten.</p>
+        <p className="text-xs text-slate-500">© 2026 CASPOS GmbH. Alle Rechte vorbehalten.</p>
         <nav className="sm:ml-auto flex gap-4 sm:gap-6">
           <Link className="text-xs hover:underline underline-offset-4 text-slate-500" href="#">Impressum</Link>
           <Link className="text-xs hover:underline underline-offset-4 text-slate-500" href="#">Datenschutz</Link>