Content Components
ORO custom blocks — terminals, heroes, sections, markdown rendering. Built for landing pages and documentation.
Custom SVG icon set registered under the oro: prefix. Use with <UIcon name="oro:icon-name" />. Includes brand logos, product icons, and service markers.
macOS-style terminal window with traffic light dots. Use to show CLI commands, installation instructions, or code output. The dark glass background ensures code is readable regardless of the page color mode.
With title (default)
No title — compact (max-w-md)
Wide (max-w-4xl) with long output
Renders markdown to styled HTML via marked. Uses Tailwind Typography prose classes. Perfect for documentation content, AI chat responses, or any dynamic text that comes in markdown format.
Deployment Guide
Configure your node with these essential settings:
- Set
max_workersbased on CPU count - Enable
auto_scalingfor dynamic loads - Monitor via the dashboard
node:
max_workers: 8
auto_scaling: true
region: eu-west-1Landing page building blocks. SectionIsland wraps content in a glass card with page-container centering and reveal animation. SectionHeader provides centered title + subtitle. Combine them for landing page sections.
With subtitle (py-4 compact)
Platform Features
Everything you need to monetize your computing resources
Security
End-to-end encryption for all workloads running on the network.
Performance
Low-latency task routing across geographically distributed nodes.
Fair Pay
Transparent pricing based on actual resource consumption.
Header only, no subtitle (py-8, narrower subtitle width)
Title only — no subtitle
Custom subtitle max width
Narrow subtitle
The subtitle is constrained to max-w-md, creating a tighter rag for short taglines.
Generous padding (py-20)
Spacious Section
Use py-20 or larger for marketing hero sections.
Feature highlight with icon + title + description. Two variants: stacked (icon above, for grid layouts) and inline (icon left, for compact lists). Use on landing pages to explain your product's value propositions.
Global Network
Nodes distributed across 40+ countries for low-latency access worldwide.
Privacy First
Your data never leaves your machine. Zero-knowledge task execution.
Numbered process cards for "How it works" sections. Each card gets a glass-inner background with a numbered badge. Pair with scroll-reveal animation for staggered entrance.
Install CLI
Download and install the ORO CLI tool
Authenticate
Log in with your ORO account
Start Earning
Your machine joins the network
Brand logo component with three variants matching the SVG icon set: color-dark (default), color-light, and mono. Includes optional brand text with highlight. Use in headers and footers.
Full-width glass footer with logo, link groups, social icons, copyright, and tagline. Features an amber gradient separator line and grid layout that collapses on mobile.