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

feat: implement industrial optimizations, hybrid dev workflow, and simplified reveal animations
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 11s
Details
Build & Deploy / 🧪 QA (push) Successful in 4m5s
Details
Build & Deploy / 🏗️ Build (push) Successful in 9m26s
Details
Build & Deploy / 🚀 Deploy (push) Successful in 25s
Details
Build & Deploy / 🩺 Health Check (push) Failing after 12s
Details
Build & Deploy / 🔔 Notify (push) Successful in 2s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-02-13 15:23:36 +01:00
parent 066ccb4f4d
commit cfda0daef9
12 changed files with 299 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/web/src/components/Landing/ComparisonRow.tsx
View File

@@ -1,7 +1,7 @@
import * as React from 'react';
import { ArrowRight } from 'lucide-react';
import { Reveal } from '../Reveal';
import { Label, H3, LeadText } from '../Typography';
import * as React from "react";
import { ArrowRight } from "lucide-react";
import { Reveal } from "../Reveal";
import { Label, H3, LeadText } from "../Typography";
interface ComparisonRowProps {
negativeLabel: string;
@@ -22,27 +22,27 @@ export const ComparisonRow: React.FC<ComparisonRowProps> = ({
}) => {
return (
<Reveal delay={delay}>
<div className={`flex flex-col ${reverse ? 'md:flex-row-reverse' : 'md:flex-row'} gap-8 md:gap-12 items-center`}>
<div
className={`flex flex-col ${reverse ? "md:flex-row-reverse" : "md:flex-row"} gap-8 md:gap-12 items-center`}
>
<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-slate-200">
<Label className="mb-4 line-through decoration-red-500">
{negativeLabel}
</Label>
<LeadText className="line-through decoration-slate-200 leading-snug">
<LeadText className="line-through decoration-red-500 leading-snug">
{negativeText}
</LeadText>
</div>
<div className="shrink-0">
<ArrowRight className={`w-6 h-6 text-slate-200 hidden md:block ${reverse ? 'rotate-180' : ''}`} />
<ArrowRight
className={`w-6 h-6 text-slate-200 hidden md:block ${reverse ? "rotate-180" : ""}`}
/>
</div>
<div className="flex-1 p-8 md:p-10 border border-slate-100 rounded-2xl bg-white hover:border-slate-200 transition-all duration-500 hover:shadow-xl hover:shadow-slate-100/50 w-full">
<Label className="text-slate-900 mb-4">
{positiveLabel}
</Label>
<H3 className="text-2xl md:text-3xl">
{positiveText}
</H3>
<Label className="text-slate-900 mb-4">{positiveLabel}</Label>
<H3 className="text-2xl md:text-3xl">{positiveText}</H3>
</div>
</div>
</Reveal>