diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..9c10008 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,349 @@ +import * as React from 'react'; +import Image from 'next/image'; +import { PageHeader } from '../../src/components/PageHeader'; +import { Section } from '../../src/components/Section'; +import { Reveal } from '../../src/components/Reveal'; +import { + ExperienceIllustration, + ResponsibilityIllustration, + ResultIllustration, + ConceptSystem, + ConceptTarget, + ContactIllustration, + ConnectorBranch, + ConnectorStart, + ConnectorEnd, + ConnectorSplit, + HeroLines, + ParticleNetwork, + GridLines +} from '../../src/components/Landing'; +import { Check, ArrowRight } from 'lucide-react'; + +export default function AboutPage() { + return ( +
+ {/* Background Elements */} + +
+ + {/* Hero Section */} +
+
+ +
+
+ +
+ +
+
+ +
+ {/* Structural rings around avatar */} +
+
+ +
+
+ Marc Mintel +
+
+
+ + +
+ +
+
+ Digital Architect +
+
+ + Über mich.} + description="(oder: Warum das hier kein Agentur-Zirkus ist)" + /> +
+
+
+ + {/* Connector to first section */} +
+
+ + {/* Section 01: Experience */} +
} + illustration={} + > +
+ +

+ Ich baue Websites und Systeme seit über 15 Jahren.
+ Weil ich es hasse, wenn Dinge nicht funktionieren. +

+ + +
+ +
+

+ In diesen 15 Jahren habe ich Agenturen von innen gesehen, Konzerne erlebt und Startups aufgebaut. +

+
    + {[ + 'Marketingversprechen zerlegt', + 'Systeme repariert, die „fertig“ waren', + 'Gelernt, wie man Dinge baut, die einfach laufen' + ].map((item, i) => ( +
  • +
    + {item} +
    • + ))} +
+
+ + +
+

Heute mache ich das ohne Agentur-Zwischenschichten.

+
+ {['Direkt', 'Sauber', 'Verantwortlich'].map((tag, i) => ( + + {tag} + + ))} +
+
+ +
+
+
+ + {/* Section 02: Responsibility */} +
} + illustration={} + > +
+ +

+ Ich habe fast alle Fehler schon für Sie gemacht.
+ (Damit Sie sie nicht machen müssen) +

+ + +
+
+ +

+ Ich habe als Designer angefangen, bin dann Entwickler geworden, und habe irgendwann gemerkt: Das Problem ist selten Technik. Es ist immer Zuständigkeit. +

+ + +
+
!
+

+ Wenn keiner verantwortlich ist, passiert nichts. Also habe ich mir angewöhnt, Verantwortung zu übernehmen. +

+
+ +
+
+
+
+ + {/* Section 03: Systems */} +
} + illustration={} + > +
+ +

+ Warum ich Websites wie Systeme baue. +

+ + +
+
+ +

+ Ich war viele Jahre Senior Developer in Firmen, in denen Millionenumsätze dranhingen, Fehler teuer waren und Performance nicht optional war. +

+ +
+ {['Schnell', 'Stabil', 'Boring', 'Erweiterbar', 'Wartungsarm', 'Unabhängig'].map((item, i) => ( + +
+ + {item} +
+ + ))} +
+
+ +
+
+

Das prägt.

+

+ Meine Websites sind nicht abhängig von Plugins oder Agenturen. Sie sind gebaut, um zu bleiben. +

+
+ +
+
+
+ + {/* Section 04: Roles */} +
} + illustration={} + > +
+ +

+ Ich habe beide Seiten gesehen. +

+ + +
+ {[ + 'Webdesigner', 'Entwickler', 'Marketing', 'Vertrieb', + 'Agentur', 'Inhouse', 'Dienstleister', 'Unternehmer' + ].map((role, i) => ( + +
+ {role} +
+ + ))} +
+ + +

+ Ich weiß, was Unternehmen brauchen – und was sie nicht brauchen. (Meetings, Tickets, Workshops, PowerPoint.) +

+ +
+
+ + {/* Section 05: Result */} +
} + illustration={} + > +
+ +

+ Was Kunden davon haben. +

+ + +
+
+
+ Sie bekommen kein: +
+ {['Projektmanager', 'Prozess', 'Team', 'Ticket', 'CMS-Drama'].map((item, i) => ( + + {item} + + ))} +
+
+
+
+
+ Sie bekommen: +
+ {[ + { label: 'Eine Person', desc: 'Direkter Kontakt, keine Stille Post.' }, + { label: 'Eine Verantwortung', desc: 'Ich stehe für das Ergebnis gerade.' }, + { label: 'Ein Ergebnis', desc: 'Funktionierende Systeme, keine Ausreden.' } + ].map((item, i) => ( + +
+
+ +
+
+
{item.label}
+
{item.desc}
+
+
+ + ))} +
+
+
+
+
+
+ + {/* Section 06: Today */} +
} + illustration={} + > +
+ +

+ Heute baue ich Websites für Unternehmen, die keine Lust mehr auf Chaos haben. +

+ + +
+
+ +
+

+ Ich übernehme das Thema komplett – damit es für Sie kein Thema mehr ist. +

+ + +
+
+
+
+
+ ); +} diff --git a/docs/ABOUT.md b/docs/ABOUT.md new file mode 100644 index 0000000..0e93225 --- /dev/null +++ b/docs/ABOUT.md @@ -0,0 +1,123 @@ +Über mich + +Ich baue Websites und Systeme seit über 15 Jahren. +Nicht weil ich Websites so liebe – sondern weil ich es hasse, wenn Dinge nicht funktionieren. + +In diesen 15 Jahren habe ich: + • Agenturen von innen gesehen + • Konzerne erlebt + • Startups aufgebaut + • Marketingversprechen zerlegt + • Systeme repariert, die „fertig“ waren + • und gelernt, wie man Dinge baut, die einfach laufen + +Heute mache ich das ohne Agentur-Zwischenschichten. +Direkt. Sauber. Verantwortlich. + +⸻ + +Ich habe fast alle Fehler schon für Sie gemacht + +(damit Sie sie nicht machen müssen) + +Ich habe als Designer angefangen, +bin dann Entwickler geworden, +und habe irgendwann gemerkt: + +Das Problem ist selten Technik. +Es ist immer Zuständigkeit. + +Wenn keiner verantwortlich ist, passiert nichts. +Also habe ich mir angewöhnt, Verantwortung zu übernehmen. + +⸻ + +Warum ich Websites wie Systeme baue + +Ich war viele Jahre Senior Developer in Firmen, in denen: + • Millionenumsätze dranhingen + • Fehler teuer waren + • Performance nicht optional war + • Sicherheit kein Nice-to-Have war + • „kurz mal ändern“ trotzdem passieren musste + +Das prägt. + +Deshalb sind meine Websites: + • schnell + • stabil + • boring (im besten Sinne) + • erweiterbar + • wartungsarm + • und nicht abhängig von Plugins oder Agenturen + +⸻ + +Ich habe beide Seiten gesehen + +Ich war: + • Webdesigner + • Entwickler + • Marketing + • Vertrieb + • Agentur + • Inhouse + • Dienstleister + • Unternehmer + +Das heißt: + +Ich weiß, was Unternehmen brauchen – +und was sie nicht brauchen. + +(Meetings, Tickets, Workshops, PowerPoint.) + +⸻ + +Was Kunden davon haben + +Sie bekommen: + • keinen Projektmanager + • keinen Prozess + • kein Team + • kein Ticket + • kein CMS-Drama + +Sie bekommen: + • eine Person + • eine Verantwortung + • ein Ergebnis + +⸻ + +Ein kurzer Überblick (ohne Lebenslauf-Gefühl) + +Ich habe u. a. gearbeitet bei: + • Agenturen + • E-Commerce-Plattformen + • SaaS-Firmen + • Marketing-Teams + • internationalen Unternehmen + • Mittelständlern + • und Konzernen + +Als: + • Web Designer + • Frontend Developer + • Software Developer + • Senior Developer + • und später Gründer + +Das Ergebnis daraus ist nicht ein Titel. +Sondern eine Arbeitsweise. + +⸻ + +Heute + +Heute baue ich Websites und Systeme für Unternehmen, +die keine Lust mehr auf Agenturen haben +und keine Zeit für Chaos. + +Ich übernehme das Thema komplett – +damit es für Sie kein Thema mehr ist. diff --git a/public/header.webp b/public/header.webp new file mode 100755 index 0000000..1980a59 Binary files /dev/null and b/public/header.webp differ diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 5bc27b0..e12c351 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -23,6 +23,7 @@ export const Footer: React.FC = () => {
© {currentYear}
+ Über mich Kontakt GitHub
diff --git a/src/components/Header.tsx b/src/components/Header.tsx index d618edb..d5e9f5d 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -39,16 +39,24 @@ export const Header: React.FC = () => {