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

fix agenda
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Nyavokevin 2025-09-21 17:36:49 +03:00
parent 812632d551
commit 543da49906
2 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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é.

18
resources/js/pages/Agenda.vue
View File

@ -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>