diff --git a/.DS_Store b/.DS_Store
index 514b4ae..143511b 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/app/.DS_Store b/app/.DS_Store
index dbafc61..d5dc362 100644
Binary files a/app/.DS_Store and b/app/.DS_Store differ
diff --git a/assets/icon-white.png b/assets/icon-white.png
new file mode 100644
index 0000000..a1edef9
Binary files /dev/null and b/assets/icon-white.png differ
diff --git a/assets/style.css b/assets/style.css
index ec34dbc..1591ee0 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -5,6 +5,13 @@ body{
 
 h2{
     font-weight: 500;
+    color: #ffffff;
+    margin-bottom:30px;
+}
+
+p{
+    color: #ffffff;
+    font-weight: 200;
 }
 
 .welcome_wrapper{
@@ -12,32 +19,29 @@ h2{
     text-align:center;
     position: absolute;
     z-index:999999;
-    top: 50%;-ms-transform: translateY(-50%);
+    top: 40%;
+    -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .welcome_content{
     position:relative;
     z-index:999999;
-    background:#ffffff; 
-    width:30%;
     margin:auto;
     padding: 50px;
-    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69 .15); 
-    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
 }
 
 .logo{
-    width:50%;
+    width:20%;
     margin-bottom:30px;
 }
 
 .file_location{
-    border:solid 2px rgb(50,70,98);
-    width:fit-content;
-    margin:auto;
-    border-radius:10px;
-    padding:5px 20px;
+    width: fit-content;
+    margin: auto;
+    border-radius: 10px;
+    padding: 10px 30px;
+    background: #ffffff;
 }
 
 .background {
@@ -46,479 +50,46 @@ h2{
     height: 100vh;
     top: 0;
     left: 0;
-    background: #22262a;
+    background: rgb(50,70,98);
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-@keyframes move {
-    100% {
-        transform: translate3d(0, 0, 1px) rotate(360deg);
-    }
-}
+.waves {
+    position:relative;
+    width: 100%;
+    height:15vh;
+    margin-bottom:-7px; /*Fix for safari gap*/
+    min-height:100px;
+    max-height:150px;
+  }
 
-.background .bulb {
-    width: 1vmin;
-    height: 1vmin;
-    border-radius: 1vmin;
-    backface-visibility: hidden;
-    position: absolute;
-    animation: move;
-    animation-duration: 35;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-}
-
-
-.background .bulb:nth-child(0) {
-    color: #3a4045;
-    top: 14%;
-    left: 10%;
-    animation-duration: 113s;
-    animation-delay: -68s;
-    transform-origin: 12vw 3vh;
-    box-shadow: -2vmin 0 1.2185214473465844vmin currentColor;
-}
-.background .bulb:nth-child(1) {
-    color: #3a4045;
-    top: 20%;
-    left: 86%;
-    animation-duration: 11s;
-    animation-delay: -99s;
-    transform-origin: -11vw 10vh;
-    box-shadow: 2vmin 0 0.33889471187563824vmin currentColor;
-}
-.background .bulb:nth-child(2) {
-    color: #b29a7e;
-    top: 79%;
-    left: 16%;
-    animation-duration: 82s;
-    animation-delay: -99s;
-    transform-origin: -11vw -12vh;
-    box-shadow: -2vmin 0 1.2239997998609442vmin currentColor;
-}
-.background .bulb:nth-child(3) {
-    color: #3a4045;
-    top: 43%;
-    left: 63%;
-    animation-duration: 40s;
-    animation-delay: -148s;
-    transform-origin: 15vw 0vh;
-    box-shadow: 2vmin 0 0.46435088070839003vmin currentColor;
-}
-.background .bulb:nth-child(4) {
-    color: #b29a7e;
-    top: 64%;
-    left: 47%;
-    animation-duration: 59s;
+  .parallax > use {
+    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
+  }
+  .parallax > use:nth-child(1) {
+    animation-delay: -2s;
+    animation-duration: 7s;
+  }
+  .parallax > use:nth-child(2) {
+    animation-delay: -3s;
+    animation-duration: 10s;
+  }
+  .parallax > use:nth-child(3) {
     animation-delay: -4s;
-    transform-origin: 12vw 3vh;
-    box-shadow: 2vmin 0 0.8592983101917031vmin currentColor;
-}
-.background .bulb:nth-child(5) {
-    color: #b29a7e;
-    top: 87%;
-    left: 4%;
-    animation-duration: 56s;
-    animation-delay: -140s;
-    transform-origin: -15vw -6vh;
-    box-shadow: 2vmin 0 0.27566925688578525vmin currentColor;
-}
-.background .bulb:nth-child(6) {
-    color: #3a4045;
-    top: 43%;
-    left: 62%;
-    animation-duration: 49s;
-    animation-delay: -54s;
-    transform-origin: 8vw 10vh;
-    box-shadow: -2vmin 0 0.7414312882632275vmin currentColor;
-}
-.background .bulb:nth-child(7) {
-    color: #b29a7e;
-    top: 71%;
-    left: 82%;
-    animation-duration: 33s;
-    animation-delay: -126s;
-    transform-origin: -6vw 8vh;
-    box-shadow: 2vmin 0 0.7928593683792595vmin currentColor;
-}
-.background .bulb:nth-child(8) {
-    color: #b29a7e;
-    top: 46%;
-    left: 90%;
-    animation-duration: 99s;
-    animation-delay: -4s;
-    transform-origin: -12vw -7vh;
-    box-shadow: 2vmin 0 0.9259060365831153vmin currentColor;
-}
-.background .bulb:nth-child(9) {
-    color: #b29a7e;
-    top: 35%;
-    left: 22%;
-    animation-duration: 12s;
-    animation-delay: -70s;
-    transform-origin: -23vw -23vh;
-    box-shadow: 2vmin 0 0.9150746636339171vmin currentColor;
-}
-.background .bulb:nth-child(10) {
-    color: #3a4045;
-    top: 24%;
-    left: 13%;
+    animation-duration: 13s;
+  }
+  .parallax > use:nth-child(4) {
+    animation-delay: -5s;
     animation-duration: 20s;
-    animation-delay: -137s;
-    transform-origin: -10vw -1vh;
-    box-shadow: 2vmin 0 0.8637967865307996vmin currentColor;
-}
-.background .bulb:nth-child(11) {
-    color: #3a4045;
-    top: 74%;
-    left: 65%;
-    animation-duration: 33s;
-    animation-delay: -102s;
-    transform-origin: -24vw -5vh;
-    box-shadow: -2vmin 0 0.36572700614419773vmin currentColor;
-}
-.background .bulb:nth-child(12) {
-    color: #b29a7e;
-    top: 26%;
-    left: 78%;
-    animation-duration: 108s;
-    animation-delay: -56s;
-    transform-origin: -1vw -17vh;
-    box-shadow: -2vmin 0 0.9316183318464453vmin currentColor;
-}
-.background .bulb:nth-child(13) {
-    color: #3a4045;
-    top: 6%;
-    left: 29%;
-    animation-duration: 129s;
-    animation-delay: -122s;
-    transform-origin: 6vw -5vh;
-    box-shadow: -2vmin 0 0.25732731794992936vmin currentColor;
-}
-.background .bulb:nth-child(14) {
-    color: #3a4045;
-    top: 66%;
-    left: 92%;
-    animation-duration: 147s;
-    animation-delay: -146s;
-    transform-origin: 9vw -17vh;
-    box-shadow: -2vmin 0 1.2295145334240223vmin currentColor;
-}
-.background .bulb:nth-child(15) {
-    color: #3a4045;
-    top: 13%;
-    left: 84%;
-    animation-duration: 75s;
-    animation-delay: -70s;
-    transform-origin: -22vw -19vh;
-    box-shadow: 2vmin 0 0.4956387491052643vmin currentColor;
-}
-.background .bulb:nth-child(16) {
-    color: #3a4045;
-    top: 32%;
-    left: 46%;
-    animation-duration: 35s;
-    animation-delay: -1s;
-    transform-origin: 17vw -3vh;
-    box-shadow: -2vmin 0 0.28356822695166306vmin currentColor;
-}
-.background .bulb:nth-child(17) {
-    color: #b29a7e;
-    top: 63%;
-    left: 98%;
-    animation-duration: 39s;
-    animation-delay: -15s;
-    transform-origin: 0vw 14vh;
-    box-shadow: 2vmin 0 1.2460705341524947vmin currentColor;
-}
-.background .bulb:nth-child(18) {
-    color: #b29a7e;
-    top: 71%;
-    left: 59%;
-    animation-duration: 29s;
-    animation-delay: -45s;
-    transform-origin: -9vw 0vh;
-    box-shadow: 2vmin 0 0.4571535709323129vmin currentColor;
-}
-.background .bulb:nth-child(19) {
-    color: #3a4045;
-    top: 72%;
-    left: 35%;
-    animation-duration: 9s;
-    animation-delay: -21s;
-    transform-origin: -1vw -19vh;
-    box-shadow: -2vmin 0 0.8832436543597086vmin currentColor;
-}
-.background .bulb:nth-child(20) {
-    color: #b29a7e;
-    top: 87%;
-    left: 96%;
-    animation-duration: 90s;
-    animation-delay: -150s;
-    transform-origin: 12vw -6vh;
-    box-shadow: 2vmin 0 1.2258895715436955vmin currentColor;
-}
-.background .bulb:nth-child(21) {
-    color: #b29a7e;
-    top: 74%;
-    left: 55%;
-    animation-duration: 23s;
-    animation-delay: -58s;
-    transform-origin: -4vw 24vh;
-    box-shadow: -2vmin 0 0.400566542841684vmin currentColor;
-}
-.background .bulb:nth-child(22) {
-    color: #b29a7e;
-    top: 78%;
-    left: 35%;
-    animation-duration: 72s;
-    animation-delay: -139s;
-    transform-origin: -8vw -17vh;
-    box-shadow: 2vmin 0 0.7636831993144702vmin currentColor;
-}
-.background .bulb:nth-child(23) {
-    color: #b29a7e;
-    top: 28%;
-    left: 43%;
-    animation-duration: 75s;
-    animation-delay: -114s;
-    transform-origin: -18vw 7vh;
-    box-shadow: 2vmin 0 1.169158031413998vmin currentColor;
-}
-.background .bulb:nth-child(24) {
-    color: #b29a7e;
-    top: 19%;
-    left: 68%;
-    animation-duration: 122s;
-    animation-delay: -139s;
-    transform-origin: -20vw -14vh;
-    box-shadow: 2vmin 0 1.0967062677011954vmin currentColor;
-}
-.background .bulb:nth-child(25) {
-    color: #3a4045;
-    top: 97%;
-    left: 18%;
-    animation-duration: 74s;
-    animation-delay: -24s;
-    transform-origin: 11vw -3vh;
-    box-shadow: -2vmin 0 0.7059872973785506vmin currentColor;
-}
-.background .bulb:nth-child(26) {
-    color: #b29a7e;
-    top: 47%;
-    left: 37%;
-    animation-duration: 19s;
-    animation-delay: -13s;
-    transform-origin: 0vw 23vh;
-    box-shadow: -2vmin 0 0.7780720039121778vmin currentColor;
-}
-.background .bulb:nth-child(27) {
-    color: #b29a7e;
-    top: 86%;
-    left: 68%;
-    animation-duration: 149s;
-    animation-delay: -113s;
-    transform-origin: 15vw 18vh;
-    box-shadow: 2vmin 0 0.7747344366371187vmin currentColor;
-}
-.background .bulb:nth-child(28) {
-    color: #b29a7e;
-    top: 47%;
-    left: 1%;
-    animation-duration: 149s;
-    animation-delay: -137s;
-    transform-origin: -13vw -22vh;
-    box-shadow: 2vmin 0 0.6727314438445602vmin currentColor;
-}
-.background .bulb:nth-child(29) {
-    color: #3a4045;
-    top: 87%;
-    left: 73%;
-    animation-duration: 122s;
-    animation-delay: -78s;
-    transform-origin: -18vw -2vh;
-    box-shadow: -2vmin 0 1.119462335644481vmin currentColor;
-}
-.background .bulb:nth-child(30) {
-    color: #3a4045;
-    top: 83%;
-    left: 16%;
-    animation-duration: 136s;
-    animation-delay: -15s;
-    transform-origin: -22vw 22vh;
-    box-shadow: -2vmin 0 0.28470550999829225vmin currentColor;
-}
-.background .bulb:nth-child(31) {
-    color: #3a4045;
-    top: 69%;
-    left: 58%;
-    animation-duration: 143s;
-    animation-delay: -21s;
-    transform-origin: -21vw 21vh;
-    box-shadow: 2vmin 0 0.8724223854842288vmin currentColor;
-}
-.background .bulb:nth-child(32) {
-    color: #b29a7e;
-    top: 88%;
-    left: 79%;
-    animation-duration: 18s;
-    animation-delay: -116s;
-    transform-origin: 3vw -16vh;
-    box-shadow: -2vmin 0 1.0979832984657463vmin currentColor;
-}
-.background .bulb:nth-child(33) {
-    color: #3a4045;
-    top: 60%;
-    left: 85%;
-    animation-duration: 106s;
-    animation-delay: -105s;
-    transform-origin: 25vw -3vh;
-    box-shadow: 2vmin 0 0.25885159692359316vmin currentColor;
-}
-.background .bulb:nth-child(34) {
-    color: #3a4045;
-    top: 63%;
-    left: 95%;
-    animation-duration: 148s;
-    animation-delay: -28s;
-    transform-origin: -23vw -19vh;
-    box-shadow: -2vmin 0 0.963743047959482vmin currentColor;
-}
-.background .bulb:nth-child(35) {
-    color: #b29a7e;
-    top: 27%;
-    left: 99%;
-    animation-duration: 85s;
-    animation-delay: -44s;
-    transform-origin: 3vw 13vh;
-    box-shadow: -2vmin 0 0.5376273957422693vmin currentColor;
-}
-.background .bulb:nth-child(36) {
-    color: #b29a7e;
-    top: 93%;
-    left: 2%;
-    animation-duration: 84s;
-    animation-delay: -1s;
-    transform-origin: -12vw -18vh;
-    box-shadow: -2vmin 0 0.5754463731020305vmin currentColor;
-}
-.background .bulb:nth-child(37) {
-    color: #3a4045;
-    top: 86%;
-    left: 67%;
-    animation-duration: 91s;
-    animation-delay: -92s;
-    transform-origin: 18vw -4vh;
-    box-shadow: 2vmin 0 0.7136747576362781vmin currentColor;
-}
-.background .bulb:nth-child(38) {
-    color: #b29a7e;
-    top: 68%;
-    left: 82%;
-    animation-duration: 18s;
-    animation-delay: -127s;
-    transform-origin: 23vw -22vh;
-    box-shadow: 2vmin 0 0.3597961535396039vmin currentColor;
-}
-.background .bulb:nth-child(39) {
-    color: #3a4045;
-    top: 34%;
-    left: 25%;
-    animation-duration: 143s;
-    animation-delay: -91s;
-    transform-origin: -7vw -6vh;
-    box-shadow: -2vmin 0 0.9165250798122vmin currentColor;
-}
-.background .bulb:nth-child(40) {
-    color: #b29a7e;
-    top: 31%;
-    left: 42%;
-    animation-duration: 65s;
-    animation-delay: -123s;
-    transform-origin: 21vw 5vh;
-    box-shadow: -2vmin 0 0.8817838277296712vmin currentColor;
-}
-.background .bulb:nth-child(41) {
-    color: #3a4045;
-    top: 68%;
-    left: 88%;
-    animation-duration: 133s;
-    animation-delay: -142s;
-    transform-origin: 3vw 24vh;
-    box-shadow: 2vmin 0 0.25293212841377577vmin currentColor;
-}
-.background .bulb:nth-child(42) {
-    color: #b29a7e;
-    top: 76%;
-    left: 49%;
-    animation-duration: 23s;
-    animation-delay: -43s;
-    transform-origin: 3vw -16vh;
-    box-shadow: 2vmin 0 0.44318325214928533vmin currentColor;
-}
-.background .bulb:nth-child(43) {
-    color: #3a4045;
-    top: 2%;
-    left: 88%;
-    animation-duration: 80s;
-    animation-delay: -37s;
-    transform-origin: -13vw 0vh;
-    box-shadow: -2vmin 0 0.3441703765390076vmin currentColor;
-}
-.background .bulb:nth-child(44) {
-    color: #b29a7e;
-    top: 41%;
-    left: 18%;
-    animation-duration: 90s;
-    animation-delay: -29s;
-    transform-origin: -9vw -4vh;
-    box-shadow: 2vmin 0 0.7573053417869562vmin currentColor;
-}
-.background .bulb:nth-child(45) {
-    color: #b29a7e;
-    top: 72%;
-    left: 1%;
-    animation-duration: 108s;
-    animation-delay: -42s;
-    transform-origin: 12vw 25vh;
-    box-shadow: -2vmin 0 0.3952701555936149vmin currentColor;
-}
-.background .bulb:nth-child(46) {
-    color: #3a4045;
-    top: 64%;
-    left: 63%;
-    animation-duration: 73s;
-    animation-delay: -80s;
-    transform-origin: 0vw -3vh;
-    box-shadow: -2vmin 0 0.45230223345327136vmin currentColor;
-}
-.background .bulb:nth-child(47) {
-    color: #3a4045;
-    top: 29%;
-    left: 40%;
-    animation-duration: 6s;
-    animation-delay: -81s;
-    transform-origin: -8vw 16vh;
-    box-shadow: 2vmin 0 0.5546780568744116vmin currentColor;
-}
-.background .bulb:nth-child(48) {
-    color: #b29a7e;
-    top: 84%;
-    left: 21%;
-    animation-duration: 144s;
-    animation-delay: -70s;
-    transform-origin: 13vw -7vh;
-    box-shadow: 2vmin 0 0.7006685231548027vmin currentColor;
-}
-.background .bulb:nth-child(49) {
-    color: #3a4045;
-    top: 65%;
-    left: 97%;
-    animation-duration: 56s;
-    animation-delay: -88s;
-    transform-origin: 3vw 22vh;
-    box-shadow: 2vmin 0 0.6520508546711612vmin currentColor;
-}
\ No newline at end of file
+  }
+  @keyframes move-forever {
+    0% {
+     transform: translate3d(-90px,0,0);
+    }
+    100% { 
+      transform: translate3d(85px,0,0);
+    }
+  }
\ No newline at end of file
diff --git a/views/welcome.view.php b/views/welcome.view.php
index 916d798..7b5bce2 100644
--- a/views/welcome.view.php
+++ b/views/welcome.view.php
@@ -1,65 +1,32 @@
 <?php include('includes/header.php'); ?>
 
 <div class="background">
+    <!-- <div class="toplogo">
+        <img src="../assets/logo.png" alt="logo"/>
+    </div> -->
     <div class="welcome_wrapper">
         <div class="welcome_content">
-            <img src="../assets/logo.png" class="logo" alt="logo"/>
-            <h2>Welcome to Sealandia</h2>
+            <img src="../assets/icon-white.png" class="logo" alt="logo"/>
+            <h2>Welcome to the Sealandia framework</h2>
             <p>Your application is ready to go!</p>
             <div class="file_location"><?php echo $_SERVER['DOCUMENT_ROOT'] ?></div>
         </div>
     </div>
+</div>
 
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
-    <span class="bulb"></span>
+<div style="position: absolute;bottom:0;width:100%;">
+    <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
+        <defs>
+            <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
+        </defs>
+        <g class="parallax">
+            <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
+            <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
+            <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
+            <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
+        </g>
+    </svg>
 </div>
 
 <?php include('includes/footer.php'); ?>
\ No newline at end of file