diff --git a/Consumer/index.php b/Consumer/index.php
index 067d310..619ae62 100644
--- a/Consumer/index.php
+++ b/Consumer/index.php
@@ -1,22 +1,55 @@
 <?php
+$filename = "messages.txt";
 
 echo '
-
 <!DOCTYPE html>
 <html>
+
 <head>
     <!-- Import Google Icon Font -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <!-- Import materialize.css -->
-    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"  media="screen,projection"/>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
+        media="screen,projection" />
 
     <!-- Let browser know website is optimized for mobile -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <style>
+        ul.collection {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+
+        li.collection-item {
+            float: left;
+        }
+
+        li.collection-item a {
+            display: block;
+            text-align: center;
+            padding: 5px 6px;
+            text-decoration: none;
+        }
+    </style>
+    <title>Message Form</title>
 </head>
+
 <body>
+    <ul class="collection">
+        <li class="collection-item"><a href="index.php">Send Message</a></li>
+        <li class="collection-item"><a href="consumer.php">View Messages</a></li>
+    </ul>
 
 <div class="container">';
-echo file_get_contents("messages.txt");
+
+
+echo file_get_contents($filename);
+
+
+
 
 echo '</div>
 
diff --git a/Producer/index.php b/Producer/index.php
index 683fd9f..e87f9bd 100644
--- a/Producer/index.php
+++ b/Producer/index.php
@@ -1,28 +1,61 @@
 <?php
-
+session_start();
 echo '
 
 <!DOCTYPE html>
 <html>
+
 <head>
     <!-- Import Google Icon Font -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <!-- Import materialize.css -->
-    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"  media="screen,projection"/>
+    <link type="text/css" rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
+        media="screen,projection" />
 
     <!-- Let browser know website is optimized for mobile -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <style>
+        ul.collection {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+
+        li.collection-item {
+            float: left;
+        }
+
+        li.collection-item a {
+            display: block;
+            text-align: center;
+            padding: 5px 6px;
+            text-decoration: none;
+        }
+    </style>
+    <title>Message Form</title>
 </head>
+
 <body>
+    <ul class="collection">
+        <li class="collection-item"><a href="index.php">Send Message</a></li>
+        <li class="collection-item"><a href="consumer.php">View Messages</a></li>
+    </ul>';
+if (isset($_SESSION['message'])) {
+    echo '<div class="alert alert-success" role="alert">
+    ' . $_SESSION['message'] . '</div>';
+    unset($_SESSION['message']);
+}
+echo '<div class="container">
+    <h2>Message Form</h2>
 
-<div class="container">
-    <h2>Registration  Form</h2>
-    <form action="register.php" method="post">
+    <form action="send.php" method="post">
         <div class="input-field">
             <input id="email" type="text" name="email" class="validate">
-            <label for="email">Email</label>
+            <label for="email">Message</label>
         </div>
-        <button class="btn waves-effect waves-light" type="submit" name="action">Register
+        <button class="btn waves-effect waves-light" type="submit" name="action">Send message to kafka / pulsar with kafka protocol 
             <i class="material-icons right">send</i>
         </button>
     </form>
diff --git a/Producer/register.php b/Producer/send.php
similarity index 87%
rename from Producer/register.php
rename to Producer/send.php
index 7f4c4d7..3599ba3 100644
--- a/Producer/register.php
+++ b/Producer/send.php
@@ -1,5 +1,5 @@
 <?php
-
+session_start();
 $jwt = getenv('JWT_TOKEN');
 $namespace = getenv('NAMESPACE');
 $topicName = $namespace . "/" . getenv('TOPIC_NAME');
@@ -22,5 +22,5 @@
 if (RD_KAFKA_RESP_ERR_NO_ERROR !== $result) {
     throw new \RuntimeException('Was unable to flush, messages might be lost!');
 }
-
+$_SESSION['message'] = "Message sent to Topic successfully View messages page to see them";
 header("location:index.php");
diff --git a/k8s/consumer-deployment.yaml b/k8s/consumer-deployment.yaml
index 545d183..073aa94 100644
--- a/k8s/consumer-deployment.yaml
+++ b/k8s/consumer-deployment.yaml
@@ -15,6 +15,6 @@ spec:
     spec:
       containers:
       - name: consumer
-        image: karthikeyanmanivasagam/kafka-consumer:1.1
+        image: karthikeyanmanivasagam/kafka-consumer:1.7
         ports:
         - containerPort: 9000
\ No newline at end of file
diff --git a/k8s/producer-deployment.yaml b/k8s/producer-deployment.yaml
index a56e50b..8553e37 100644
--- a/k8s/producer-deployment.yaml
+++ b/k8s/producer-deployment.yaml
@@ -15,6 +15,6 @@ spec:
     spec:
       containers:
       - name: producer
-        image: karthikeyanmanivasagam/kafka-producer:1.2
+        image: karthikeyanmanivasagam/kafka-producer:1.6
         ports:
         - containerPort: 9000
\ No newline at end of file
