CallToAction

apps/www/src/components/CallToAction.astro · 36 lines · group Call to action

Used by

No site uses it, neither now nor in the content repos’ history.

Samples 1

synthetic sample — no site uses this component

Ready to see the models? Pick the control unit that matches your cash registers.

MDX of this sample

<CallToAction
  title="Ready to see the models?"
  subtitle="Pick the control unit that matches your cash registers."
  buttonTitle="Open models"
  buttonLink="/models/"
/>

Props

Name	Type	Default
title	string	''
subtitle	string	''
buttonTitle	string	'Open models'
buttonLink	string	'#'

Source apps/www/src/components/CallToAction.astro @ gitt.one

---
interface Props {
  title?: string;
  subtitle?: string;
  buttonTitle?: string;
  buttonLink?: string;
}

const {
  title = '',
  subtitle = '',
  buttonTitle = 'Open models',
  buttonLink = '#',
} = Astro.props;

const html = [title, subtitle].filter(Boolean).join(' ');
---

<div class="bg-white">
  <div class="mx-auto max-w-7xl px-4 py-12 text-center sm:px-6 lg:px-8 lg:py-16">
    <h2 class="mx-auto max-w-4xl text-lg tracking-tight text-gray-500">
      <span class="block" set:html={html} />
    </h2>
    <div class="mt-8 flex justify-center">
      <div class="inline-flex rounded-md shadow">
        <a
          href={buttonLink}
          class="inline-flex items-center justify-center rounded-md border border-transparent bg-primary-600 px-5 py-3 text-base font-medium text-white hover:bg-primary-700"
        >
          {buttonTitle}
        </a>
      </div>
    </div>
  </div>
</div>

Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.