index.html 13.5 KB
Newer Older
Sean Packham's avatar
Sean Packham committed
1
---
Sean Packham's avatar
Sean Packham committed
2
layout: en/default
Sean Packham's avatar
Sean Packham committed
3
class: index
Danilo Woznica's avatar
Danilo Woznica committed
4
theme: dark
Sean Packham's avatar
Sean Packham committed
5 6

redirect_from:
Sean Packham's avatar
Sean Packham committed
7 8
  - /services
  - /services/
Sean Packham's avatar
Sean Packham committed
9 10 11 12 13 14
  - /deploy
  - /deploy/
  - /live-demo
  - /live-demo/
  - /mobile
  - /mobile/
Sean Packham's avatar
Sean Packham committed
15 16
  - /2017/01/22/improving-education-one-classroom-at-a-time/
  - /2017/12/18/how-classuite-built-their-product-with-rocket-chat/
Sean Packham's avatar
Sean Packham committed
17 18
---

19 20 21

<section class="container home-hero">
  <div class="home-hero_wrap">
Danilo Woznica's avatar
Danilo Woznica committed
22 23 24 25 26
    <h1 class="display--big theme_type--dark">Open Source Team Communication</h1>
    <p class="display--small theme_type--grey">Rocket.Chat is free, unlimited and open source. Replace email &amp; Slack with the ultimate team chat software solution.</p>
    <div class="download">
      <a href="/download" class="button">Download</a>
    </div>
27 28 29 30 31 32 33 34 35
  </div>

  <img 
    class="home-hero_image"
    srcset="/images/index/devices.png, /images/index/devices@2x.png 2x, /images/index/devices@3x.png 3x" 
    src="/images/index/devices.png" alt="Rocket Chat apps"
  />
</section>

Danilo Woznica's avatar
Danilo Woznica committed
36
<div class="space--8"></div>
37 38

<div class="container">
Danilo Woznica's avatar
Danilo Woznica committed
39
  <div class="flex-grid grid--justify-around grid--reverse">
40
    <div class="col--third">
Danilo Woznica's avatar
Danilo Woznica committed
41 42 43 44
      <p class="label theme_type--grey">Our mission</p>
      <h2 class="display theme_type--dark">Replace Email</h2>
      <p class="theme_type--grey">Leave behind email’s closed loops of conversation and speak to your team openly for greater transparency.</p>
      <p class="theme_type--grey">Remove the need for CC/BCC by using Rocket.Chat Channels and Private Groups, to only include relevant participants and avoid bothering others. Use @ to flag those you need to notify immediately.</p>
45 46 47
    </div>

    <div class="col--third">
Danilo Woznica's avatar
Danilo Woznica committed
48
      <img src="/images/index/devices.png" alt="Our mission Replace Email" /> 
49 50 51 52
    </div>
  </div>
</div>

Danilo Woznica's avatar
Danilo Woznica committed
53
<div class="space--8"></div>
54

55
<div class="container">
56 57 58 59
  <div class="flex-grid grid--justify-around">
    <div class="col--third">
      <p class="label theme_type--grey">Our mission</p>
      <h2 class="display theme_type--dark">Team Chat</h2>
Danilo Woznica's avatar
Danilo Woznica committed
60 61
      <p class="theme_type--grey">Eliminate lengthy email chains and improve productivity by discussing and sharing ideas, projects and files with real-time or asynchronous team chat.</p>
      <p class="theme_type--grey">Communicate and collaborate using team chat and, when needed, switch to video or audio calls with screen sharing for greater teamwork.</p>
62 63 64 65 66 67 68 69
    </div>

    <div class="col--third">
      <img src="/images/index/devices.png" alt="Our mission Team Chat" /> 
    </div>
  </div>
</div>

Danilo Woznica's avatar
Danilo Woznica committed
70
<div class="space--8"></div>
71 72 73 74

<section class="container">
  <div class="home_box home-community">
    <div class="home_box-wrap">
75
      <p class="label theme_type--grey">Open source</p>
76 77 78 79
      <h2 class="display--big theme_type--dark">Join the Rocket.Chat community </h2>
      <p class="display--small theme_type--grey">With {{site.stars}}k stars on GitHub and more than 600 contributors across our products with over 13k commits, we are the largest and most active open source team chat community.</p>
      <br />
      <p class="display--small theme_type--grey">Join our community of 10 million users and chat to us on <a class="button--link" href="//open.rocket.chat/" target="_blank">open.rocket.chat</a></p>
80
      <br />
81
      <a class="home-community_github" target="_blank" href="//github.com/RocketChat/Rocket.Chat">
82 83 84
        <span><img src="/images/default/star.svg" alt="GitHub Stars">Star</span>
        <span>{{site.stars}}K</span>
      </a>
85
      <a class="home-community_github" target="_blank" href="//github.com/RocketChat/Rocket.Chat/fork">
86 87 88
        <span><img src="/images/default/fork.svg" alt="GitHub forks">Fork</span>
        <span>{{site.forks}}K</span>
      </a>
89
      <a class="home-community_github-link" target="_blank" href="//github.com/RocketChat/Rocket.Chat">
90 91 92 93
        <span><img src="/images/default/github.svg" alt="GitHub"></span>
        Open on GitHub
      </a>
    </div>
94
  </div>
95

Danilo Woznica's avatar
Danilo Woznica committed
96
  <div class="space--8"></div>
97

98 99 100 101 102
  <div class="flex-grid grid--justify-around">
    <div class="col--third">
      <h3 class="theme_type--dark"><strong>Blockchain</strong></h3>
      <p class="theme_type--grey">Join leading blockchain projects such as Aragon, Hyperledger, Golem and others in migrating from Slack. Do so with ease thanks to Slack Import and Slack Bridge. </p>
      <!-- <p><a href="" class="button--link button--with-arrow">Learn more</a> -->
103 104
    </div>

105 106 107 108
    <div class="col--third">
      <h3 class="theme_type--dark"><strong>Security</strong></h3>
      <p class="theme_type--grey">A safe workspace with username restriction and admin transparency. Remove bad actors by adding moderators and provide admins with additional controls.</p>
      <!-- <p><a href="" class="button--link button--with-arrow">Learn more</a> -->
Sean Packham's avatar
Sean Packham committed
109
    </div>
Sean Packham's avatar
Sean Packham committed
110
  </div>
111
</section>
112

Danilo Woznica's avatar
Danilo Woznica committed
113
<div class="space--4"></div>
114

Danilo Woznica's avatar
Danilo Woznica committed
115
<section class="container home-enterprise">
116 117 118 119 120 121 122 123 124 125
  <div class="theme_box--brand card--shadow">
    <div class="home_box">
      <div class="home_box-wrap">
        <p class="label theme_type--grey-smoke-dark">free, unlimited &amp; open source</p>
        <h2 class="display--big theme_type--dark">Enterprise Features</h2>
        <p class="theme_type--grey-smoke-dark"><strong>Free audio and video conferencing, guest access, screen sharing, file sharing, LiveChat, LDAP Group Sync, two-factor authentication (2FA), E2E encryption, SSO, and dozens of OAuth providers.</strong></p>
        <br />
        <p class="theme_type--dark">Also includes unlimited:</p>

        <div class="list flex-grid">
Danilo Woznica's avatar
Danilo Woznica committed
126
          <div class="col">          
127 128 129 130 131 132 133 134 135 136 137 138 139 140
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/users.svg" alt="Users" /> </span>
              <span>Users</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/channels.svg" alt="Channels" /> </span>
              <span>Channels</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/searches.svg" alt="Searches" /> </span>
              <span>Searches</span>
            </p>
          </div>

Danilo Woznica's avatar
Danilo Woznica committed
141
          <div class="col">          
142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/messages.svg" alt="Messages" /> </span>
              <span>Messages</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/guests.svg" alt="Guests" /> </span>
              <span>Guests</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
              <span class="col--free no-gutter list-img"><img src="/images/index/upload.svg" alt="File uploads" /> </span>
              <span>File uploads</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="theme_box--white">
Danilo Woznica's avatar
Danilo Woznica committed
162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323
  <div class="container">
    <div class="flex-grid grid--justify-around grid--reverse">
      <div class="col--third">
        <div class="space--2"></div>
        <p class="label theme_type--light">Feature</p>
        <h2 class="display">Live Chat</h2>
        <p class="theme_type--light">With Rocket.Chat LiveChat you can add real-time chat widgets to any website or mobile app and get more value from your team chat.</p>
        <p class="theme_type--light">Replace other systems and use one communication platform to save time and money. Create a user support helpdesk, answer customer queries and convert leads.</p>
      </div>

      <div class="col--third">
        <img 
          srcset="/images/index/live-chat.jpg, /images/index/live-chat@2x.jpg 2x, /images/index/live-chat@3x.jpg 3x"
          src="/images/index/live-chat.jpg" alt="Live Chat"
        />
      </div>
    </div>
  </div>

  <div class="space--4"></div>

  <div class="container">
    <div class="flex-grid grid--justify-around">
      <div class="col--third">
        <div class="space--2"></div>
        <p class="label theme_type--light">Feature</p>
        <h2 class="display">Real-time translation</h2>
        <p class="theme_type--light">Rocket.Chat uses cutting edge machine learning for automatic real-time message translation between users.</p>
        <p class="theme_type--light">Our user interface has been translated to over 37 languages, more than any other team chat service.</p>
      </div>

      <div class="col--third">
        <img 
          srcset="/images/index/real-time.jpg, /images/index/real-time@2x.jpg 2x, /images/index/real-time@3x.jpg 3x" 
          src="/images/index/real-time.jpg" alt="Real-time translation"
        />
      </div>
    </div>
  </div>

  <div class="space--4"></div>

  <div class="container divider divider--light"></div>

  <div class="space--8"></div>

  <div class="container">
    <div class="flex-grid grid--justify-around align--center">
      <div class="col--haft">
        <p class="label theme_type--light">Feature</p>
        <h2 class="display">Endless Customization</h2>
        <p class="theme_type--light">Customise your platform to tailor its exact look &amp; feel by 
        adding or removing features and selecting your own integrations, plugins &amp; themes.</p>
      </div>
    </div>
  </div>

  <div class="home-customization">
    <div class="home-customization__scroll-view">
      <img 
        srcset="/images/index/sidebar.png, /images/index/sidebar@2x.png 2x, /images/index/sidebar@3x.png 3x" 
        src="/images/index/sidebar.png" alt="Endless Customization"
      />
    </div>
  </div>

  <div class="container">

    <div class="space--4"></div>

    <div class="flex-grid">
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Integrations" /> 
        <br />
        <h2 class="display--small"><strong>Integrations</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Plugins" /> 
        <br />
        <h2 class="display--small"><strong>Plugins</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Themes" /> 
        <br />
        <h2 class="display--small"><strong>Themes</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Data Importers" /> 
        <br />
        <h2 class="display--small"><strong>Data Importers</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
    </div>

    <div class="flex-grid">
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Powerful APIs" /> 
        <br />
        <h2 class="display--small"><strong>Powerful APIs</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Documentation" /> 
        <br />
        <h2 class="display--small"><strong>Documentation</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
      <div class="col--fourth">
        <img src="/images/default/question.svg" alt="Marketplace" /> 
        <br />
        <h2 class="display--small"><strong>Marketplace</strong></h2>
        <p class="theme_type--light">Something will say here about how relevant this feature is.</p>
      </div>
    </div>
  </div>

  <div class="space--4"></div>
</section>

<section class="container">
  <div class="space--4"></div>
  <div class="card theme_box--dark-strong home-download">
    <div class="wrap">
      <p class="label theme_type--grey">Web, Desktop &amp; Mobile</p>
      <h2 class="display theme_type--dark">For all platforms</h2>
      <p class="theme_type--grey">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
      
      <div class="home-download__icons">
        <img src="/images/download/windows.svg" alt="Rocket.Chat for Windows" />
        <img src="/images/download/macos.svg" alt="Rocket.Chat for MacOS" />
        <img src="/images/download/linux.png" alt="Rocket.Chat for Linux" />
        <img src="/images/download/ios.svg" alt="Rocket.Chat for iOS" />
        <img src="/images/download/android.svg" alt="Rocket.Chat for Android" />
      </div>

      <div class="space--2"></div>

      <div class="home-download__button">      
        <a href="/download" class="button">
          <span class="button--icon"><img src="/images/default/download--white.svg" alt="Download"></span>
          <span>Download</span>
        </a>
      </div>
    </div>
  </div>

  <div class="space--2"></div>

  <div class="home-clients">
    <span><img src="/images/clients/citibank.png" alt="citibank" /></span>
    <span><img src="/images/clients/canonical.png" alt="canonical" /></span>
    <span><img src="/images/clients/steadymd.png" alt="steadymd" /></span>
    <span><img src="/images/clients/lisk.png" alt="lisk" /></span>
    <span><img src="/images/clients/aeb.png" alt="aeb" /></span>
    <span><img src="/images/clients/selu.png" alt="selu" /></span>
  </div>

  <div class="space--2"></div>

324
</section>