```
✨ feat(workflow.twig): Ajoute animations AOS pour un effet visuel amélioré. ✨ feat(app.js): Initialise la librairie AOS pour les animations. ➕ chore(package.json): Ajoute AOS comme dépendance. ✨ feat(reserve.js): Initialise AOS pour les animations. ✨ feat(formules.twig): Ajoute animations AOS pour améliorer l'UX. ✨ feat(catalogue.twig): Ajoute animations AOS pour une meilleure UX. ✨ feat(dashboard/base.twig): Améliore la mise en page du dashboard. ✨ feat(base.twig): Ajoute macros pour les liens de navigation. ✨ feat(home.twig): Ajoute animations AOS et macros pour la page d'accueil. ```
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
import './app.scss';
|
||||
import * as Turbo from "@hotwired/turbo";
|
||||
import * as Sentry from "@sentry/browser";
|
||||
import AOS from 'aos';
|
||||
import 'aos/dist/aos.css';
|
||||
|
||||
// --- INITIALISATION SENTRY ---
|
||||
// On initialise Sentry immédiatement sans attendre le DOM pour capturer les erreurs précoces
|
||||
@@ -29,6 +31,14 @@ const initApp = () => {
|
||||
}, 5000);
|
||||
});
|
||||
|
||||
// Initialize AOS
|
||||
AOS.init({
|
||||
duration: 800,
|
||||
once: true,
|
||||
// offset: 120, // Optional: offset (in px) from the original trigger point
|
||||
// easing: 'ease', // Optional: default easing for AOS animations
|
||||
});
|
||||
|
||||
// Exemple : Init d'un bouton de retour en haut de page
|
||||
// initBackToTop();
|
||||
};
|
||||
|
||||
@@ -3,6 +3,8 @@ import { UtmEvent, UtmAccount } from "./tools/UtmEvent.js";
|
||||
import { CookieBanner } from "./tools/CookieBanner.js";
|
||||
import * as Turbo from "@hotwired/turbo";
|
||||
import { onLCP, onINP, onCLS } from 'web-vitals';
|
||||
import AOS from 'aos';
|
||||
import 'aos/dist/aos.css';
|
||||
|
||||
// --- CONFIGURATION & ÉTAT ---
|
||||
const CONFIG = {
|
||||
@@ -271,6 +273,12 @@ document.addEventListener('turbo:load', () => {
|
||||
initMobileMenu();
|
||||
initRegisterLogic();
|
||||
initCatalogueSearch();
|
||||
|
||||
// Initialize AOS
|
||||
AOS.init({
|
||||
duration: 800,
|
||||
once: true,
|
||||
});
|
||||
|
||||
const payContainer = document.getElementById('payment-check-container');
|
||||
if (payContainer?.dataset.autoRedirect) {
|
||||
|
||||
Reference in New Issue
Block a user