Gross boulot avec nolan

main
anulax1225 ago%!(EXTRA string=5 months)
parent dd5074ca35
commit fc4679a070
  1. 10
      .env.example
  2. 10
      .lando.yml
  3. 10
      resources/views/demo.blade.php
  4. 27
      resources/views/home.blade.php
  5. 32
      resources/views/layout.blade.php
  6. 6
      vite.config.js

@ -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

@ -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

@ -1,11 +1,15 @@
@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">
<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

@ -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.
<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>
<h2 class="mt-5 px-3 text-[1.3rem]">
<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-10">
<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="px-3 text-[1.3rem] mt-1">
<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>

@ -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>

@ -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

Loading…
Cancel
Save