Back to Components
Component Library

Company & Resources Components

4 components for team pages, company history, news, and downloadable resources

TeamGrid (4 Columns)

Leadership team with photos and LinkedIn links

Our Leadership Team

Meet the people driving innovation in solar-powered security

Sarah Chen

Sarah Chen

Chief Executive Officer

Former VP of Product at Ring. 15+ years in security technology.

Marcus Williams

Marcus Williams

Chief Technology Officer

Ex-Google AI researcher. Pioneer in edge computing for IoT devices.

Emily Rodriguez

Emily Rodriguez

Chief Operating Officer

Scaled operations at 3 successful startups. MBA from Stanford.

David Park

David Park

Chief Revenue Officer

Built enterprise sales teams at ADT and Vivint. 20 years in security.

TeamGrid (3 Columns, No Images)

Team display with placeholder avatars

Advisory Board

Dr. James Mitchell

Security Advisor

Former FBI cybersecurity division chief with 25 years of federal experience.

Linda Thompson

Industry Advisor

Retired CEO of a Fortune 500 security company. Board member at three tech startups.

Robert Kim

Technology Advisor

Serial entrepreneur and angel investor. Built and sold two AI companies.

Timeline (Vertical)

Company history and milestones

Our Journey

From a garage startup to industry leader in solar-powered security

2018

Founded in Austin, TX

SCT+ was born from a simple idea: security cameras that work anywhere, powered by the sun.

2019

First Product Launch

Released our first solar-powered camera unit, initially deployed at 50 construction sites.

2020

Series A Funding

Raised $15M to expand manufacturing and launch our AI detection platform.

2021

National Expansion

Grew to 5,000+ deployed units across 40 states. Opened offices in Dallas and Phoenix.

2022

24/7 Monitoring Center

Launched our in-house monitoring center with 200+ trained operators.

2023

Industry Recognition

Named "Most Innovative Security Solution" by Security Technology Review.

Timeline (Horizontal)

Scrollable timeline for key milestones

Key Milestones

2018

Company Founded

Started with 3 founders and a vision.

2019

First Customers

Deployed to 50 initial sites.

2020

AI Launch

Introduced smart detection.

2021

5K Units

Reached 5,000 deployments.

2022

Monitoring

Launched 24/7 center.

2023

Awards

Industry recognition.

NewsGrid (3 Columns)

Blog and news article previews

Latest News

Stay updated with the latest from SCT+

NewsGrid (2 Columns, No Images)

Compact news listing style

Industry Insights

Component Usage

TeamGrid

Employee bio cards with optional images and LinkedIn links. Supports 3 or 4 column layouts.

<TeamGrid
  title="Our Team"
  subtitle="Description"
  members={[
    {
      name: 'Name',
      role: 'Job Title',
      image: { src: '/photo.jpg', alt: 'Name' }, // optional
      bio: 'Short bio', // optional
      linkedin: 'https://linkedin.com/...', // optional
    },
  ]}
  columns={4} // 3 | 4
/>

Timeline

Company history and milestones. Vertical for detailed history, horizontal for quick overview.

<Timeline
  title="Our Journey"
  subtitle="Description"
  events={[
    {
      year: '2020',
      title: 'Milestone Title',
      description: 'What happened',
    },
  ]}
  variant="vertical" // vertical | horizontal
/>

NewsGrid

Blog/news article cards with images, categories, and dates. Images are optional.

<NewsGrid
  title="Latest News"
  subtitle="Description"
  posts={[
    {
      title: 'Article Title',
      excerpt: 'Short preview text',
      date: '2024-01-15', // ISO format
      category: 'Category', // optional
      image: { src: '/image.jpg', alt: 'Alt' }, // optional
      href: '/news/article-slug',
    },
  ]}
  columns={3} // 2 | 3
/>

ResourceCard

Downloadable resources with auto-detected file type icons. Override with custom icons if needed.

<ResourceCard
  title="Resources"
  subtitle="Description"
  resources={[
    {
      icon: <CustomIcon />, // optional - auto-detected from type
      title: 'Resource Title',
      description: 'What this resource contains',
      type: 'PDF', // PDF | Video | Guide | eBook | etc.
      href: '/download/file.pdf',
    },
  ]}
/>