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 Longevity: React.FC = () => (
  <>
    <LeadParagraph>
      In der schnelllebigen Tech-Welt gilt Software oft schon nach zwei Jahren
      als veraltet.
    </LeadParagraph>
    <LeadParagraph>
      Ich halte das für eine massive Verschwendung von Kapital und Energie.
    </LeadParagraph>
    <LeadParagraph>
      Wahre Qualität zeigt sich darin, wie ein System altert.
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, wie wir <Marker>digitale Werte für Jahrzehnte</Marker>{" "}
      schaffen – durch vorausschauende Architektur und zeitlose Standards.
    </LeadParagraph>

    <H2>Gegen die Wegwerf-Mentalität im Code</H2>
    <Paragraph>
      Viele Agenturen bauen "Schönwetter-Lösungen", die nur bis zur nächsten
      Trend-Welle halten.
    </Paragraph>
    <Paragraph>
      Man setzt auf kurzlebige Frameworks oder proprietäre Blackboxes, die nach
      kurzer Zeit nicht mehr unterstützt werden.
    </Paragraph>
    <Paragraph>
      Das Ergebnis: Alle drei Jahre ist ein teurer Relaunch fällig.
    </Paragraph>
    <Paragraph>
      Ich nenne das <Marker>geplante Obsoleszenz der Software</Marker>.
    </Paragraph>
    <Paragraph>
      Mein Boutique-Ansatz ist das Gegenteil davon: Ich baue Systeme, die durch
      ihre innere Ordnung und Robustheit bestechen.
    </Paragraph>
    <Paragraph>
      Guter Code ist wie eine solide Immobilie – er braucht Pflege, aber keine
      Abrissbirne.
    </Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph TD
          Logic["Zukunftsfähige Kern-Logik"] --> Standards["Offene Web-Standards"]
          Logic --> Modular["Modulare Komponenten"]
          Standards --> Decade["Lebensdauer > 10 Jahre"]
          Modular --> Update["Einfache Teil-Modernisierung"]
          Decade --> ROI["Maximaler Return on Investment"]
          Update --> ROI
          style ROI fill:#4ade80,stroke:#333
          style Decade fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Architektur der Langlebigkeit: Durch die Trennung von Logik und Trends
        sichern wir den Wert Ihrer digitalen Investition über Generationen.
      </p>
    </div>

    <H3>Die Ästhetik der Zeitlosigkeit</H3>
    <Paragraph>Langlebigkeit hat auch eine visuelle Komponente.</Paragraph>
    <Paragraph>
      Ich vermeide "modische" Spielereien, die morgen schon peinlich wirken
      könnten.
    </Paragraph>
    <Paragraph>
      Wahre technische Eleganz ist schlicht, funktional und hochpräzise.
    </Paragraph>
    <Paragraph>
      Ein <Marker>industrieller, klarer Look</Marker> altert langsamer als jede
      verspielte Grafik.
    </Paragraph>
    <Paragraph>
      Ich schaffe Designs, die heute beeindrucken und in fünf Jahren noch immer
      souverän wirken.
    </Paragraph>

    <H2>Meine Prinzipien für ewige Systeme</H2>
    <Paragraph>Wie baut man Software, die nicht veraltet?</Paragraph>
    <Paragraph>Durch die kompromisslose Auswahl der Fundamente:</Paragraph>

    <IconList>
      <IconListItem check>
        <strong>Bohrmaschinen statt Spielzeug:</strong> Ich nutze nur
        Technologien mit breitem industriellem Rückhalt. Keine "Hype"-Tools ohne
        Langzeit-Sicherheit.
      </IconListItem>
      <IconListItem check>
        <strong>Strict Separation of Concerns:</strong> Wir trennen Design,
        Daten und Logik so sauber, dass man Einzelteile austauschen kann, ohne
        das Ganze zu gefährden.
      </IconListItem>
      <IconListItem check>
        <strong>Automatisierte Evolution:</strong> Mein System prüft sich
        selbst. Wir erkennen frühzeitig, wenn externe Standards sich ändern und
        passen uns proaktiv an.
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Der wirtschaftliche Impact der Halbwertszeit"
        negativeLabel="Trend-fokussierte Agentur"
        negativeText="Relaunch alle 3 Jahre nötig, technologische Schulden, hohe Lizenz-Abhängigkeit"
        positiveLabel="Mintel Longevity Standard"
        positiveText="Laufzeit von 10+ Jahren möglich, Code als bleibendes Asset, volle Souveränität"
      />
    </div>

    <H2>Rendite durch technologische Beständigkeit</H2>
    <Paragraph>Wahrer ROI entsteht erst über die Zeit.</Paragraph>
    <Paragraph>
      Wer nicht ständig neu bauen muss, hat mehr Kapital für echtes Wachstum zur
      Verfügung.
    </Paragraph>
    <Paragraph>
      Langlebige Software ist zudem das{" "}
      <Marker>nachhaltigste digitale Werkzeug</Marker>, das Sie besitzen können.
    </Paragraph>
    <Paragraph>
      Investieren Sie in Substanz, nicht in flüchtige Effekte.
    </Paragraph>
    <Paragraph>Vorsprung hat der, dessen Fundament felsenfest steht.</Paragraph>

    <H2>Wann ist 'Ewigkeit' Ihr Ziel?</H2>
    <Paragraph>
      Suchen Sie einen Partner für den Aufbau einer digitalen Marke, die Bestand
      hat?
    </Paragraph>
    <Paragraph>
      Ich arbeite für Gründer, die <Marker>Generationen-Projekte</Marker>{" "}
      führen.
    </Paragraph>
    <Paragraph>
      Wenn Sie technologische Stabilität als Teil Ihres Vermächtnisses
      begreifen, bin ich Ihr Architekt.
    </Paragraph>

    <H2>Fazit: Werte schaffen, die bleiben</H2>
    <Paragraph>Digitale Exzellenz misst sich am Erfolg von morgen.</Paragraph>
    <Paragraph>
      Lassen wir gemeinsam ein System gießen, das die Zeit überdauert.
    </Paragraph>
    <Paragraph>
      <Marker>Qualität ist Beständigkeit.</Marker> Ihr Erfolg verdient eine
      Architektur ohne Verfallsdatum.
    </Paragraph>
  </>
);
