diff --git a/app/Http/Controllers/ModController.php b/app/Http/Controllers/ModController.php
index 02b838e..9c5cbbf 100644
--- a/app/Http/Controllers/ModController.php
+++ b/app/Http/Controllers/ModController.php
@@ -6,7 +6,6 @@ use App\Http\Requests\ModRequest;
 use App\Http\Resources\ModResource;
 use App\Models\Mod;
 use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
-use Illuminate\Support\Facades\Log;
 
 class ModController extends Controller
 {
@@ -16,7 +15,12 @@ class ModController extends Controller
     {
         $this->authorize('viewAny', Mod::class);
 
-        $mods = ModResource::collection(Mod::all());
+        $mods = Mod::select(['id', 'name', 'slug', 'teaser', 'thumbnail', 'featured', 'created_at'])
+            ->withTotalDownloads()
+            ->with(['latestVersion', 'latestVersion.sptVersion', 'users:id,name'])
+            ->whereHas('latestVersion')
+            ->latest()
+            ->paginate(12);
 
         return view('mod.index', compact(['mods']));
     }
diff --git a/app/Policies/ModPolicy.php b/app/Policies/ModPolicy.php
index 645c1be..e683811 100644
--- a/app/Policies/ModPolicy.php
+++ b/app/Policies/ModPolicy.php
@@ -4,7 +4,6 @@ namespace App\Policies;
 
 use App\Models\Mod;
 use App\Models\User;
-use Illuminate\Support\Facades\Log;
 
 class ModPolicy
 {
diff --git a/resources/views/mod/index.blade.php b/resources/views/mod/index.blade.php
index 9cea4f1..8bf9d3e 100644
--- a/resources/views/mod/index.blade.php
+++ b/resources/views/mod/index.blade.php
@@ -1,7 +1,58 @@
 <x-app-layout>
+    {{--
+    TODO:
+    [ ] search bar for mods
+    [ ] mods section filter
+    [ ] spt version filter
+    [ ] tags filter
+    [ ] small / mobile display handling
+    [ ] light mode theme handling
+    --}}
+
+    {{-- page links --}}
+    <div class="m-6">
+        {{ $mods->links() }}
+    </div>
+
+    {{-- 2 column grid layout --}}
+    <div class="grid gap-6 grid-cols-[1fr_auto]">
+
+        {{-- search / section filters, mods --}}
+        <div>
+            {{-- mods serach bar --}}
+            <div>
+                <p class="text-gray-700 dark:text-gray-200">--SEARCH BAR--</p>
+            </div>
+            {{-- section filters --}}
+            <div>
+                <p class="text-gray-700 dark:text-gray-200">--SECTION FILTERS--</p>
+            </div>
+
+            {{-- mod cards --}}
+            <div class="grid gap-6 grid-cols-2">
+                @foreach($mods as $mod)
+                    <x-mod-card :mod="$mod" />
+                @endforeach
+            </div>
+        </div>
+
+        {{-- version filters, tags --}}
+        <div class="max-w-sm">
+            {{-- spt version filters --}}
+            <div>
+                <p class="text-gray-700 dark:text-gray-200">--SPT VERSION FILTER--</p>
+            </div>
+
+            {{-- tag filters --}}
+            <div>
+                <p class="text-gray-700 dark:text-gray-200">--TAG FILTER HERE--</p>
+            </div>
+        </div>
+    </div>
+    {{-- page links --}}
+    <div class="m-6">
+        {{ $mods->links() }}
+    </div>
 
-    @foreach($mods as $mod)
-        <p>{{$mod->name}}</p>
-    @endforeach
 
 </x-app-layout>