Media Components
2 components for video embeds and image galleries with lightbox functionality
VideoEmbed (YouTube)
YouTube video with custom poster image and 16:9 aspect ratio
See SCT+ in Action
Watch our product demo to see how our solar-powered cameras deliver intelligent security anywhere.
VideoEmbed (Vimeo)
Vimeo video embed example
Customer Testimonial
Hear from construction managers who have transformed their job site security with SCT+.
VideoEmbed (4:3 Aspect Ratio)
Video with 4:3 aspect ratio for legacy content
Installation Guide
VideoEmbed (Minimal)
Video without title/description for inline content
ImageGallery (3 Columns)
Image grid with lightbox - click any image to open
Product Gallery
Explore our camera systems and deployment options
ImageGallery (4 Columns)
More compact grid for larger collections
Installation Examples
ImageGallery (2 Columns)
Larger images for featured content
Before & After
See the difference SCT+ makes
Component Usage
VideoEmbed
Video player with play button overlay. Supports YouTube, Vimeo, and local video files. Auto-detects video platform from URL.
<VideoEmbed
title="Video Title" // optional
description="Video description" // optional
video={{
src: 'https://youtube.com/watch?v=xxx',
poster: '/thumbnail.jpg', // optional
type: 'youtube', // youtube | vimeo | local (auto-detected)
}}
aspectRatio="16:9" // 16:9 | 4:3 | 1:1
/>ImageGallery
Image grid with full-screen lightbox. Supports keyboard navigation (arrows, ESC). Captions shown on hover and in lightbox.
<ImageGallery
title="Gallery Title" // optional
subtitle="Description" // optional
images={[
{
src: '/image.jpg',
alt: 'Alt text',
caption: 'Optional caption', // shown on hover & lightbox
},
]}
columns={3} // 2 | 3 | 4
/>