diff --git a/frontpage.html b/frontpage.html
new file mode 100644
index 0000000..a3bb8c0
--- /dev/null
+++ b/frontpage.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Min Landningssida</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: #f0f0f0;
+  }
+  .container {
+    text-align: center;
+  }
+  h1 {
+    color: #333;
+    margin-bottom: 20px;
+  }
+  p {
+    color: #666;
+    margin-bottom: 40px;
+  }
+  .cta-button {
+    padding: 10px 20px;
+    background-color: #007bff;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+    cursor: pointer;
+  }
+  .cta-button:hover {
+    background-color: #0056b3;
+  }
+</style>
+</head>
+<body>
+
+<div class="container">
+  <h1>Välkommen till vår landningssida!</h1>
+  <p>Här kan du lära dig mer om våra tjänster.</p>
+  <a href="#" class="cta-button" id="cta-button">Klicka här för att komma igång</a>
+</div>
+
+<script>
+  // Hämta knappen från DOM
+  var ctaButton = document.getElementById('cta-button');
+
+  // Lägg till händelselyssnare för klick på knappen
+  ctaButton.addEventListener('click', function() {
+    alert('Tack för ditt intresse! Vi kontaktar dig snart.');
+  });
+</script>
+
+</body>
+</html>
