layout, hero, features
| layout |
hero |
features |
| home |
| name |
text |
tagline |
actions |
| beOS Pro |
An open-source personal cloud OS |
Let people own their data again |
| theme |
text |
link |
| brand |
What is beOS Pro? |
/manual/overview |
|
|
|
|
|
| icon |
title |
details |
link |
| 🚀 |
Get started with beOS Pro |
Install beOS Pro on your hardware and begin taking control of your data in minutes. |
/manual/get-started/ |
|
| icon |
title |
details |
link |
| ⚙️ |
Master your system |
Dive into beOS Pro' system apps to configure, personalize, and access your personal cloud. |
/manual/olares/ |
|
| icon |
title |
details |
link |
| 📱 |
Hands-on with beOS Pro app |
Securely access and manage your beOS Pro from beOS Pro app, the cross-platform client for beOS Pro. |
/manual/larepass/ |
|
| icon |
title |
details |
link |
| 💡 |
Explore Use Cases |
Discover various ways you can leverage beOS Pro in daily life with real-life tutorials and use cases. |
/use-cases/ |
|
|
<style>
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
--vp-home-hero-image-filter: blur(44px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(68px);
}
}
</style>
