Card

import { Card, CardEyebrow, CardTitle } from "@/components/ui/card"

<Card tone="bordered">
  <CardEyebrow>For strata managers</CardEyebrow>
  <CardTitle>Everything in one place</CardTitle>
  <p className="text-sm text-ink-muted mt-3">Levies, maintenance, and owner comms connected.</p>
</Card>

import { CardGrid, FeatureCard } from "@/components/ui/card"

<CardGrid columns={2}>
  <FeatureCard
    href="/features/datasets"
    title="Datasets"
    description="Built by analysts in tight partnership with domain experts…"
  />
  <FeatureCard
    href="/features/metrics"
    title="Levy metrics"
    description="Governed KPIs for levy collection, arrears, and budget variance."
  />
</CardGrid>

import { BlogCardFeatured } from "@/components/ui/card"

<BlogCardFeatured
  href="/blog/levy-forecasting"
  category="Product updates"
  title="Beyond spreadsheets: introducing levy forecasting"
  excerpt="Levy forecasting helps you map out a budget structure before diving into the details."
  imageSrc="/img/building/2.webp"
  imageAlt="Strata manager reviewing levy forecast dashboard"
/>

import { CardGrid, BlogCardSimple } from "@/components/ui/card"

<CardGrid columns={3}>
  <BlogCardSimple
    href="/blog/paperless"
    category="Product updates"
    title="How Harbourview went paperless in 36 hours"
    date="15 June 2026"
    readTime="5 min read"
  />
</CardGrid>

import { CardGrid, BlogCard } from "@/components/ui/card"

<CardGrid columns={3}>
  <BlogCard
    href="/blog/levy-forecasting"
    category="Product updates"
    title="Beyond spreadsheets: introducing levy forecasting"
    excerpt="Levy forecasting helps you map out a budget structure…"
    date="31 January 2024"
    readTime="8 min read"
    imageSrc="/img/building/1.webp"
    imageAlt="Levy forecasting dashboard"
    author={{ name: "Samantha Novak", role: "Product Design Lead", avatarSrc: "/img/people/1.webp" }}
  />
</CardGrid>