Back to Components
Component Library

Cards & Grids Components

3 components for organizing content into cards and grid layouts

BenefitCardGrid (3 Columns)

Feature benefits with icons and optional metrics

Why Choose SCT+?

Enterprise-grade security with zero infrastructure requirements

AI-Powered Detection

Advanced neural networks detect humans, vehicles, and animals with industry-leading accuracy.

99.7%

Solar Powered

Off-grid operation with built-in solar panels and battery backup for 24/7 coverage.

365 days

LTE Connected

Cellular connectivity means no WiFi or network infrastructure required.

< 3s

BenefitCardGrid (4 Columns)

Feature grid without metrics for cleaner presentation

Complete Security Platform

Smart Detection

AI distinguishes between real threats and false alarms.

Instant Alerts

Real-time notifications to your phone and email.

Live Monitoring

24/7 professional monitoring by trained operators.

Cloud Storage

Secure, encrypted footage stored for 90 days.

BenefitCardGrid (2 Columns)

Two-column layout for detailed benefit cards

Enterprise Features

Built for businesses that demand reliability

Edge Processing

All AI processing happens on-device for faster response times and reduced bandwidth usage. Your footage never leaves the camera until you need it.

< 500ms

End-to-End Encryption

Military-grade AES-256 encryption protects all data in transit and at rest. Your security footage remains completely private and secure.

AES-256

CustomerScenario (With Images)

Use case cards with problem/solution/result format

Real Customer Success Stories

See how organizations like yours have transformed their security

Construction site security
Construction

Challenge

A regional construction company was losing $50K+ monthly to equipment theft across 12 remote job sites.

Solution

Deployed 48 SCT+ cameras with 24/7 monitoring and audio deterrent capabilities.

Result

92% reduction in theft within 90 days

Retail parking security
Retail

Challenge

National retailer faced increasing parking lot incidents and customer safety concerns.

Solution

Installed SCT+ cameras with real-time monitoring across 200 store locations.

Result

78% decrease in parking lot incidents

CustomerScenario (Without Images)

Compact scenario cards without imagery

Industry Impact

Logistics & Warehousing

Challenge

Distribution center experiencing inventory shrinkage and unauthorized after-hours access.

Solution

Full perimeter coverage with AI-powered intrusion detection.

Result

85% reduction in shrinkage

Multi-Family Housing

Challenge

Property management company struggling with package theft and trespassing.

Solution

Entry point monitoring with vehicle and person detection.

Result

94% tenant satisfaction improvement

Automotive Dealerships

Challenge

High-value inventory at risk during off-hours at multiple locations.

Solution

Comprehensive lot coverage with proactive monitoring.

Result

Zero theft incidents since deployment

Component Usage

BenefitCardGrid

Feature/benefit cards with icons. Supports 2, 3, or 4 column layouts with optional metric display.

<BenefitCardGrid
  title="Section Title"
  subtitle="Optional description"
  cards={[
    {
      icon: <Icon weight="duotone" size={28} />,
      title: 'Feature Name',
      description: 'Feature description text',
      metric: '99%', // optional
    },
  ]}
  columns={3} // 2 | 3 | 4
/>

RelatedSolutions

Linkable cards for cross-navigation. Each card links to a related page.

<RelatedSolutions
  title="Explore More"
  subtitle="Related content description"
  items={[
    {
      icon: <Icon weight="duotone" size={28} />, // optional
      title: 'Solution Name',
      description: 'Brief description',
      href: '/link-to-page',
    },
  ]}
/>

CustomerScenario

Case study cards showing challenge, solution, and result. Optional image support.

<CustomerScenario
  title="Success Stories"
  subtitle="Optional description"
  scenarios={[
    {
      industry: 'Industry Name',
      challenge: 'Problem description',
      solution: 'How SCT+ solved it',
      result: 'Quantified outcome',
      image: { src: '/path.jpg', alt: 'Alt text' }, // optional
    },
  ]}
/>