nuxt-layer-core 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/layers/solution/app/components/CoursesSection.vue +244 -244
- package/app/layers/solution/app/components/CtaSection.vue +3 -3
- package/app/layers/solution/app/components/FeaturesSection.vue +66 -66
- package/app/layers/solution/app/components/HeroSection.vue +3 -3
- package/app/layers/solution/app/components/LinuxVersionsSection.vue +1 -1
- package/app/layers/solution/app/components/PricingPlansSection.vue +396 -396
- package/app/layers/solution/app/components/RegistrationForm.vue +1 -1
- package/app/layers/solution/app/components/TestimonialsSection.vue +57 -57
- package/app/layers/solution/app/components/TheFooter.vue +60 -60
- package/app/layers/solution/app/components/TheHeader.vue +6 -6
- package/app/layers/solution/app/components/proxmox/HeroSection.vue +3 -3
- package/package.json +1 -1
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<section id="giai-phap" class="py-24 bg-white">
|
|
3
|
-
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
|
4
|
-
<div class="text-center mb-16">
|
|
5
|
-
<h2 class="text-[#004AC6] font-bold uppercase tracking-widest text-sm mb-2">Lợi ích khóa học</h2>
|
|
6
|
-
<h3 class="font-['Montserrat'] font-extrabold text-2xl sm:text-3xl text-slate-900 mb-4">
|
|
7
|
-
Vì sao nên tham gia đào tạo Proxmox VE?
|
|
8
|
-
</h3>
|
|
9
|
-
<p class="text-slate-500 max-w-2xl mx-auto">
|
|
10
|
-
Đầu tư một lần vào đào tạo bài bản không chỉ giúp bạn tối ưu năng lực vận hành, cắt giảm chi phí hạ tầng mà còn tạo bước đệm bứt phá trên con đường sự nghiệp.
|
|
11
|
-
</p>
|
|
12
|
-
</div>
|
|
13
|
-
|
|
14
|
-
<div class="grid grid-cols-1
|
|
15
|
-
<div
|
|
16
|
-
v-for="(item, i) in features"
|
|
17
|
-
:key="item.title"
|
|
18
|
-
:data-delay="i * 100"
|
|
19
|
-
class="feature-card bg-white p-8 rounded-xl border border-slate-200 hover:shadow-xl hover:border-blue-200 transition-all"
|
|
20
|
-
>
|
|
21
|
-
<div class="w-11 h-11 rounded-[10px] bg-blue-50 flex items-center justify-center mb-6 text-[#004AC6]">
|
|
22
|
-
<Icon :name="item.icon" />
|
|
23
|
-
</div>
|
|
24
|
-
<h4 class="font-bold text-lg text-slate-900 mb-3">{{ item.title }}</h4>
|
|
25
|
-
<p class="text-sm text-slate-500 leading-relaxed">{{ item.desc }}</p>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
</section>
|
|
30
|
-
</template>
|
|
31
|
-
|
|
32
|
-
<script setup>
|
|
33
|
-
useScrollAnimate('.feature-card', 'scale-up')
|
|
34
|
-
|
|
35
|
-
const features = [
|
|
36
|
-
{
|
|
37
|
-
icon: 'lucide:server',
|
|
38
|
-
title: 'Làm chủ toàn diện Proxmox VE',
|
|
39
|
-
desc: 'Nắm vững trọn vẹn các khái niệm cốt lõi, từ triển khai ảo hóa cơ bản đến quản trị các tính năng cao cấp của nền tảng.'
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
icon: 'lucide:award',
|
|
43
|
-
title: 'Học từ chuyên gia thực chiến',
|
|
44
|
-
desc: 'Tiếp thu kinh nghiệm vận hành ảo hóa trực tiếp từ đội ngũ giảng viên được chứng nhận, đã xử lý hàng ngàn bài toán hệ thống.'
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
icon: 'lucide:monitor-play',
|
|
48
|
-
title: 'Thực hành Lab môi trường thật',
|
|
49
|
-
desc: 'Không chỉ học lý thuyết, bạn sẽ trực tiếp thao tác và giải quyết các tình huống giả lập sát với thực tế doanh nghiệp.'
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
icon: 'lucide:activity',
|
|
53
|
-
title: 'Troubleshooting thần tốc',
|
|
54
|
-
desc: 'Trang bị kỹ năng nhận diện "bệnh" hệ thống nhạy bén, giúp bạn xử lý sự cố chính xác và dứt điểm hơn bao giờ hết.'
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
icon: 'lucide:trending-up',
|
|
58
|
-
title: 'Thăng tiến & Khẳng định vị thế',
|
|
59
|
-
desc: 'Nâng tầm giá trị bản thân, tạo dựng sự tín nhiệm tuyệt đối với cấp trên, đồng nghiệp và đối tác nhờ năng lực chuyên môn vượt trội.'
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
icon: 'lucide:file-badge',
|
|
63
|
-
title: 'Chứng nhận chính quy',
|
|
64
|
-
desc: 'Nhận chứng chỉ hoàn thành khóa học danh giá, minh chứng rõ nét cho năng lực thực sự và sự đầu tư nghiêm túc của bạn.'
|
|
65
|
-
}
|
|
66
|
-
]
|
|
1
|
+
<template>
|
|
2
|
+
<section id="giai-phap" class="py-24 bg-white">
|
|
3
|
+
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
|
4
|
+
<div class="text-center mb-16">
|
|
5
|
+
<h2 class="text-[#004AC6] font-bold uppercase tracking-widest text-sm mb-2">Lợi ích khóa học</h2>
|
|
6
|
+
<h3 class="font-['Montserrat'] font-extrabold text-2xl sm:text-3xl text-slate-900 mb-4">
|
|
7
|
+
Vì sao nên tham gia đào tạo Proxmox VE?
|
|
8
|
+
</h3>
|
|
9
|
+
<p class="text-slate-500 max-w-2xl mx-auto">
|
|
10
|
+
Đầu tư một lần vào đào tạo bài bản không chỉ giúp bạn tối ưu năng lực vận hành, cắt giảm chi phí hạ tầng mà còn tạo bước đệm bứt phá trên con đường sự nghiệp.
|
|
11
|
+
</p>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
|
|
15
|
+
<div
|
|
16
|
+
v-for="(item, i) in features"
|
|
17
|
+
:key="item.title"
|
|
18
|
+
:data-delay="i * 100"
|
|
19
|
+
class="feature-card bg-white p-8 rounded-xl border border-slate-200 hover:shadow-xl hover:border-blue-200 transition-all"
|
|
20
|
+
>
|
|
21
|
+
<div class="w-11 h-11 rounded-[10px] bg-blue-50 flex items-center justify-center mb-6 text-[#004AC6]">
|
|
22
|
+
<Icon :name="item.icon" />
|
|
23
|
+
</div>
|
|
24
|
+
<h4 class="font-bold text-lg text-slate-900 mb-3">{{ item.title }}</h4>
|
|
25
|
+
<p class="text-sm text-slate-500 leading-relaxed">{{ item.desc }}</p>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</section>
|
|
30
|
+
</template>
|
|
31
|
+
|
|
32
|
+
<script setup>
|
|
33
|
+
useScrollAnimate('.feature-card', 'scale-up')
|
|
34
|
+
|
|
35
|
+
const features = [
|
|
36
|
+
{
|
|
37
|
+
icon: 'lucide:server',
|
|
38
|
+
title: 'Làm chủ toàn diện Proxmox VE',
|
|
39
|
+
desc: 'Nắm vững trọn vẹn các khái niệm cốt lõi, từ triển khai ảo hóa cơ bản đến quản trị các tính năng cao cấp của nền tảng.'
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
icon: 'lucide:award',
|
|
43
|
+
title: 'Học từ chuyên gia thực chiến',
|
|
44
|
+
desc: 'Tiếp thu kinh nghiệm vận hành ảo hóa trực tiếp từ đội ngũ giảng viên được chứng nhận, đã xử lý hàng ngàn bài toán hệ thống.'
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
icon: 'lucide:monitor-play',
|
|
48
|
+
title: 'Thực hành Lab môi trường thật',
|
|
49
|
+
desc: 'Không chỉ học lý thuyết, bạn sẽ trực tiếp thao tác và giải quyết các tình huống giả lập sát với thực tế doanh nghiệp.'
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
icon: 'lucide:activity',
|
|
53
|
+
title: 'Troubleshooting thần tốc',
|
|
54
|
+
desc: 'Trang bị kỹ năng nhận diện "bệnh" hệ thống nhạy bén, giúp bạn xử lý sự cố chính xác và dứt điểm hơn bao giờ hết.'
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
icon: 'lucide:trending-up',
|
|
58
|
+
title: 'Thăng tiến & Khẳng định vị thế',
|
|
59
|
+
desc: 'Nâng tầm giá trị bản thân, tạo dựng sự tín nhiệm tuyệt đối với cấp trên, đồng nghiệp và đối tác nhờ năng lực chuyên môn vượt trội.'
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
icon: 'lucide:file-badge',
|
|
63
|
+
title: 'Chứng nhận chính quy',
|
|
64
|
+
desc: 'Nhận chứng chỉ hoàn thành khóa học danh giá, minh chứng rõ nét cho năng lực thực sự và sự đầu tư nghiêm túc của bạn.'
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
67
|
</script>
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
DevOps phù hợp nhất — thay vì để bạn tự đoán.
|
|
52
52
|
</p>
|
|
53
53
|
|
|
54
|
-
<div class="flex flex-wrap gap-4">
|
|
54
|
+
<div class="flex flex-wrap justify-center gap-4 lg:justify-start">
|
|
55
55
|
<NuxtLink to="#lien-he" @click.prevent="scrollTo('lien-he')"
|
|
56
56
|
class="bg-white text-[#004AC6] px-7 py-3.5 rounded-[10px] font-bold flex items-center gap-2 hover:bg-blue-50 transition-colors shadow-lg active:scale-95">
|
|
57
57
|
Đặt lịch tư vấn miễn phí
|
|
@@ -65,8 +65,8 @@
|
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
|
|
68
|
-
<!-- Right -->
|
|
69
|
-
<div class="relative
|
|
68
|
+
<!-- Right: ẩn trên mobile/tablet để tiết kiệm chiều cao, chỉ hiện khi có đủ chỗ 2 cột -->
|
|
69
|
+
<div class="relative hidden justify-center lg:flex">
|
|
70
70
|
<div class="relative z-10 rounded-2xl overflow-hidden">
|
|
71
71
|
<!-- <NuxtImg src="/images/image_from_https_hercules_cdn.com_file_6dztkvkfnip0ud23tzzvu57c.png"
|
|
72
72
|
alt="Long Vân Proxmox Infrastructure" class="w-full h-full object-contain p-4" /> -->
|