diff --git a/apps/codecomplete/index.html b/apps/codecomplete/index.html
index e818262..58ad8de 100644
--- a/apps/codecomplete/index.html
+++ b/apps/codecomplete/index.html
@@ -11,7 +11,7 @@
     <body>
         <div class="imageWrapper">
             <div class="headerBackground">
-                <div class="container-landscape">
+                <div class="container">
                     <div class="iphonePreview">
                         <div class="device device-ipad-pro">
                             <div class="device-frame">
diff --git a/apps/codecomplete/main.css b/apps/codecomplete/main.css
index a0c3f9d..a3638b8 100644
--- a/apps/codecomplete/main.css
+++ b/apps/codecomplete/main.css
@@ -77,7 +77,7 @@ a:link,a:hover,a:visited,a:active {
     grid-template-columns: repeat(12, 1fr);
     grid-template-rows: 115px 876px auto auto;
     grid-column-gap: 30px;
-    grid-template-areas: "h h h h h h h h h h h h" "p p p p p i i i i i i i" "c c c c c c c c c c c c" "f f f f f f f f f f f f"
+    grid-template-areas: "h h h h h h h h h h h h" "p p p p p p i i i i i i" "c c c c c c c c c c c c" "f f f f f f f f f f f f"
 }
 
 .container-landscape {
@@ -377,7 +377,6 @@ nav>ul li a:hover,nav>ul li a:active {
     background-color: #000;
     background-size: 400px auto;
     background-repeat: no-repeat;
-    margin-top: 68px
 }
 
 .iphoneScreen {
diff --git a/apps/moodlight/appstore.webp b/apps/moodlight/appstore.webp
new file mode 100644
index 0000000..98dab7d
Binary files /dev/null and b/apps/moodlight/appstore.webp differ
diff --git a/apps/moodlight/index.html b/apps/moodlight/index.html
index e8582a2..eef7a91 100644
--- a/apps/moodlight/index.html
+++ b/apps/moodlight/index.html
@@ -88,9 +88,9 @@ <h2 class="appSubtitle"></h2>
                                 },
                             },
                             store: {
-                                enabled: false,
-                                link: '',
-                                image: ''
+                                enabled: true,
+                                link: 'https://apps.apple.com/ca/app/moodlight/id1509079068',
+                                image: 'appstore.webp'
                             },
                             features: {
                                 items: [
diff --git a/apps/princess-colouring-bool/appstore.webp b/apps/princess-colouring-bool/appstore.webp
new file mode 100644
index 0000000..98dab7d
Binary files /dev/null and b/apps/princess-colouring-bool/appstore.webp differ
diff --git a/apps/superhero-colouring-book/appstore.webp b/apps/superhero-colouring-book/appstore.webp
new file mode 100644
index 0000000..98dab7d
Binary files /dev/null and b/apps/superhero-colouring-book/appstore.webp differ
diff --git a/apps/superhero-colouring-book/index.html b/apps/superhero-colouring-book/index.html
index 161fc8b..b65c978 100644
--- a/apps/superhero-colouring-book/index.html
+++ b/apps/superhero-colouring-book/index.html
@@ -11,9 +11,9 @@
     <body>
         <div class="imageWrapper">
             <div class="headerBackground">
-                <div class="container">
-                    <div class="iphonePreview">
-                        <div class="device device-iphone-x">
+                <div class="container-landscape">
+                    <div class="iphonePreview" style="display: flex;">
+                        <div class="device device-iphone-x" style="margin: auto; transform: rotate(-90deg);">
                             <div class="device-frame">
                                 <!-- <iframe 
                                     src="http://localhost:3000/embed/2e4e73aa25de73d85f74583e362e01987da2848942957645d1eb9cbf622d9195?dc=us-west-1&width=375&height=812"
@@ -22,7 +22,7 @@
                                     title="My Demo App"
                                     style="border:none; border-radius: 40px;">
                                 </iframe> -->
-                                <img src="" alt="" width="375" height="812" style="background-color: #CCC; border-radius: 40px;">
+                                <img src="superhero.gif" alt="" width="375" height="812" style="background-color: #CCC; border-radius: 40px;">
                             </div>
                             <div class="device-stripe"></div>
                             <div class="device-header"></div>
@@ -69,10 +69,10 @@ <h2 class="appSubtitle"></h2>
                     
                     <script>
                         const app = {
-                            name: 'My Cool App ♥️',
-                            subtitle: 'Lorem ipsum dolor sit amet',
-                            description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
-                            icon: null,
+                            name: 'Colouring Superheroes',
+                            subtitle: 'Paint Your Favourite Superhero',
+                            description: 'A powerful and unstoppable game for young superheroes all over the world. Give your hero a canvas to explore their inner superpower. Be free to colour outside the lines and inspire them create! The app includes images to colour on, and an empty canvas to express creativity. Best used on tablets!',
+                            icon: 'Icon.png',
                             footer: {
                                 changelog: {
                                     enabled: false,
@@ -88,44 +88,44 @@ <h2 class="appSubtitle"></h2>
                                 },
                             },
                             store: {
-                                enabled: false,
-                                link: '',
-                                image: ''
+                                enabled: true,
+                                link: 'https://apps.apple.com/ca/app/colouring-superheroes/id1511421866',
+                                image: 'appstore.webp'
                             },
                             features: {
                                 items: [
                                     {
                                         enabled: true,
                                         icon: 'fa-walking',
-                                        title: 'Feature 1',
-                                        text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
+                                        title: 'Fun for all ages',
+                                        text: 'Fun colouring child-like superheroes for everyone.'
                                     },
                                     {
                                         enabled: true,
                                         icon: 'fa-walking',
-                                        title: 'Feature 2',
-                                        text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
+                                        title: 'Creativity development',
+                                        text: 'Help your child developer their inner creativity with all the colours of the rainbow.'
                                     },
                                     {
                                         enabled: true,
                                         icon: 'fa-walking',
-                                        title: 'Feature 3',
-                                        text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
+                                        title: 'Share It!',
+                                        text: 'Save your images and print or share them with your friends and family!'
                                     },
                                     {
-                                        enabled: true,
+                                        enabled: false,
                                         icon: 'fa-walking',
                                         title: 'Feature 4',
                                         text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
                                     },
                                     {
-                                        enabled: true,
+                                        enabled: false,
                                         icon: 'fa-walking',
                                         title: 'Feature 5',
                                         text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
                                     },
                                     {
-                                        enabled: true,
+                                        enabled: false,
                                         icon: 'fa-walking',
                                         title: 'Feature 6',
                                         text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.'
diff --git a/apps/superhero-colouring-book/main.css b/apps/superhero-colouring-book/main.css
index a0c3f9d..c179fb7 100644
--- a/apps/superhero-colouring-book/main.css
+++ b/apps/superhero-colouring-book/main.css
@@ -87,7 +87,7 @@ a:link,a:hover,a:visited,a:active {
     padding-left: 15px;
     padding-right: 15px;
     grid-template-columns: repeat(12, 1fr);
-    grid-template-rows: auto auto auto auto auto;
+    grid-template-rows: auto 380px auto auto auto;
     grid-column-gap: 30px;
     grid-template-areas: "h h h h h h h h h h h h" "i i i i i i i i i i i i" "p p p p p p p p p p p p" "c c c c c c c c c c c c" "f f f f f f f f f f f f"
 }
@@ -377,7 +377,6 @@ nav>ul li a:hover,nav>ul li a:active {
     background-color: #000;
     background-size: 400px auto;
     background-repeat: no-repeat;
-    margin-top: 68px
 }
 
 .iphoneScreen {
diff --git a/apps/superhero-colouring-book/superhero.gif b/apps/superhero-colouring-book/superhero.gif
new file mode 100644
index 0000000..80153a2
Binary files /dev/null and b/apps/superhero-colouring-book/superhero.gif differ
