mirror of
https://github.com/warmbly/warmbly.git
synced 2026-09-10 16:04:55 +00:00
Matthew Meszaros
676850e778
Full site redesign: - pricing: HeroAtmosphere hero, animated toggle with sliding indicator, slide-up price digits, refined plan cards (no dark gradient on featured), feature matrix trimmed of unverified claims, lighter Warmbly-deep-sky CTA - learn index: sky atmosphere band with floating cards + deep-sky glossary panel - learn/deliverability: rebuilt as a magazine-essay layout with drop-cap, numbered chapter index, single 820px reading column, ornamental dividers, closing pull-quote. Original prose preserved, em dashes removed - product, warmup, sending, inbox, campaigns, analytics, crm, workers, about, contact, brand, trust, changelog, roadmap, faq, 404, integrations, developers, deliverability, security, use-cases: each page got its own distinct shape on top of the shared theme tokens - shared components: PageHero, Section, SectionHead, Card, CTA, Button, UseCasePage, Learn layout, Legal layout themed for the sky/serious style
25 lines
735 B
Plaintext
25 lines
735 B
Plaintext
---
|
|
interface Props {
|
|
id?: string;
|
|
class?: string;
|
|
variant?: 'default' | 'muted' | 'sky';
|
|
}
|
|
const { id, class: className = '', variant = 'default' } = Astro.props;
|
|
|
|
let outer = '';
|
|
let inner = '';
|
|
if (variant === 'muted') {
|
|
outer = '';
|
|
inner = 'bg-[color:var(--surface-2)]/40 border-y border-[color:var(--border)]';
|
|
}
|
|
if (variant === 'sky') {
|
|
outer = 'text-white';
|
|
inner = '';
|
|
}
|
|
---
|
|
<section id={id} class={`${variant === 'muted' ? '' : 'bg-white'} ${inner} ${className} ${outer}`} style={variant === 'sky' ? 'background: radial-gradient(ellipse 130% 140% at 72% 28%, #0284c7 0%, #0369a1 25%, #075985 50%, #0c4a6e 80%, #0a3d5c 100%);' : ''}>
|
|
<div class="container-page py-16 md:py-24">
|
|
<slot />
|
|
</div>
|
|
</section>
|