import React from "react";
import { H2, H3 } from "../../../ArticleHeading";
import { Paragraph, LeadParagraph } from "../../../ArticleParagraph";
import { IconList, IconListItem } from "../../../IconList";
import { Mermaid } from "../../../Mermaid";
import { Marker } from "../../../Marker";
import { ComparisonRow } from "../../../Landing/ComparisonRow";

export const FixedPrice: React.FC = () => (
  <>
    <LeadParagraph>
      Sicherheitsdenken ist tief in der menschlichen Natur verwurzelt.
    </LeadParagraph>
    <LeadParagraph>
      Am Ende eines Projekts wollen wir wissen, worauf wir uns eingelassen haben
      – finanziell und zeitlich.
    </LeadParagraph>
    <LeadParagraph>
      In meiner Arbeit als Digital Architect baue ich{" "}
      <Marker>Sicherheit durch Transparenz</Marker>.
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, warum ein intelligenter Festpreis der fairste Weg zu
      exzellenten Ergebnissen ist.
    </LeadParagraph>

    <H2>Die Falle der unendlichen Stunden</H2>
    <Paragraph>
      In der klassischen Softwareentwicklung ist Abrechnung nach Stunden (Time &
      Material) der Standard.
    </Paragraph>
    <Paragraph>
      Doch das setzt einen völlig falschen Anreiz: Je länger ein Entwickler
      braucht, desto mehr verdient er.
    </Paragraph>
    <Paragraph>Effizienz wird ökonomisch bestraft.</Paragraph>
    <Paragraph>
      Ich hingegen habe mein gesamtes Business auf Geschwindigkeit und Klarheit
      optimiert.
    </Paragraph>
    <Paragraph>
      Mit einem Festpreis drehen wir den Spieß um:{" "}
      <Marker>Mein Anreiz ist Ihre schnellstmögliche Zufriedenheit.</Marker>
    </Paragraph>
    <Paragraph>
      So entsteht echte Partnerschaft statt eines Interessenkonflikts.
    </Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph LR
          Goal["Ihr Projektziel"] --> Model["Wirtschaftliches Modell"]
          Model --> TnM["Abrechnung nach Stunden"]
          Model --> Fixed["Strategischer Festpreis (Mintel)"]
          TnM --> Risk["Uferlose Kosten & Zeitdruck"]
          Fixed --> Safety["Kalkulations-Sicherheit & Fokus"]
          Safety --> Quality["Maximale Qualität durch Effizienz"]
          style Fixed fill:#4ade80,stroke:#333
          style Quality fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Das Modell des Vertrauens: Fixe Budgets schaffen den Raum für
        kompromisslose inhaltliche Qualität.
      </p>
    </div>

    <H3>Planung ist das halbe Fundament</H3>
    <Paragraph>
      Ein Festpreis funktioniert nur, wenn die Vision klar ist.
    </Paragraph>
    <Paragraph>
      Deshalb investiere ich zu Beginn massiv Zeit in die Analyse und das
      "Blueprint-Design".
    </Paragraph>
    <Paragraph>
      Wenn wir das Fundament präzise geplant haben, gibt es im Bauprozess keine
      bösen Überraschungen.
    </Paragraph>
    <Paragraph>
      Das ist <Marker>digitales Engineering mit norddeutscher Klarheit</Marker>.
    </Paragraph>
    <Paragraph>
      Sie bezahlen nicht für mein Ausprobieren, sondern für die punktgenaue
      Umsetzung meiner Erfahrung.
    </Paragraph>

    <H2>Warum meine Kalkulation hält</H2>
    <Paragraph>Ich arbeite nicht mit Schätzungen, sondern mit Daten.</Paragraph>
    <Paragraph>
      Durch meine automatisierte Toolchain weiß ich exakt, wie lange bestimmte
      Architekturschritte dauern.
    </Paragraph>

    <IconList>
      <IconListItem check>
        <strong>Integrierte Risiko-Abdeckung:</strong> Unvorhergesehenes ist in
        meinem Preis bereits einkalkuliert. Sie tragen kein finanzielles Risiko.
      </IconListItem>
      <IconListItem check>
        <strong>Klare Deliverables:</strong> Wir definieren präzise
        Meilensteine. Sie wissen zu jedem Zeitpunkt, was Sie für Ihr Investment
        erhalten.
      </IconListItem>
      <IconListItem check>
        <strong>0 % Budget-Overrun:</strong> Mein Wort gilt.{" "}
        <Marker>
          Zusatzkosten entstehen nur, wenn Sie den Scope aktiv erweitern.
        </Marker>
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Der ökonomische Vergleich Ihrer Projektsicherheit"
        negativeLabel="Schätzpreis nach Stunden"
        negativeText="Kosten-Explosion möglich, fehlender Anreiz zur schnellen Fertigstellung"
        positiveLabel="Strategischer Festpreis"
        positiveText="Absolute Budgetsicherheit, Fokus auf Pure Output, maximale Effizienz"
      />
    </div>

    <H2>Ihr Investment in Sicherheit</H2>
    <Paragraph>Ein Festpreis befreit den Kopf.</Paragraph>
    <Paragraph>
      Statt bei jedem Meeting die Uhr hämmern zu hören, konzentrieren wir uns
      auf das Wesentliche: Ihren Markterfolg.
    </Paragraph>
    <Paragraph>
      Das schafft eine Atmosphäre von{" "}
      <Marker>Kreativität und technologischem Mut</Marker>.
    </Paragraph>
    <Paragraph>
      Wer keine Angst vor dem Budget hat, baut die besseren Lösungen.
    </Paragraph>
    <Paragraph>Ich schaffe Ihnen den Rahmen für diese Exzellenz.</Paragraph>

    <H2>Wann ist ein Festpreis der richtige Weg?</H2>
    <Paragraph>
      Mein Modell ist ideal für Entscheider, die unternehmerische Verantwortung
      für Budgets tragen.
    </Paragraph>
    <Paragraph>
      Ist Ihnen ein{" "}
      <Marker>planbares Ergebnis wichtiger als vage Hoffnungen</Marker>? Dann
      passen wir zusammen.
    </Paragraph>
    <Paragraph>
      Ich arbeite für die Profis, die Qualität zum festen Preis wertschätzen.
    </Paragraph>

    <H2>Fazit: Klarheit ist kein Luxus</H2>
    <Paragraph>
      Lassen wir das Rätselraten bei der Preisgestaltung hinter uns.
    </Paragraph>
    <Paragraph>
      Ich biete Ihnen eine Zusammenarbeit auf Augenhöhe, bei der das Ergebnis im
      Mittelpunkt steht.
    </Paragraph>
    <Paragraph>
      Lassen Sie uns gemeinsam Ihr Projekt auf ein{" "}
      <Marker>solides finanzielles Fundament</Marker> stellen.
    </Paragraph>
    <Paragraph>
      <Marker>Pünktlich. Präzise. Zum vereinbarten Preis.</Marker>
    </Paragraph>
  </>
);
