diff --git a/public/img/light-1.svg b/public/img/light-1.svg new file mode 100644 index 0000000..48f44bd --- /dev/null +++ b/public/img/light-1.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/public/img/light-2.svg b/public/img/light-2.svg new file mode 100644 index 0000000..5c4bd5b --- /dev/null +++ b/public/img/light-2.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/resources/css/app.css b/resources/css/app.css index d96a167..4090c21 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -5,19 +5,19 @@ @layer base { h1 { - @apply text-gray-50; + @apply text-gray-50 dark:text-gray-1000; } h2 { - @apply text-gray-150; + @apply text-gray-150 dark:text-gray-850; } h3 { - @apply text-gray-250; + @apply text-gray-250 dark:text-gray-750; } h4 { - @apply text-gray-350; + @apply text-gray-350 dark:text-gray-650; } h5 { @@ -25,7 +25,7 @@ @layer base { } p { - @apply text-gray-550; + @apply text-gray-550 dark:text-gray-450; } } @@ -77,6 +77,24 @@ @layer utilities { animation-delay: var(--delay); } + .focus-camera { + animation-name: blur-anim; + animation-duration: 12s; + animation-iteration-count: infinite; + animation-timing-function: ease-in-out; + animation-direction: alternate; + } + + @keyframes blur-anim { + from { + filter: blur(0px); + } + + to { + filter: blur(5px); + } + } + @keyframes social-icon-in-anim { from { background-color: inherit; diff --git a/resources/js/app.js b/resources/js/app.js index b64f461..278a7c5 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -5,4 +5,14 @@ window.addEventListener("scroll", () => { "--scroll", window.pageYOffset / (document.body.offsetHeight - window.innerHeight) ); -}); \ No newline at end of file +}); + +function themeToggle() { + document.querySelector("html").classList.toggle("dark"); + document.querySelector("#btn-theme").querySelector("img").setAttribute("src", + document.querySelector("html").classList.contains("dark") ? + "/img/dark.svg" : "/img/light-2.svg" + ) +} + +window.themeToggle = themeToggle; \ No newline at end of file diff --git a/resources/views/demo.blade.php b/resources/views/demo.blade.php index ffe9f43..73c655d 100644 --- a/resources/views/demo.blade.php +++ b/resources/views/demo.blade.php @@ -1,7 +1,7 @@ @extends("layout") @section("content") -
+

Demo

diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index 56e4c8d..8583d8e 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -2,19 +2,19 @@ @section("content")
- -
+
Ma Visite 360
Ma visite, mon choix à 360°
-
-

Histoire

+
+

Histoire

Fondée en 2024 et basée à Neuchâtel.
- MaVisite360 est une entreprise fictive spécialisée dans les technologies immersives de visite virtuelle. + "Ma Visite 360" est une entreprise fictive spécialisée dans les technologies immersives de visite virtuelle.

@@ -33,17 +33,17 @@

-
+
-
+
Vision
Transformer la présentation immobilière en une expérience immersive, accessible et sans contraintes.
-
+
Mission
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é.
-
+
Valeurs
  • Innovation
    • @@ -54,9 +54,9 @@
-

Services et offres

+

Services et offres

-
+
Visite
  • Capture des photos 360° haute définition.
    • @@ -64,7 +64,7 @@
  • Hébergement en ligne sur notre plateforme.
-
+
Valeur ajoutée
  • Simplifie les visites pour les acheteurs potentiels.
    • @@ -74,33 +74,33 @@
-
-
+
+

Visite unique

200.-

-
    -
  • Prise des photo de votre visite
    • -
  • Création de la visite virtuelle
    • -
  • Hébergement (inclue des frais supplémentaire)
    • +
      +
    • Prise des photo de votre visite
      • +
    • Création de la visite virtuelle
      • +
    • Hébergement (inclue des frais supplémentaire)
-
-
+
+

Abonnement premium

60.-/mois

-
    -
  • Réduction de 10% sur les la création de visite virtuelle
    • -
  • Hébergement offert
    • +
      +
    • Réduction de 10% sur les la création de visite virtuelle
      • +
    • Hébergement offert
- - + +
@yield("content") -