diff --git a/resources/js/layouts/app/LandingLayout.vue b/resources/js/layouts/app/LandingLayout.vue
index 1e3ce68..8c66755 100644
--- a/resources/js/layouts/app/LandingLayout.vue
+++ b/resources/js/layouts/app/LandingLayout.vue
@@ -87,18 +87,7 @@ const goToBooking = () => {
                         <!-- Brand + tagline -->
                         <div>
                             <div class="flex items-center gap-3">
-                                <svg class="h-8 w-8 text-[var(--c-gold)]" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-                                    <g clip-path="url(#clip0_footer)">
-                                        <path
-                                            d="M8.57829 8.57829C5.52816 11.6284 3.451 15.5145 2.60947 19.7452C1.76794 23.9758 2.19984 28.361 3.85056 32.3462C5.50128 36.3314 8.29667 39.7376 11.8832 42.134C15.4698 44.5305 19.6865 45.8096 24 45.8096C28.3135 45.8096 32.5302 44.5305 36.1168 42.134C39.7033 39.7375 42.4987 36.3314 44.1494 32.3462C45.8002 28.361 46.2321 23.9758 45.3905 19.7452C44.549 15.5145 42.4718 11.6284 39.4217 8.57829L24 24L8.57829 8.57829Z"
-                                            fill="currentColor"
-                                        ></path>
-                                    </g>
-                                    <defs>
-                                        <clipPath id="clip0_footer"><rect width="48" height="48" fill="white"></rect></clipPath>
-                                    </defs>
-                                </svg>
-                                <h3 class="text-xl font-black">Toutes les Clés du Succès</h3>
+                                <img src="/logo-success.webp" alt="Logo" class="h-10 w-24" />
                             </div>
                             <p class="mt-4 max-w-sm text-sm text-white/70">
                                 Guidance et clarté à travers des tirages inspirés et un accompagnement personnalisé.
diff --git a/resources/js/pages/Agenda.vue b/resources/js/pages/Agenda.vue
index 31d6469..858e02b 100644
--- a/resources/js/pages/Agenda.vue
+++ b/resources/js/pages/Agenda.vue
@@ -48,7 +48,7 @@ const redirectToStipeCheckout = async () => {
 
 <template>
     <LandingLayout>
-        <!-- Background elements -->
+        <!-- Background elements - all with pointer-events-none -->
         <div class="pointer-events-none absolute inset-0 overflow-hidden">
             <div class="absolute top-0 left-0 h-1/3 w-1/3 opacity-10">
                 <img src="/background/IMG_2230.jpg" alt="Decorative background" class="h-full w-full rounded-full object-cover" />
@@ -88,16 +88,16 @@ const redirectToStipeCheckout = async () => {
                         Choisissez une date et laissez-vous guider vers une consultation transformative
                     </p>
 
-                    <!-- Decorative sparkles -->
-                    <div class="absolute -top-6 -right-6 text-2xl text-[var(--c-gold)] opacity-60">✦</div>
-                    <div class="absolute -bottom-4 -left-6 text-xl text-[var(--c-purple)] opacity-60">✦</div>
+                    <!-- Decorative sparkles with pointer-events-none -->
+                    <div class="pointer-events-none absolute -top-6 -right-6 text-2xl text-[var(--c-gold)] opacity-60">✦</div>
+                    <div class="pointer-events-none absolute -bottom-4 -left-6 text-xl text-[var(--c-purple)] opacity-60">✦</div>
                 </div>
 
                 <div class="flex w-full flex-wrap items-start justify-center gap-10 md:gap-16">
                     <!-- Date Picker with decorative frame -->
                     <div class="relative">
                         <div
-                            class="absolute -inset-4 rounded-2xl bg-gradient-to-br from-[var(--c-purple)]/20 to-[var(--c-gold)]/10 opacity-0 blur-sm transition-opacity duration-500 group-hover:opacity-100"
+                            class="pointer-events-none absolute -inset-4 rounded-2xl bg-gradient-to-br from-[var(--c-purple)]/20 to-[var(--c-gold)]/10 opacity-0 blur-sm transition-opacity duration-500 group-hover:opacity-100"
                         ></div>
                         <date-picker v-model:selectedDate="selectedDate" />
                     </div>
@@ -106,15 +106,15 @@ const redirectToStipeCheckout = async () => {
                     <div
                         class="relative flex max-w-md min-w-[320px] flex-1 flex-col gap-6 overflow-hidden rounded-2xl border border-[var(--c-purple)]/30 bg-gradient-to-br from-[var(--card)]/90 to-[var(--card)]/80 p-6 shadow-xl ring-1 ring-[var(--c-purple)]/40 backdrop-blur-sm md:p-8"
                     >
-                        <!-- Background glow effects -->
+                        <!-- Background glow effects with pointer-events-none -->
                         <div class="pointer-events-none absolute -top-16 -left-16 h-40 w-40 rounded-full bg-[var(--c-purple)]/20 blur-3xl"></div>
                         <div class="pointer-events-none absolute -right-16 -bottom-16 h-40 w-40 rounded-full bg-[var(--c-gold)]/15 blur-3xl"></div>
 
-                        <!-- Decorative corner images -->
-                        <div class="absolute top-4 left-4 h-12 w-12 opacity-20">
+                        <!-- Decorative corner images with pointer-events-none -->
+                        <div class="pointer-events-none absolute top-4 left-4 h-12 w-12 opacity-20">
                             <img src="/background/IMG_2230.jpg" alt="Decorative corner" class="h-full w-full rounded-lg object-cover" />
                         </div>
-                        <div class="absolute right-4 bottom-4 h-12 w-12 opacity-20">
+                        <div class="pointer-events-none absolute right-4 bottom-4 h-12 w-12 opacity-20">
                             <img src="/background/IMG_2245.jpg" alt="Decorative corner" class="h-full w-full rounded-lg object-cover" />
                         </div>