From 8a92cee5278f0ebcaca7a24b01a0768b97fa0ac7 Mon Sep 17 00:00:00 2001
From: Nyavokevin <42602932+nyavokevin@users.noreply.github.com>
Date: Sat, 25 Oct 2025 13:05:38 +0300
Subject: [PATCH] fix responsive

---
 resources/js/components/landing/HowSection.vue | 6 +++++-
 resources/js/layouts/app/LandingLayout.vue     | 6 ------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/landing/HowSection.vue b/resources/js/components/landing/HowSection.vue
index 0776a5a..d6e4640 100644
--- a/resources/js/components/landing/HowSection.vue
+++ b/resources/js/components/landing/HowSection.vue
@@ -8,8 +8,12 @@
 
         <!-- Content Container -->
         <div class="relative z-10 mx-auto max-w-6xl px-4">
-            <h2 class="mb-16 text-center text-4xl font-bold text-[var(--midnight-blue)] drop-shadow-sm md:text-5xl">Comment cela fonctionne</h2>
+            <!-- Titre avec couleur blanche sur mobile et couleur originale sur desktop -->
+            <h2 class="mb-16 text-center text-4xl font-bold text-white drop-shadow-sm md:text-5xl md:text-[var(--midnight-blue)]">
+                Comment cela fonctionne
+            </h2>
 
+            <!-- Le reste du code reste identique -->
             <!-- Timeline Container -->
             <div class="relative mx-auto max-w-2xl">
                 <!-- Vertical Timeline Line -->
diff --git a/resources/js/layouts/app/LandingLayout.vue b/resources/js/layouts/app/LandingLayout.vue
index ef95df0..22ca9c9 100644
--- a/resources/js/layouts/app/LandingLayout.vue
+++ b/resources/js/layouts/app/LandingLayout.vue
@@ -146,12 +146,6 @@ onMounted(() => {
                         </svg>
                     </button>
 
-                    <div class="mb-8 text-center">
-                        <!-- Mobile logo without rounding or shadow -->
-                        <img src="logo_or.png" alt="Logo" class="mx-auto mb-4 h-20 w-20 object-cover" />
-                        <h2 class="font-serif text-2xl font-bold text-[var(--midnight-blue)]">Kris Saint Ange</h2>
-                    </div>
-
                     <nav class="flex w-full max-w-sm flex-col items-center gap-6">
                         <Link
                             class="w-full rounded-xl border border-[var(--linen)] bg-white/50 py-4 text-center text-lg font-medium text-[var(--midnight-blue)] transition-all duration-300 hover:border-[var(--subtle-gold)]/30 hover:bg-[var(--subtle-gold)]/10 hover:shadow-sm"