diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx index 5db5e7d..8b78170 100644 --- a/app/blog/[slug]/page.tsx +++ b/app/blog/[slug]/page.tsx @@ -69,9 +69,9 @@ export default async function BlogPostPage({ params }: { params: Promise<{ slug:
-
+
- • + • {readingTime} min read
diff --git a/app/blog/page.tsx b/app/blog/page.tsx index ef0824e..9c34824 100644 --- a/app/blog/page.tsx +++ b/app/blog/page.tsx @@ -85,7 +85,7 @@ export default function BlogPage() { {/* Posts area */}
-
+
{filteredPosts.length === 0 ? (

No posts found matching your criteria.

diff --git a/app/contact/page.tsx b/app/contact/page.tsx index 42739ac..28e90c8 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -22,7 +22,7 @@ export default function ContactPage() { className="group block space-y-2" > Email -

+

marc@mintel.me

@@ -30,8 +30,8 @@ export default function ContactPage() { -
-
!
+
+
!

Was ich von Ihnen brauche:

    diff --git a/app/page.tsx b/app/page.tsx index f25f033..fc31716 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,87 +1,113 @@ import * as React from 'react'; -import Link from 'next/link'; -import { ArrowRight, Zap, Shield } from 'lucide-react'; +import { Zap, Shield, MousePointer2, Sparkles } from 'lucide-react'; import { Reveal } from '../src/components/Reveal'; import { Section } from '../src/components/Section'; +import { HeroItem, FeatureCard, ComparisonRow, ServiceCard } from '../src/components/Landing'; export default function LandingPage() { return ( -
    +
    + {/* Global Background Pattern */} +
    + {/* Hero Section - High Impact */} -
    -
    00
    -
    - -

    - Digitale Systeme
    - ohne Overhead. -

    -     -
    -
    - {[ - { title: 'Agenturen sind zu langsam.', desc: 'Wochenlange Konzepte statt schneller Ergebnisse.' }, - { title: 'CMS will keiner pflegen.', desc: 'Ich baue Systeme, die so einfach sind, dass sie wirklich genutzt werden.' }, - { title: 'Digitale Themen bleiben liegen.', desc: 'Weil der Overhead die Umsetzung erstickt.' }, - ].map((item, i) => ( - -
    - 0{i+1} -
    -

    {item.title}

    -

    {item.desc}

    -
    -
    -     - ))} -
    - - -
    -

    - Kein Zirkus.
    - Nur Ergebnisse. -

    +
    +
    + {/* Background Illustration/Pattern */} +
    + 00 +
    + + {/* Floating Elements */} +
    + +
    + +
    +
    + + Digital Architect & Developer +
    +

    + Digitale Systeme
    + ohne Overhead. +

    + +
    +
    + {[ + { title: 'Agenturen sind zu langsam.', desc: 'Wochenlange Konzepte statt schneller Ergebnisse.' }, + { title: 'CMS will keiner pflegen.', desc: 'Ich baue Systeme, die so einfach sind, dass sie wirklich genutzt werden.' }, + { title: 'Digitale Themen bleiben liegen.', desc: 'Weil der Overhead die Umsetzung erstickt.' }, + ].map((item, i) => ( + + ))} +
    + + +
    +
    +
    +

    + Kein Zirkus.
    + Nur Ergebnisse. +

    +
    +
    +     +
    {/* Was ich mache - Designed Grid */} -
    -
    -
    +
    +
    +
    -

    - Direkt.
    - Sauber.
    - Ohne Zirkus. -

    +
    +
    + +
    +

    + Direkt.
    + Sauber.
    + Ohne Zirkus. +

    +
    -
    +
    -

    +

    Ich setze digitale Systeme für Unternehmen um – ohne Workshops, ohne Tickets, ohne Tech-Blabla.

    -
    - -
    - -

    Websites & Tools

    -

    Alles, was Ihr Unternehmen digital voranbringt.

    -
    -     - -
    - -

    Kein Overhead

    -

    Sie erklären, ich baue. Es funktioniert einfach.

    -
    -     +
    + +
    @@ -89,65 +115,54 @@ export default function LandingPage() {
    {/* Comparison - Visual Path */} -
    -
    - {/* Row 1 */} - -
    -
    -
    Agentur
    -

    Konzeptcalls, Meetings, Slides, Warten auf das Angebot.

    -
    -
    - -
    -
    -
    Ich
    -

    Ich baue zuerst.
    Dann reden wir.

    -
    -
    -     +
    +
    + {/* Connecting line */} +
    + + Ich baue zuerst.
    Dann reden wir.} + delay={0.1} + /> - {/* Row 2 */} - -
    -
    -
    Agentur
    -

    - "Das dauert nur kurz"
    - → Überraschung auf der Rechnung. -

    -
    -
    - -
    -
    -
    Ich
    -

    Fixpreise.
    Immer.

    -
    -
    -     + + "Das dauert nur kurz"
    + → Überraschung auf der Rechnung. + } + positiveLabel="Ich" + positiveText={<>Fixpreise.
    Immer.} + reverse + delay={0.2} + />
    {/* Für wen - Designed Box */} -
    +
    -
    -
    -

    +

    + {/* Decorative elements */} +
    + +
    +

    Für Unternehmen, die
    - Ergebnisse wollen. -

    -
    + Ergebnisse wollen. +

    +
    {[ 'Keine Lust auf Agentur-Zirkus', 'Kein CMS selbst pflegen', 'Keine Tickets schreiben', 'Keinen eigenen Entwickler', ].map((item, i) => ( -
    -
    +
    +
    {item}
    ))} @@ -157,40 +172,53 @@ export default function LandingPage() {
    {/* Leistungen - Visual Cards */} -
    -
    - -
    -

    Websites

    -

    - Neue Seiten, Relaunch oder Übernahme bestehender Systeme. Inklusive Hosting, SEO und Performance. -

    - - Preise ansehen -
    - -
    -     +
    +
    + - -
    -

    Systeme

    -

    - Produktbereiche, Blogs, Jobs, API-Anbindungen, PDF-Generatoren und Sonderlogik. -

    -
    -     + - -
    -

    Tools

    -

    - Interne Inhouse-Tools, Excel-Ablösungen und Prozess-Automatisierung. -

    -
    -     +
    + + {/* Final CTA - New Section */} +
    + +
    +

    + Bereit für
    + echten Fortschritt? +

    +
    + + Projekt anfragen + +
    + + Kein Zirkus, versprochen. +
    +
    +
    +     +
    ); } diff --git a/app/websites/page.tsx b/app/websites/page.tsx index c875762..7c80e7c 100644 --- a/app/websites/page.tsx +++ b/app/websites/page.tsx @@ -18,12 +18,12 @@ export default function WebsitesPage() {
    -
    +
    6.000 €
    einmalig
    -

    +

    Die Grundlage für jede Website.

    @@ -60,13 +60,13 @@ export default function WebsitesPage() {
    {/* Seite */} -
    -
    S
    -
    -

    Seite

    -
    800 €
    +
    +
    S
    +
    +

    Seite

    +
    800 €
    -

    +

    Individuell gestaltete Seite – mit Layout, Struktur, Textaufteilung, responsivem Design.

    @@ -74,18 +74,18 @@ export default function WebsitesPage() { {/* Feature */} -
    -
    F
    -
    -

    Feature

    -
    2.000 €
    +
    +
    F
    +
    +

    Feature

    +
    2.000 €
    -

    +

    Ein in sich geschlossenes System mit Datenstruktur, Darstellung und Pflegefähigkeit.

    {['Blog', 'News', 'Jobs', 'Referenzen', 'Events', 'Produktbereich'].map(tag => ( - {tag} + {tag} ))}
    @@ -93,16 +93,16 @@ export default function WebsitesPage() { {/* Funktion */} -
    -
    L
    -
    -

    Funktion

    -
    1.000 €
    +
    +
    L
    +
    +

    Funktion

    +
    1.000 €
    -

    +

    Funktionen liefern Logik und Interaktion.

    -
    +
    Kontaktformular
    Suche & Filter
    PDF-Export
    @@ -118,8 +118,8 @@ export default function WebsitesPage() { {/* 5. Betrieb - Designed Box */}
    -
    -
    B
    +
    +
    B
    120 €
    / Monat
    diff --git a/src/components/ArticleHeading.tsx b/src/components/ArticleHeading.tsx index e60891f..f866b89 100644 --- a/src/components/ArticleHeading.tsx +++ b/src/components/ArticleHeading.tsx @@ -6,19 +6,19 @@ interface HeadingProps { } export const H1: React.FC = ({ children, className = '' }) => ( -

    +

    {children}

    ); export const H2: React.FC = ({ children, className = '' }) => ( -

    +

    {children}

    ); export const H3: React.FC = ({ children, className = '' }) => ( -

    +

    {children}

    ); \ No newline at end of file diff --git a/src/components/ArticleParagraph.tsx b/src/components/ArticleParagraph.tsx index 58ecef7..df70dd4 100644 --- a/src/components/ArticleParagraph.tsx +++ b/src/components/ArticleParagraph.tsx @@ -6,13 +6,13 @@ interface ParagraphProps { } export const Paragraph: React.FC = ({ children, className = '' }) => ( -

    +

    {children}

    ); export const LeadParagraph: React.FC = ({ children, className = '' }) => ( -

    +

    {children}

    ); \ No newline at end of file diff --git a/src/components/CTA.tsx b/src/components/CTA.tsx index 97999da..6736a91 100644 --- a/src/components/CTA.tsx +++ b/src/components/CTA.tsx @@ -9,7 +9,7 @@ export const CTA: React.FC = () => {
    -
    ?
    +
    ?

    diff --git a/src/components/Header.tsx b/src/components/Header.tsx index c197008..7672603 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -13,10 +13,10 @@ export const Header: React.FC = () => {
    -
    +
    M
    - Marc Mintel + Marc Mintel