diff --git a/.env.example b/.env.example
index 1d2bca1..bce441c 100644
--- a/.env.example
+++ b/.env.example
@@ -1,11 +1,11 @@
 # Laravel config to use with the .lando.yml file
-# Replace viewer360 with your app name
-APP_NAME=viewer360
+# Replace mv360 with your app name
+APP_NAME=mv360
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
 APP_TIMEZONE=Europe/Zurich
-APP_URL=https://viewer360.lndo.site
+APP_URL=https://mv360.lndo.site
 
 APP_LOCALE=fr
 APP_FALLBACK_LOCALE=en
@@ -57,10 +57,10 @@ MAIL_PORT=1025
 MAIL_USERNAME=null
 MAIL_PASSWORD=null
 MAIL_ENCRYPTION=null
-MAIL_FROM_ADDRESS="noreply@viewer360.ch"
+MAIL_FROM_ADDRESS="noreply@mv360.ch"
 MAIL_FROM_NAME="${APP_NAME}"
 
-AWS_URL="https://s3-viewer360.lndo.site"
+AWS_URL="https://s3-mv360.lndo.site"
 AWS_ENDPOINT="http://minio:9000"
 AWS_ACCESS_KEY_ID=minio
 AWS_SECRET_ACCESS_KEY=miniosecret
diff --git a/.lando.yml b/.lando.yml
index ea487b2..005e5eb 100644
--- a/.lando.yml
+++ b/.lando.yml
@@ -1,4 +1,4 @@
-name: viewer360
+name: mv360
 recipe: laravel
 config:
   via: nginx
@@ -61,11 +61,13 @@ services:
     name: redis
     type: redis
 proxy:
+  appserver_nginx: 
+    - localhost.mv360.ch
   minio:
-    - s3-viewer360.lndo.site:9000
-    - s3admin-viewer360.lndo.site:9001
+    - s3-mv360.lndo.site:9000
+    - s3admin-mv360.lndo.site:9001
   mailpit:
-    - mailpit-viewer360.lndo.site:8025
+    - mailpit-mv360.lndo.site:8025
 # if you use node, these below will configure the shortcuts
 #  - lando dev => npm run dev in the node container
 #  - lando build => npm run build in the node container
diff --git a/resources/views/demo.blade.php b/resources/views/demo.blade.php
index 8dd4f22..ffe9f43 100644
--- a/resources/views/demo.blade.php
+++ b/resources/views/demo.blade.php
@@ -1,10 +1,14 @@
 @extends("layout")
 
 @section("content")
-    <div class="flex flex-col w-3/4 mx-auto mt-2 pt-10 h-full">
-        <h1 class="px-3 text-[3rem] font-semibold">Demo</h1>
-        <div class="rounded-3xl overflow-hidden w-full h-3/4 mt-2 shadow-sm shadow-gray-950">
-            <iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-full"></iframe>
+    <div class="flex flex-col w-3/4 mx-auto mt-2 pt-5 h-full">
+        <h1 class="px-3 text-[3rem] font-semibold border-b border-gray-750 mb-5">Demo</h1>
+        <div class="w-full h-3/4 bg-gradient-to-r from-orange-400 to-orange-600 p-[3px] rounded-2xl mt-2 shadow-sm shadow-gray-950 overflow-hidden">
+            <div class="rounded-2xl bg-gray-900 p-[30px] overflow-hidden w-full h-full">
+                <div class="rounded-xl overflow-hidden w-full h-full shadow-xl shadow-gray-950">
+                    <iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-full"></iframe>
+                </div>
+            </div>
         </div>
     </div>
 @endsection
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 2a3c87d..ec2ec3c 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -3,33 +3,38 @@
 @section("content")
     <div class="relative flex flex-col items-center justify-center overflow-hidden">
         <img class="w-full absolute right-0 left-0 -z-10 blur-[4px]" src="/img/immo.jpg">
-        <div class="bg-gradient-to-tr from-orange-600 to-orange-400 rounded-lg shadow-md shadow-gray-800 flex flex-col items-center p-10 mt-10 mb-10 w-fit">
+        <div class="w-3/4 bg-gradient-to-tr from-orange-600/80 to-orange-400/80 rounded-lg 
+        shadow-lg shadow-gray-800 flex flex-col items-center p-14 my-7">
             <h5 class="text-[6rem] font-bold mx-auto leading-none">Ma Visite 360</h5>
             <h5 class="text-[1.2rem] italic text-center mx-auto">Ma visite, mon choix à 360°</h5>
         </div>
     </div>
     <div class="flex flex-col w-3/4 h-fit mx-auto mb-10">
-        <h1 class="mt-10 px-3 text-[3rem] font-bold">Histoire</h1>
-        <h2 class="px-3 mx-auto text-[1.4rem] font-semibold">
-            Fondée en 2024 et basée à Neuchâtel. 
-            "Ma Visite 360" est une entreprise fictive spécialisée dans les technologies immersives, 
-            avec un site web accessible sous le nom de domaine mv360.ch.
-        </h2>
-        <h2 class="mt-5 px-3 text-[1.3rem]">
-            "Ma Visite 360" propose un service novateur de visites virtuelles immersives 360°, 
-            destiné principalement aux agences immobilières.<br> 
-            Notre solution clé en main englobe toutes les étapes : 
-        </h2>
-        <ul class="text-gray-50 text-[1.3rem] list-disc px-10">
-            <li><h3 class="font-semibold">Prise de contact.</h3></li>
-            <li><h3 class="font-semibold">Capture de photos professionnelles.</h3></li>
-            <li><h3 class="font-semibold">Création de visites virtuelles interactives et hébergement en ligne.</h3></li>
-        </ul>
-        <h2 class="px-3 text-[1.3rem] mt-1">
-            Cette approche permet une intégration simple et rapide sur les sites web des clients.
-        </h2>
+        <h1 class="mt-10 px-3 text-[3rem] font-bold border-b border-gray-750">Histoire</h1>
+        <div class="w-full flex items-start mt-2">
+            <h2 class="pl-3 mr-16 w-1/2 text-[1.5rem] font-semibold">
+                Fondée en 2024 et basée à Neuchâtel.<br> 
+                "Ma Visite 360" est une entreprise fictive spécialisée dans les technologies immersives, 
+                avec un site web accessible sous le nom de domaine mv360.ch.
+            </h2>
+            <div class="mt-1">
+                <h2 class="text-[1.3rem]">
+                    "Ma Visite 360" propose un service novateur de visites virtuelles immersives 360°, 
+                    destiné principalement aux agences immobilières.<br> 
+                    Notre solution clé en main englobe toutes les étapes : 
+                </h2>
+                <ul class="text-gray-50 text-[1.3rem] list-disc px-7">
+                    <li><h3 class="font-semibold">Prise de contact.</h3></li>
+                    <li><h3 class="font-semibold">Capture de photos professionnelles.</h3></li>
+                    <li><h3 class="font-semibold">Création de visites virtuelles interactives et hébergement en ligne.</h3></li>
+                </ul>
+                <h2 class="text-[1.3rem]">
+                    Cette approche permet une intégration simple et rapide sur les sites web des clients.
+                </h2>
+            </div>
+        </div>
         
-        <div class="w-full h-fit flex items-center justify-center flex-col">
+        <div class="w-full h-fit flex items-center justify-center flex-col border-b border-gray-750 pb-1">
             <div class="mt-5 flex w-full items-center">
                 <div class="w-[40%] p-3 hover:scale-105 m-3 bg-gradient-to-tr from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg">
                     <h5 class="text-[2rem] font-semibold w-full text-center">Vision</h5>
@@ -50,7 +55,7 @@
             </div>
         </div>
         
-        <h1 class="px-3 text-[3rem] font-semibold mt-7">Services et offres</h1>
+        <h1 class="px-3 text-[3rem] font-semibold mt-8 border-b border-gray-750 mb-5">Services et offres</h1>
         <div class="w-full px-3 flex justify-between items-center">
             <div class="w-[40%] p-8 mr-2 hover:scale-[1.01] bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
                 <h5 class="text-[2rem] font-semibold text-center">Visite</h5>
@@ -75,7 +80,7 @@
                     <div>
                         <div class="w-full flex justify-between items-center">
                             <h1 class="text-[2rem] font-bold ">Visite unique</h1>
-                            <h3 class="text-[1rem]">200.-</h3>
+                            <h3 class="text-[1.6rem]">200.-</h3>
                         </div>
                         <ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2">
                             <li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li>
@@ -92,7 +97,7 @@
                     <div>
                         <div class="w-full flex justify-between items-center">
                             <h1 class="text-[2rem] font-bold ">Abonnement premium</h1>
-                            <h3 class="text-[1rem]">60.-/mois</h3>
+                            <h3 class="text-[1.6rem]">60.-/mois</h3>
                         </div>
                         <ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2">
                             <li><h5 class="text-[1rem]">Réduction de 10% sur les la création de visite virtuelle</h5></li>
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 16c6c29..ccebbc9 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -18,7 +18,7 @@
         <!--<img src="/img/lightsource.png" class="w-full absolute top-0 right-0 left-0 -z-10">-->
         <nav class="sticky right-0 left-0 top-0 h-16 z-50">
             <div class="w-full h-full flex items-center justify-center bg-gradient-to-r from-gray-850 via-gray-600 to-gray-850 pb-[2px]">
-                <div class="w-full h-full px-[12.5%] flex justify-between bg-gray-800">
+                <div class="w-full h-full px-[12.5%] flex justify-between bg-gray-850">
                     <div class="flex items-center h-full">
                         <a href="/" class="h-full"><img src="/img/logo-mavisite360.png" class="h-full hover:scale-105 mr-2 p-3"></a>
                         <p class="text-lg text-white bg-gradient-to-tr from-orange-400 to-orange-600 rounded-lg px-4 font-semibold">{{ $title }}</p>
@@ -53,20 +53,6 @@
         @yield("content")
         <footer class="w-full bg-gray-800">
             <div class="w-3/4 px-3 mx-auto flex flex-col items-center justify-between">
-                <div class="w-full mt-10 flex flex-col items-center">
-                    <h2 class="font-semibold text-[1.7rem] mb-1">Nos partenaires</h2>
-                    <div class="relative w-full flex items-center h-20 mb-5 overflow-hidden">
-                        <img src="/img/panoee.png" class="w-32 slider" style="--delay: 0s;">
-                        <img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;">
-                        <img src="/img/cpne.jpg" class="w-32 slider" style="--delay: 4s;">
-                        <img src="/img/entreprise_immo_1.png" class="w-32 slider" style="--delay: 6s;">
-                        <img src="/img/entreprise_immo_2.jpeg" class="w-32 slider" style="--delay: 8s;">
-                        <img src="/img/entreprise_immo_3.png" class="w-32 slider" style="--delay: 10s;">
-                        <img src="/img/entreprise_immo_4.png" class="w-32 slider" style="--delay: 12s;">
-                        <img src="/img/entreprise_immo_5.webp" class="w-32 slider" style="--delay: 14s;">
-                        <img src="/img/entreprise_immo_6.png" class="w-32 slider" style="--delay: 16s;">
-                    </div>
-                </div>
                 <div class="w-full mt-5 flex items-center">
                     <div id="contact" class="w-1/3 mb-10">
                         <h2 class="font-semibold text-[1.7rem] border-b-2 border-gray-750 w-3/4 pr-20 mb-2">Nous contacter</h2>
@@ -99,8 +85,22 @@ class="h-fit rounded-lg text-sm hover:scale-105 bg-orange-600 px-4 py-2 text-whi
                             <img src="/img/twitter.svg" class="w-[2rem] invert">
                         </div>
                     </div>
-                    <p class="italic w-1/3 text-right self-end pb-2">&copy; 2024 Créer par l'équipe Ma Visite 360</p>
                 </div>
+                <div class="w-full mt-10 flex flex-col items-center">
+                    <h2 class="font-semibold text-[1.7rem] mb-1">Nos partenaires</h2>
+                    <div class="relative w-full flex items-center h-20 mb-5 overflow-hidden">
+                        <img src="/img/panoee.png" class="w-32 slider" style="--delay: 0s;">
+                        <img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;">
+                        <img src="/img/cpne.jpg" class="w-32 slider" style="--delay: 4s;">
+                        <img src="/img/entreprise_immo_1.png" class="w-32 slider" style="--delay: 6s;">
+                        <img src="/img/entreprise_immo_2.jpeg" class="w-32 slider" style="--delay: 8s;">
+                        <img src="/img/entreprise_immo_3.png" class="w-32 slider" style="--delay: 10s;">
+                        <img src="/img/entreprise_immo_4.png" class="w-32 slider" style="--delay: 12s;">
+                        <img src="/img/entreprise_immo_5.webp" class="w-32 slider" style="--delay: 14s;">
+                        <img src="/img/entreprise_immo_6.png" class="w-32 slider" style="--delay: 16s;">
+                    </div>
+                </div>
+                <p class="italic w-1/3 text-right self-end pb-2">&copy; 2024 Créer par l'équipe Ma Visite 360</p>
             </div>
         </footer>
     </body>
diff --git a/vite.config.js b/vite.config.js
index d288988..6ff0e68 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,11 +4,11 @@ import * as fs from "fs"
 
 export default defineConfig({
     server: {
-        hmr: { host: 'viewer360.lndo.site', protocol: 'wss' },
+        hmr: { host: 'mv360.lndo.site', protocol: 'wss' },
         host: true,
         https: {
-            cert: fs.readFileSync('/lando/certs/appserver_nginx.viewer360.crt'),
-            key: fs.readFileSync('/lando/certs/appserver_nginx.viewer360.key'),
+            cert: fs.readFileSync('/lando/certs/appserver_nginx.mv360.crt'),
+            key: fs.readFileSync('/lando/certs/appserver_nginx.mv360.key'),
         },
         // If you have multiple active apps, you might want to change the port number
         // to avoid conflicts