trevor/sst_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AdminLTE3

Browse Source
This commit is contained in:
Andrey K. Choi
2025-10-26 22:14:47 +09:00
parent 291fc63a4c
commit 9974811a3e
226 changed files with 88284 additions and 3406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
views/services.ejs
View File

@@ -17,10 +17,10 @@
<!-- Services Grid -->
<section class="section-padding">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto space-y-8">
<div class="space-y-12">
<% if (services && services.length > 0) { %>
<% services.forEach((service, index) => { %>
<div class="relative overflow-hidden rounded-3xl shadow-2xl hover:shadow-3xl transition-all duration-500 transform hover:-translate-y-1 mx-auto max-w-3xl"
<div class="relative overflow-hidden rounded-3xl shadow-2xl hover:shadow-3xl transition-all duration-500 transform hover:-translate-y-1"
data-aos="fade-up"
data-aos-delay="<%= index * 150 %>">
@@ -33,12 +33,10 @@
overflow-hidden">
<!-- Service Image/Icon Area -->
<div class="absolute left-0 top-0 w-1/2 h-full flex items-center justify-center">
<div class="absolute left-0 top-0 w-2/5 h-full flex items-center justify-center px-6 py-4">
<div class="relative z-10">
<!-- Large service icon -->
<div class="w-32 h-32 bg-white bg-opacity-20 rounded-full flex items-center justify-center mb-6 backdrop-blur-sm">
<i class="<%= service.icon || 'fas fa-cog' %> text-white text-6xl"></i>
</div>
<!-- Service illustration -->
<!-- Decorative elements -->
<div class="absolute -top-8 -left-8 w-24 h-24 bg-white bg-opacity-10 rounded-full animate-pulse"></div>
@@ -50,12 +48,22 @@
</div>
<!-- Service Content Area -->
<div class="absolute right-0 top-0 w-1/2 h-full flex items-center">
<div class="p-8 text-right w-full">
<hr>
<div class="absolute right-0 top-5 bottom-5 w-1/5 h-half flex items-center pr-8 pl-4 py-2">
<div class="text-right w-full">
<!-- Featured Badge - moved above category -->
<% if (service.featured) { %>
<div class="mb-3">
<span class="bg-yellow-400 text-gray-900 px-3 py-1 rounded-full text-sm font-bold shadow-lg">
<i class="fas fa-star"></i> <%- __('services.cards.popular') %>
</span>
</div>
<% } %>
<!-- Service Category Badge -->
<div class="inline-block mb-4">
<span class="bg-white bg-opacity-20 text-white px-4 py-2 rounded-full text-sm font-medium backdrop-blur-sm">
<span class="bg-white bg-opacity-90 text-gray-800 px-4 py-2 rounded-full text-sm font-medium backdrop-blur-sm shadow-sm">
<%= service.category %>
</span>
</div>
@@ -85,29 +93,17 @@
<!-- Action Buttons -->
<div class="flex flex-col gap-3 items-end">
<a href="/contact?service=<%= service._id %>"
class="bg-white text-gray-900 px-6 py-3 rounded-xl font-semibold hover:bg-gray-100 transition-all duration-300 transform hover:scale-105 shadow-lg">
<%- __('services.cards.contact') %>
</a>
<a href="/calculator?service=<%= service._id %>"
class="border-2 border-white text-white px-6 py-3 rounded-xl font-semibold hover:bg-white hover:text-gray-900 transition-all duration-300 transform hover:scale-105">
<%- __('services.cards.calculate_cost') %>
</a>
</div>
<!-- Featured Badge -->
<% if (service.featured) { %>
<div class="absolute top-4 right-4">
<span class="bg-yellow-400 text-gray-900 px-3 py-1 rounded-full text-sm font-bold shadow-lg">
<i class="fas fa-star"></i> <%- __('services.cards.popular') %>
</span>
</div>
<% } %>
</div>
</div>
</div>
</div>
<% }) %>
<hr>
<% } else { %>
<div class="text-center py-12">
<i class="fas fa-cogs text-6xl text-gray-300 mb-4"></i>