ServicesSection
apps/www/src/components/ServicesSection.astro · 24 lines · group Features & lists
Used by
- codeexpert.se / × 2
Live sites: codeexpert.se.
Samples 1
Our competences
Web applications
Apps that launched via any browser/on any device and need internet to be used. High speed of development, but low performance
Mobile Applications
Cross-platform mobile apps for often usage, with notifications and high performance; possible to go offline, hardware friendly
CRM & ERP Systems
Tools to manage company’s relationships and interactions with customers, manage day-to-day activities of a business
Landing Pages
Web pages with content that provide a digital presence for a business, important for branding purposes
FinTech Applications
Applications designed to automate or digitize financial operations: web-payments, mobile payments, P2P/B2C, EMV, PSP, PCI, NFC
Soft- & Hardware Integration
Software to enable processing data from special hardware and to interact with them using USB, Bluetooth, NFC
Enterprise automation systems
Software to automate manual or repetitive business processes using BPML, SOA, EAI, ETL, OAuth
IoT (Internet of Things)
Network of devices connected to the Internet and able to interact with each other and humans in real time
MDX of this sample
import GlobeAltIcon from 'astro-heroicons/solid/GlobeAlt.astro';
import DeviceMobileIcon from 'astro-heroicons/solid/DevicePhoneMobile.astro';
import ServerIcon from 'astro-heroicons/solid/Server.astro';
import CodeIcon from 'astro-heroicons/solid/CodeBracket.astro';
import DesktopComputerIcon from 'astro-heroicons/solid/ComputerDesktop.astro';
import InboxIcon from 'astro-heroicons/solid/Inbox.astro';
import CursorClickIcon from 'astro-heroicons/solid/CursorArrowRays.astro';
import WifiIcon from 'astro-heroicons/solid/Wifi.astro';
<ServicesSection title="Our competences" description="">
<ServiceItem
name="Web applications"
description="Apps that launched via any browser/on any device and need internet to be used. High speed of development, but low performance"
Icon={GlobeAltIcon}
/>
<ServiceItem
name="Mobile Applications"
description="Cross-platform mobile apps for often usage, with notifications and high performance; possible to go offline, hardware friendly"
Icon={DeviceMobileIcon}
/>
<ServiceItem
name="CRM & ERP Systems"
description="Tools to manage company’s relationships and interactions with customers, manage day-to-day activities of a business"
Icon={ServerIcon}
/>
<ServiceItem
name="Landing Pages"
description="Web pages with content that provide a digital presence for a business, important for branding purposes"
Icon={CodeIcon}
/>
<ServiceItem
name="FinTech Applications"
description="Applications designed to automate or digitize financial operations: web-payments, mobile payments, P2P/B2C, EMV, PSP, PCI, NFC"
Icon={DesktopComputerIcon}
/>
<ServiceItem
name="Soft- & Hardware Integration"
description="Software to enable processing data from special hardware and to interact with them using USB, Bluetooth, NFC"
Icon={InboxIcon}
/>
<ServiceItem
name="Enterprise automation systems"
description="Software to automate manual or repetitive business processes using BPML, SOA, EAI, ETL, OAuth"
Icon={CursorClickIcon}
/>
<ServiceItem
name="IoT (Internet of Things)"
description="Network of devices connected to the Internet and able to interact with each other and humans in real time"
Icon={WifiIcon}
/>
</ServicesSection>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | yes | ||
| description | string | yes |
Source apps/www/src/components/ServicesSection.astro @ gitt.one
---
interface Props {
title: string;
description: string;
}
const { title, description } = Astro.props;
---
<div class="relative bg-white py-12">
<div class="mx-auto max-w-7xl px-4 text-center sm:px-6 lg:px-8">
<h2 class="text-3xl font-extrabold tracking-tight text-stone-900 sm:text-4xl">
{title}
</h2>
<p class="mx-auto mt-5 max-w-prose text-center text-xl text-stone-500">
{description}
</p>
<div class="mt-8 sm:mt-12">
<ul class="grid list-none grid-cols-2 gap-2 sm:grid-cols-4 lg:gap-4">
<slot />
</ul>
</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.