AboutModelItem
apps/www/src/components/AboutModelItem.astro · 38 lines · group Models (product catalog)
Used by
Live sites: skattedosan.se.
Samples 2
<AboutModelsSection>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.
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.
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.
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><AboutModelsSection>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.
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.
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.
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
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| name | string | yes | ||
| description | string | yes | ||
| linkText | string | yes | ||
| linkPath | string | yes |
Source apps/www/src/components/AboutModelItem.astro @ gitt.one
---
import Check from 'astro-heroicons/outline/Check.astro';
interface Props {
name: string;
description: string;
linkText: string;
linkPath: string;
}
const { name, description, linkText, linkPath } = Astro.props;
---
<div class="flex flex-col overflow-hidden rounded-lg border-2 border-solid border-gray-900 shadow-lg">
<div class="bg-white px-6 py-8 sm:p-10 sm:pb-6">
<div class="mt-4 flex items-baseline justify-center text-3xl font-bold">
{name}
</div>
</div>
<div class="flex flex-1 flex-col justify-between space-y-6 bg-gray-50 px-6 pt-6 pb-8 sm:p-10 sm:pt-6">
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0">
<Check class="h-6 w-6 text-green-500" aria-hidden="true" />
</div>
<p class="ml-3 text-base text-gray-700">{description}</p>
</div>
</div>
<div class="rounded-md shadow">
<a
href={linkPath}
class="flex items-center justify-center rounded-md border border-transparent bg-primary-600 px-5 py-3 text-base font-medium text-white 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.