Components

<Logo tone="forest" size="lg" />

<SiteHeader tone="solid" links={links} logo={<Logo tone="cream" size="sm" />} language={…} cta={…} />

<PromoDialog open={open} onOpenChange={setOpen} offer="10%" title="Members get more" … />

<Button>Enquire</Button>
<Button variant="outline">See all stories</Button>
<Button variant="book">Book Now</Button>

<Eyebrow>Places</Eyebrow>
<Heading size="h2">Latest stories</Heading>
<Text variant="muted">…</Text>

<Badge variant="accent">New</Badge>

<Label htmlFor="email">Email</Label>
<Input id="email" placeholder="you@example.com" />

<BookingBar arrival={a} departure={d} adults={2} footer={…} />

<SearchBar fields={[{ label: "Destination", placeholder: "Where to?" }, …]} />

<Navbar brand={<Wordmark name="Ultima" tagline="Collection" />} actions={<Button size="sm">Enquire</Button>} />

<LanguageSwitch languages={["EN","HE"]} value={lang} onValueChange={setLang} />

<Wordmark name="Ultima" tagline="Collection" />

<SectionHeader title="Latest stories" actionLabel="See all stories" />

<StoryCard image={src} imageAlt="…" category="Places" title="The Art of Alpine Summer" />

<DestinationCard image={src} imageAlt="…" name="Lake Geneva" />

<PropertyCard image={src} imageAlt="…" category="Hotels" title="Boutique Hotels" description="…" />

<Carousel label="Latest stories">{cards}</Carousel>

<Separator />

<CookieBanner onAccept={…}>We use cookies…</CookieBanner>