npx shadcn add https://raw.githubusercontent.com/levi-putna/elements/main/registry/page-header/registry.json

import {
  PageHeaderSplit,
  PageHeaderAction,
} from "@/components/ui/page-header"

export function ComparisonsPage() {
  return (
    <PageHeaderSplit
      eyebrow="Platform comparison"
      title="How Instant Strata compares"
      description="The search for modern strata management software that prioritises speed, flexibility and transparency is hard. See how Instant Strata stacks up against legacy tools and fragmented workflows."
      actions={
        <PageHeaderAction href="/demo" onDark>
          Request demo
        </PageHeaderAction>
      }
    />
  )
}

import {
  PageHeaderEditorial,
  PageHeaderEditorialImage,
  PageHeaderAction,
} from "@/components/ui/page-header"

export function CustomersPage() {
  return (
    <PageHeaderEditorial
      title="Trusted by modern buildings"
      description="When every owner and committee pulls from the same trustworthy records, you can be confident better decisions are on the way."
      actions={
        <PageHeaderAction href="/demo">Request demo</PageHeaderAction>
      }
      visual={
        <PageHeaderEditorialImage
          src="/img/people/2.webp"
          alt="Strata managers collaborating in a bright office"
        />
      }
    />
  )
}

import {
  PageHeaderFeatured,
  PageHeaderFeaturedImage,
  PageHeaderAction,
} from "@/components/ui/page-header"

export function FeaturedStory() {
  return (
    <PageHeaderFeatured
      title="The strata team at Harbourview delivers data from the centre"
      description="How Harbourview Towers drives impact with their management team at the centre of every building decision."
      actions={
        <PageHeaderAction href="/stories/harbourview">Read story</PageHeaderAction>
      }
      visual={
        <PageHeaderFeaturedImage
          src="/img/people/3.webp"
          alt="Harbourview strata manager on site"
          logo={<span className="text-sm font-semibold text-forest">Harbourview</span>}
        />
      }
    />
  )
}