<!-- LLM_VERSION_INFO
FORMAT: text/markdown
CONTENT_TYPE: article
ORIGINAL_URL: https://qpoint.io/dev/point-demo
ALTERNATE_VERSION: dev/point-demo/index.html (text/html)
EXTRACTION_DATE: 2026-04-17T03:56:06.833Z

This is the markdown version with text-only content (images converted to alt-text).
For rich formatting with images, request the HTML version at: dev/point-demo/index.html
-->

# Point Component Example

Testing all four layout variations of the Point component with different content and images.

## [Layout 1: [..]++ - Symmetrical (Text Left, Image Right)](/content/dev/point-demo/#layout-1-symmetrical-text-left-image-right/index.html)

### Data Security Made Simple

Protect your organization's sensitive data with our comprehensive security platform. Monitor, detect, and respond to threats in real-time with intelligent automation and advanced analytics.

[Learn more about Data Security Made Simple](/content/products/index.html)

## [Layout 2: [++].. - Symmetrical (Image Left, Text Right)](/content/dev/point-demo/#layout-2-symmetrical-image-left-text-right/index.html)

### Real-time Threat Detection

Stay ahead of cyber threats with our advanced detection system. Get instant alerts and detailed insights into potential security risks across your entire infrastructure.

[Learn more about Real-time Threat Detection](/content/use-cases/index.html)

## [Layout 3: [.]+++ - Narrow Text, Wide Image](/content/dev/point-demo/#layout-3-narrow-text-wide-image/index.html)

### Compliance Automation

Streamline your compliance processes with automated evidence collection and reporting.

[Learn more about Compliance Automation](/content/use-cases/compliance-evidence/index.html)

## [Layout 4: [+++]. - Wide Image, Narrow Text](/content/dev/point-demo/#layout-4-wide-image-narrow-text/index.html)

### Third-party Risk Management

Monitor and assess risks from your vendor ecosystem with comprehensive visibility and automated alerts.

[Learn more about Third-party Risk Management](/content/use-cases/third-party-data-risk/index.html)

## [Test: No Image](/content/dev/point-demo/#test-no-image/index.html)

### Text Only Point

This Point component has no image to test the layout behavior when the image prop is not provided.

[Learn more about Text Only Point](/content/demo/index.html)

## [Test: No Link](/content/dev/point-demo/#test-no-link/index.html)

### No Link Point

This Point component has no link to test the behavior when the link prop is not provided.