feat(branding): implement hand-drawn Copic marker, strikethrough, and pen circle effects; redesign guarantee section with animated signature
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user