NewFeaturesSection

apps/www/src/components/NewFeaturesSection.astro · 55 lines · group Features & lists

Used by

Live sites: skattedosan.se.

Samples 2

skattedosan.se/en/models/buffering-unit/
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)
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
titlestringyes
descriptionstring
imageNamestringyes

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

---
import { Image } from 'astro:assets';

import { resolveImage } from '../lib/images';

interface Props {
  title: string;
  description?: string;
  imageName: string;
}

const { title, description, imageName } = Astro.props;
const image = await resolveImage(imageName);
---

<div class="bg-white">
  <div class="relative pb-32 bg-gray-800">
    <div class="absolute inset-0">
      <Image
        src={image}
        alt={title}
        widths={[400, 840]}
        class="w-full h-full object-cover"
      />
      <div
        class="absolute inset-0 bg-gray-800 mix-blend-multiply"
        aria-hidden="true"
      >
      </div>
    </div>
    <div class="relative max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8">
      <h1
        class="text-4xl font-extrabold tracking-tight text-white md:text-5xl lg:text-6xl"
      >
        {title}
      </h1>
      {
        description && (
          <p class="mt-6 max-w-3xl text-xl text-gray-300">{description}</p>
        )
      }
    </div>
  </div>

  <section
    class="-mt-32 max-w-7xl mx-auto relative z-10 pb-16 px-4 sm:px-6 lg:px-8"
    aria-labelledby="features-heading"
  >
    <h2 class="sr-only" id="features-heading">{title}</h2>
    <div class="grid grid-cols-1 gap-10 gap-y-20 md:grid-cols-2 lg:grid-cols-4">
      <slot />
    </div>
  </section>
</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.