ServicesSection

apps/www/src/components/ServicesSection.astro · 24 lines · group Features & lists

Used by

Live sites: codeexpert.se.

Samples 1

codeexpert.se/

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

NameTypeRequiredDefaultDescription
titlestringyes
descriptionstringyes

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.