diff --git a/Blazor_DotNet8_MovieApp/Blazor_DotNet8_MovieApp.csproj b/Blazor_DotNet8_MovieApp/Blazor_DotNet8_MovieApp.csproj
index 1b28a01..5a37b4e 100644
--- a/Blazor_DotNet8_MovieApp/Blazor_DotNet8_MovieApp.csproj
+++ b/Blazor_DotNet8_MovieApp/Blazor_DotNet8_MovieApp.csproj
@@ -6,4 +6,8 @@
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Folder Include="wwwroot\images\" />
+  </ItemGroup>
+
 </Project>
diff --git a/Blazor_DotNet8_MovieApp/Pages/Index.razor b/Blazor_DotNet8_MovieApp/Pages/Index.razor
index 3ab9742..505ea22 100644
--- a/Blazor_DotNet8_MovieApp/Pages/Index.razor
+++ b/Blazor_DotNet8_MovieApp/Pages/Index.razor
@@ -1,7 +1,49 @@
 @page "/"
+@using Blazor_DotNet8_MovieApp.Models;
+@using Blazor_DotNet8_MovieApp.Services;
 
-<PageTitle>Home</PageTitle>
+@inject IMovieReviewService MovieReviewService
 
-<h1>Home</h1>
+<PageTitle>Movies in DotNet8</PageTitle>
 
-Welcome to your new app.
+@if(Movies is null)
+{
+    <h1>Loading Movies...</h1>
+}
+else
+{
+    @for (int i = 0; i <= Movies.Count / 4; i++)
+    {
+        MovieModel[] movieGroup = Movies.Skip(i * 4).Take(4).ToArray();
+
+        <div class="row">
+            
+            @foreach(MovieModel movie in movieGroup)
+            {
+                <div class="col-md-3 mb-2">
+                    <a href="/MovieReview/@movie?.Id">
+                        <img class="img-thumbnail" src="@movie?.ImageUrl">
+                        <div class="card-body">
+                            <h5 class="card-title">
+                                @movie?.Title
+                            </h5>
+                            <p class="card-text">
+                                @movie?.Description
+                            </p>
+                        </div>
+                    </a>
+                </div>
+            }
+
+        </div>
+    }
+}
+
+@code {
+    List<MovieModel> Movies = null;
+
+    protected override async Task OnInitializedAsync()
+    {
+        Movies = MovieReviewService?.GetMovies();
+    }
+}
\ No newline at end of file
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Barbie.PNG b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Barbie.PNG
new file mode 100644
index 0000000..9eb0556
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Barbie.PNG differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Godfather.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Godfather.png
new file mode 100644
index 0000000..6315394
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Godfather.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander.png
new file mode 100644
index 0000000..41237ca
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander2.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander2.png
new file mode 100644
index 0000000..2809745
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Highlander2.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/LastOfTheMohicans.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/LastOfTheMohicans.png
new file mode 100644
index 0000000..58ad76c
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/LastOfTheMohicans.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/MeanGirls.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/MeanGirls.png
new file mode 100644
index 0000000..94f4225
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/MeanGirls.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Oppenheimer.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Oppenheimer.png
new file mode 100644
index 0000000..26a2f25
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Oppenheimer.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/PoliceAcademy6.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/PoliceAcademy6.png
new file mode 100644
index 0000000..b437ac0
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/PoliceAcademy6.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RearWindow.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RearWindow.png
new file mode 100644
index 0000000..c078499
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RearWindow.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RoadHouse.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RoadHouse.png
new file mode 100644
index 0000000..90bf00b
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/RoadHouse.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Shawshank.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Shawshank.png
new file mode 100644
index 0000000..7bdd730
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Shawshank.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/StarTreck4.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/StarTreck4.png
new file mode 100644
index 0000000..890b56d
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/StarTreck4.png differ
diff --git a/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Superman4.png b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Superman4.png
new file mode 100644
index 0000000..80e69cb
Binary files /dev/null and b/Blazor_DotNet8_MovieApp/wwwroot/images/movies/Superman4.png differ