Gitt One Pages
Open menu

DifferentSection

apps/www/src/components/DifferentSection.astro · 32 lines · group Features & lists

Used by

Live sites: skattedosan.se.

Samples 2

skattedosan.se/en/models/buffering-unit/

Control Unit VS Buffering Unit

Control Unit

Control Unit

Fiscal data is stored ONLY on the Control Unit, and THE TAX AGENCY NEEDS TO VISIT YOUR POINT OF SALE to download fiscal data

The solution WILL BECOME OBSOLETE soon

Buffering Unit

Buffering Unit

Fiscal data is being sent to the server in REAL TIME

There is NO more NEED for the Tax Agency TO VISIT YOUR POINT OF SALE: they just collect data from the Control Server

All fiscal data is replicated and kept on BOTH SIDES: Buffering Unit and Control Server

If the internet connection is lost, the Buffering Unit CONTINUES SIGNING AND KEEPING fiscal data, and waits until the internet connection is restored, then sends data to the Control Server

MDX of this sample
<DifferentSection
  title="Control Unit VS Buffering Unit"
>
  <DifferentItem
    title="Control Unit"
    description={[
      'Fiscal data is stored ONLY on the Control Unit, and THE TAX AGENCY NEEDS TO VISIT YOUR POINT OF SALE to download fiscal data',
      'The solution WILL BECOME OBSOLETE soon',
    ]}
    imageName="cu_schema.png"
  />
  <DifferentItem
    title="Buffering Unit"
    description={[
      'Fiscal data is being sent to the server in REAL TIME',
      'There is NO more NEED for the Tax Agency TO VISIT YOUR POINT OF SALE: they just collect data from the Control Server',
      'All fiscal data is replicated and kept on BOTH SIDES: Buffering Unit and Control Server',
      'If the internet connection is lost, the Buffering Unit CONTINUES SIGNING AND KEEPING fiscal data, and waits until the internet connection is restored, then sends data to the Control Server',
    ]}
    imageName="bu_schema.png"
  />
</DifferentSection>
skattedosan.se/models/buffering-unit/history: commit 1396f74 (2026-08-18)

Control Unit VS Buffering Unit

Control Unit

Control Unit

Fiscal data is stored ONLY on the Control Unit, and THE TAX AGENCY NEEDS TO VISIT YOUR POINT OF SALE to download fiscal data

The solution WILL BECOME OBSOLETE soon

Buffering Unit

Buffering Unit

Fiscal data is being sent to the server in REAL TIME

There is NO more NEED for the Tax Agency TO VISIT YOUR POINT OF SALE: they just collect data from the Control Server

All fiscal data is replicated and kept on BOTH SIDES: Buffering Unit and Control Server

If the internet connection is lost, the Buffering Unit CONTINUES SIGNING AND KEEPING fiscal data, and waits until the internet connection is restored, then sends data to the Control Server

MDX of this sample
<DifferentSection
  title="Control Unit VS Buffering Unit"
>
  <DifferentItem
    title="Control Unit"
    description={[
      'Fiscal data is stored ONLY on the Control Unit, and THE TAX AGENCY NEEDS TO VISIT YOUR POINT OF SALE to download fiscal data',
      'The solution WILL BECOME OBSOLETE soon',
    ]}
    imageName="cu_schema.png"
  />
  <DifferentItem
    title="Buffering Unit"
    description={[
      'Fiscal data is being sent to the server in REAL TIME',
      'There is NO more NEED for the Tax Agency TO VISIT YOUR POINT OF SALE: they just collect data from the Control Server',
      'All fiscal data is replicated and kept on BOTH SIDES: Buffering Unit and Control Server',
      'If the internet connection is lost, the Buffering Unit CONTINUES SIGNING AND KEEPING fiscal data, and waits until the internet connection is restored, then sends data to the Control Server',
    ]}
    imageName="bu_schema.png"
  />
</DifferentSection>

Props

NameTypeRequiredDefaultDescription
titlestringyes
descriptionstringyes

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

---
interface Props {
  title: string;
  description: string;
}

const { title, description } = Astro.props;
---

<div
  class="relative bg-gray-50 pt-4 pb-20 px-4 sm:px-6 lg:pt-8 lg:pb-28 lg:px-8"
>
  <div class="absolute inset-0">
    <div class="bg-white h-1/3 sm:h-2/3"></div>
  </div>
  <div class="relative max-w-7xl mx-auto">
    <div class="text-center">
      <h2
        class="text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl"
      >
        {title}
      </h2>
      <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">
        {description}
      </p>
    </div>
    <div class="mt-12 max-w-lg mx-auto grid gap-10 lg:grid-cols-2 lg:max-w-none">
      <slot />
    </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.