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 BuildFirst: React.FC = () => (
  <>
    <LeadParagraph>
      "Gekauft ist schneller als gebaut." – In der digitalen Welt ist das oft
      der teuerste Irrtum, den ein Unternehmen begehen kann.
    </LeadParagraph>
    <LeadParagraph>
      In meiner Arbeit als Digital Architect sehe ich täglich, wie
      Standard-SaaS-Lösungen Innovationen im Keim ersticken.
    </LeadParagraph>
    <LeadParagraph>
      Sie bezahlen für Features, die Sie nicht brauchen, während Ihnen die
      entscheidenden 5 % fehlen.
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, warum <Marker>Bauen die neue Form der Effizienz</Marker>{" "}
      ist und wie Sie sich echte Marktvorteile sichern.
    </LeadParagraph>

    <H2>Die Sackgasse der Generic-Software</H2>
    <Paragraph>
      Standard-Software ist darauf ausgelegt, dem kleinsten gemeinsamen Nenner
      zu gefallen.
    </Paragraph>
    <Paragraph>
      Man bekommt ein schnelles Resultat, läuft aber sofort gegen eine Wand,
      wenn man Prozesse wirklich optimieren will.
    </Paragraph>
    <Paragraph>
      Ihre Wettbewerber nutzen wahrscheinlich exakt die gleiche Software wie
      Sie.
    </Paragraph>
    <Paragraph>
      Wo bleibt da der <Marker>technologische Vorsprung</Marker>?
    </Paragraph>
    <Paragraph>
      Wer nur mietet, wird niemals Marktführer. Wahre Überlegenheit entsteht
      durch maßgeschneiderte Systeme.
    </Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph TD
          Need["Individuelles Business-Bedürfnis"] --> Path["Strategische Entscheidung"]
          Path --> Buy["Software-Abo (SaaS)"]
          Path --> Build["Bespoke Architecture (Mintel)"]
          Buy --> Compromise["Kompromisse & Monatliche Fixkosten"]
          Build --> Competitive["Wettbewerbsvorteil & Unendliche Freiheit"]
          Compromise --> Stagnation["Digitaler Stillstand"]
          Competitive --> Growth["Skalierung ohne Grenzen"]
          style Build fill:#4ade80,stroke:#333
          style Growth fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Build vs. Buy: Investieren Sie in Ihr eigenes geistiges Eigentum statt
        in die monatliche Miete von Fremdprodukten.
      </p>
    </div>

    <H3>Bauen bedeutet heute: Strategisches Kombinieren</H3>
    <Paragraph>
      "Bauen" heißt heute nicht mehr, jedes Rad neu zu erfinden.
    </Paragraph>
    <Paragraph>
      Ich nutze moderne Frameworks und spezialisierte Microservices, um Ihr
      individuelles System zu komponieren.
    </Paragraph>
    <Paragraph>
      Das Ergebnis ist so flexibel wie eine Eigenentwicklung, aber so schnell
      einsatzbereit wie ein Standardprodukt.
    </Paragraph>
    <Paragraph>
      Dabei besitzen Sie den Code und kontrollieren die Roadmap.
    </Paragraph>
    <Paragraph>
      Das ist <Marker>digitale Handwerkskunst am Puls der Zeit</Marker>.
    </Paragraph>

    <H2>Der wirtschaftliche Case von 'Build-First'</H2>
    <Paragraph>
      Die initialen Kosten für Individualsoftware wirken oft höher als eine
      monatliche Lizenzgebühr.
    </Paragraph>
    <Paragraph>
      Doch bei SaaS-Modellen steigen die Kosten linear mit Ihrem Wachstum.
    </Paragraph>
    <Paragraph>
      Maßgeschneiderte Software amortisiert sich oft nach 12-18 Monaten – durch
      wegfallende Lizenzen und massiv gesteigerte Effizienz.
    </Paragraph>
    <Paragraph>
      Sie investieren in ein <Marker>Firmen-Asset</Marker>, das den Wert Ihres
      Unternehmens steigert.
    </Paragraph>
    <Paragraph>
      Software-Miete ist ein Kostenblock, Software-Bau ist eine Investition.
    </Paragraph>

    <IconList>
      <IconListItem check>
        <strong>Exakter Prozess-Match:</strong> Das System passt sich Ihren
        Abläufen an, nicht umgekehrt. Keine unnötigen Klicks mehr.
      </IconListItem>
      <IconListItem check>
        <strong>Skalierung nach Ihren Regeln:</strong> Keine künstlichen Limits
        durch Nutzerzahlen oder Datenvolumen.
      </IconListItem>
      <IconListItem check>
        <strong>Sicherheits-Vorsprung:</strong> Ihr System ist kein Ziel für
        Massen-Exploits, die Standard-Systeme täglich bedrohen.{" "}
        <Marker>Individualität ist Schutz.</Marker>
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Der Impact auf Ihr unternehmerisches Wachstum"
        negativeLabel="Software as a Service (SaaS)"
        negativeText="Abhängigkeit von Anbieter-Preisen, starre Features, kein Kapitalwertaufbau"
        positiveLabel="Bespoke Asset (Mintel)"
        positiveText="0 € Lizenzkosten, unbegrenzte Features, Steigerung des Firmenwerts"
      />
    </div>

    <H2>Digitales Eigentum als strategischer Hebel</H2>
    <Paragraph>
      Wer den Code besitzt, besitzt die Zukunft seines Unternehmens.
    </Paragraph>
    <Paragraph>
      Wenn Sie jemals an einen Exit oder eine Fusion denken, ist technische
      Unabhängigkeit ein entscheidender Faktor.
    </Paragraph>
    <Paragraph>
      Ich schaffe Ihnen eine Architektur, die{" "}
      <Marker>frei von technologischen Altlasten</Marker> ist.
    </Paragraph>
    <Paragraph>
      Bauen wir Systeme, die so einzigartig sind wie Ihre Vision.
    </Paragraph>

    <H2>Für wen ich 'Unikate' erschaffe</H2>
    <Paragraph>
      Ich bin der Architekt für Gründer, die keine Lust mehr auf "geht technisch
      leider nicht" haben.
    </Paragraph>
    <Paragraph>
      Ist Ihr Business-Modell am Markt einzigartig? Dann sollte es Ihre Software
      auch sein.
    </Paragraph>
    <Paragraph>
      Ich steige dort ein, wo{" "}
      <Marker>technische Brillanz zur strategischen Waffe</Marker> wird.
    </Paragraph>

    <H2>Fazit: Hören Sie auf zu mieten, fangen Sie an zu bauen</H2>
    <Paragraph>
      Wahrer Reichtum im Digitalen entsteht durch Eigentum und Souveränität.
    </Paragraph>
    <Paragraph>
      Lassen wir gemeinsam ein System erschaffen, das genau so hart arbeitet wie
      Sie.
    </Paragraph>
    <Paragraph>
      <Marker>
        Qualität ist kein Zufallsprodukt, sondern eine bewusste Entscheidung für
        den Bau.
      </Marker>{" "}
      Ihr Erfolg verdient ein Original.
    </Paragraph>
  </>
);
