AboutUsSection

apps/www/src/components/AboutUsSection.astro · 50 lines · group Features & lists

Used by

posexpert.se / × 2history: commit d82a01f (2026-08-20)

Samples 1

posexpert.se/history: commit d82a01f (2026-08-20)

Custom POS solutions

We develop software for POS terminals, cash registers, and other payment processing devices. We build custom integrations with payment processors, inventory systems, or e-commerce platforms

MDX of this sample

<AboutUsSection
  title="Custom POS solutions"
  description="We develop software for POS terminals, cash registers, and other payment processing devices. We build custom integrations with payment processors, inventory systems, or e-commerce platforms"
/>

Props

Name	Type	Required
title	string	yes
description	string
imgPath	string

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

---
import { Image } from 'astro:assets';
import { resolveImage } from '../lib/images';

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

const { title, description, imgPath } = Astro.props;

const image = imgPath ? await resolveImage(imgPath) : undefined;
---

<div class="bg-white">
  <div
    class="relative bg-stone-800 pb-32"
  >
    {
      image && (
        <div class="absolute inset-0">
          <Image
            src={image}
            alt=""
            widths={[400, 840, 1280, 1680]}
            loading="eager"
            fetchpriority="high"
            class="h-full w-full object-cover"
          />
          <div
            class="absolute inset-0 bg-stone-800 mix-blend-multiply"
            aria-hidden="true"
          />
        </div>
      )
    }
    <div class="relative mx-auto max-w-7xl px-4 py-24 sm:px-6 sm:py-32 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-primary-100">{description}</p>
        )
      }
    </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.