lfirmin/site_assu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

push video

Browse Source
This commit is contained in:
lfirmin
2026-02-28 01:06:16 +01:00
parent 5199d8883d
commit fc9f384b47
15 changed files with 213 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/GuideSection.jsx
+9 -9
View File
@@ -14,7 +14,7 @@ function FaqItem({ faq, index }) {
>
<span
className="flex-shrink-0 w-7 h-7 rounded-full flex items-center justify-center text-xs font-extrabold mt-0.5 text-white"
style={{ backgroundColor: open ? '#4F46E5' : '#CBD5E1' }}
style={{ backgroundColor: open ? '#9CCC8A' : '#CBD5E1' }}
>
{index + 1}
</span>
@@ -24,7 +24,7 @@ function FaqItem({ faq, index }) {
transition={{ duration: 0.2 }}
className="flex-shrink-0 mt-0.5"
>
<FiChevronDown className={`text-lg transition-colors ${open ? 'text-indigo-500' : 'text-slate-400'}`} />
<FiChevronDown className={`text-lg transition-colors ${open ? 'text-[#9CCC8A]' : 'text-slate-400'}`} />
</motion.div>
</button>
@@ -88,8 +88,8 @@ export default function GuideSection() {
{/* Guides card */}
<div className="bg-slate-50 rounded-2xl border border-slate-100 p-6">
<div className="flex items-center gap-2 mb-5">
<div className="w-8 h-8 bg-indigo-100 rounded-xl flex items-center justify-center">
<FiBookOpen className="text-indigo-600 text-sm" />
<div className="w-8 h-8 bg-[#9CCC8A]/20 rounded-xl flex items-center justify-center">
<FiBookOpen className="text-[#9CCC8A] text-sm" />
</div>
<h3 className="font-bold text-slate-900">Tous nos guides</h3>
</div>
@@ -98,9 +98,9 @@ export default function GuideSection() {
<li key={i}>
<a
href="#"
className="flex items-start gap-2 text-sm text-slate-600 hover:text-indigo-600 transition-colors py-2 group"
className="flex items-start gap-2 text-sm text-slate-600 hover:text-[#9CCC8A] transition-colors py-2 group"
>
<FiChevronRight className="flex-shrink-0 mt-0.5 text-slate-300 group-hover:text-indigo-400 transition-colors" />
<FiChevronRight className="flex-shrink-0 mt-0.5 text-slate-300 group-hover:text-[#9CCC8A] transition-colors" />
{guide}
</a>
</li>
@@ -109,16 +109,16 @@ export default function GuideSection() {
</div>
{/* CTA card */}
<div className="bg-gradient-to-br from-indigo-600 to-indigo-700 rounded-2xl p-6 text-white">
<div className="bg-gradient-to-br from-[#9CCC8A] to-[#74AB61] rounded-2xl p-6 text-white">
<div className="font-extrabold text-lg mb-2">
Besoin d'un conseil personnalisé ?
</div>
<p className="text-indigo-200 text-sm mb-5 leading-relaxed">
<p className="text-white/70 text-sm mb-5 leading-relaxed">
Nos experts répondent à toutes vos questions gratuitement, sans engagement.
</p>
<a
href="tel:+33180891030"
className="flex items-center justify-center gap-2 bg-white text-indigo-700 font-bold text-sm py-3 rounded-xl hover:bg-indigo-50 transition-colors"
className="flex items-center justify-center gap-2 bg-white text-[#74AB61] font-bold text-sm py-3 rounded-xl hover:bg-[#9CCC8A]/10 transition-colors"
>
📞 01 80 89 10 30
</a>