diff --git a/app/templates/attendee-app.hbs b/app/templates/attendee-app.hbs
index 576583e833c..1667a62eb7c 100644
--- a/app/templates/attendee-app.hbs
+++ b/app/templates/attendee-app.hbs
@@ -1,12 +1,18 @@
-<div class='ui secondary pointing menu'>
-  <a href="#" class='active item'>
-    {{t 'Attendee App'}}
-  </a>
-</div>
-<div class="ui segment">
-  <div class="content">
-    <img class="ui fluid image" src="/images/attendee-app.jpg" alt="Open Event Attendee App">
+<div class="public-event ui relaxed grid">
+  <div class="sixteen wide column lead {{if this.smallLead 'small'}}" style = "height:200px;">
+    <Widgets::SafeImage class="background" @src="/images/app-landing-header.jpg" />
+    <div class="content">
+      <div class="ui container">
+        <div class="ui info d-flex">
+          <div>
+            <h1 class="event name">Attendee App</h1>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
+</div>
+<div class="ui center aligned container mt-8 mb-8">
   <h1 class="weight-500 ui huge center aligned header">
     {{t 'Open Event Attendee App'}}
   </h1>
@@ -35,7 +41,7 @@
     <img class="ui fluid image" src="images/android-img.jpg" alt="{{t 'Android Attendee App'}}">
   {{else}}
     <div class="ui grid">
-      <div class="eight wide column">   
+      <div class="ten wide column">   
         <h1 class="weight-900">
           {{t 'Get Your Next Experience of Open Event'}}
         </h1>
@@ -83,15 +89,17 @@
           </h3>
         </div>
       </div>
-      <div class="eight wide column">
+      <div class="six wide column">
         <img class="ui medium image" src="/images/android-img.jpg" alt="Android Pic">
       </div>
     </div>
   {{/if}}
 </div>
-<div class="ui center aligned muted text">
+<div class="ui center aligned muted text mb-8">
   {{t 'Please Check-Out our Organizer App'}}
   <a class="item" href="{{href-to 'organizer-app'}}">{{t 'Here'}}</a>
   <div class="ui hidden divider"></div>
 </div>
-
+<div class="ui center aligned secondary large segment mt-8" style="margin-bottom:-10px;border:none">
+  Still have questions? <a href="https://support.eventyay.com/">Visit our FAQ</a> to find answers.
+</div>
diff --git a/app/templates/organizer-app.hbs b/app/templates/organizer-app.hbs
index 70023f9b56f..4b6ec03666e 100644
--- a/app/templates/organizer-app.hbs
+++ b/app/templates/organizer-app.hbs
@@ -1,12 +1,18 @@
-<div class='ui secondary pointing menu'>
-  <a href="#" class='active item'>
-    {{t 'Organizer App'}}
-  </a>
-</div>
-<div class="ui segment">
-  <div class="content">
-    <img class="ui fluid image" src="/images/organizer-app.jpg" alt="Open Event Organizer App">
+<div class="public-event ui relaxed grid">
+  <div class="sixteen wide column lead {{if this.smallLead 'small'}}" style = "height:200px;">
+    <Widgets::SafeImage class="background" @src="/images/app-landing-header.jpg" />
+    <div class="content">
+      <div class="ui container">
+        <div class="ui info d-flex">
+          <div>
+            <h1 class="event name">Organizer App</h1>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
+</div>
+<div class="ui thirteen column center aligned container mt-8 mb-8">
   <h1 class="weight-500 ui huge center aligned header">
     {{t 'Open Event Organizer App'}}
   </h1>
@@ -35,7 +41,7 @@
     <img class="ui fluid image" src="images/organizer-android.jpg" alt="{{t 'Organizer Android App'}}">
   {{else}}
     <div class="ui grid">
-      <div class="eight wide column">   
+      <div class="ten wide column">   
         <h1 class="weight-900">
           {{t 'Make your event success with Orga App'}}
         </h1>
@@ -83,14 +89,17 @@
           </h3>
         </div>
       </div>
-      <div class="eight wide column">
+      <div class="six wide column">
         <img class="ui medium image" src="/images/organizer-android.jpg" alt="Android Pic">
       </div>
     </div>
   {{/if}}
 </div>
-<div class="ui center aligned muted text">
+<div class="ui center aligned muted text mb-8">
   {{t 'Please Check-Out our Attendee App'}}
   <a class="item" href="{{href-to 'attendee-app'}}" rel="noopener noreferrer">{{t 'Here'}}</a>
   <div class="ui hidden divider"></div>
 </div>
+<div class="ui center aligned large secondary segment mt-8" style="margin-bottom:-10px;border:none">
+  Still have questions? <a href="https://support.eventyay.com/">Visit our FAQ</a> to find answers.
+</div>
diff --git a/app/templates/pages.hbs b/app/templates/pages.hbs
index 1b6266a3502..a73889acfa5 100644
--- a/app/templates/pages.hbs
+++ b/app/templates/pages.hbs
@@ -1,8 +1,20 @@
-<div class="ui segment">
-  <div class="ui grid">
-    <div class="sixteen wide column">
-      <h1 class="ui header">{{this.model.name}}</h1>
-      <div>{{sanitize this.model.description}}</div>
+<div class="public-event ui relaxed grid">
+	<div class="sixteen wide column lead {{if this.smallLead 'small'}}" style = "height:200px">
+    <Widgets::SafeImage class="background" @src="/images/landing.jpg" />
+    <div class="content">
+      <div class="ui container">
+        <div class="ui info d-flex">
+          <div>
+            <h1 class="event name">{{this.model.title}}</h1>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
+<div class="ui thirteen column container mt-8 mb-8">
+  <div>{{sanitize this.model.description}}</div>
+</div>
+<div class="ui center aligned secondary large segment mt-8" style="margin-bottom:-10px;border:none">
+  Still have questions? <a href="https://support.eventyay.com/">Visit our FAQ</a> to find answers.
+</div>
diff --git a/app/templates/pricing.hbs b/app/templates/pricing.hbs
index 4c5469e9d76..35d578d5db4 100644
--- a/app/templates/pricing.hbs
+++ b/app/templates/pricing.hbs
@@ -1,6 +1,15 @@
 <div class="public-event ui relaxed grid">
-  <div class="sixteen wide column lead {{if this.smallLead 'small'}}" style={{css max-height="300px"}}>
-    <Widgets::SafeImage class="background" @src="/images/pricing-header.jpg" />
+  <div class="sixteen wide column lead {{if this.smallLead 'small'}}" style = "height:200px">
+    <Widgets::SafeImage class="background" @src="/images/landing.jpg" />
+    <div class="content">
+      <div class="ui container">
+        <div class="ui info d-flex">
+          <div>
+            <h1 class="event name">Pricing</h1>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
 <div class="ui thirteen column center aligned container mt-8">
diff --git a/public/images/app-landing-header.jpg b/public/images/app-landing-header.jpg
new file mode 100644
index 00000000000..92c25d9340f
Binary files /dev/null and b/public/images/app-landing-header.jpg differ