diff --git a/resources/views/groups/confirm-leave.blade.php b/resources/views/groups/confirm-leave.blade.php
new file mode 100644
index 000000000..41d400716
--- /dev/null
+++ b/resources/views/groups/confirm-leave.blade.php
@@ -0,0 +1,34 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container mt-5">
+	<div class="row justify-content-center">
+
+		<div class="col-12 col-md-7">
+			<p class="h3 font-weight-bold">Are you sure you want to leave this group?</p>
+			{{-- <p class="lead mb-3">If you decide to leave this group, all of your content will be permanently deleted.</p>
+			<p class="lead font-weight-bold">All of your interactions will be removed, including group</p>
+			<ul class="lead mb-5">
+				<li>Posts</li>
+				<li>Photos & Videos</li>
+				<li>Comments</li>
+				<li>Events</li>
+				<li>Polls</li>
+				<li>Likes</li>
+				<li>Shares</li>
+				<li>Reactions</li>
+				<li>Group Invitations</li>
+				<li>Moderation Reports</li>
+				<li>Recommendations</li>
+			</ul> --}}
+			<p class="mb-1">Any content you shared will remain accessible</p>
+			<p class="mb-3">You will not be able to re-join this group for 24 hours</p>
+			<hr>
+			<form class="d-flex justify-content-between">
+				<button class="btn btn-light border font-weight-bold" style="width: 75%;">Cancel</button>
+				<button type="submit" class="btn btn-danger font-weight-bold">Leave Group</button>
+			</form>
+		</div>
+	</div>
+</div>
+@endsection
diff --git a/resources/views/groups/index.blade.php b/resources/views/groups/index.blade.php
new file mode 100644
index 000000000..f3928546c
--- /dev/null
+++ b/resources/views/groups/index.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<groups-home />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/invite-claim.blade.php b/resources/views/groups/invite-claim.blade.php
new file mode 100644
index 000000000..3c27f17a8
--- /dev/null
+++ b/resources/views/groups/invite-claim.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<groups-invite id="{{$group['id']}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/invite.blade.php b/resources/views/groups/invite.blade.php
new file mode 100644
index 000000000..47eec9b53
--- /dev/null
+++ b/resources/views/groups/invite.blade.php
@@ -0,0 +1,23 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="row align-items-center" style="display: flex;width: 100%;height: 100vh;overflow: hidden;">
+	<div class="col-12 col-md-6 h-100 bg-primary d-flex align-items-center justify-content-center">
+		<div class="d-flex flex-column align-items-center" style="max-width: 300px;">
+			<p class="h3 text-center text-light font-weight-light">You were invited to join the <strong>{{ $group->name }}</strong> group.</p>
+			<div class="card card-body mt-3">
+				<div class="media align-items-center">
+					<img src="{{$group->metadata['header']['url'] }}" width="64" height="64" class="rounded-circle mr-3">
+					<div class="media-body">
+						<p class="lead mb-0">{{ $group->name }}</p>
+						<p class="small mb-0">34 members</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="col-12 col-md-6 h-100 d-flex align-items-center">
+		<p></p>
+	</div>
+</div>
+@endsection
diff --git a/resources/views/groups/profile.blade.php b/resources/views/groups/profile.blade.php
new file mode 100644
index 000000000..cbb95d866
--- /dev/null
+++ b/resources/views/groups/profile.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<group-profile pg="{{$group}}" pp="{{$profile}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/report.blade.php b/resources/views/groups/report.blade.php
new file mode 100644
index 000000000..be090b024
--- /dev/null
+++ b/resources/views/groups/report.blade.php
@@ -0,0 +1,39 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+	<div class="col-12 col-md-6 offset-md-3 mt-5 pt-5">
+		<div class="card shadow-none border">
+			<div class="card-header font-weight-bold bg-danger text-white">
+				Report Group
+			</div>
+			<div class="card-body">
+				{{-- <p class="text-muted">
+					Only report groups if they are violating the <a href="#" class="font-weight-bold">Terms of Service</a> or <a href="#" class="font-weight-bold">Community Guidelines</a>.
+				</p> --}}
+				<p class="font-weight-bold text-muted">Reason (select one)</p>
+				<div class="custom-control custom-radio">
+					<input type="radio" name="customRadio" class="custom-control-input" id="r1">
+					<label class="custom-control-label" for="r1">Spam or excessive off-topic content</label>
+				</div>
+				<div class="custom-control custom-radio">
+					<input type="radio" name="customRadio" class="custom-control-input" id="r2">
+					<label class="custom-control-label" for="r2">Abusive, harmful or illegal content</label>
+				</div>
+				<div class="custom-control custom-radio">
+					<input type="radio" name="customRadio" class="custom-control-input" id="r2">
+					<label class="custom-control-label" for="r2">Impersonation</label>
+				</div>
+				<div class="custom-control custom-radio">
+					<input type="radio" name="customRadio" class="custom-control-input" id="r2">
+					<label class="custom-control-label" for="r2">Not moderated enough or ignores moderation reports</label>
+				</div>
+				<div class="custom-control custom-radio">
+					<input type="radio" name="customRadio" class="custom-control-input" id="r2">
+					<label class="custom-control-label" for="r2">Other</label>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+@endsection
diff --git a/resources/views/groups/settings.blade.php b/resources/views/groups/settings.blade.php
new file mode 100644
index 000000000..c7c0be6e5
--- /dev/null
+++ b/resources/views/groups/settings.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<group-settings group-id="{{$group->id}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/show.blade.php b/resources/views/groups/show.blade.php
new file mode 100644
index 000000000..3fa190f3b
--- /dev/null
+++ b/resources/views/groups/show.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.spa')
+
+@section('content')
+<group-feed group-id="{{$id}}" path="{{$path}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/groups.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/status.blade.php b/resources/views/groups/status.blade.php
new file mode 100644
index 000000000..31b5ce8b4
--- /dev/null
+++ b/resources/views/groups/status.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<gs-permalink gid="{{$group->id}}" sid="{{$gp['status_id']}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/group-status.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/topic-feed.blade.php b/resources/views/groups/topic-feed.blade.php
new file mode 100644
index 000000000..c9d31d4e0
--- /dev/null
+++ b/resources/views/groups/topic-feed.blade.php
@@ -0,0 +1,10 @@
+@extends('layouts.app')
+
+@section('content')
+<group-topic-feed gid="{{$gid}}" name="{{$tag}}" />
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/group-topic-feed.js') }}"></script>
+<script type="text/javascript">App.boot();</script>
+@endpush
diff --git a/resources/views/groups/unavailable.blade.php b/resources/views/groups/unavailable.blade.php
new file mode 100644
index 000000000..ab48447dd
--- /dev/null
+++ b/resources/views/groups/unavailable.blade.php
@@ -0,0 +1,25 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container d-flex justify-content-center">
+  <div class="error-page py-5 my-5" style="max-width: 450px;">
+    <h3 class="font-weight-bold">Group Unavailable</h3>
+    <p class="lead">The group you are trying to view is unavailable</p>
+
+    <div class="text-muted">
+		<p class="pt-4 mb-1">This can happen for a few reasons:</p>
+		<ul>
+			<li>The group url is invalid or has a typo</li>
+			<li>We are experiencing higher than usual traffic to this group and have temporarily limited access to this group</li>
+			<li>The group has been flagged for review by our automated abuse detection systems</li>
+			<li>The group is temporarily disabled by group administrators</li>
+			<li>The group has been deleted</li>
+		</ul>
+
+		<p class="pt-4">
+			If you are a group administrator, you can view your <a href="#" class="font-weight-bold">groups settings</a> for more information.
+		</p>
+    </div>
+  </div>
+</div>
+@endsection