c4395eb245
- 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.
35 lines
2.5 KiB
Plaintext
35 lines
2.5 KiB
Plaintext
---
|
|
// Final nJAMS-legacy wording is subject to Hendrik's trademark review before go-live
|
|
// (see docs/superpowers/specs/2026-04-24-cameleer-website-design.md §10).
|
|
---
|
|
<section class="border-b border-border">
|
|
<div class="max-w-content mx-auto px-6 py-20 md:py-24">
|
|
<div class="max-w-2xl mb-16">
|
|
<p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Why Cameleer</p>
|
|
<h2 class="text-hero font-bold text-text mb-4">
|
|
A purpose-built tool, from the team that has built integration observability before.
|
|
</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 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.
|
|
</p>
|
|
<p class="text-text-muted leading-relaxed">
|
|
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 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.
|
|
</p>
|
|
<p class="text-text-muted leading-relaxed">
|
|
Cameleer is what we would build today, purpose-built for Apache Camel. No legacy, no retrofit, no assumptions about a generic middleware platform.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|