Component Examples
A showcase of all the core components and their variations.
Hero Component
Basic Hero with Image
Example Hero Title
This is an example hero component with an image. It demonstrates the props-based approach for structured content management.
Hero without Image
Hero Without Image
This hero component doesn't include an image, showing how the layout adapts when the image prop is not provided.
Hero without CTA
Hero Without CTA Button
This hero component shows how it looks without a call-to-action button, demonstrating the optional nature of the ctaText prop.
MiniUseCase Components
MiniUseCaseWrapper with MiniUseCases
Example Use Cases
Showcasing the MiniUseCase component variations
Individual MiniUseCase
Single Use Case Example
This shows how an individual MiniUseCase component looks when used standalone.
Step Components
StepWrapper with Steps
How It Works: From Zero to Full Visibility in Minutes
Deploy With Zero Disruption
Install with a single command. No sidecars, no proxies, no code changes.
Automatically Discover & Classify
Instantly discover every connection and use ML to classify sensitive data (PII, secrets) in the payload.
Illuminate Your Entire Network
Get a real-time, searchable inventory of every data flow—source, destination, and data classification.
Individual Step
Single Step Example
This shows how an individual step component looks when used standalone.