main
anulax1225 ago%!(EXTRA string=5 months)
parent c4f0015c5b
commit dd5074ca35
  1. 2
      resources/views/demo.blade.php
  2. 6
      resources/views/home.blade.php
  3. 24
      resources/views/layout.blade.php

@ -3,7 +3,7 @@
@section("content") @section("content")
<div class="flex flex-col w-3/4 mx-auto mt-2 pt-10 h-full"> <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> <h1 class="px-3 text-[3rem] font-semibold">Demo</h1>
<div class="rounded-lg overflow-hidden w-full h-3/4 mt-2 shadow-md shadow-gray-950"> <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> <iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-full"></iframe>
</div> </div>
</div> </div>

@ -2,7 +2,7 @@
@section("content") @section("content")
<div class="relative flex flex-col items-center justify-center overflow-hidden"> <div class="relative flex flex-col items-center justify-center overflow-hidden">
<img class="w-full absolute right-0 left-0 -z-10 blur-[3px]" src="/img/immo.jpg"> <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="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">
<h5 class="text-[6rem] font-bold mx-auto leading-none">Ma Visite 360</h5> <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> <h5 class="text-[1.2rem] italic text-center mx-auto">Ma visite, mon choix à 360°</h5>
@ -52,7 +52,7 @@
<h1 class="px-3 text-[3rem] font-semibold mt-7">Services et offres</h1> <h1 class="px-3 text-[3rem] font-semibold mt-7">Services et offres</h1>
<div class="w-full px-3 flex justify-between items-center"> <div class="w-full px-3 flex justify-between items-center">
<div class="w-[40%] p-5 mr-2 hover:scale-[1.01] bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <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> <h5 class="text-[2rem] font-semibold text-center">Visite</h5>
<ul class="text-gray-50 text-[1rem] list-disc px-5"> <ul class="text-gray-50 text-[1rem] list-disc px-5">
<li><h5 class="font-semibold mb-2">Capture des photos 360° haute définition.</h5></li> <li><h5 class="font-semibold mb-2">Capture des photos 360° haute définition.</h5></li>
@ -60,7 +60,7 @@
<li><h5 class="font-semibold">Hébergement en ligne sur notre plateforme.</h5></li> <li><h5 class="font-semibold">Hébergement en ligne sur notre plateforme.</h5></li>
</ul> </ul>
</div> </div>
<div class="w-[60%] p-8 ml-1 hover:scale-[1.01] bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[60%] p-5 ml-1 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">Valeur ajoutée</h5> <h5 class="text-[2rem] font-semibold text-center">Valeur ajoutée</h5>
<ul class="text-gray-50 text-[1rem] list-disc px-5"> <ul class="text-gray-50 text-[1rem] list-disc px-5">
<li><h5 class="font-semibold mb-2">Simplifie les visites pour les acheteurs potentiels.</h5></li> <li><h5 class="font-semibold mb-2">Simplifie les visites pour les acheteurs potentiels.</h5></li>

@ -24,9 +24,9 @@
<p class="text-lg text-white bg-gradient-to-tr from-orange-400 to-orange-600 rounded-lg px-4 font-semibold">{{ $title }}</p> <p class="text-lg text-white bg-gradient-to-tr from-orange-400 to-orange-600 rounded-lg px-4 font-semibold">{{ $title }}</p>
</div> </div>
<div class="flex items-center h-full"> <div class="flex items-center h-full">
<a href="/"><h1 class="mr-4 text-xl font-bold hover:scale-105">home</h1></a> <a href="/"><h1 class="mr-4 text-xl font-bold hover:scale-110">home</h1></a>
<a href="/demo"><h1 class="font-bold mr-4 text-xl hover:scale-105">demo</h1></a> <a href="/demo"><h1 class="font-bold mr-4 text-xl hover:scale-110">demo</h1></a>
<a href="#contact"><h1 class="font-bold mr-9 text-xl hover:scale-105">contact</h1></a> <a href="#contact"><h1 class="font-bold mr-9 text-xl hover:scale-110">contact</h1></a>
<div class="flex items-center h-fit py-[8px] pl-5 border-l border-gray-700"> <div class="flex items-center h-fit py-[8px] pl-5 border-l border-gray-700">
<button class="relative group flex items-center justify-center mr-6" <button class="relative group flex items-center justify-center mr-6"
onclick="document.querySelector('#theme-panel').classList.toggle('hidden')"> onclick="document.querySelector('#theme-panel').classList.toggle('hidden')">
@ -54,7 +54,7 @@
<footer class="w-full bg-gray-800"> <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-3/4 px-3 mx-auto flex flex-col items-center justify-between">
<div class="w-full mt-10 flex flex-col items-center"> <div class="w-full mt-10 flex flex-col items-center">
<h2 class="font-semibold text-[1.4rem] mb-1">Nos partenaires</h2> <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"> <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/panoee.png" class="w-32 slider" style="--delay: 0s;">
<img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;"> <img src="/img/infomaniak.png" class="w-32 slider" style="--delay: 2s;">
@ -70,10 +70,16 @@
<div class="w-full mt-5 flex items-center"> <div class="w-full mt-5 flex items-center">
<div id="contact" class="w-1/3 mb-10"> <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> <h2 class="font-semibold text-[1.7rem] border-b-2 border-gray-750 w-3/4 pr-20 mb-2">Nous contacter</h2>
<div class="px-3"> <div class="w-full flex">
<h4 class="font-semibold mb-1">+41 78 694 09 79</h4> <div class="px-3">
<h4 class="font-semibold mb-1">contact@mv360.ch</h4> <h4 class="font-semibold mb-1">+41 78 694 09 79</h4>
<h4 class="font-semibold">Rue de la Maladière 80</h4> <h4 class="font-semibold mb-1">contact@mv360.ch</h4>
<h4 class="font-semibold">Rue de la Maladière 80</h4>
</div>
<a target="_blank" href="mailto:contact@mv360.ch?subject=Mail de contact de &#34;Ma Visite 360&#34;"
class="h-fit rounded-lg text-sm hover:scale-105 bg-orange-600 px-4 py-2 text-white font-bold mb-2">
Envoyer un mail
</a>
</div> </div>
</div> </div>
<div class="flex items-start justify-evenly w-1/3 mb-10"> <div class="flex items-start justify-evenly w-1/3 mb-10">
@ -93,7 +99,7 @@
<img src="/img/twitter.svg" class="w-[2rem] invert"> <img src="/img/twitter.svg" class="w-[2rem] invert">
</div> </div>
</div> </div>
<p class="italic w-1/3 text-right self-end">&copy; 2024 Créer par l'équipe Ma Visite 360</p> <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>
</div> </div>
</footer> </footer>

Loading…
Cancel
Save