fix(faq): remove brown colors and "Centre d'aide" badge

- Remove "Centre d'aide" badge from hero section
- Replace all brown/marron colors (#d4a574) with green (#4a7c6f)
- Update background to light green (#f0f5f3)
- Keep consistent green theme throughout the page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/faq/FAQContent.tsx

@@ -107,7 +107,7 @@ export default function FAQContent() {
   };
 
   return (
-    <div className="min-h-screen bg-[#f8f7f4]">
+    <div className="min-h-screen bg-[#f0f5f3]">
       {/* Hero Section */}
       <section className="relative bg-gradient-to-br from-[#2d4a3e] to-[#1a2e25] py-16 md:py-24 overflow-hidden">
         <div className="absolute inset-0 opacity-10">
@@ -117,9 +117,6 @@ export default function FAQContent() {
         </div>
         <div className="container mx-auto px-4 relative z-10">
           <div className="max-w-3xl mx-auto text-center">
-            <span className="inline-block px-4 py-1 bg-[#d4a574]/20 text-[#d4a574] rounded-full text-sm font-medium mb-4">
-              Centre d&apos;aide
-            </span>
             <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">
               Questions fréquentes
             </h1>
@@ -136,7 +133,7 @@ export default function FAQContent() {
                 placeholder="Rechercher une question..."
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                className="w-full px-6 py-4 pl-14 bg-white/10 backdrop-blur-sm border border-white/20 rounded-2xl text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-[#d4a574] focus:border-transparent transition-all"
+                className="w-full px-6 py-4 pl-14 bg-white/10 backdrop-blur-sm border border-white/20 rounded-2xl text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-[#4a7c6f] focus:border-transparent transition-all"
               />
               <svg
                 className="absolute left-5 top-1/2 transform -translate-y-1/2 w-5 h-5 text-white/50"
@@ -204,8 +201,8 @@ export default function FAQContent() {
           <div className="max-w-3xl mx-auto space-y-4">
             {filteredFAQs.length === 0 ? (
               <div className="bg-white rounded-2xl shadow-sm p-12 text-center">
-                <div className="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <div className="w-16 h-16 bg-[#2d4a3e]/10 rounded-full flex items-center justify-center mx-auto mb-4">
-                  <svg className="w-8 h-8 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <svg className="w-8 h-8 text-[#2d4a3e]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                   </svg>
                 </div>
@@ -233,7 +230,7 @@ export default function FAQContent() {
                       </svg>
                     </div>
                     <div className="flex-1 min-w-0">
-                      <span className="text-xs font-semibold text-[#d4a574] uppercase tracking-wide">
+                      <span className="text-xs font-semibold text-[#4a7c6f] uppercase tracking-wide">
                         {faq.category}
                       </span>
                       <h3 className="text-lg font-semibold text-gray-900 mt-1">{faq.question}</h3>
@@ -267,12 +264,12 @@ export default function FAQContent() {
         <div className="container mx-auto px-4">
           <div className="max-w-4xl mx-auto">
             <div className="relative bg-gradient-to-br from-[#2d4a3e] to-[#1a2e25] rounded-3xl p-8 md:p-12 overflow-hidden">
-              <div className="absolute top-0 right-0 w-64 h-64 bg-[#d4a574]/10 rounded-full blur-3xl"></div>
+              <div className="absolute top-0 right-0 w-64 h-64 bg-[#4a7c6f]/20 rounded-full blur-3xl"></div>
-              <div className="absolute bottom-0 left-0 w-48 h-48 bg-[#d4a574]/10 rounded-full blur-3xl"></div>
+              <div className="absolute bottom-0 left-0 w-48 h-48 bg-[#4a7c6f]/20 rounded-full blur-3xl"></div>
 
               <div className="relative z-10 text-center">
-                <div className="w-16 h-16 bg-[#d4a574]/20 rounded-2xl flex items-center justify-center mx-auto mb-6">
+                <div className="w-16 h-16 bg-white/10 rounded-2xl flex items-center justify-center mx-auto mb-6">
-                  <svg className="w-8 h-8 text-[#d4a574]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
                   </svg>
                 </div>