refactor: remove stats section from homepage layout to streamline design and focus on features, enhancing overall user experience
This commit is contained in:
@@ -156,81 +156,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stats Section -->
|
||||
<div class="py-16 md:py-24">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8">
|
||||
<!-- Uptime Stat -->
|
||||
<div class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up">
|
||||
<div
|
||||
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-success/30 hover:border-success/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-success/20">
|
||||
<div class="bg-success/20 text-success p-4 rounded-full inline-flex mb-6">
|
||||
<x-ri-time-line class="size-8" />
|
||||
</div>
|
||||
<div class="text-4xl md:text-5xl font-bold text-success mb-3">99.9%</div>
|
||||
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_uptime_title', 'Uptime
|
||||
Guarantee') }}</div>
|
||||
<div class="text-color-muted text-sm">{{ theme('stats_uptime_subtitle', 'Industry-leading
|
||||
reliability') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Support Stat -->
|
||||
<div
|
||||
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-100">
|
||||
<div
|
||||
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-primary/30 hover:border-primary/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-primary/20">
|
||||
<div class="bg-primary/20 text-primary p-4 rounded-full inline-flex mb-6">
|
||||
<x-ri-customer-service-line class="size-8" />
|
||||
</div>
|
||||
<div class="text-4xl md:text-5xl font-bold text-primary mb-3">24/7</div>
|
||||
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_support_title', 'Expert
|
||||
Support') }}</div>
|
||||
<div class="text-color-muted text-sm">{{ theme('stats_support_subtitle', 'Always here to help')
|
||||
}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Users Stat -->
|
||||
<div
|
||||
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-200">
|
||||
<div
|
||||
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-purple-500/30 hover:border-purple-500/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-purple-500/20">
|
||||
<div class="bg-purple-500/20 text-purple-500 p-4 rounded-full inline-flex mb-6">
|
||||
<x-ri-user-heart-line class="size-8" />
|
||||
</div>
|
||||
<div class="text-4xl md:text-5xl font-bold text-purple-500 mb-3">
|
||||
{{ number_format(\App\Models\User::count()+1439) }}+
|
||||
</div>
|
||||
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_users_title', 'Happy
|
||||
Gamers') }}</div>
|
||||
<div class="text-color-muted text-sm">{{ theme('stats_users_subtitle', 'Join our community') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Servers Stat -->
|
||||
<div
|
||||
class="text-center transform transition-all duration-300 hover:scale-105 animate-fade-in-up animation-delay-300">
|
||||
<div
|
||||
class="bg-gradient-to-br from-background-secondary/60 to-background-secondary/30 border border-orange-500/30 hover:border-orange-500/50 rounded-2xl p-6 md:p-8 shadow-xl hover:shadow-orange-500/20">
|
||||
<div class="bg-orange-500/20 text-orange-500 p-4 rounded-full inline-flex mb-6">
|
||||
<x-ri-database-line class="size-8" />
|
||||
</div>
|
||||
<div class="text-4xl md:text-5xl font-bold text-orange-500 mb-3">
|
||||
{{ number_format(\App\Models\Service::count()+2560) }}+
|
||||
</div>
|
||||
<div class="text-color-base font-bold text-lg mb-2">{{ theme('stats_servers_title', 'Servers
|
||||
Deployed') }}</div>
|
||||
<div class="text-color-muted text-sm">{{ theme('stats_servers_subtitle', 'Powering environments
|
||||
worldwide') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Actions Section -->
|
||||
<!-- Features Section -->
|
||||
<div class="py-12 md:py-20">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
|
||||
Reference in New Issue
Block a user