Fin pour ajd

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

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

@ -3,7 +3,7 @@
@section("content") @section("content")
<div class="relative flex flex-col items-center justify-center overflow-hidden mt-12"> <div class="relative flex flex-col items-center justify-center overflow-hidden mt-12">
<img class="w-full absolute right-0 left-0 -z-10" src="/img/immo.jpg"> <img class="w-full absolute right-0 left-0 -z-10" src="/img/immo.jpg">
<div class="bg-gradient-to-t from-orange-500 to-orange-600 rounded-lg shadow-md shadow-gray-900 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">MaVisite360°</h5> <h5 class="text-[6rem] font-bold mx-auto leading-none">MaVisite360°</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>
</div> </div>
@ -13,56 +13,76 @@
<h2 class="px-3 mx-auto text-[1.4rem] font-semibold">Fondée en 2024 et basée à Neuchâtel. MaVisite360 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="px-3 mx-auto text-[1.4rem] font-semibold">Fondée en 2024 et basée à Neuchâtel. MaVisite360 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 mx-auto text-[1.1rem]">MaVisite360 propose un service novateur de visites virtuelles immersives 360°, destiné principalement aux agences immobilières. Notre solution clé en main englobe toutes les étapes : prise de contact, capture de photos professionnelles, création de visites virtuelles interactives et hébergement en ligne. Cette approche permet une intégration simple et rapide sur les sites web des clients.</h2> <h2 class="mt-5 px-3 mx-auto text-[1.1rem]">MaVisite360 propose un service novateur de visites virtuelles immersives 360°, destiné principalement aux agences immobilières. Notre solution clé en main englobe toutes les étapes : prise de contact, capture de photos professionnelles, création de visites virtuelles interactives et hébergement en ligne. Cette approche permet une intégration simple et rapide sur les sites web des clients.</h2>
<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">
<div class="mt-5 flex w-full"> <div class="mt-5 flex w-full items-center">
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[40%] p-3 m-3 bg-gradient-to-tr from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg">
<h5 class="text-[2rem] font-bold w-full text-center">Vision</h5> <h5 class="text-[2rem] font-semibold w-full text-center">Vision</h5>
<h5 class="px-2 text-[1.2rem] font-semibold">Transformer la présentation immobilière en une expérience immersive, accessible et sans contraintes.</h5> <h5 class="px-2 text-[1.2rem] font-semibold">Transformer la présentation immobilière en une expérience immersive, accessible et sans contraintes.</h5>
</div> </div>
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[40%] p-3 m-3 bg-gradient-to-tl from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<h5 class="text-[2rem] font-bold text-center">Valeurs</h5> <h5 class="text-[2rem] font-semibold text-center">Mission</h5>
<ul class="text-gray-150 text-[1.2rem] list-disc px-5"> <h5 class="px-2 text-[1.2rem] pb-2 font-semibold">Offrir une solution clé en main de visites virtuelles 360°, permettant aux agences immobilières et autres secteurs de valoriser leurs espaces et de gagner en efficacité.</h5>
</div>
<div class="w-[20%] p-3 m-3 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">Valeurs</h5>
<ul class="text-gray-50 text-[1.2rem] list-disc px-5">
<li><h5 class="font-semibold">Innovation</h5></li> <li><h5 class="font-semibold">Innovation</h5></li>
<li><h5 class="font-semibold">Simplicité</h5></li> <li><h5 class="font-semibold">Simplicité</h5></li>
<li><h5 class="font-semibold">Professionnalisme</h5></li> <li><h5 class="font-semibold">Professionnalisme</h5></li>
</ul> </ul>
</div> </div>
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<h5 class="text-[2rem] font-bold text-center">Mission</h5>
<h5 class="px-2 text-[1.2rem] pb-2 font-semibold">Offrir une solution clé en main de visites virtuelles 360°, permettant aux agences immobilières et autres secteurs de valoriser leurs espaces et de gagner en efficacité.</h5>
</div>
</div> </div>
</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-7">Services et offres</h1>
<div class="w-full px-3"> <div class="w-full px-3 flex justify-between items-center">
<div class="w-full p-5 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-[40%] p-5 mr-2 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<ul class="text-gray-150 text-[1.3rem] list-disc px-5"> <h5 class="text-[2rem] font-semibold text-center">Visite</h5>
<li><h5 class="font-semibold">Capture des photos haute définition en 360°.</h5></li> <ul class="text-gray-50 text-[1rem] list-disc px-5">
<li><h5 class="font-semibold">Création de visites virtuelles interactives via Panoee.</h5></li> <li><h5 class="font-semibold mb-2">Capture des photos 360° haute définition.</h5></li>
<li><h5 class="font-semibold">Hébergement en ligne sur une plateforme accessible (mv360.ch).</h5></li> <li><h5 class="font-semibold mb-2">Création de visites virtuelles interactives.</h5></li>
<li><h5 class="font-semibold">Hébergement en ligne sur notre plateforme.</h5></li>
</ul>
</div>
<div class="w-[60%] p-5 ml-1 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>
<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">Réduit les visites inutiles en présentiel, augmentant l’efficacité des agences.</h5></li>
<li><h5 class="font-semibold">Accessible 24h/24, permettant une flexibilité maximale.</h5></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="w-full flex justify-between mt-5"> <div class="w-full flex justify-between mt-5">
<div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<div class="w-full h-full bg-gray-900 rounded-md p-5"> <div class="w-full h-full bg-gray-900 rounded-md p-5 flex flex-col justify-between">
<h1 class="text-[2rem] font-bold ">Forfait unique</h1> <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>
</div>
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> <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> <li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li>
<li><h5 class="text-[1rem]">Création de la visite virtuelle</h5></li> <li><h5 class="text-[1rem]">Création de la visite virtuelle</h5></li>
<li><h5 class="text-[1rem]">Hébergement (inclue des frais supplémentaire)</h5></li> <li><h5 class="text-[1rem]">Hébergement (inclue des frais supplémentaire)</h5></li>
</ul> </ul>
</div> </div>
<button class="mt-5 self-end w-1/3 rounded-lg bg-orange-600 px-4 py-2 text-white font-bold mb-2">Consulter l'offre</button>
</div>
</div> </div>
<div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> <div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg">
<div class="w-full h-full bg-gray-900 rounded-md p-5"> <div class="w-full h-full bg-gray-900 rounded-md p-5 flex flex-col justify-between">
<h1 class="text-[2rem] font-bold ">Forfait unique</h1> <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>
</div>
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> <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> <li><h5 class="text-[1rem]">Réduction de 10% sur les la création de visite virtuelle</h5></li>
<li><h5 class="text-[1rem]">Création de la visite virtuelle</h5></li> <li><h5 class="text-[1rem]">Hébergement offert</h5></li>
<li><h5 class="text-[1rem]">Hébergement (inclue des frais supplémentaire)</h5></li>
</ul> </ul>
</div> </div>
<button class="mt-5 self-end w-1/3 rounded-lg bg-orange-600 px-4 py-2 text-white font-bold mb-2 hover:ring-1">Consulter l'offre</button>
</div>
</div> </div>
</div> </div>
</div> </div>

@ -24,9 +24,9 @@
<p class="text-lg text-white bg-orange-500/90 rounded-lg px-3 font-semibold">{{ $title }}</p> <p class="text-lg text-white bg-orange-500/90 rounded-lg px-3 font-semibold">{{ $title }}</p>
</div> </div>
<div class="flex items-center h-full"> <div class="flex items-center h-full">
<a href="/"><h1 class="font-semibold mr-3 text-lg">home</h1></a> <a href="/"><h1 class="font-semibold mr-4 text-lg">home</h1></a>
<a href="/demo"><h1 class="font-semibold mr-3 text-lg">demo</h1></a> <a href="/demo"><h1 class="font-semibold mr-4 text-lg">demo</h1></a>
<h1 class="font-semibold mr-8 text-lg">contact</h1> <h1 class="font-semibold mr-9 text-lg">contact</h1>
<div class="flex items-center h-fit py-1 px-2 border-l border-gray-600"> <div class="flex items-center h-fit py-1 px-2 border-l border-gray-600">
<button class="relative group flex items-center justify-center mr-6"> <button class="relative group flex items-center justify-center mr-6">
<img src="/img/dark.svg" class="w-[1.2rem] dark:invert"> <img src="/img/dark.svg" class="w-[1.2rem] dark:invert">

Loading…
Cancel
Save