<div id="home-top">

  <div id="home-motto">
    <h1><%= t(:home_motto) %></h1>
    <%= t(:home_tagline) %>
  </div>

  <br><br>

  <div>
    <%= link_to t(:get_started), new_user_registration_path, :class => 'btn btn-danger btn-lg' %>
    <br><br>
    <a href="/docs" target="_blank"><%= t(:documentation) %></a>
    &nbsp; | &nbsp;
    <a href="http://community.thingspeak.com/forum/" target="_blank"><%=t(:support)%></a>
    &nbsp; | &nbsp;
    <a href="https://github.com/iobridge/thingspeak" target="_blank">GitHub</a>
  </div>

</div>

<br><br>

<div class="container">

  <div class="row">

    <div class="col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">
          <h3 class="panel-title">
            <i class="fa fa-list fa-fw fa-lg"></i>
            ThingSpeak Features
          </h3>
        </div>
        <div class="panel-body panel-home">
          <ul>
            <li>Open API</li>
            <li>Real-time data collection</li>
            <li>Geolocation data</li>
            <li>Data processing</li>
            <li>Data visualizations</li>
            <li>Device status messages</li>
            <li>Plugins</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">
          <h3 class="panel-title">
            <i class="fa fa-gears fa-fw fa-lg"></i>
            Integrate With Anything
          </h3>
        </div>
        <div class="panel-body panel-home">
          <ul>
            <li>Arduino</li>
            <li>Raspberry Pi</li>
            <li>ioBridge / RealTime.io</li>
            <li>Electric Imp</li>
            <li>Mobile / Web Applications</li>
            <li>Social Networks</li>
            <li>Data Analytics</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="panel panel-info">
        <div class="panel-heading">
          <h3 class="panel-title">
            <i class="fa fa-comments fa-fw fa-lg"></i>
            Connect With Us
          </h3>
        </div>
        <div class="panel-body panel-home">
          <ul>
            <li><a href="https://github.com/iobridge/ThingSpeak" title="Open Source Internet of Things Project on GitHub" target="_blank">GitHub</a></li>
            <li><a href="http://www.twitter.com/thingspeak" title="Follow ThingSpeak on Twitter" target="_blank">Twitter</a> / <a href="https://plus.google.com/+thingspeak" rel="publisher" target="_blank">Google+</a></li>
            <li><a href="http://community.thingspeak.com/" title="ThingSpeak IoT Blog">Blog</a></li>
            <li><a href="http://community.thingspeak.com/forum/" title="Join the ThingSpeak Forum">Forum</a></li>
            <li><a href="/docs" title="ThingSpeak API and Apps Documentation">Documentation</a></li>
            <li><a href="/docs/tutorials" title="ThingSpeak Tutorials">Tutorials</a></li>
            <li><a href="mailto:support@thingspeak.com" title="Contact ThingSpeak">Questions</a></li>
          </ul>
        </div>
      </div>
    </div>

  </div>

  <br><br>

  <div class="jumbotron">
    <h1>Get Started</h1>
    <p>If you are ready to build your Internet of Things, <%= link_to t(:signup), new_user_registration_path, :class => 'btn btn-primary btn-sm' %> for a free developer account.</p>
    <p>
      <a href="/docs" target="_blank" class="btn btn-info btn-lg">Learn More</a>
      <a id="contact_link" class="btn btn-success btn-lg"><%= t(:contact_us) %></a>
    </p>
    <div id="contact_form">
      <br>
      <%= render :partial => 'pages/contact_form' %>
    </div>
  </div>

  <br><br>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">
        <a href="http://community.thingspeak.com/" title="ThingSpeak Community, Blog, and Forum">Latest News<a> <a href="http://feeds.feedburner.com/internetofthings/" title="ThingSpeak RSS Feed"><%= image_tag 'icon_rss.gif' %></a>
      </h3>
    </div>
    <div class="panel-body">
      <% cache("blog-posts-on-homepage", :expires_in => 10.minutes) do %>
        <%= raw blog_entries %>
      <% end %>
    </div>
  </div>

  <br>

</div>

