Index: src/main/resources/static/index.html
===================================================================
--- src/main/resources/static/index.html	(revision 57e58a35be0538f1ab9cd2a435d4229175bc485f)
+++ src/main/resources/static/index.html	(revision 62bba0c73980e31e95db489d91493dc186ed2439)
@@ -4,63 +4,94 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Support Tickets</title>
-    <link rel="stylesheet" href="/css/main.css">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <title>SkyChase-mk</title>
+    <style>
+        body {
+            background: url('images/homepage.jpg') no-repeat center center fixed;
+            background-size: cover;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100vh;
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+
+        .header {
+            position: absolute;
+            top: 0;
+            left: 0;
+            display: flex;
+            align-items: center;
+            background-color:rebeccapurple;
+            padding: 10px;
+            width: 100%;
+        }
+
+        .header img {
+            width: 40px;
+            height: 40px;
+            margin-right: 10px;
+        }
+
+        .header h1 {
+            color: white;
+            margin: 0;
+            font-size: 15px;
+            padding-right: 50px;
+        }
+
+        .buttons {
+            text-align: center;
+        }
+
+        .buttons button {
+            padding: 15px 30px;
+            margin: 10px;
+            font-size: 18px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: 0.3s;
+        }
+
+        .signup {
+            background-color: rebeccapurple;
+            color: white;
+        }
+
+        .signup:hover {
+            background-color: mediumpurple;
+        }
+
+        .login {
+            background-color: #007bff;
+            color: white;
+        }
+
+        .login:hover {
+            background-color: #0056b3;
+        }
+        .adminlogin {
+            top:0;
+            right: 0;
+            background-color: rebeccapurple;
+            border:0;
+            color:white;
+            padding: 0 1200px;
+        }
+    </style>
 </head>
 <body>
-
-<div id="app" class="support-ticket-container">
-    <h1>Support Tickets</h1>
-    <div class="ticket-layout">
-        <!-- Left side: Ticket list -->
-        <div class="ticket-list">
-            <div class="ticket-item"
-                 v-for="ticket in tickets"
-                 :key="ticket.id"
-                 @click="selectTicket(ticket)"
-                 :class="{'active': selectedTicket && selectedTicket.id === ticket.id}">
-                <div class="ticket-info">
-                    <p><strong>Subject:</strong> {{ ticket.subject }}</p>
-                    <p><strong>Date:</strong> {{ ticket.date }}</p>
-                </div>
-                <div class="ticket-actions">
-                    <button @click.stop="resolveTicket(ticket.id)">Resolve</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- Right side: Ticket details -->
-        <div class="ticket-details" v-if="selectedTicket">
-            <h2>Ticket Details</h2>
-            <p><strong>Subject:</strong> {{ selectedTicket.subject }}</p>
-            <p><strong>Description:</strong> {{ selectedTicket.description }}</p>
-            <p><strong>Date:</strong> {{ selectedTicket.date }}</p>
-            <button @click="resolveTicket(selectedTicket.id)">Resolve</button>
-        </div>
-    </div>
+<div class="header">
+    <img src="/images/home.png" alt="Home Icon">
+    <h1>SkyChase</h1>
+    <button class="adminlogin" onclick="location.href='/admin'">Admin?</button>
 </div>
 
-<script>
-    new Vue({
-        el: '#app',
-        data: {
-            tickets: [
-                { id: 1, subject: 'Flight booking issue', description: 'Customer could not book a flight.', date: '2025-02-01' },
-                { id: 2, subject: 'Payment failure', description: 'Payment was not processed during checkout.', date: '2025-02-02' }
-            ],
-            selectedTicket: null
-        },
-        methods: {
-            resolveTicket(id) {
-                alert(`Ticket ${id} resolved.`);
-                // Optionally, you can update the ticket's status or remove it
-            },
-            selectTicket(ticket) {
-                this.selectedTicket = ticket;
-            }
-        }
-    });
-</script>
-
+<div class="buttons">
+    <button class="signup" onclick="location.href='/signup'">Sign Up</button>
+    <button class="login" onclick="location.href='/login'">Login</button>
+</div>
 </body>
 </html>
