refactor: comment out testimonials section and update third testimonial name for clarity, preparing for future layout adjustments
This commit is contained in:
@@ -426,7 +426,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonials Section -->
|
||||
<!--
|
||||
|
||||
<div class="py-20">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
@@ -439,6 +440,7 @@
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
|
||||
<div class="bg-gradient-to-br from-background-secondary/80 to-background-secondary/40 backdrop-blur-sm border border-primary/20 p-8 rounded-2xl transform transition-all duration-300 hover:scale-105 hover:border-primary/40">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-primary to-primary/80 rounded-full flex items-center justify-center mr-4">
|
||||
@@ -459,6 +461,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-gradient-to-br from-background-secondary/80 to-background-secondary/40 backdrop-blur-sm border border-secondary/20 p-8 rounded-2xl transform transition-all duration-300 hover:scale-105 hover:border-secondary/40">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-secondary to-secondary/80 rounded-full flex items-center justify-center mr-4">
|
||||
@@ -479,13 +482,14 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-gradient-to-br from-background-secondary/80 to-background-secondary/40 backdrop-blur-sm border border-success/20 p-8 rounded-2xl transform transition-all duration-300 hover:scale-105 hover:border-success/40">
|
||||
<div class="flex items-center mb-6">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-success to-success/80 rounded-full flex items-center justify-center mr-4">
|
||||
<span class="text-white font-bold">{{ substr(theme('testimonial_3_name', 'Mike Rodriguez'), 0, 1) }}{{ substr(explode(' ', theme('testimonial_3_name', 'Mike Rodriguez'))[1] ?? '', 0, 1) }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-color-base">{{ theme('testimonial_3_name', 'Mike Rodriguez') }}</h4>
|
||||
<h4 class="font-bold text-color-base">{{ theme('testimonial_3_name', 'Sarah Anderson') }}</h4>
|
||||
<p class="text-color-muted text-sm">{{ theme('testimonial_3_role', 'Gaming Community Leader') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -496,89 +500,16 @@
|
||||
<x-ri-star-fill class="size-5 text-warning" />
|
||||
<x-ri-star-fill class="size-5 text-warning" />
|
||||
<x-ri-star-fill class="size-5 text-warning" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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">
|
||||
|
||||
Reference in New Issue
Block a user