NewFeatureItem

apps/www/src/components/NewFeatureItem.astro · 46 lines · group Features & lists

Used by

Live sites: skattedosan.se.

Samples 2

skattedosan.se/en/models/buffering-unit/shown inside <NewFeaturesSection>
Buffering Unit

Buffering Unit

We implemented a new way to process fiscal data, the latest generation of hardware that signs, stores and replicates fiscal data to the server and can be connected to the local network and support multiple cash registers.

Buffering Unit

All to one

Buffering unit can operate multiple cash registers “out of box” - just plug it into the socket, connect it to the local WI-FI and start working

Easy to start

Just replace old Control Unit with Buffering Unit. No extra configuration is needed

Large memory

We inserted an SD-card that will store fiscal data at least 5 years

Buffering

Buffering unit can be offline fer 48 hours without harm to your business

MDX of this sample
import SaveAsIcon from 'astro-heroicons/solid/ArrowDownOnSquare.astro';
import StatusOfflineIcon from 'astro-heroicons/solid/SignalSlash.astro';
import SwitchHorizontalIcon from 'astro-heroicons/solid/ArrowsRightLeft.astro';
import VariableIcon from 'astro-heroicons/solid/Variable.astro';

<NewFeaturesSection
  title="Buffering Unit"
  imageName="newFeatures.jpg"
  description="We implemented a new way to process fiscal data, the latest generation of hardware that signs, stores and replicates fiscal data to the server and can be connected to the local network and support multiple cash registers."
>
  <NewFeatureItem
    Icon={VariableIcon}
    name="All to one"
    description="Buffering unit can operate multiple cash registers “out of box” - just plug it into the socket, connect it to the local WI-FI and start working"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={SwitchHorizontalIcon}
    name="Easy to start"
    description="Just replace old Control Unit with Buffering Unit. No extra configuration is needed"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={SaveAsIcon}
    name="Large memory"
    description="We inserted an SD-card that will store fiscal data at least 5 years"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={StatusOfflineIcon}
    name="Buffering"
    description="Buffering unit can be offline fer 48 hours without harm to your business"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
</NewFeaturesSection>
skattedosan.se/models/buffering-unit/history: commit 1396f74 (2026-08-18)shown inside <NewFeaturesSection>
Buffering Unit

Buffering Unit

We implemented a new way to process fiscal data, the latest generation of hardware that signs, stores and replicates fiscal data to the server and can be connected to the local network and support multiple cash registers.

Buffering Unit

All to one

Buffering unit can operate multiple cash registers “out of box” - just plug it into the socket, connect it to the local WI-FI and start working

Easy to start

Just replace old Control Unit with Buffering Unit. No extra configuration is needed

Large memory

We inserted an SD-card that will store fiscal data at least 5 years

Buffering

Buffering unit can be offline fer 48 hours without harm to your business

MDX of this sample
import SaveAsIcon from 'astro-heroicons/solid/ArrowDownOnSquare.astro';
import StatusOfflineIcon from 'astro-heroicons/solid/SignalSlash.astro';
import SwitchHorizontalIcon from 'astro-heroicons/solid/ArrowsRightLeft.astro';
import VariableIcon from 'astro-heroicons/solid/Variable.astro';

<NewFeaturesSection
  title="Buffering Unit"
  imageName="newFeatures.jpg"
  description="We implemented a new way to process fiscal data, the latest generation of hardware that signs, stores and replicates fiscal data to the server and can be connected to the local network and support multiple cash registers."
>
  <NewFeatureItem
    Icon={VariableIcon}
    name="All to one"
    description="Buffering unit can operate multiple cash registers “out of box” - just plug it into the socket, connect it to the local WI-FI and start working"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={SwitchHorizontalIcon}
    name="Easy to start"
    description="Just replace old Control Unit with Buffering Unit. No extra configuration is needed"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={SaveAsIcon}
    name="Large memory"
    description="We inserted an SD-card that will store fiscal data at least 5 years"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
  <NewFeatureItem
    Icon={StatusOfflineIcon}
    name="Buffering"
    description="Buffering unit can be offline fer 48 hours without harm to your business"
    link="/en/contacts/"
    linkTitle="Contact us"
  />
</NewFeaturesSection>

Props

NameTypeRequiredDefaultDescription
Iconany
namestringyes
descriptionstringyes
linkstring
linkTitlestring

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

---
interface Props {
  Icon?: any;
  name: string;
  description: string;
  link?: string;
  linkTitle?: string;
}

const { Icon, name, description, link, linkTitle } = Astro.props;
const descriptionChunks = description.split('*');
---

<div class="flex flex-col bg-white rounded-2xl shadow-xl">
  <div class="flex-1 relative pt-16 px-6 pb-8 md:px-8">
    <div
      class="absolute top-0 p-5 inline-block bg-primary-600 rounded-xl shadow-lg transform -translate-y-1/2"
    >
      {Icon && <Icon class="h-6 w-6 text-white" aria-hidden="true" />}
    </div>
    <h3 class="text-xl font-medium text-gray-900">{name}</h3>
    <p class="mt-4 text-base text-gray-500">
      {
        descriptionChunks.map((chunk, index) => (
          <span class:list={[index % 2 === 1 && 'text-primary-600']}>
            {chunk}
          </span>
        ))
      }
    </p>
  </div>
  {
    !!link && !!linkTitle && (
      <div class="p-6 bg-gray-50 rounded-bl-2xl rounded-br-2xl md:px-8">
        <a
          href={link}
          class="text-base font-medium text-primary-700 hover:text-primary-600"
        >
          {linkTitle}
          <span aria-hidden="true"> &rarr;</span>
        </a>
      </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.