diff --git a/public/HeaderLogo.png b/public/HeaderLogo.png
new file mode 100644
index 0000000..f98bacc
Binary files /dev/null and b/public/HeaderLogo.png differ
diff --git a/public/TerakodaCard.png b/public/TerakodaCard.png
deleted file mode 100644
index 5e5e7b8..0000000
Binary files a/public/TerakodaCard.png and /dev/null differ
diff --git a/public/TerakodaLogo.png b/public/TerakodaLogo.png
deleted file mode 100644
index f6d1e58..0000000
Binary files a/public/TerakodaLogo.png and /dev/null differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..4e39b33
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/index.html b/public/index.html
index bb3c160..4fcc24c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,20 +3,23 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Terakoda Software Systems - Bespoke Software Solutions</title>
+    <link rel="icon" href="favicon.png">
+    <title>Terakoda</title>
+
     <script async src="https://offen.terakoda.com/script.js" data-account-id="60c771be-b5d7-4b74-9aae-ff4a59f65f0b"></script>
+
     <style>
         body {
             font-family: sans-serif;
             margin: 0;
             padding: 0;
-            background-color: #ececec;
-            color: #2a2f61;
+            background-color: #fdfafc; /* Light Background */
+            color: #1f2932; /* Dark Text */
             line-height: 1.6;
         }
 
         .header {
-            background-color: #ececec;
+            background-color: #fdfafc; /* Light Background */
             padding: 20px;
             text-align: center;
         }
@@ -27,9 +30,9 @@
         }
 
         .hero {
-            background-color: #2a2f61;
-            color: #ececec;
-            padding: 30px 20px;
+            background-color: #1f2932; /* Dark Background */
+            color: #fdfafc; /* Light Text */
+            padding: 80px 20px;
             text-align: center;
         }
 
@@ -50,8 +53,8 @@
 
         .cta-button {
             display: inline-block;
-            background-color: #cba269;
-            color: #2a2f61;
+            background-color: #2EB670; /* Accent Color */
+            color: #1f2932; /* Dark Text */
             padding: 15px 30px;
             text-decoration: none;
             border-radius: 5px;
@@ -60,17 +63,18 @@
         }
 
         .cta-button:hover {
-            background-color: #b8915a;
+            background-color: #269e61;
         }
 
         .services {
             padding: 60px 20px;
             text-align: center;
+            background-color: #f9f7f7; /* Slightly darker light background for contrast */
         }
 
         .services h2 {
             font-size: 2em;
-            color: #2a2f61;
+            color: #1f2932; /* Dark Text */
             margin-bottom: 30px;
         }
 
@@ -91,20 +95,20 @@
         }
 
         .service-item h3 {
-            color: #cba269;
+            color: #2EB670; /* Accent Color */
             margin-top: 0;
             margin-bottom: 10px;
         }
 
         .quality {
-            background-color: #f9f9f9;
+            background-color: #fdfafc; /* Light Background */
             padding: 60px 20px;
             text-align: center;
         }
 
         .quality h2 {
             font-size: 2em;
-            color: #2a2f61;
+            color: #1f2932; /* Dark Text */
             margin-bottom: 30px;
         }
 
@@ -127,14 +131,14 @@
 
         .quality-list li::before {
             content: "\2713"; /* Checkmark */
-            color: #cba269;
+            color: #2EB670; /* Accent Color */
             position: absolute;
             left: 0;
         }
 
         .contact {
-            background-color: #2a2f61;
-            color: #ececec;
+            background-color: #1f2932; /* Dark Background */
+            color: #fdfafc; /* Light Text */
             padding: 60px 20px;
             text-align: center;
         }
@@ -151,8 +155,8 @@
 
         .contact-button {
             display: inline-block;
-            background-color: #cba269;
-            color: #2a2f61;
+            background-color: #2EB670; /* Accent Color */
+            color: #1f2932; /* Dark Text */
             padding: 15px 30px;
             text-decoration: none;
             border-radius: 5px;
@@ -161,12 +165,12 @@
         }
 
         .contact-button:hover {
-            background-color: #b8915a;
+            background-color: #269e61;
         }
 
         footer {
-            background-color: #333;
-            color: #ececec;
+            background-color: #334155; /* Slightly darker dark background */
+            color: #fdfafc; /* Light Text */
             text-align: center;
             padding: 20px;
             font-size: 0.9em;
@@ -175,11 +179,12 @@
 </head>
 <body>
     <div class="header">
-        <img src="TerakodaLogo.png" alt="Terakoda Software Systems Logo" class="logo">
+        
     </div>
 
     <div class="hero">
         <div class="hero-content">
+            <img src="HeaderLogo.png" alt="Terakoda Software Systems Logo" class="logo">
             <p>Solving Your Unique Software Challenges with Precision and Quality</p>
             <a href="#contact" class="cta-button">Get a Consultation</a>
         </div>
@@ -220,11 +225,11 @@
     <div class="contact" id="contact">
         <h2>Ready to Solve Your Software Puzzle?</h2>
         <p>Contact us today for a consultation and let Terakoda Software Systems help you overcome your unique software challenges with precision and excellence.</p>
-        <a href="mailto:contact@terakoda.com" class="contact-button">Contact Us</a>
+        <a href="mailto:your-email@example.com" class="contact-button">Contact Us</a>
     </div>
 
     <footer>
         <p>&copy; 2025 Terakoda Software Systems. All rights reserved.</p>
     </footer>
 </body>
-</html>
+</html>
\ No newline at end of file
