<!DOCTYPE html><!--1OqoUonezxid3lVGYD3Gx--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/8a80e7184ad3a13f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/b042869b54108fd5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/e491d436f4519dd0.js"/><script src="/_next/static/chunks/00c43c0f4f3ce080.js" async=""></script><script src="/_next/static/chunks/47862f523b910ddf.js" async=""></script><script src="/_next/static/chunks/023d923a37d494fc.js" async=""></script><script src="/_next/static/chunks/turbopack-507c0e42e8f3000f.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/71269f22dd7bc8b6.js" async=""></script><script src="/_next/static/chunks/075e0c1db1a911fd.js" async=""></script><script src="/_next/static/chunks/2c1bcd7c75da867e.js" async=""></script><meta name="next-size-adjust" content=""/><title>Web Design Montreal | Freelance Web Designer &amp; Developer - Felix Krusch</title><meta name="description" content="Freelance web designer &amp; developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects."/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://felixkrusch.com/"/><link rel="alternate" hrefLang="en" href="https://felixkrusch.com/"/><link rel="alternate" hrefLang="fr" href="https://felixkrusch.com/fr/"/><link rel="alternate" hrefLang="de" href="https://felixkrusch.com/de/"/><link rel="alternate" hrefLang="x-default" href="https://felixkrusch.com/"/><meta property="og:title" content="Web Design Montreal | Freelance Web Designer &amp; Developer - Felix Krusch"/><meta property="og:description" content="Freelance web designer &amp; developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects."/><meta property="og:url" content="https://felixkrusch.com/"/><meta property="og:image" content="https://felixkrusch.com/images/Felix-Portrait-Sahara.webp"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Felix - Web Designer &amp; Developer"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Web Design Montreal | Freelance Web Designer &amp; Developer - Felix Krusch"/><meta name="twitter:description" content="Freelance web designer &amp; developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects."/><meta name="twitter:image" content="https://felixkrusch.com/images/Felix-Portrait-Sahara.webp"/><link rel="icon" href="/icon.svg"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="font-sans antialiased min-h-screen flex flex-col"><div hidden=""><!--$--><!--/$--></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"Felix Krusch - Web Designer & Developer","description":"Freelance web designer and developer based in Montreal, specializing in fast, converting, mobile-optimized websites since 1998.","url":"https://felixkrusch.com/","telephone":"+1 581-222-2515","openingHours":"Mo-Fr 08:00-18:00","priceRange":"$$","areaServed":{"@type":"City","name":"Montreal","addressRegion":"Quebec","addressCountry":"CA"},"image":"https://felixkrusch.com/images/felix-proper.svg","logo":"https://felixkrusch.com/felixkrusch-logo-2026.svg","sameAs":["https://richwp.com","https://felixkrusch.de","https://www.linkedin.com/in/fkrusch/","https://www.facebook.com/kruschfelix/"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Web Design Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Custom Web Design & Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Website Redesign"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Website Maintenance & Support"}}]}}</script><main class="min-h-screen"><div class="fixed top-0 left-0 right-0 z-50 pointer-events-none" style="transform:translateY(-100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)"><div class="px-6 md:px-10 lg:px-16 py-5 flex justify-between items-center"><a href="/" aria-label="Felix Krusch — Home" class="pointer-events-auto flex items-center justify-center w-11 h-11 rounded-full transition-all duration-300" style="background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.25);box-shadow:0 2px 20px rgba(0,0,0,0.08)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" aria-hidden="true"><polygon points="341.72 147.07 341.72 73.6 107.42 73.6 107.42 438.4 190.15 438.4 190.15 295.56 332.47 295.56 332.47 223.63 190.15 223.63 190.15 147.07 341.72 147.07" fill="var(--foreground)"></polygon><rect x="332.33" y="366.16" width="72.25" height="72.25" fill="#ec1e24"></rect></svg></a><button aria-label="Open menu" class="pointer-events-auto flex items-center gap-2.5 px-5 py-2 rounded-full border transition-all duration-300" style="background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,0.25);color:inherit;box-shadow:0 2px 20px rgba(0,0,0,0.08)"><span class="text-xs uppercase tracking-[0.2em] font-medium select-none">Menu</span><span class="relative w-4 h-1.5 flex flex-col justify-between"><span class="block h-px w-full origin-center transition-all duration-300" style="background:currentColor;transform:none"></span><span class="block h-px w-full origin-center transition-all duration-300" style="background:currentColor;transform:none"></span></span></button></div></div><div class="fixed inset-0 z-40 flex flex-col md:flex-row overflow-hidden" style="clip-path:inset(0 0 100% 0);transition:clip-path 0.55s cubic-bezier(0.76,0,0.24,1);pointer-events:none" aria-hidden="true"><div class="relative flex flex-col justify-between w-full md:w-1/2 bg-background px-8 md:px-16 lg:px-20 pt-28 pb-10"><nav class="flex flex-col gap-1 flex-1 justify-center"><a href="/#services" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">01</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Services</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a><a href="/#trust" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">02</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Work</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a><a href="/#process" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">03</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Process</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a><a href="/blog" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">04</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Blog</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a><a href="/refer-and-earn" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">05</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Refer &amp; Earn</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a><a href="/#contact" class="group relative flex items-baseline gap-4 py-2 overflow-hidden" style="transform:translateY(40px);opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease;transition-delay:0ms"><span class="text-[11px] font-mono text-muted-foreground tracking-widest flex-shrink-0 transition-colors duration-200 group-hover:text-accent" style="min-width:2rem">06</span><span class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-none transition-colors duration-200" style="color:inherit">Contact</span><span class="absolute bottom-0 left-0 h-px bg-accent origin-left transition-transform duration-300" style="width:100%;transform:scaleX(0)"></span></a></nav><div class="flex items-center justify-between pt-8 border-t border-border mt-4" style="opacity:0;transition:opacity 0.5s ease;transition-delay:0ms"><div class="flex items-center gap-4"><a href="/" class="text-xs uppercase tracking-[0.25em] transition-colors duration-200 text-accent font-semibold">EN</a><a href="/fr" class="text-xs uppercase tracking-[0.25em] transition-colors duration-200 text-muted-foreground hover:text-foreground">FR</a><a href="/de" class="text-xs uppercase tracking-[0.25em] transition-colors duration-200 text-muted-foreground hover:text-foreground">DE</a></div><span class="text-[11px] uppercase tracking-[0.3em] text-muted-foreground">Since 1998</span></div></div><div class="relative flex flex-col justify-between w-full md:w-1/2 bg-foreground text-background px-8 md:px-16 lg:px-20 pt-16 md:pt-28 pb-10" style="transform:translateX(60px);opacity:0;transition:transform 0.55s cubic-bezier(0.16,1,0.3,1), opacity 0.45s ease;transition-delay:0ms"><div><p class="text-xs uppercase tracking-[0.35em] text-background/50 mb-6" style="opacity:0;transform:translateY(20px);transition:all 0.5s ease;transition-delay:0ms">Get in touch</p><p class="text-2xl md:text-3xl lg:text-4xl font-bold leading-tight mb-12 text-balance" style="opacity:0;transform:translateY(20px);transition:all 0.55s cubic-bezier(0.16,1,0.3,1);transition-delay:0ms">Let&#x27;s work together.</p></div><div class="flex flex-col gap-6"><div style="opacity:0;transform:translateY(16px);transition:all 0.5s ease;transition-delay:0ms"><p class="text-[11px] uppercase tracking-[0.3em] text-background/40 mb-1">Email</p><a href="mailto:fk@felixkrusch.com" class="text-lg md:text-xl font-medium text-background/90 hover:text-accent transition-colors duration-200 break-all">fk@felixkrusch.com</a></div><div style="opacity:0;transform:translateY(16px);transition:all 0.5s ease;transition-delay:0ms"><p class="text-[11px] uppercase tracking-[0.3em] text-background/40 mb-1">Phone</p><a href="tel:+15812222515" class="text-lg md:text-xl font-medium text-background/90 hover:text-accent transition-colors duration-200">+1 581 222 2515</a></div><div style="opacity:0;transform:translateY(16px);transition:all 0.5s ease;transition-delay:0ms"><p class="text-[11px] uppercase tracking-[0.3em] text-background/40 mb-1">Location</p><p class="text-base text-background/90 font-medium">Montreal, Canada</p></div><div class="flex items-center gap-6 pt-4 border-t border-background/15" style="opacity:0;transform:translateY(12px);transition:all 0.5s ease;transition-delay:0ms"><a href="https://www.linkedin.com/in/fkrusch/" target="_blank" rel="noopener noreferrer" class="text-[11px] uppercase tracking-[0.2em] text-background/50 hover:text-accent transition-colors duration-200 font-medium">LinkedIn</a><span class="w-px h-3 bg-background/20"></span><a href="https://www.facebook.com/kruschfelix/" target="_blank" rel="noopener noreferrer" class="text-[11px] uppercase tracking-[0.2em] text-background/50 hover:text-accent transition-colors duration-200 font-medium">Facebook</a></div></div><div class="absolute bottom-10 right-10 w-3 h-3 bg-accent rounded-full" style="opacity:0;transition:opacity 0.4s ease;transition-delay:0ms"></div></div></div><section class="relative h-screen flex flex-col justify-between overflow-hidden mb-16 md:mb-24 lg:mb-32"><div class="pointer-events-none absolute inset-0 z-0" style="background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-size:clamp(60px, 8vw, 120px) clamp(60px, 8vw, 120px);opacity:0.4;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 70%)"></div><div class="relative z-10 flex justify-between items-center px-6 md:px-12 lg:px-24 pt-6 md:pt-12"><div style="opacity:0;transform:translateX(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:600ms"><p class="text-xs md:text-sm uppercase tracking-[0.35em] text-muted-foreground">Web Designer &amp; Developer</p></div><div class="hidden md:flex items-center gap-6" style="opacity:0;transform:translateX(30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:700ms"><span class="text-xs uppercase tracking-[0.35em] text-muted-foreground font-mono">for 28 years</span><span class="w-8 h-px bg-accent"></span><span class="text-xs uppercase tracking-[0.35em] text-muted-foreground font-mono">Montreal, Ca</span></div></div><div class="relative z-10 flex-1 flex items-center justify-center px-6 md:px-12 lg:px-24"><div class="relative w-full"><h1 class="text-[24vw] md:text-[22vw] lg:text-[19vw] font-bold leading-[0.82] tracking-[-0.04em] text-foreground select-none text-center" aria-label="Felix, for 28 years"><span class="inline-block transition-transform duration-200 ease-out" style="transform:translateY(120px);opacity:0;transition-delay:300ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)">F</span><span class="inline-block transition-transform duration-200 ease-out" style="transform:translateY(120px);opacity:0;transition-delay:360ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)">e</span><span class="inline-block transition-transform duration-200 ease-out" style="transform:translateY(120px);opacity:0;transition-delay:420ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)">l</span><span class="inline-block transition-transform duration-200 ease-out" style="transform:translateY(120px);opacity:0;transition-delay:480ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)">i</span><span class="inline-block transition-transform duration-200 ease-out" style="transform:translateY(120px);opacity:0;transition-delay:540ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)">x</span><span class="inline-block text-accent transition-transform duration-200 ease-out" style="transform:translateY(120px) scale(0);opacity:0;transition-delay:700ms;transition-duration:800ms;transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)">.</span></h1><div class="hidden lg:flex absolute left-0 top-1/2 -translate-y-1/2 -translate-x-2 flex-col gap-1" style="opacity:0;transform:translateY(-50%) translateX(-40px);transition:all 1s cubic-bezier(0.16,1,0.3,1);transition-delay:1000ms"><span class="text-[2.5rem] font-bold leading-none text-foreground"></span><span class="text-[10px] uppercase tracking-[0.3em] text-muted-foreground">Projects</span></div><div class="hidden lg:flex absolute right-0 top-1/2 -translate-y-1/2 translate-x-2 flex-col gap-1 items-end" style="opacity:0;transform:translateY(-50%) translateX(40px);transition:all 1s cubic-bezier(0.16,1,0.3,1);transition-delay:1100ms"><span class="text-[2.5rem] font-bold leading-none text-foreground"></span><span class="text-[10px] uppercase tracking-[0.3em] text-muted-foreground">Experience</span></div></div></div><div class="relative z-10 mx-6 md:mx-12 lg:mx-24"><div class="h-px bg-foreground origin-left" style="transform:scaleX(0);transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)"></div></div><div class="relative z-10 px-6 md:px-12 lg:px-24 py-6 md:py-8"><div class="grid grid-cols-1 md:grid-cols-12 gap-6 items-center"><div class="hidden md:flex md:col-span-1 items-center justify-start" style="opacity:0;transition:opacity 0.8s;transition-delay:1500ms"><div class="flex flex-col items-center gap-2"><span class="text-[9px] uppercase tracking-[0.3em] text-muted-foreground" style="writing-mode:vertical-rl">Scroll</span><div class="w-px h-8 bg-border overflow-hidden"><div class="w-full bg-accent" style="height:100%;animation:scrollPulse 2s ease-in-out infinite"></div></div></div></div><div class="md:col-span-4 md:col-start-2" style="opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:1000ms"><p class="text-lg md:text-xl lg:text-2xl font-medium leading-snug text-balance">Modern, fast websites that bring in more clients.</p></div><div class="md:col-span-4 md:col-start-6" style="opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:1100ms"><p class="text-sm text-muted-foreground leading-relaxed">Clean, high-converting sites built for 28 years - minus the typical headaches. No bloated code. No usual delays and frustration. Just reliable websites that convert visitors into clients.</p></div><div class="md:col-span-3 md:col-start-10 flex md:justify-end" style="opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:1200ms"><a href="/#contact" class="group relative inline-flex items-center gap-3 bg-foreground text-background px-8 py-4 text-xs uppercase tracking-[0.2em] font-medium overflow-hidden transition-colors duration-500 hover:bg-accent whitespace-nowrap" style="transform:translate(0px, 0px);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94), background-color 0.5s;opacity:0;transition-delay:1200ms"><span class="relative z-10 flex items-center gap-3">Let&#x27;s Talk<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1.5 transition-transform duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="absolute inset-0 bg-accent origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-500 ease-out"></span></a></div></div></div></section><div class="bg-foreground text-background py-4 overflow-hidden"><div class="animate-marquee whitespace-nowrap flex"><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Design<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Development<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Fast Loading<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Mobile Optimized<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Clean Code<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">User Experience<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Conversion Focused<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Design<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Development<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Fast Loading<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Mobile Optimized<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Clean Code<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">User Experience<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Conversion Focused<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Design<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Development<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Fast Loading<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Mobile Optimized<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Clean Code<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">User Experience<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Conversion Focused<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Design<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Web Development<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Fast Loading<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Mobile Optimized<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Clean Code<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">User Experience<span class="text-accent">*</span></span><span class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8">Conversion Focused<span class="text-accent">*</span></span></div></div><section id="services" class="py-24 md:py-32 px-6 md:px-12 lg:px-24 bg-secondary"><div class="max-w-6xl"><p class="text-sm uppercase tracking-[0.3em] text-muted-foreground mb-4">Services</p><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-16">What I offer</h2><div class="space-y-0"><div class="group border-t border-border py-8 md:py-10 grid md:grid-cols-[auto_1fr_auto] gap-4 md:gap-8 items-start hover:bg-background/50 transition-colors duration-300 -mx-4 md:-mx-6 px-4 md:px-6"><span class="text-sm text-accent font-mono">01</span><div><h3 class="text-xl md:text-2xl font-semibold mb-2">Website Design &amp; Development</h3><p class="text-muted-foreground max-w-xl">From concept to launch-clean, modern sites built with performance in mind.</p></div></div><div class="group border-t border-border py-8 md:py-10 grid md:grid-cols-[auto_1fr_auto] gap-4 md:gap-8 items-start hover:bg-background/50 transition-colors duration-300 -mx-4 md:-mx-6 px-4 md:px-6"><span class="text-sm text-accent font-mono">02</span><div><h3 class="text-xl md:text-2xl font-semibold mb-2">Redesigns &amp; Upgrades</h3><p class="text-muted-foreground max-w-xl">Breathe new life into outdated sites with modern design and improved functionality.</p></div></div><div class="group border-t border-border py-8 md:py-10 grid md:grid-cols-[auto_1fr_auto] gap-4 md:gap-8 items-start hover:bg-background/50 transition-colors duration-300 -mx-4 md:-mx-6 px-4 md:px-6"><span class="text-sm text-accent font-mono">03</span><div><h3 class="text-xl md:text-2xl font-semibold mb-2">Maintenance &amp; Support</h3><p class="text-muted-foreground max-w-xl">Keep your site running smoothly with ongoing updates, security, and performance checks.</p></div></div></div><p class="text-sm text-muted-foreground mt-12 border-l-2 border-accent pl-4">Pricing and timelines discussed during our initial consultation</p></div></section><section id="process" class="bg-background py-24 md:py-32 px-6 md:px-12 lg:px-24 overflow-hidden"><div class="max-w-6xl"><div class="mb-16 md:mb-20"><p class="text-xs uppercase tracking-[0.35em] text-muted-foreground mb-6" style="opacity:0;transform:translateY(16px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1)">My Process</p><div class="flex flex-col md:flex-row md:items-end md:justify-between gap-8 md:gap-16"><h2 class="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[0.88] text-foreground" style="opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 80ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 80ms">How I work</h2><p class="text-muted-foreground text-sm leading-relaxed max-w-[28rem] md:text-right shrink-0 border-l-2 md:border-l-0 border-accent pl-4 md:pl-0 italic" style="opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 180ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 180ms">I keep it simple. No agency theater, no wireframes, no Figma.</p></div></div><div><div class="group relative" style="opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 0ms"><div class="relative border-t border-border overflow-hidden"><div class="absolute top-0 left-0 h-px w-0 bg-accent group-hover:w-full transition-all duration-700 ease-out"></div></div><div class="py-10 md:py-12 lg:py-14 grid grid-cols-[3rem_1fr] md:grid-cols-[6rem_1fr_auto] gap-x-6 md:gap-x-10 items-start"><div class="pt-1 md:pt-2"><span class="text-xs font-mono text-accent tracking-[0.25em]">01</span></div><div><h3 class="text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight mb-4 text-foreground group-hover:text-accent transition-colors duration-500">Discovery Call</h3><p class="text-muted-foreground leading-relaxed text-sm md:text-base max-w-xl">Phone, FaceTime, or in-person if in Montreal or Herborn. You tell me what you actually need. I ask the sharp questions. 20 minutes later we have exact scope and price. Same day, no games.</p></div><div class="hidden md:flex items-start justify-end self-center"><span class="text-[4.5rem] lg:text-[6rem] font-bold leading-none tracking-tighter select-none pointer-events-none text-foreground/[0.04] group-hover:text-foreground/[0.07] transition-colors duration-500" aria-hidden="true">01</span></div></div></div><div class="group relative" style="opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 120ms"><div class="relative border-t border-border overflow-hidden"><div class="absolute top-0 left-0 h-px w-0 bg-accent group-hover:w-full transition-all duration-700 ease-out"></div></div><div class="py-10 md:py-12 lg:py-14 grid grid-cols-[3rem_1fr] md:grid-cols-[6rem_1fr_auto] gap-x-6 md:gap-x-10 items-start"><div class="pt-1 md:pt-2"><span class="text-xs font-mono text-accent tracking-[0.25em]">02</span></div><div><h3 class="text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight mb-4 text-foreground group-hover:text-accent transition-colors duration-500">Homepage First – Straight Into Code</h3><p class="text-muted-foreground leading-relaxed text-sm md:text-base max-w-xl">I don&#x27;t waste time on wireframes. I design in code. I know what I&#x27;m doing. I open the editor and code the actual homepage in Next.js + Tailwind immediately. You see real, live, pixel-perfect design within hours. No guessing, no pretty pictures that never become code.</p></div><div class="hidden md:flex items-start justify-end self-center"><span class="text-[4.5rem] lg:text-[6rem] font-bold leading-none tracking-tighter select-none pointer-events-none text-foreground/[0.04] group-hover:text-foreground/[0.07] transition-colors duration-500" aria-hidden="true">02</span></div></div></div><div class="group relative" style="opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 240ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 240ms"><div class="relative border-t border-border overflow-hidden"><div class="absolute top-0 left-0 h-px w-0 bg-accent group-hover:w-full transition-all duration-700 ease-out"></div></div><div class="py-10 md:py-12 lg:py-14 grid grid-cols-[3rem_1fr] md:grid-cols-[6rem_1fr_auto] gap-x-6 md:gap-x-10 items-start"><div class="pt-1 md:pt-2"><span class="text-xs font-mono text-accent tracking-[0.25em]">03</span></div><div><h3 class="text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight mb-4 text-foreground group-hover:text-accent transition-colors duration-500">Build &amp; Polish</h3><p class="text-muted-foreground leading-relaxed text-sm md:text-base max-w-xl">I finish the entire site with modern tools and AI for speed. Mobile-first, lightning fast, actually converts. Unlimited revisions until you&#x27;re 100% happy. No extra invoices, ever.</p></div><div class="hidden md:flex items-start justify-end self-center"><span class="text-[4.5rem] lg:text-[6rem] font-bold leading-none tracking-tighter select-none pointer-events-none text-foreground/[0.04] group-hover:text-foreground/[0.07] transition-colors duration-500" aria-hidden="true">03</span></div></div></div><div class="group relative" style="opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 360ms, transform 0.8s cubic-bezier(0.16,1,0.3,1) 360ms"><div class="relative border-t border-border overflow-hidden"><div class="absolute top-0 left-0 h-px w-0 bg-accent group-hover:w-full transition-all duration-700 ease-out"></div></div><div class="py-10 md:py-12 lg:py-14 grid grid-cols-[3rem_1fr] md:grid-cols-[6rem_1fr_auto] gap-x-6 md:gap-x-10 items-start"><div class="pt-1 md:pt-2"><span class="text-xs font-mono text-accent tracking-[0.25em]">04</span></div><div><h3 class="text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight mb-4 text-foreground group-hover:text-accent transition-colors duration-500">Launch</h3><p class="text-muted-foreground leading-relaxed text-sm md:text-base max-w-xl">I push it live. Domain, hosting, SSL.</p></div><div class="hidden md:flex items-start justify-end self-center"><span class="text-[4.5rem] lg:text-[6rem] font-bold leading-none tracking-tighter select-none pointer-events-none text-foreground/[0.04] group-hover:text-foreground/[0.07] transition-colors duration-500" aria-hidden="true">04</span></div></div><div class="border-t border-border"></div></div></div><div class="mt-20 md:mt-24 flex flex-col md:flex-row md:items-center md:justify-between gap-6" style="opacity:0;transform:translateY(24px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1)"><p class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight leading-[0.9] text-foreground">That&#x27;s it.</p><div class="flex items-center gap-5"><div class="w-10 h-px bg-accent shrink-0"></div><p class="text-xs uppercase tracking-[0.4em] text-accent font-medium">Fast. Effective. Done.</p></div></div></div></section><section id="trust" class="pt-24 md:pt-32 pb-24 md:pb-32 px-6 md:px-12 lg:px-24 bg-secondary"><div class="max-w-6xl"><p class="text-sm uppercase tracking-[0.3em] text-muted-foreground mb-4">Progress through Experience</p><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-16 text-balance">Why work with me</h2><div class="grid gap-6"><div class="flex gap-4 items-start group transition-all duration-500 ease-out opacity-0 -translate-x-8" style="transition-delay:0ms"><div class="flex-shrink-0 w-6 h-6 bg-primary text-primary-foreground flex items-center justify-center mt-0.5 group-hover:bg-accent group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4"><path d="M20 6 9 17l-5-5"></path></svg></div><div><p class="text-lg md:text-xl font-semibold group-hover:text-accent transition-colors duration-300">Proven experience</p><p class="text-muted-foreground leading-relaxed">Building websites for 28 years, with over 300 projects delivered for small businesses and professionals.</p></div></div><div class="flex gap-4 items-start group transition-all duration-500 ease-out opacity-0 -translate-x-8" style="transition-delay:100ms"><div class="flex-shrink-0 w-6 h-6 bg-primary text-primary-foreground flex items-center justify-center mt-0.5 group-hover:bg-accent group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4"><path d="M20 6 9 17l-5-5"></path></svg></div><div><p class="text-lg md:text-xl font-semibold group-hover:text-accent transition-colors duration-300">Results-focused</p><p class="text-muted-foreground leading-relaxed">Every site is optimized for speed and conversions (95%+ Core Web Vitals scores on recent launches).</p></div></div><div class="flex gap-4 items-start group transition-all duration-500 ease-out opacity-0 -translate-x-8" style="transition-delay:200ms"><div class="flex-shrink-0 w-6 h-6 bg-primary text-primary-foreground flex items-center justify-center mt-0.5 group-hover:bg-accent group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4"><path d="M20 6 9 17l-5-5"></path></svg></div><div><p class="text-lg md:text-xl font-semibold group-hover:text-accent transition-colors duration-300">No surprises</p><p class="text-muted-foreground leading-relaxed">Fixed-price projects, clear timelines, and direct communication from day one.</p></div></div><div class="flex gap-4 items-start group transition-all duration-500 ease-out opacity-0 -translate-x-8" style="transition-delay:300ms"><div class="flex-shrink-0 w-6 h-6 bg-primary text-primary-foreground flex items-center justify-center mt-0.5 group-hover:bg-accent group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4"><path d="M20 6 9 17l-5-5"></path></svg></div><div><p class="text-lg md:text-xl font-semibold group-hover:text-accent transition-colors duration-300">Personal attention</p><p class="text-muted-foreground leading-relaxed">I take on only a few clients at a time, so your project gets my full focus.</p></div></div><div class="flex gap-4 items-start group transition-all duration-500 ease-out opacity-0 -translate-x-8" style="transition-delay:400ms"><div class="flex-shrink-0 w-6 h-6 bg-primary text-primary-foreground flex items-center justify-center mt-0.5 group-hover:bg-accent group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4"><path d="M20 6 9 17l-5-5"></path></svg></div><div><p class="text-lg md:text-xl font-semibold group-hover:text-accent transition-colors duration-300">Risk-free start</p><p class="text-muted-foreground leading-relaxed">If the initial concept doesn&#x27;t meet your expectations, I&#x27;ll refine it at no extra cost.</p></div></div></div></div></section><section class="pt-24 md:pt-32 pb-16 md:pb-24 px-6 md:px-12 lg:px-24 border-b border-border bg-background"><div class="max-w-6xl"><p class="text-sm uppercase tracking-[0.3em] text-muted-foreground mb-4">Recent project examples</p><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-16 md:mb-24 text-balance">Take a closer look</h2><div class="flex flex-col gap-20 md:gap-28"><a href="https://safetee-usa.com/" target="_blank" rel="noopener noreferrer" class="group block transition-all duration-700 ease-out opacity-0 translate-y-16"><div class="flex flex-col md:flex-row gap-6 md:gap-0"><div class="w-full md:w-[60%] relative overflow-hidden"><img alt="Safetee USA" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/images/safetee.webp"/><div class="absolute inset-0 bg-foreground/0 group-hover:bg-foreground/50 transition-all duration-500 flex items-center justify-center"><div class="flex items-center gap-3 opacity-0 group-hover:opacity-100 translate-y-3 group-hover:translate-y-0 transition-all duration-400 delay-100"><span class="text-xs uppercase tracking-[0.2em] font-semibold text-background">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-background"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="w-full md:w-[40%] flex flex-col justify-between md:pl-12 lg:pl-16"><div><div class="flex items-center justify-between mb-6"><span class="text-xs font-mono text-accent tracking-widest">2026</span><span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Brand / Product</span></div><h3 class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.05] mb-4 md:mb-6 group-hover:text-accent transition-colors duration-300">Safetee USA</h3><p class="text-sm md:text-base text-muted-foreground leading-relaxed mb-6">New brand and product page for US market entry with custom Stripe e-commerce integration, secure and fast performing.</p><div class="flex items-start gap-3 mb-8 md:mb-0"><span class="w-[2px] h-full min-h-[40px] bg-accent flex-shrink-0 mt-0.5"></span><div><span class="text-xs uppercase tracking-[0.2em] text-accent font-semibold block mb-1">US market launch</span><span class="text-sm text-muted-foreground leading-relaxed">Professional e-commerce product page with custom checkout flow, strong security measures, and optimized Core Web Vitals.</span></div></div></div></div></div></a><a href="https://nextmaker.de/" target="_blank" rel="noopener noreferrer" class="group block transition-all duration-700 ease-out opacity-0 translate-y-16"><div class="flex flex-col md:flex-row gap-6 md:gap-0"><div class="w-full md:w-[60%] relative overflow-hidden"><img alt="Nextmaker" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/images/project-nextmaker.webp"/><div class="absolute inset-0 bg-foreground/0 group-hover:bg-foreground/50 transition-all duration-500 flex items-center justify-center"><div class="flex items-center gap-3 opacity-0 group-hover:opacity-100 translate-y-3 group-hover:translate-y-0 transition-all duration-400 delay-100"><span class="text-xs uppercase tracking-[0.2em] font-semibold text-background">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-background"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="w-full md:w-[40%] flex flex-col justify-between md:pl-12 lg:pl-16"><div><div class="flex items-center justify-between mb-6"><span class="text-xs font-mono text-accent tracking-widest">2026</span><span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Personal Brand</span></div><h3 class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.05] mb-4 md:mb-6 group-hover:text-accent transition-colors duration-300">Nextmaker</h3><p class="text-sm md:text-base text-muted-foreground leading-relaxed mb-6">Personal brand launch with an extensive one-pager for a business consulting professional.</p><div class="flex items-start gap-3 mb-8 md:mb-0"><span class="w-[2px] h-full min-h-[40px] bg-accent flex-shrink-0 mt-0.5"></span><div><span class="text-xs uppercase tracking-[0.2em] text-accent font-semibold block mb-1">Fast performance</span><span class="text-sm text-muted-foreground leading-relaxed">High-performance one-pager with strong personal branding and optimized Core Web Vitals.</span></div></div></div></div></div></a><a href="https://kaiserundkaiser.de" target="_blank" rel="noopener noreferrer" class="group block transition-all duration-700 ease-out opacity-0 translate-y-16"><div class="flex flex-col md:flex-row gap-6 md:gap-0"><div class="w-full md:w-[60%] relative overflow-hidden"><img alt="Kaiser &amp; Kaiser" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/images/project-kaiser-kaiser.webp"/><div class="absolute inset-0 bg-foreground/0 group-hover:bg-foreground/50 transition-all duration-500 flex items-center justify-center"><div class="flex items-center gap-3 opacity-0 group-hover:opacity-100 translate-y-3 group-hover:translate-y-0 transition-all duration-400 delay-100"><span class="text-xs uppercase tracking-[0.2em] font-semibold text-background">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-background"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="w-full md:w-[40%] flex flex-col justify-between md:pl-12 lg:pl-16"><div><div class="flex items-center justify-between mb-6"><span class="text-xs font-mono text-accent tracking-widest">2026</span><span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Redesign</span></div><h3 class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.05] mb-4 md:mb-6 group-hover:text-accent transition-colors duration-300">Kaiser &amp; Kaiser</h3><p class="text-sm md:text-base text-muted-foreground leading-relaxed mb-6">Redesign of existing hair salon site with improved booking flow and SEO optimization.</p><div class="flex items-start gap-3 mb-8 md:mb-0"><span class="w-[2px] h-full min-h-[40px] bg-accent flex-shrink-0 mt-0.5"></span><div><span class="text-xs uppercase tracking-[0.2em] text-accent font-semibold block mb-1">Better UX</span><span class="text-sm text-muted-foreground leading-relaxed">One-pager with faster load times and streamlined appointment booking for three locations.</span></div></div></div></div></div></a><a href="https://galabau-woelfersheim.de/" target="_blank" rel="noopener noreferrer" class="group block transition-all duration-700 ease-out opacity-0 translate-y-16"><div class="flex flex-col md:flex-row gap-6 md:gap-0"><div class="w-full md:w-[60%] relative overflow-hidden"><img alt="Häberle" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/images/project-haberle.webp"/><div class="absolute inset-0 bg-foreground/0 group-hover:bg-foreground/50 transition-all duration-500 flex items-center justify-center"><div class="flex items-center gap-3 opacity-0 group-hover:opacity-100 translate-y-3 group-hover:translate-y-0 transition-all duration-400 delay-100"><span class="text-xs uppercase tracking-[0.2em] font-semibold text-background">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-background"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="w-full md:w-[40%] flex flex-col justify-between md:pl-12 lg:pl-16"><div><div class="flex items-center justify-between mb-6"><span class="text-xs font-mono text-accent tracking-widest">2025</span><span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Development</span></div><h3 class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.05] mb-4 md:mb-6 group-hover:text-accent transition-colors duration-300">Häberle</h3><p class="text-sm md:text-base text-muted-foreground leading-relaxed mb-6">New WordPress one-pager for landscaping and garden business.</p><div class="flex items-start gap-3 mb-8 md:mb-0"><span class="w-[2px] h-full min-h-[40px] bg-accent flex-shrink-0 mt-0.5"></span><div><span class="text-xs uppercase tracking-[0.2em] text-accent font-semibold block mb-1">Online presence</span><span class="text-sm text-muted-foreground leading-relaxed">Professional service business website with nature-inspired design and mobile optimization.</span></div></div></div></div></div></a><a href="https://vitossportinggoods.com/" target="_blank" rel="noopener noreferrer" class="group block transition-all duration-700 ease-out opacity-0 translate-y-16"><div class="flex flex-col md:flex-row gap-6 md:gap-0"><div class="w-full md:w-[60%] relative overflow-hidden"><img alt="Vitos Sporting Goods" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="w-full h-auto block" style="color:transparent" src="/images/project-vitos.webp"/><div class="absolute inset-0 bg-foreground/0 group-hover:bg-foreground/50 transition-all duration-500 flex items-center justify-center"><div class="flex items-center gap-3 opacity-0 group-hover:opacity-100 translate-y-3 group-hover:translate-y-0 transition-all duration-400 delay-100"><span class="text-xs uppercase tracking-[0.2em] font-semibold text-background">View Project</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-background"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="w-full md:w-[40%] flex flex-col justify-between md:pl-12 lg:pl-16"><div><div class="flex items-center justify-between mb-6"><span class="text-xs font-mono text-accent tracking-widest">2025</span><span class="text-[10px] uppercase tracking-[0.25em] text-muted-foreground">Branding</span></div><h3 class="text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight leading-[1.05] mb-4 md:mb-6 group-hover:text-accent transition-colors duration-300">Vitos Sporting Goods</h3><p class="text-sm md:text-base text-muted-foreground leading-relaxed mb-6">Establishing brand identity with authentic 1950s retro design aesthetic.</p><div class="flex items-start gap-3 mb-8 md:mb-0"><span class="w-[2px] h-full min-h-[40px] bg-accent flex-shrink-0 mt-0.5"></span><div><span class="text-xs uppercase tracking-[0.2em] text-accent font-semibold block mb-1">Brand launch</span><span class="text-sm text-muted-foreground leading-relaxed">Bold, memorable vintage sporting goods brand with engaging visual identity.</span></div></div></div></div></div></a></div></div></section><section id="blog" class="pt-16 md:pt-24 pb-24 md:pb-32 px-6 md:px-12 lg:px-24"><div class="max-w-7xl mx-auto"><div class="mb-16"><p class="text-sm uppercase tracking-[0.3em] text-muted-foreground mb-4">Latest Blog Posts</p><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-balance">Insights on web and strategy</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10"><a class="group block h-full" href="/blog/i-shut-down-richwp-then-i-built-the-cms-i-always-wanted/"><article class="bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col"><div class="flex items-center gap-2 text-xs text-muted-foreground mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><time dateTime="2026-03-16T12:00:00Z">March 16, 2026</time></div><h3 class="text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2">2026: I shut down RichWP. Then I built the CMS I always wanted.</h3><p class="text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow">2026: I shut down RichWP. Then I built the CMS I always wanted.

I shut down RichWP — a WordPress theme business I had built since 2010 — for good.

Y<!-- -->...</p><div class="inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto">Read more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></article></a><a class="group block h-full" href="/blog/agents-are-the-new-cms/"><article class="bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col"><div class="flex items-center gap-2 text-xs text-muted-foreground mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><time dateTime="2026-03-07T12:00:00Z">March 7, 2026</time></div><h3 class="text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2">Agents Are the New CMS</h3><p class="text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow">2026: Your website shouldn&#x27;t fight you every time you want to update it.

I actually built a proper multi-language blog in WordPress (EN, DE, FR). Sta<!-- -->...</p><div class="inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto">Read more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></article></a><a class="group block h-full" href="/blog/wordpress-fse-diminishing-returns/"><article class="bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col"><div class="flex items-center gap-2 text-xs text-muted-foreground mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><time dateTime="2026-02-28T12:00:00Z">February 28, 2026</time></div><h3 class="text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2">WordPress FSE diminishing returns</h3><p class="text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow">WordPress FSE is a lesson in diminishing returns. The complexity-to-flexibility ratio doesn&#x27;t make sense when modern stacks just work.

You spend hour<!-- -->...</p><div class="inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto">Read more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></article></a></div><div class="mt-16"><a class="inline-flex items-center gap-3 px-8 py-4 border border-border hover:bg-secondary hover:border-border/80 transition-all duration-300 group" href="/blog/"><span class="text-sm font-semibold uppercase tracking-wider">View All Posts</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section id="contact" class="py-24 md:py-32 px-6 md:px-12 lg:px-24 bg-foreground text-background"><div class="max-w-6xl"><div class="grid lg:grid-cols-2 gap-12 lg:gap-24"><div><p class="text-sm uppercase tracking-[0.3em] text-background/60 mb-4">Contact</p><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-6">Ready to<br/><span class="text-accent">get started?</span></h2><p class="text-lg text-background/80 leading-relaxed">Send me a short message - I&#x27;ll get back to you within 24–48 hours with initial thoughts and, if it&#x27;s a good fit, a rough timeline and quote.</p></div><div class="flex justify-end items-end h-full"><div class="space-y-4 text-background/60"><p><span class="text-background/40">Email<!-- -->:</span> <a href="mailto:fk@felixkrusch.com" class="text-background hover:text-accent transition-colors">fk@felixkrusch.com</a></p><p><span class="text-background/40">Phone<!-- -->:</span> <!-- -->+1 581 222 2515</p><p><span class="text-background/40">LinkedIn<!-- -->:</span> <a href="https://linkedin.com/in/fkrusch/" class="text-background hover:text-accent transition-colors" target="_blank" rel="noopener noreferrer">linkedin.com/in/fkrusch/</a></p><p><span class="text-background/40">Facebook<!-- -->:</span> <a href="https://facebook.com/kruschfelix/" class="text-background hover:text-accent transition-colors" target="_blank" rel="noopener noreferrer">facebook.com/kruschfelix/</a></p><p><span class="text-background/40">Location<!-- -->:</span> <!-- -->Montreal, QC</p></div></div></div></div></section><footer class="py-8 px-6 md:px-12 lg:px-24 bg-foreground text-background"><div class="max-w-6xl"><div class="flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-sm text-background/60">© 2026 Felix Krusch</p><div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-6 w-full md:w-auto justify-center md:justify-end"><div class="flex gap-3 text-sm text-background/60 items-center justify-center md:justify-start"><a href="/refer-and-earn" class="hover:text-accent transition-colors">Refer &amp; Earn</a><span class="text-background/30">•</span><a href="/impressum" class="hover:text-accent transition-colors">Impressum</a><span class="text-background/30">•</span><a href="/privacy-policy" class="hover:text-accent transition-colors">Privacy Policy</a></div><span class="hidden md:inline text-background/30">•</span><div class="flex justify-center"><div class="flex gap-4 text-sm text-background/60"><a class="transition-colors hover:text-background text-background font-semibold" href="/">English</a><a class="transition-colors hover:text-background " href="/fr/">Français</a><a class="transition-colors hover:text-background " href="/de/">Deutsch</a></div></div></div></div></div></footer><div class="bg-red-600 text-white py-4 overflow-hidden cursor-pointer"><div class="animate-marquee whitespace-nowrap flex"><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a><a href="/refer-and-earn" class="mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8 hover:text-[#cfff04] transition-colors"><span>Refer a client &amp; earn $750 USD / $1,000 CAD</span><span>→</span><span class="font-bold">Refer &amp; Earn</span></a></div></div></main><!--$--><!--/$--><script src="/_next/static/chunks/e491d436f4519dd0.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"default\"]\n5:I[13474,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Navigation\"]\n6:I[85161,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Hero\"]\n2b:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"default\"]\n:HL[\"/_next/static/chunks/8a80e7184ad3a13f.css\",\"style\"]\n:HL[\"/_next/static/chunks/b042869b54108fd5.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:T432,{\"@context\":\"https://schema.org\",\"@type\":\"ProfessionalService\",\"name\":\"Felix Krusch - Web Designer \u0026 Developer\",\"description\":\"Freelance web designer and developer based in Montreal, specializing in fast, converting, mobile-optimized websites since 1998.\",\"url\":\"https://felixkrusch.com/\",\"telephone\":\"+1 581-222-2515\",\"openingHours\":\"Mo-Fr 08:00-18:00\",\"priceRange\":\"$$\",\"areaServed\":{\"@type\":\"City\",\"name\":\"Montreal\",\"addressRegion\":\"Quebec\",\"addressCountry\":\"CA\"},\"image\":\"https://felixkrusch.com/images/felix-proper.svg\",\"logo\":\"https://felixkrusch.com/felixkrusch-logo-2026.svg\",\"sameAs\":[\"https://richwp.com\",\"https://felixkrusch.de\",\"https://www.linkedin.com/in/fkrusch/\",\"https://www.facebook.com/kruschfelix/\"],\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Web Design Services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Custom Web Design \u0026 Development\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Website Redesign\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Website Maintenance \u0026 Support\"}}]}}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"1OqoUonezxid3lVGYD3Gx\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/8a80e7184ad3a13f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/b042869b54108fd5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased min-h-screen flex flex-col\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"children\":\"$4\"}],[\"$\",\"main\",null,{\"className\":\"min-h-screen\",\"children\":[[\"$\",\"$L5\",null,{\"lang\":\"en\"}],[\"$\",\"$L6\",null,{\"lang\":\"en\"}],[\"$\",\"div\",null,{\"className\":\"bg-foreground text-background py-4 overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"animate-marquee whitespace-nowrap flex\",\"children\":[[\"$\",\"span\",\"0\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Design\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}],[\"$\",\"span\",\"1\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Development\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}],[\"$\",\"span\",\"2\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Fast Loading\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}],[\"$\",\"span\",\"3\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Mobile Optimized\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}],\"$L7\",\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\"]}]}],\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\"]}]],[\"$L26\",\"$L27\",\"$L28\"],\"$L29\"]}],{},null,false,false]},null,false,false],\"$L2a\",false]],\"m\":\"$undefined\",\"G\":[\"$2b\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"2c:I[54397,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Services\"]\n2d:I[89406,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Process\"]\n2e:I[2387,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Trust\"]\n2f:I[76841,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"Footer\"]\n30:I[50802,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"ReferralMarquee\"]\n31:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"OutletBoundary\"]\n32:\"$Sreact.suspense\"\n34:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"ViewportBoundary\"]\n36:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"MetadataBoundary\"]\n7:[\"$\",\"span\",\"4\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Clean Code\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n8:[\"$\",\"span\",\"5\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"User Experience\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n9:[\"$\",\"span\",\"6\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Conversion Focused\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\na:[\"$\",\"span\",\"7\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Design\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\nb:[\"$\",\"span\",\"8\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Development\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\nc:[\"$\",\"span\",\"9\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Fast Loading\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\nd:[\"$\",\"span\",\"10\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Mobile Optimized\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\ne:[\"$\",\"span\",\"11\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Clean Code\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\nf:[\"$\",\"span\",\"12\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"User Experience\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n10:[\"$\",\"span\",\"13\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Conversion Focused\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n11:[\"$\",\"span\",\"14\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Design\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n12:[\"$\",\"span\",\"15\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Development\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n13:[\"$\",\"span\",\"16\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Fast Loading\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n14:[\"$\",\"span\",\"17\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Mobile Optimized\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n15:[\"$\",\"span\",\"18\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Clean Code\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n16:[\"$\",\"span\",\"19\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center "])</script><script>self.__next_f.push([1,"gap-8\",\"children\":[\"User Experience\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n17:[\"$\",\"span\",\"20\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Conversion Focused\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n18:[\"$\",\"span\",\"21\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Design\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n19:[\"$\",\"span\",\"22\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Web Development\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1a:[\"$\",\"span\",\"23\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Fast Loading\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1b:[\"$\",\"span\",\"24\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Mobile Optimized\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1c:[\"$\",\"span\",\"25\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Clean Code\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1d:[\"$\",\"span\",\"26\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"User Experience\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1e:[\"$\",\"span\",\"27\",{\"className\":\"mx-8 text-sm uppercase tracking-[0.2em] flex items-center gap-8\",\"children\":[\"Conversion Focused\",[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"*\"}]]}]\n1f:[\"$\",\"$L2c\",null,{\"lang\":\"en\"}]\n20:[\"$\",\"$L2d\",null,{\"lang\":\"en\"}]\n21:[\"$\",\"$L2e\",null,{\"lang\":\"en\"}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"id\":\"contact\",\"className\":\"py-24 md:py-32 px-6 md:px-12 lg:px-24 bg-foreground text-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid lg:grid-cols-2 gap-12 lg:gap-24\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm uppercase tracking-[0.3em] text-background/60 mb-4\",\"children\":\"Contact\"}],[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-6\",\"children\":[\"Ready to\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-accent\",\"children\":\"get started?\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-background/80 leading-relaxed\",\"children\":\"Send me a short message - I'll get back to you within 24–48 hours with initial thoughts and, if it's a good fit, a rough timeline and quote.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex justify-end items-end h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-4 text-background/60\",\"children\":[[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-background/40\",\"children\":[\"Email\",\":\"]}],\" \",[\"$\",\"a\",null,{\"href\":\"mailto:fk@felixkrusch.com\",\"className\":\"text-background hover:text-accent transition-colors\",\"children\":\"fk@felixkrusch.com\"}]]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-background/40\",\"children\":[\"Phone\",\":\"]}],\" \",\"+1 581 222 2515\"]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-background/40\",\"children\":[\"LinkedIn\",\":\"]}],\" \",[\"$\",\"a\",null,{\"href\":\"https://linkedin.com/in/fkrusch/\",\"className\":\"text-background hover:text-accent transition-colors\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"linkedin.com/in/fkrusch/\"}]]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-background/40\",\"children\":[\"Facebook\",\":\"]}],\" \",[\"$\",\"a\",null,{\"href\":\"https://facebook.com/kruschfelix/\",\"className\":\"text-background hover:text-accent transition-colors\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"facebook.com/kruschfelix/\"}]]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-background/40\",\"children\":[\"Location\",\":\"]}],\" \",\"Montreal, QC\"]}]]}]}]]}]}]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"$L2f\",null,{\"lang\":\"en\"}]\n25:[\"$\",\"$L30\",null,{\"lang\":\"en\"}]\n26:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ff1a16fafef87110.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n27:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/075e0c1db1a911fd.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n28:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2c1bcd7c75da867e.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n29:[\"$\",\"$L31\",null,{\"children\":[\"$\",\"$32\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@33\"}]}]\n2a:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L34\",null,{\"children\":\"$@35\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L36\",null,{\"children\":[\"$\",\"$32\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@37\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"35:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5\"}]]\n"])</script><script>self.__next_f.push([1,"38:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/71269f22dd7bc8b6.js\"],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"37:[[\"$\",\"title\",\"0\",{\"children\":\"Web Design Montreal | Freelance Web Designer \u0026 Developer - Felix Krusch\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Freelance web designer \u0026 developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://felixkrusch.com/\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://felixkrusch.com/\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"https://felixkrusch.com/fr/\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://felixkrusch.com/de/\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://felixkrusch.com/\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Web Design Montreal | Freelance Web Designer \u0026 Developer - Felix Krusch\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Freelance web designer \u0026 developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://felixkrusch.com/\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image\",\"content\":\"https://felixkrusch.com/images/Felix-Portrait-Sahara.webp\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:alt\",\"content\":\"Felix - Web Designer \u0026 Developer\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Web Design Montreal | Freelance Web Designer \u0026 Developer - Felix Krusch\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"Freelance web designer \u0026 developer in Montreal since 1998. Specializing in fast, mobile-optimized, high-converting websites, redesigns, and maintenance. Contact Felix Krusch for custom projects.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://felixkrusch.com/images/Felix-Portrait-Sahara.webp\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/icon.svg\"}],[\"$\",\"$L38\",\"21\",{}]]\n"])</script><script>self.__next_f.push([1,"33:null\n"])</script><script>self.__next_f.push([1,"39:I[22016,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/075e0c1db1a911fd.js\",\"/_next/static/chunks/2c1bcd7c75da867e.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"id\":\"blog\",\"className\":\"pt-16 md:pt-24 pb-24 md:pb-32 px-6 md:px-12 lg:px-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm uppercase tracking-[0.3em] text-muted-foreground mb-4\",\"children\":\"Latest Blog Posts\"}],[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-balance\",\"children\":\"Insights on web and strategy\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10\",\"children\":[[\"$\",\"$L39\",\"en-i-shut-down-richwp-then-i-built-the-cms-i-always-wanted\",{\"href\":\"/blog/i-shut-down-richwp-then-i-built-the-cms-i-always-wanted\",\"className\":\"group block h-full\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 text-xs text-muted-foreground mb-4\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar w-3 h-3\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],[\"$\",\"time\",null,{\"dateTime\":\"2026-03-16T12:00:00Z\",\"children\":\"March 16, 2026\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2\",\"children\":\"2026: I shut down RichWP. Then I built the CMS I always wanted.\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow\",\"children\":[\"2026: I shut down RichWP. Then I built the CMS I always wanted.\\n\\nI shut down RichWP — a WordPress theme business I had built since 2010 — for good.\\n\\nY\",\"...\"]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto\",\"children\":[\"Read more\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-3 h-3\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}],[\"$\",\"$L39\",\"en-agents-are-the-new-cms\",{\"href\":\"/blog/agents-are-the-new-cms\",\"className\":\"group block h-full\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 text-xs text-muted-foreground mb-4\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar w-3 h-3\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],[\"$\",\"time\",null,{\"dateTime\":\"2026-03-07T12:00:00Z\",\"children\":\"March 7, 2026\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2\",\"children\":\"Agents Are the New CMS\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow\",\"children\":[\"2026: Your website shouldn't fight you every time you want to update it.\\n\\nI actually built a proper multi-language blog in WordPress (EN, DE, FR). Sta\",\"...\"]}],\"$L3a\"]}]}],\"$L3b\"]}],\"$L3c\"]}]}]\n"])</script><script>self.__next_f.push([1,"3a:[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto\",\"children\":[\"Read more\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-3 h-3\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script><script>self.__next_f.push([1,"3b:[\"$\",\"$L39\",\"en-wordpress-fse-diminishing-returns\",{\"href\":\"/blog/wordpress-fse-diminishing-returns\",\"className\":\"group block h-full\",\"children\":[\"$\",\"article\",null,{\"className\":\"bg-secondary/20 hover:bg-secondary/40 transition-all duration-300 p-6 md:p-8 border border-border hover:border-border/80 cursor-pointer h-full flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 text-xs text-muted-foreground mb-4\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-calendar w-3 h-3\",\"children\":[[\"$\",\"path\",\"1cmpym\",{\"d\":\"M8 2v4\"}],[\"$\",\"path\",\"4m81vk\",{\"d\":\"M16 2v4\"}],[\"$\",\"rect\",\"1hopcy\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"8toen8\",{\"d\":\"M3 10h18\"}],\"$undefined\"]}],[\"$\",\"time\",null,{\"dateTime\":\"2026-02-28T12:00:00Z\",\"children\":\"February 28, 2026\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg md:text-xl font-bold mb-4 group-hover:text-accent transition-colors duration-300 leading-tight line-clamp-2\",\"children\":\"WordPress FSE diminishing returns\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mb-6 line-clamp-3 flex-grow\",\"children\":[\"WordPress FSE is a lesson in diminishing returns. The complexity-to-flexibility ratio doesn't make sense when modern stacks just work.\\n\\nYou spend hour\",\"...\"]}],[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 text-sm font-semibold text-accent group-hover:translate-x-1 transform transition-all duration-300 mt-auto\",\"children\":[\"Read more\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-3 h-3\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"3c:[\"$\",\"div\",null,{\"className\":\"mt-16\",\"children\":[\"$\",\"$L39\",null,{\"href\":\"/blog\",\"className\":\"inline-flex items-center gap-3 px-8 py-4 border border-border hover:bg-secondary hover:border-border/80 transition-all duration-300 group\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-sm font-semibold uppercase tracking-wider\",\"children\":\"View All Posts\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\n"])</script></body></html>