udpates from session with Guido

component-library/src/pages/products/uvi.tsx

@@ -149,11 +149,11 @@ const FAQS: FaqItem[] = [
 export default function UviProductPage() {
   return (
     <ProductPage
-      breadcrumb="UVI"
+      breadcrumb="Verbrauchsinformation (UVI)"
       eyebrow="Produkt"
       title={
         <span className="block text-[2.25rem] text-pretty sm:text-[2.75rem]">
-          Unterjährige Verbrauchs&shy;information
+          Unterjährige Verbrauchs&shy;information (UVI)
         </span>
       }
       tagline="Monatlich. Automatisch. Nachweisbar."
@@ -161,7 +161,7 @@ export default function UviProductPage() {
       actions={
         <>
           <Button asChild size="lg">
-            <Link to="/konfigurator">Preis für mein Gebäude berechnen</Link>
+            <Link to="/konfigurator">Konfiguration für mein Gebäude starten</Link>
           </Button>
           <Button asChild variant="outline" size="lg">
             <Link to="/wissen/gesetzliche-anforderungen">
@@ -170,7 +170,45 @@ export default function UviProductPage() {
           </Button>
         </>
       }
-      note="Wenige Angaben · unverbindliche Kostenschätzung"
+      note="Wenige Angaben · vollständige Prüfung im Folgeprozess"
+      extra={
+        <div
+          role="note"
+          className="rounded-2xl border border-brand-300 bg-brand-50/80 p-4 shadow-card"
+        >
+          <div className="flex items-start gap-3">
+            <Euro
+              aria-hidden="true"
+              className="mt-0.5 size-6 shrink-0 text-brand-700"
+            />
+            <div>
+              <p className="font-extrabold text-navy">
+                Bis zu 3&nbsp;% Kürzungsrecht
+              </p>
+              <p className="mt-1 text-sm leading-relaxed text-muted-foreground">
+                Fehlt die monatliche Verbrauchsinformation oder ist sie
+                unvollständig, können Nutzer ihren Kostenanteil um 3&nbsp;%
+                kürzen.
+              </p>
+            </div>
+          </div>
+          <div className="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-sm font-semibold">
+            <Link
+              to="/wissen/gesetzliche-anforderungen"
+              className="inline-flex items-center gap-1 text-brand-800 underline decoration-brand-400 underline-offset-4"
+            >
+              Anforderungen im Detail
+              <ArrowRight className="size-4" />
+            </Link>
+            <a
+              href={heizkostenv("6a")}
+              className="text-muted-foreground underline underline-offset-4"
+            >
+              Quelle: § 6a HeizkostenV
+            </a>
+          </div>
+        </div>
+      }
       visual={<UviHeroArt />}
       features={[
         {
@@ -198,12 +236,12 @@ export default function UviProductPage() {
         <Section className="pt-0 sm:pt-0 lg:pt-0">
           <CtaBanner
             icon={<Euro />}
-            title="Was kostet die UVI für Ihr Gebäude?"
-            description="Mit wenigen Angaben zu Gebäude, Wohnungen und Wärmeverteilung erhalten Sie eine erste Preisindikation."
+            title="Verbrauchsinformation für Ihr Gebäude konfigurieren"
+            description="Gebäude und Leistungen online erfassen; SolenOS prüft anschließend Ausstattung und Gesamtpreis."
             actions={
               <>
                 <Button asChild variant="inverse" size="lg">
-                  <Link to="/konfigurator">Preis berechnen</Link>
+                  <Link to="/konfigurator">Konfiguration starten</Link>
                 </Button>
                 <Button asChild variant="inverseOutline" size="lg">
                   <Link to="/kontakt">Kontakt aufnehmen</Link>
@@ -302,19 +340,11 @@ export default function UviProductPage() {
           </Card>
           <div>
             <PriceCard
-              title={
-                <span className="text-[1.15rem] whitespace-nowrap">
-                  UVI-Komplettbetrieb
-                </span>
-              }
-              cadence="Monatlich"
-              price="10,50 €"
-              unit="je Wohnung / Monat"
-              allocation={{
-                label: "Grundsätzlich umlagefähig",
-                tone: "positive",
-              }}
-              description="Sensoren, Daten, Portal und Verbrauchsinformation inklusive."
+              title="Monatliche Verbrauchsinformation (UVI)"
+              cadence="Gesamtangebot"
+              price="Nach Prüfung"
+              unit="nach vollständiger Objektkonfiguration"
+              description="Messtechnik, erforderliche Gateway-Infrastruktur, Daten, Portal und Verbrauchsinformation werden gemeinsam angeboten."
               media={
                 <AssetRender
                   render={renders.uviGlassPane}
@@ -324,8 +354,8 @@ export default function UviProductPage() {
               }
             />
             <Button asChild variant="link" className="mt-4 h-auto p-0 font-bold">
-              <Link to="/klarpreis">
-                Alle Preise im SolenOS Klarpreis
+              <Link to="/konfigurator">
+                Gesamtangebot konfigurieren
                 <ArrowRight />
               </Link>
             </Button>