mmintel/mintel.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Remove inline styles from Open Graph and Twitter image meta tags and simplify JSON-LD navigation data.

Browse Source
This commit is contained in:
Marc Mintel
2026-02-02 18:51:59 +01:00
parent badb7b6141
commit 6e6f4fe3d7
7 changed files with 2230 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
app/case-studies/klz-cables/page.tsx
View File

@@ -209,7 +209,7 @@ export default function KLZCablesCaseStudy() {
transition={{ type: "spring", stiffness: 200, damping: 20 }}
>
<IframeSection
src="/showcase/klz-cables/index.html"
src="/showcase/klz-cables.com/index.html"
height="850px"
desktopWidth={1920}
allowScroll
@@ -252,7 +252,7 @@ export default function KLZCablesCaseStudy() {
>
<div className="relative w-full overflow-visible">
<IframeSection
src="/showcase/klz-cables/products-power-cables-medium-voltage-cables-n2xsf2y.html"
src="/showcase/klz-cables.com/power-cables-medium-voltage-cables.html"
height="1000px"
desktopWidth={1920}
allowScroll
@@ -290,7 +290,7 @@ export default function KLZCablesCaseStudy() {
className="relative h-[650px] w-full overflow-visible group"
>
<IframeSection
src="/showcase/klz-cables/power-cables.html"
src="/showcase/klz-cables.com/which-cables-for-wind-power-differences-from-low-to-extra-high-voltage-explained-2.html"
height="100%"
desktopWidth={1920}
allowScroll
@@ -321,9 +321,50 @@ export default function KLZCablesCaseStudy() {
</div>
</Section>
{/* --- SECTION 04: TEAM & TRUST --- */}
{/* --- SECTION 04: CONTENT ENGINE --- */}
<Section
number="04"
title="Content Strategy"
variant="white"
borderBottom
containerVariant="wide"
>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center">
<div className="lg:col-span-4 space-y-10 order-2 lg:order-1">
<Reveal direction="left" blur>
<div className="space-y-6">
<Label className="text-slate-400">Knowledge Transfer</Label>
<H3 className="text-4xl md:text-6xl tracking-tighter">Insights & News.</H3>
<BodyText className="text-xl text-slate-500 font-serif italic">
Die News-Engine dient als technischer Hub für Industrie-Standards. Durch die Implementierung eines performanten Blog-Systems wird Fachwissen direkt an die Zielgruppe kommuniziert.
</BodyText>
</div>
</Reveal>
</div>
<div className="lg:col-span-8 order-1 lg:order-2">
<Reveal width="100%" direction="right" scale={0.98} blur>
<motion.div
whileHover={{ scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
className="relative h-[700px] w-full"
>
<IframeSection
src="/showcase/klz-cables.com/blog.html"
height="100%"
desktopWidth={1600}
allowScroll
browserFrame
className="h-full w-full no-scrollbar"
/>
</motion.div>
</Reveal>
</div>
</div>
</Section>
{/* --- SECTION 05: TEAM & TRUST --- */}
<Section
number="05"
title="Ergebnis"
borderBottom
containerVariant="wide"
@@ -340,7 +381,7 @@ export default function KLZCablesCaseStudy() {
<div className="relative group w-full text-left">
<div className="relative block w-full overflow-visible">
<IframeSection
src="/showcase/klz-cables/team.html"
src="/showcase/klz-cables.com/team.html"
height="1100px"
desktopWidth={1440}
allowScroll
@@ -353,6 +394,46 @@ export default function KLZCablesCaseStudy() {
</div>
</Section>
{/* --- SECTION 06: CONVERSION --- */}
<Section
number="06"
title="Lead Engineering"
variant="white"
containerVariant="wide"
>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center">
<div className="lg:col-span-7">
<Reveal direction="left" scale={0.98} blur>
<motion.div
whileHover={{ scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
className="relative h-[800px] w-full"
>
<IframeSection
src="/showcase/klz-cables.com/contact.html"
height="100%"
desktopWidth={1200}
allowScroll
browserFrame
className="h-full w-full no-scrollbar"
/>
</motion.div>
</Reveal>
</div>
<div className="lg:col-span-5 space-y-10">
<Reveal direction="right" blur>
<div className="space-y-6">
<Label className="text-slate-400">Conversion Layer</Label>
<H3 className="text-4xl md:text-6xl tracking-tighter">Direkter Draht.</H3>
<BodyText className="text-xl text-slate-500 font-serif italic">
Das Kontakt-System wurde auf maximale Reduktion getrimmt. Keine unnötigen Hürden, sondern ein direkter Kommunikations-Kanal zwischen technischem Bedarf und individueller Beratung.
</BodyText>
</div>
</Reveal>
</div>
</div>
</Section>
{/* --- FINAL CTA: ARCHITECTURE & VALUE --- */}
<section className="py-40 md:py-64 bg-white relative overflow-hidden border-t border-slate-100">
<BackgroundGrid />