From 2d53deb1235e110e32b0d20a7816ff237f9d9bdd Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 09:36:53 -0500
Subject: [PATCH] feat: add FAQ section to homepage with common questions and
 answers to enhance user support and experience

---
 themes/lucentui/views/home.blade.php | 74 ++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)

diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index 999c379b2..beacabf31 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -505,6 +505,80 @@
     
 
 
+    <!-- FAQ Section -->
+    <div class="py-20 bg-gradient-to-b from-background-secondary/40 via-background to-background-secondary/20">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-4xl font-bold text-color-base mb-4">
+                    {{ theme('faq_title', 'Frequently Asked Questions') }}
+                </h2>
+                <p class="text-lg text-color-muted max-w-2xl mx-auto">
+                    {{ theme('faq_subtitle', 'Find answers to common questions about our services') }}
+                </p>
+            </div>
+
+            <div class="max-w-7xl mx-auto w-full" x-data="{ openFaq: null }">
+                <div class="space-y-4">
+                    @php
+                        $faqs = [
+                        [
+                            'question' => 'How quickly can I get my server up and running?',
+                            'answer' => 'Your server will be automatically deployed within 60 seconds after payment confirmation. Our automated system ensures instant setup with zero manual intervention required.'
+                        ],
+                        [
+                            'question' => 'What payment methods do you accept?',
+                            'answer' => 'We accept all major payment methods including credit/debit cards, PayPal, cryptocurrency, and local payment options. All transactions are secured with industry-standard encryption.'
+                        ],
+                        [
+                            'question' => 'Can I upgrade or downgrade my plan anytime?',
+                            'answer' => 'Yes! You can upgrade or downgrade your hosting plan at any time through your dashboard. Changes take effect immediately, and we\'ll pro-rate any pricing differences.'
+                        ],
+                        [
+                            'question' => 'Do you offer refunds if I\'m not satisfied?',
+                            'answer' => 'We offer a 30-day money-back guarantee. If you\'re not completely satisfied with our service within the first 30 days, contact our support team for a full refund.'
+                        ],
+                        [
+                            'question' => 'What kind of support do you provide?',
+                            'answer' => 'We provide 24/7 customer support through live chat, email, and ticket system. Our expert team is always ready to help you with technical issues, setup assistance, or any questions.'
+                        ],
+                        [
+                            'question' => 'How do you handle DDoS attacks?',
+                            'answer' => 'All our servers come with enterprise-grade DDoS protection that automatically detects and mitigates attacks in real-time, ensuring your server stays online even during large-scale attacks.'
+                        ]
+                        ];
+                    @endphp
+
+                    @foreach($faqs as $index => $faq)
+                    <div class="group border border-neutral rounded-xl overflow-hidden bg-background-secondary hover:border-primary/30 transition-all duration-300">
+                        <button 
+                            @click="openFaq = openFaq === {{ $index }} ? null : {{ $index }}"
+                            class="w-full flex items-center justify-between p-6 text-left"
+                            :aria-expanded="openFaq === {{ $index }}"
+                        >
+                            <span class="text-lg font-semibold text-color-base pr-8">
+                                {{ theme('faq_'.($index + 1).'_question', $faq['question']) }}
+                            </span>
+                            <span class="flex-shrink-0 transition-transform duration-300" 
+                                :class="{ 'rotate-45': openFaq === {{ $index }} }">
+                                <x-ri-add-line class="h-6 w-6 text-primary" />
+                            </span>
+                        </button>
+                        <div 
+                            x-show="openFaq === {{ $index }}"
+                            x-collapse
+                            class="overflow-hidden"
+                        >
+                            <div class="px-6 pb-6 text-color-muted leading-relaxed">
+                                {{ theme('faq_'.($index + 1).'_answer', $faq['answer']) }}
+                            </div>
+                        </div>
+                    </div>
+                    @endforeach
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- CTA Section -->
     <div class="py-12 md:py-16 bg-gradient-to-br from-background-secondary/50 to-background-secondary/30 rounded-2xl">
         <div class="container mx-auto px-4 text-center">