root/KSA-ORACLE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add href

Browse Source
This commit is contained in:
Nyavokevin 2025-09-10 12:59:57 +03:00
parent ae9a4799be
commit d47bf2af8e
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/components/landing/CallBookingSection.vue
View File

@ -8,6 +8,7 @@
Pour une guidance plus approfondie, réservez une consultation personnalisée avec Kris Saint Ange. Pour une guidance plus approfondie, réservez une consultation personnalisée avec Kris Saint Ange.
</p> </p>
<button <button
@click="goTobooking"
class="mt-8 inline-flex h-12 max-w-[480px] min-w-[120px] flex-shrink-0 cursor-pointer items-center justify-center rounded-full bg-[var(--subtle-gold)] px-8 text-base font-bold tracking-wide text-[var(--midnight-blue)] transition-all duration-300 hover:shadow-[var(--subtle-gold)]/30 hover:shadow-lg" class="mt-8 inline-flex h-12 max-w-[480px] min-w-[120px] flex-shrink-0 cursor-pointer items-center justify-center rounded-full bg-[var(--subtle-gold)] px-8 text-base font-bold tracking-wide text-[var(--midnight-blue)] transition-all duration-300 hover:shadow-[var(--subtle-gold)]/30 hover:shadow-lg"
> >
Réserver une Consultation Réserver une Consultation
@ -15,3 +16,11 @@
</div> </div>
</section> </section>
</template> </template>
<script lang="ts" setup>
import { router } from '@inertiajs/vue3';
const goTobooking = () => {
router.visit('/rendez-vous');
};
</script>

8
resources/js/layouts/app/LandingLayout.vue
View File

@ -45,7 +45,9 @@ const toggleMobileMenu = () => {
<Link class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300" href="#" <Link class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300" href="#"
>Témoignages</Link >Témoignages</Link
> >
<Link class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300" href="#">Contact</Link> <Link class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300" href="/rendez-vous"
>Booking</Link
>
</nav> </nav>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
@ -91,9 +93,9 @@ const toggleMobileMenu = () => {
> >
<Link <Link
class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300" class="text-midnight-blue hover:text-subtle-gold text-sm font-medium transition-colors duration-300"
href="#" href="/rendez-vous"
@click="toggleMobileMenu" @click="toggleMobileMenu"
>Contact</Link >Booking</Link
> >
</nav> </nav>