Image Text

Two-column responsive layout combining image and text content with flexible positioning.

Default Layout

Living Between Hotel and Home

Serviced apartments target young professionals and people with temporary housing needs. Kitzberger delivers complete interior furnishing from kitchens and furniture to lighting and curtains.

The furnishing is designed to be economically rentable while creating a homely atmosphere. All materials are easy to clean and designed for high usage.

::image-text
---
image-src: "innovation-3"
image-alt: "Modern apartment interior"
title: "Living Between Hotel and Home"
---
Content here
::

Swapped Layout

Flexible Layout Options

The swapped layout places the image on the right side and text on the left. This creates visual variety when using multiple image-text sections on the same page.

Perfect for alternating layouts to maintain reader engagement and create a dynamic page flow.

::image-text
---
image-src: "home-2"
image-alt: "Modern apartment interior"
title: "Flexible Layout Options"
swapped: true
---
Content here
::

Inverted Variant

Inverted Colors

The inverted variant provides high contrast with dark background and light text for emphasis and visual impact.

Use sparingly for important sections that need to stand out from the main content flow.

::base-wrapper
---
variant: "inverted"
---
::image-text
---
image-src: "home-4"
image-alt: "Modern apartment interior"
title: "Inverted Colors"
inverted: true
---
Content here
::
::

Props

Prop	Type	Required	Description
`imageSrc`	`string`	Yes	Image source URL
`imageAlt`	`string`	Yes	Image alt text for accessibility
`title`	`string`	No	Optional heading text
`swapped`	`boolean`	No	Swap image and text positions (default: `false`)
`inverted`	`boolean`	No	Use inverted text colors for dark backgrounds (default: `false`)