feat(design): card motion + Pricing MID tier hierarchy
- DualValueProps: 110ms staggered rise-in on load (cubic-bezier ease), reduced-motion users see cards pre-populated, no animation. - All card sections (DualValueProps, HowItWorks, WhyUs, Pricing) gain a subtle hover lift: -translate-y-0.5, amber/40 border, soft amber drop shadow. 200ms ease-out — tactile but not noisy. - Pricing MID tier now looks like the highlighted option: ring-2 accent, amber-tinted drop shadow, lg:-translate-y-2 (sits above the others), and a 'MOST POPULAR' ribbon pill. The 1px border swap was invisible.
This commit is contained in:
@@ -11,7 +11,7 @@
|
||||
</h2>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 gap-8 md:gap-12">
|
||||
<div class="rounded-lg border border-border bg-bg-elevated p-8">
|
||||
<div class="rounded-lg border border-border bg-bg-elevated p-8 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:border-accent/40 hover:shadow-[0_12px_32px_-12px_rgba(240,180,41,0.18)]">
|
||||
<h3 class="text-xl font-bold text-text mb-4">Generic APMs do not understand Camel. Cameleer does.</h3>
|
||||
<p class="text-text-muted leading-relaxed mb-4">
|
||||
Most monitoring tools see your app as a Java process and a pile of HTTP calls. Cameleer understands that you are running a Camel app — choices, splits, multicasts, error handlers, and every other EIP pattern as first-class citizens.
|
||||
@@ -20,7 +20,7 @@
|
||||
So when you ask "why did this exchange fail?", you get an answer, not a log tail. And you can reach back into a running app to replay a message, deep-trace a correlation ID, or toggle recording — observability that does things, not just shows them.
|
||||
</p>
|
||||
</div>
|
||||
<div class="rounded-lg border border-border bg-bg-elevated p-8">
|
||||
<div class="rounded-lg border border-border bg-bg-elevated p-8 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:border-accent/40 hover:shadow-[0_12px_32px_-12px_rgba(240,180,41,0.18)]">
|
||||
<h3 class="text-xl font-bold text-text mb-4">Built by people who know what 3 AM looks like.</h3>
|
||||
<p class="text-text-muted leading-relaxed mb-4">
|
||||
We spent years building integration monitoring for banks, insurers, and logistics operators — the kind of shops where a stuck exchange at 3 AM means someone's phone is ringing. We know what integration teams actually need then, and what they never use.
|
||||
|
||||
Reference in New Issue
Block a user