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

feat: Enhance animation transitions and Reveal component effects, and refine iframe loader overlay positioning and BrowserChrome styles.
Some checks failed
Build & Deploy Mintel Blog / build-and-deploy (push) Failing after 3m21s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-02-02 13:17:33 +01:00
parent 1fadba6297
commit 821a35f0fc
3 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -40,7 +40,7 @@ const Marker: React.FC<{ children: React.ReactNode; delay?: number }> = ({
initial={{ scaleX: 0, opacity: 0 }}
whileInView={{ scaleX: 1, opacity: 1 }}
viewport={{ once: true }}
transition={{ duration: 0.8, delay: delay + 0.3, ease: [0.16, 1, 0.3, 1] }}
transition={{ duration: 1.2, delay: delay + 0.1, ease: [0.23, 1, 0.32, 1] }}
className="absolute inset-0 z-[-1] -skew-x-6 rotate-[-1deg] translate-y-1 transform-gpu bg-[rgba(255,235,59,0.95)] origin-left"
aria-hidden="true"
/>
@@ -86,7 +86,7 @@ export default function KLZCablesCaseStudy() {
</Reveal>
<div className="space-y-12">
<Reveal delay={0.1} direction="up" scale={0.95} blur>
<Reveal delay={0.1} direction="up" scale={0.98} blur>
<H1 className="text-6xl md:text-8xl tracking-tighter leading-[0.9] font-bold text-slate-900">
KLZ Cables<br />
<span className="text-slate-100">Case Study.</span>
@@ -106,7 +106,7 @@ export default function KLZCablesCaseStudy() {
</Reveal>
</div>
<Reveal delay={0.4} direction="up" scale={0.9} blur>
<Reveal delay={0.4} direction="up" scale={0.98} blur>
<div className="flex flex-wrap gap-12 md:gap-24 pt-12 border-t border-slate-100">
<div className="space-y-2">
<Label className="text-slate-400">Data Integrity</Label>
@@ -156,7 +156,7 @@ export default function KLZCablesCaseStudy() {
</Reveal>
</div>
<div className="md:col-span-5 relative">
<Reveal delay={0.3} direction="right" scale={0.95} blur>
<Reveal delay={0.3} direction="right" scale={0.98} blur>
<motion.div
whileHover={{ y: -5, scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 25 }}
@@ -203,7 +203,7 @@ export default function KLZCablesCaseStudy() {
</div>
</div>
</Reveal>
<Reveal delay={0.2} width="100%" direction="up" scale={1.05} blur>
<Reveal delay={0.2} width="100%" direction="up" scale={0.98} blur>
<motion.div
whileHover={{ scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
@@ -244,7 +244,7 @@ export default function KLZCablesCaseStudy() {
</Reveal>
</div>
<Reveal delay={0.2} width="100%" direction="up" scale={0.95} blur>
<Reveal delay={0.2} width="100%" direction="up" scale={0.98} blur>
<motion.div
whileHover={{ scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
@@ -283,7 +283,7 @@ export default function KLZCablesCaseStudy() {
</div>
<div className="lg:col-span-8 relative group">
<Reveal width="100%" direction="left" scale={0.95} blur>
<Reveal width="100%" direction="left" scale={0.98} blur>
<motion.div
whileHover={{ scale: 1.01 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
@@ -336,7 +336,7 @@ export default function KLZCablesCaseStudy() {
</LeadText>
</Reveal>
<Reveal delay={0.2} width="100%" direction="up" scale={0.9} blur>
<Reveal delay={0.2} width="100%" direction="up" scale={0.98} blur>
<div className="relative group w-full text-left">
<div className="relative block w-full overflow-visible">
<IframeSection