Gitt One Pages
Open menu

GoToSection

apps/www/src/components/GoToSection.astro · 31 lines · group Call to action

Used by

Live sites: skattedosan.se.

Samples 2

skattedosan.se/en/

Cloud Control Units

Try the new way to manage your fiscal data - just send it to the cloud server. Click below to know more:

Go to srv4pos.com
MDX of this sample
<GoToSection
    title="Cloud Control Units"
    description="Try the new way to manage your fiscal data - just send it to the cloud server. Click below to know more:"
    linkText="Go to srv4pos.com"
    linkPath="https://srv4pos.com/"
 />
skattedosan.se/history: commit 1396f74 (2026-08-18)

Cloud Control Units

Try the new way to manage your fiscal data - just send it to the cloud server. Click below to know more:

Go to srv4pos.com
MDX of this sample
<GoToSection
    title="Cloud Control Units"
    description="Try the new way to manage your fiscal data - just send it to the cloud server. Click below to know more:"
    linkText="Go to srv4pos.com"
    linkPath="https://srv4pos.com/"
 />

Props

NameTypeRequiredDefaultDescription
titlestringyes
descriptionstring
linkTextstringyes
linkPathstringyes

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

---
interface Props {
  title: string;
  description?: string;
  linkText: string;
  linkPath: string;
}
const { title, description, linkText, linkPath } = Astro.props;
---

<div class="bg-white">
  <div class="mx-auto mt-16 max-w-7xl px-4">
    <div class="text-center">
      <h2 class="text-3xl font-extrabold tracking-tight text-gray-900">
        {title}
      </h2>
      {
        description && (
          <p class="mx-auto mt-6 max-w-prose text-center text-xl text-gray-500">{description}</p>
        )
      }
      <a
        href={linkPath}
        class="mt-6 inline-flex rounded-md border border-transparent bg-primary-600 px-4 py-3 text-base font-medium text-white shadow hover:bg-primary-500"
      >
        {linkText}
      </a>
    </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.