public dash and view counting

resources/views/welcome.blade.php

@@ -3,15 +3,81 @@
 @extends('layouts.app')
 
 @section('content')
-  <div class="row justify-content-center">
-    <div class="col-md-8">
-      <div class="card">
-        <div class="card-header">Dashboard</div>
+  @guest
+    <div class="row justify-content-center">
+      <div class="col-md-12 mb-2 mb-md-4">
+        <div class="card">
+          <div class="card-body">
+            <a href="" class="button close" aria-label="Close">
+              <span aria-hidden="true">&times;</span>@sr(Close)
+            </a>
 
-        <div class="card-body">
-          <h1>Welcome to the public landing page.</h1>
+            <h2>Welcome to datatable.directory!</h2>
+
+            <p>
+              This website is a place for sharing useful tables of structured data.
+              These can be cipher tables, character maps, lists of electronic components,
+              paper grades, page formats, or scientific datasets, such as lists of countries,
+              geographic features, celestial bodies, elements, nutrition values, etc.
+              Anything you can put in a table can be shared here, as long as it conforms to our
+              <a href="{{route('terms')}}">Terms of Service</a>. You can search, filter, and export
+              data from our tables to many different formats, such as JSON, XML, C structs, or CSV.
+            </p>
+            <p>
+              The table directory is open to anyone, and can be used without login. However,
+              you will miss out on some features, like the ability to create or edit tables,
+              post comments, or save export presets. You can <a href="/register">register</a> using
+              your e-mail and a password, or through <a href="{{route('oauth-google-authorize')}}">Google</a>,
+              <a href="{{route('oauth-github-authorize')}}">GitHub</a>,
+              or <a href="{{route('oauth-facebook-authorize')}}">Facebook</a>.
+            </p>
+          </div>
         </div>
       </div>
     </div>
+  @endif
+
+  <div class="row justify-content-center">
+    <div class="col-md-4">
+      <div class="card">
+        <div class="card-header card-header-extra">
+          @icon(fa-users fa-pr fa-large)
+          <h2>Users</h2>
+
+          <nav class="ml-auto" aria-label="Pages of the user list">
+            {{ $users->links(null, ['ulClass' => 'pagination-sm mb-0 pagination-outline-light']) }}
+          </nav>
+        </div>
+
+        <div class="list-group list-group-flush">
+          @if(count($users) == 0)
+            <span class="list-group-item">No users yet.</span>
+          @else
+            @foreach($users as $user)
+              <a class="list-group-item list-group-item-action"
+                    href="{{ route('profile.view', $user->name) }}">
+                @icon(fa-user-circle-o fa-pr){{ $user->title }}<br>
+                <small>{{ $user->handle }}</small>
+              </a>
+            @endforeach
+          @endif
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-8 mt-2 mt-md-0">
+      <div class="card">
+        <div class="card-header card-header-extra">
+          @icon(fa-table fa-pr fa-large)
+          <h2>Popular Tables</h2>
+
+          <nav class="ml-auto" aria-label="Pages of the table list">
+            {{ $tables->links(null, ['ulClass' => 'pagination-sm mb-0 pagination-outline-light']) }}
+          </nav>
+        </div>
+
+        @include('profile._table-list')
+      </div>
+    </div>
   </div>
 @endsection