feat(branding): implement hand-drawn Copic marker, strikethrough, and pen circle effects; redesign guarantee section with animated signature

This commit is contained in:
2026-02-16 21:31:28 +01:00
parent 9cfe7ee9e5
commit 24f8772a31
10 changed files with 578 additions and 142 deletions

View File

@@ -2,6 +2,7 @@ import * as React from "react";
import { ArrowRight } from "lucide-react";
import { Reveal } from "../Reveal";
import { Label, H3, LeadText } from "../Typography";
import { Strikethrough } from "../Strikethrough";
import { cn } from "../../utils/cn";
interface ComparisonRowProps {
@@ -38,11 +39,11 @@ export const ComparisonRow: React.FC<ComparisonRowProps> = ({
)}
>
<div className="flex-1 p-8 md:p-10 bg-slate-50/50 rounded-2xl text-slate-400 border border-transparent w-full">
<Label className="mb-4 line-through decoration-red-500">
{negativeLabel}
<Label className="mb-4">
<Strikethrough delay={delay + 0.2}>{negativeLabel}</Strikethrough>
</Label>
<LeadText className="line-through decoration-red-500 leading-snug">
{negativeText}
<LeadText className="leading-snug">
<Strikethrough delay={delay + 0.3}>{negativeText}</Strikethrough>
</LeadText>
</div>