From aa3e2694802d3221f13b08b18f3441e46ad77edb Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Thu, 14 Sep 2023 21:19:48 +0100
Subject: [PATCH] chore(#2): Add homepage

---
 WhoAtX/Views/Home/Index.cshtml | 45 +++++++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 3 deletions(-)

diff --git a/WhoAtX/Views/Home/Index.cshtml b/WhoAtX/Views/Home/Index.cshtml
index 08a5a5c..cabe3de 100644
--- a/WhoAtX/Views/Home/Index.cshtml
+++ b/WhoAtX/Views/Home/Index.cshtml
@@ -2,7 +2,46 @@
     ViewData["Title"] = "Home Page";
 }
 
-<div class="text-center">
-    <h1 class="display-4">Welcome</h1>
-    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
+<div class="container">
+    <div class="row">
+        <div class="col-md-6 offset-md-3">
+            <div class="text-center">
+                <h1 class="display-4">Get Started</h1>
+                <p>e.g. "Who do I talk to about <i>something</i>?"</p>
+            </div>
+            
+            <form id="search-form">
+                <div class="input-group mb-3">
+                    <input type="text" class="form-control" placeholder="Ask a question..." id="search-query">
+                    <div class="input-group-append">
+                        <button class="btn btn-primary" type="submit">Search</button>
+                    </div>
+                </div>
+            </form>
+
+            <div id="search-results" class="mt-4">
+                <!-- Results will be displayed here -->
+            </div>
+        </div>
+    </div>
 </div>
+
+@section scripts {
+    <script>
+        document.getElementById("search-form").addEventListener("submit", function (e) {
+            e.preventDefault();
+
+            const query = document.getElementById("search-query").value;
+
+            // TODO: Implement search functionality here and populate the results in the "search-results" div
+            // For now, you can use placeholder content
+
+            const resultsDiv = document.getElementById("search-results");
+            resultsDiv.innerHTML = '<p>Search results for: <strong>' + query + '</strong></p>';
+            resultsDiv.innerHTML += '<ul>';
+            resultsDiv.innerHTML += '<li>Result 1</li>';
+            resultsDiv.innerHTML += '<li>Result 2</li>';
+            resultsDiv.innerHTML += '</ul>';
+        });
+    </script>
+}
\ No newline at end of file