137 lines
11 KiB
Vue
137 lines
11 KiB
Vue
<template>
|
|
<section class="py-20 sm:py-24">
|
|
<h2 class="mb-16 text-center text-4xl font-bold text-[var(--midnight-blue)] md:text-5xl">Ce Que Nos Initiés Disent</h2>
|
|
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
|
|
<div class="rounded-2xl border border-[var(--linen)] bg-[var(--pure-white)] p-8 shadow-lg">
|
|
<div class="mb-4 flex items-center gap-4">
|
|
<div
|
|
class="h-14 w-14 rounded-full bg-cover bg-center"
|
|
style="
|
|
background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuDFCMVcWHXeHbptxH6HmDJlSpMyAhuoQv_qO0rkUx2EAWltD1WisKuZBoojbWd6-4cnE_K2LXTnhhzlULi5nUeWKQAvci7rM2rDsO4-uvHW8Oe7Jl9TLi1m0-oTJg1X5wdyrxunLWT6CZuD5MQiKC0pxYbq34-HFvBJ2iQKbOgmdlkAwV7xYwWNBeEePBjlAsZ7_MSLMqCAFskClsAEFkJU2YBzQflFeD1fmpK0iXqaXYhQS_kABCFx49W9bb73ShytrweHfDUJkJg');
|
|
"
|
|
></div>
|
|
<div>
|
|
<p class="text-lg font-bold text-[var(--midnight-blue)]">Sophie Dubois</p>
|
|
<div class="flex text-[var(--subtle-gold)]">
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="text-[var(--midnight-blue)]/80 italic">
|
|
"L'Oracle de Kris Saint Ange a été une révélation. Ses conseils m'ont aidée à prendre des décisions importantes avec confiance."
|
|
</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-[var(--linen)] bg-[var(--pure-white)] p-8 shadow-lg">
|
|
<div class="mb-4 flex items-center gap-4">
|
|
<div
|
|
class="h-14 w-14 rounded-full bg-cover bg-center"
|
|
style="
|
|
background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuCYwDtbzamxSUEWCWG7j3saRw40YQI6KQIVhrw_IrJI8FZXKKHOYej_hGrkM6B5S_MiY-vZ3sWqQDJdPEiYnuH81hSwoHOwfuZWZqY_QoW2UvbtvqCVIiFzd0wk-P63V9j-AgIYgqtonlEzqX1FvYGPZrsocOKx6sArVQACeo6MrVYkm2IVwDGWFyFL0L5U9bzRD8-Zo7hRvn_1hmJxOPS72z61S3jZnDTZPQe6tX9_jJk8ei7qludF6Gs-Qb92jXbRR68FpIoxPHg');
|
|
"
|
|
></div>
|
|
<div>
|
|
<p class="text-lg font-bold text-[var(--midnight-blue)]">Jean Martin</p>
|
|
<div class="flex text-[var(--subtle-gold)]">
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5 text-[var(--linen)]" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="text-[var(--midnight-blue)]/80 italic">
|
|
"Une expérience enrichissante. Les lectures sont précises et offrent une perspective unique sur les défis."
|
|
</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-[var(--linen)] bg-[var(--pure-white)] p-8 shadow-lg">
|
|
<div class="mb-4 flex items-center gap-4">
|
|
<div
|
|
class="h-14 w-14 rounded-full bg-cover bg-center"
|
|
style="
|
|
background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuDFCMVcWHXeHbptxH6HmDJlSpMyAhuoQv_qO0rkUx2EAWltD1WisKuZBoojbWd6-4cnE_K2LXTnhhzlULi5nUeWKQAvci7rM2rDsO4-uvHW8Oe7Jl9TLi1m0-oTJg1X5wdyrxunLWT6CZuD5MQiKC0pxYbq34-HFvBJ2iQKbOgmdlkAwV7xYwWNBeEePBjlAsZ7_MSLMqCAFskClsAEFkJU2YBzQflFeD1fmpK0iXqaXYhQS_kABCFx49W9bb73ShytrweHfDUJkJg');
|
|
"
|
|
></div>
|
|
<div>
|
|
<p class="text-lg font-bold text-[var(--midnight-blue)]">Isabelle Lefevre</p>
|
|
<div class="flex text-[var(--subtle-gold)]">
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 256 256">
|
|
<path
|
|
d="M234.5,114.38l-45.1,39.36,13.51,58.6a16,16,0,0,1-23.84,17.34l-51.11-31-51,31a16,16,0,0,1-23.84-17.34L66.61,153.8,21.5,114.38a16,16,0,0,1,9.11-28.06l59.46-5.15,23.21-55.36a15.95,15.95,0,0,1,29.44,0h0L166,81.17l59.44,5.15a16,16,0,0,1,9.11,28.06Z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="text-[var(--midnight-blue)]/80 italic">
|
|
"Je suis impressionnée par la profondeur des interprétations. L'Oracle est un outil précieux pour la croissance personnelle."
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|