Components
Botanical apothecary hero with announcement bar, floating pill nav, 48px weight-300 display headline, and cream product-image panel. Based on Seed design system: Forest Canopy + Lime Sprout palette, pill shapes, zero shadows, tight negative tracking.
Loading preview...
import HeroSeed from "@/components/ui/hero-seed"
export default function HeroSeedDemo() {
return (
<HeroSeed
announcementText="Free shipping on all orders over $50 · Use code SEED25 for 25% off your first order"
badge="Clinically Studied"
productCode="DS-01®"
headline="Daily Synbiotic for gut + whole-body health"
subheadline="2-in-1 pre+probiotic with 24 clinically & scientifically studied strains. Third-party tested. No refrigeration required."
primaryCta={{ label: "Shop Now", href: "#" }}
secondaryCta={{ label: "Take The Quiz", href: "#" }}
/>
)
}