AboutModelsSection

apps/www/src/components/AboutModelsSection.astro · 33 lines · group Models (product catalog)

Used by

Live sites: skattedosan.se.

Samples 2

skattedosan.se/en/

Models

Choose Control Unit up to your business

We offer comprehensive support to our customers throughout the entire product development cycle, from MVP development to post-release maintenance. Our aim is to assist in bringing products to market swiftly and without any obstacles along the way.

Model A

The purpose of Model A is to be utilized with a cash register, allowing for seamless connectivity through the USB port on the checkout system.

Model C

The primary objective of Model C is to establish a connection to a central server, either locally or via the Internet, serving as a control unit for multiple cash registers.

Buffering Unit

Real-time fiscal data is continuously transmitted to the server. To ensure redundancy and data preservation, all fiscal data is replicated and stored on both the Buffering Unit and the Control Server.

MDX of this sample
<AboutModelsSection
  sectionTitle="Models"
  title="Choose Control Unit up to your business"
  description="We offer comprehensive support to our customers throughout the entire product development cycle, from MVP development to post-release maintenance. Our aim is to assist in bringing products to market swiftly and without any obstacles along the way."
>
  <AboutModelItem
    name="Model A"
    description={`The purpose of Model A is to be utilized with a cash register, allowing for seamless connectivity through the USB port on the checkout system.`}
    linkText="Know more"
    linkPath="/en/models/model-a/"
  />
  <AboutModelItem
    name="Model C"
    description={`The primary objective of Model C is to establish a connection to a central server, either locally or via the Internet, serving as a control unit for multiple cash registers.`}
    linkText="Know more"
    linkPath="/en/models/model-c/"
  />
  <AboutModelItem
    name="Buffering Unit"
    description={`Real-time fiscal data is continuously transmitted to the server. To ensure redundancy and data preservation, all fiscal data is replicated and stored on both the Buffering Unit and the Control Server.`}
    linkText="Know more"
    linkPath="/en/models/buffering-unit/"
  />
</AboutModelsSection>
skattedosan.se/history: commit 1396f74 (2026-08-18)

Models

Choose Control Unit up to your business

We offer comprehensive support to our customers throughout the entire product development cycle, from MVP development to post-release maintenance. Our aim is to assist in bringing products to market swiftly and without any obstacles along the way.

Model A

The purpose of Model A is to be utilized with a cash register, allowing for seamless connectivity through the USB port on the checkout system.

Model C

The primary objective of Model C is to establish a connection to a central server, either locally or via the Internet, serving as a control unit for multiple cash registers.

Buffering Unit

Real-time fiscal data is continuously transmitted to the server. To ensure redundancy and data preservation, all fiscal data is replicated and stored on both the Buffering Unit and the Control Server.

MDX of this sample
<AboutModelsSection
  sectionTitle="Models"
  title="Choose Control Unit up to your business"
  description="We offer comprehensive support to our customers throughout the entire product development cycle, from MVP development to post-release maintenance. Our aim is to assist in bringing products to market swiftly and without any obstacles along the way."
>
  <AboutModelItem
    name="Model A"
    description={`The purpose of Model A is to be utilized with a cash register, allowing for seamless connectivity through the USB port on the checkout system.`}
    linkText="Know more"
    linkPath="/en/models/model-a/"
  />
  <AboutModelItem
    name="Model C"
    description={`The primary objective of Model C is to establish a connection to a central server, either locally or via the Internet, serving as a control unit for multiple cash registers.`}
    linkText="Know more"
    linkPath="/en/models/model-c/"
  />
  <AboutModelItem
    name="Buffering Unit"
    description={`Real-time fiscal data is continuously transmitted to the server. To ensure redundancy and data preservation, all fiscal data is replicated and stored on both the Buffering Unit and the Control Server.`}
    linkText="Know more"
    linkPath="/en/models/buffering-unit/"
  />
</AboutModelsSection>

Props

NameTypeRequiredDefaultDescription
sectionTitlestringyes
titlestringyes
descriptionstringyes

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

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

<div class="relative mt-16 bg-gray-900 sm:mt-20">
  <div class="px-4 pt-12 sm:px-6 lg:px-8 lg:pt-20">
    <div class="text-center">
      <h2 class="text-base leading-6 font-semibold tracking-wider text-gray-300 uppercase">
        {sectionTitle}
      </h2>
      <p class="mt-2 text-3xl font-extrabold text-white">{title}</p>
      <p class="mx-auto mt-3 max-w-4xl text-xl text-gray-300 sm:mt-5">
        {description}
      </p>
    </div>
  </div>
  <div class="mt-16 bg-white pb-8 lg:mt-20 lg:pb-16">
    <div class="relative z-0">
      <div class="absolute inset-0 h-5/6 bg-gray-900 lg:h-2/3"></div>
      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="relative grid gap-8 lg:grid-flow-col lg:gap-16">
          <slot />
        </div>
      </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.