nuxt-layer-core 1.0.1

package/app/layers/solution/app/composables/useCookieHelper.ts

@@ -0,0 +1,81 @@
+/**
+ * Extract root domain from hostname.
+ * e.g. "dev.longvan.net" → ".longvan.net"
+ *      "longvan.net"     → ".longvan.net"
+ *      "localhost"       → "localhost"
+ */
+function getCookieDomain(): string {
+  if (typeof window === 'undefined') return ''
+  const hostname = window.location.hostname
+
+  // localhost / IP → không set domain (browser tự xử lý)
+  if (hostname === 'localhost' || /^\d{1,3}(\.\d{1,3}){3}$/.test(hostname)) {
+    return hostname
+  }
+
+  const parts = hostname.split('.')
+  // Lấy 2 phần cuối (root domain): longvan.net, example.com, ...
+  if (parts.length >= 2) {
+    return '.' + parts.slice(-2).join('.')
+  }
+  return hostname
+}
+
+/**
+ * Cookie helper composable — set, get, delete cookies theo domain hiện tại.
+ *
+ * Renamed from `useCookie` to avoid collision with Nuxt's built-in auto-import.
+ *
+ * Usage:
+ *   const { setCookie, getCookie, deleteCookie } = useCookieHelper()
+ *   setCookie('token', 'abc123', 7)       // expires in 7 days
+ *   getCookie('token')                     // → 'abc123'
+ *   deleteCookie('token')
+ */
+export function useCookieHelper() {
+  /**
+   * Lưu cookie.
+   * @param key   - Tên cookie
+   * @param value - Giá trị cookie
+   * @param days  - Số ngày hết hạn (mặc định 365)
+   */
+  function setCookie(key: string, value: string, days = 365): void {
+    const date = new Date()
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
+    const expires = 'expires=' + date.toUTCString()
+    const domain = getCookieDomain()
+    const domainPart = domain ? `; domain=${domain}` : ''
+    document.cookie = `${key}=${encodeURIComponent(value)}; ${expires}; path=/${domainPart}`
+  }
+
+  /**
+   * Lấy giá trị cookie theo key.
+   * @param key - Tên cookie
+   * @returns Giá trị cookie hoặc null nếu không tìm thấy
+   */
+  function getCookie(key: string): string | null {
+    const name = key + '='
+    const decodedCookie = decodeURIComponent(document.cookie)
+    const cookies = decodedCookie.split(';')
+
+    for (let cookie of cookies) {
+      cookie = cookie.trim()
+      if (cookie.startsWith(name)) {
+        return cookie.substring(name.length)
+      }
+    }
+    return null
+  }
+
+  /**
+   * Xóa cookie theo key.
+   * @param key - Tên cookie cần xóa
+   */
+  function deleteCookie(key: string): void {
+    const domain = getCookieDomain()
+    const domainPart = domain ? `; domain=${domain}` : ''
+    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/${domainPart}`
+  }
+
+  return { setCookie, getCookie, deleteCookie }
+}

package/app/layers/solution/app/composables/useCrmApi.ts

@@ -0,0 +1,32 @@
+export const useCrmApi = () => {
+  const { $sdk } = useNuxtApp()
+
+  const addOpportunity = async (payload: {
+    name: string
+    description: string
+    referName: string
+    referPhone: string
+    referEmail: string
+    priorityName?: string
+    targetUrl?: string
+    extSource?: string
+    ownerId?: string
+  }) => {
+    const addOpportunityRequest = {
+      name: payload.name,
+      description: payload.description,
+      referName: payload.referName,
+      referPhone: payload.referPhone,
+      referEmail: payload.referEmail,
+      priorityName: payload.priorityName || 'MEDIUM',
+      targetId: '',
+      targetUrl: payload.targetUrl || '',
+      extSource: payload.extSource || '',
+      ownerId: payload.ownerId || '',
+    }
+
+    return $sdk.crm.addOpportunity(addOpportunityRequest, 'ANONYMOUS')
+  }
+
+  return { addOpportunity }
+}

package/app/layers/solution/app/composables/useDynamicCollection.ts

@@ -0,0 +1,23 @@
+export const useDynamicCollection = () => {
+    const { $sdk } = useNuxtApp()
+
+    const handleGetSlugPathView = (slug: string, type: string) => {
+        try {
+            const response = $sdk.dynamic_collection.getSlugPathView(slug, type);
+
+            if (response) {
+                return response
+            } else {
+                return null;
+            }
+
+        } catch (error) {
+            console.log("🚀 ~ handleGetSlugPathView ~ error:", error);
+            return null;
+        }
+    }
+
+    return {
+        handleGetSlugPathView
+    }
+}

package/app/layers/solution/app/composables/usePlanNormalizer.ts

@@ -0,0 +1,45 @@
+// Chuẩn hoá 1 item CMS (đến từ item_id_0M_groups_0N của CoursesSection hoặc PricingPlansSection)
+// về cùng 1 shape, để mọi nơi tiêu thụ (CtaSection, PricingPlansSection...) không phải đoán field theo từng nguồn.
+export interface NormalizedPlanItem {
+  id: string
+  name: string
+  level: string
+  duration: string
+  description: string
+  features: string[]
+  price?: number
+  prices?: Record<string, number>
+  priceLabel: string
+  priceNote: string
+  highlight: boolean
+  url?: string
+  icon: string
+}
+
+export const normalizePlanItem = (item: any): NormalizedPlanItem | null => {
+  if (!item || typeof item !== 'object') return null
+
+  const features = Array.isArray(item.config_product)
+    ? item.config_product
+    : typeof item.config_product === 'string' && item.config_product
+      ? [item.config_product]
+      : Array.isArray(item.features)
+        ? item.features
+        : []
+
+  return {
+    id: String(item.productId ?? item.id ?? item.title ?? item.name ?? ''),
+    name: item.title || item.name || '',
+    level: item.level || '',
+    duration: item.time || item.unit || '',
+    description: item.short_description || item.desc || '',
+    features,
+    price: item.price,
+    prices: item.prices,
+    priceLabel: item.priceLabel || '',
+    priceNote: item.priceNote || '',
+    highlight: !!item.highlight,
+    url: item.url,
+    icon: item.icon || 'lucide:server',
+  }
+}

package/app/layers/solution/app/composables/useScrollAnimate.ts

@@ -0,0 +1,40 @@
+const presets: Record<string, string> = {
+  'fade-up': 'opacity-0 translate-y-8',
+  'fade-in': 'opacity-0',
+  'slide-left': 'opacity-0 -translate-x-8',
+  'slide-right': 'opacity-0 translate-x-8',
+  'scale-up': 'opacity-0 scale-95',
+}
+
+export function useScrollAnimate(selector: string, animation = 'fade-up') {
+  onMounted(() => {
+    const els = document.querySelectorAll<HTMLElement>(selector)
+    if (!els.length) return
+
+    const base = 'transition-all duration-700 ease-out'
+    const initial = presets[animation] || presets['fade-up']
+
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            const el = entry.target as HTMLElement
+            const delay = el.dataset.delay || '0'
+            el.style.transitionDelay = `${delay}ms`
+            el.classList.remove(...initial.split(' '))
+            el.classList.add('opacity-100', 'translate-y-0', 'translate-x-0', 'scale-100')
+            observer.unobserve(el)
+          }
+        }
+      },
+      { threshold: 0.1 }
+    )
+
+    els.forEach((el) => {
+      el.classList.add(...base.split(' '), ...initial.split(' '))
+      observer.observe(el)
+    })
+
+    onUnmounted(() => observer.disconnect())
+  })
+}

package/app/layers/solution/app/composables/useScrollToSection.ts

@@ -0,0 +1,13 @@
+export const useScrollToSection = () => {
+  const scrollTo = (id: string, behavior: ScrollBehavior = 'smooth') => {
+    if (!id) return
+    const el = document.getElementById(id)
+    if (el) {
+      el.scrollIntoView({ behavior })
+    }
+  }
+
+  return {
+    scrollTo,
+  }
+}

package/app/layers/solution/app/composables/useSolutionApi.ts

@@ -0,0 +1,73 @@
+export const useSolutionApi = () => {
+    const { $sdk } = useNuxtApp()
+    const { handleGetSlugPathView } = useDynamicCollection()
+
+    const getPublicProductDynamic = (categoryId: string) => {
+        return $sdk.marketplace.getPublicProductDynamic(categoryId, '', [
+            "supplierId",
+            "categoryId",
+            "storeChannel",
+            "productContent { resumeId resumeName resumeDesc }",
+            "product { partyId id title status }",
+            "slugPath { id slug basePath domain publicStatus type templateId contentId platform providerDomain profileId fullUrl url targetCTA }"
+        ])
+    }
+
+    const getResumeByIdData = (resumeId: string) => {
+        console.log("🚀 ~ getSolutionDetail ~ resumeId:", resumeId)
+        const data = $sdk.crm.getResumeById(resumeId, [
+            "resumeId",
+            "resumeName",
+            "status",
+            "statusCode",
+            "level",
+            "fieldResumes { fieldName value fieldType type children { fieldName value fieldType type children { fieldName value fieldType type children { fieldName value fieldType type } } } }"
+        ])
+        console.log("🚀 ~ getResumeByIdData ~ data:", data)
+
+        return data
+    }
+
+    // Tạm thời: dò slug path theo cấp bất kỳ (slug/slug2/slug3), lấy object đầu tiên rồi gọi resume theo profileId
+    const getSlugData = async (slug: string) => {
+        const list = await handleGetSlugPathView(slug, 'giai-phap')
+        console.log("🚀 ~ getSlugData ~ list:", list)
+
+        const first = list?.[0]
+        console.log("🚀 ~ getSlugData ~ first:", first)
+
+        const profileId = first?.profileId
+        if (!profileId) return { productData: first, resumeData: null }
+
+        const resumeData = await getResumeByIdData(profileId)   
+        console.log("🚀 ~ getSlugData ~ resumeData:", resumeData)
+
+        return { productData: first, resumeData }
+    }
+
+    const getSolutionDetail = async (slug: string, type: string) => {
+        const productData = await handleGetSlugPathView(slug, type)
+
+        if(productData.length > 0){
+            const getData = productData?.find((c:any)=> c.type == type) ?? productData?.[0];
+
+            // console.log("🚀 ~ getSolutionDetail ~ productData:", productData)
+            const resumeId = getData?.profileId
+            // console.log("🚀 ~ getSolutionDetail ~ resumeId:", resumeId)
+            if (!resumeId) return { productData, resumeData: null }
+            const resumeData = await getResumeByIdData(resumeId)
+            // console.log("🚀 ~ getSolutionDetail ~ resumeData:", resumeData)
+            return { productData, resumeData }
+        }else{
+            return { productData: null, resumeData: null }
+        }
+        
+    }
+
+    return {
+        getPublicProductDynamic,
+        getResumeByIdData,
+        getSolutionDetail,
+        getSlugData,
+    }
+}

package/app/layers/solution/app/composables/useToast.ts

@@ -0,0 +1,14 @@
+import { toast } from 'vue-sonner'
+
+export function useToast() {
+  return {
+    success: (message: string) => toast.success(message),
+    error: (message: string) => toast.error(message),
+    info: (message: string) => toast.info(message),
+    warning: (message: string) => toast.warning(message),
+    promise: <T>(
+      promise: Promise<T>,
+      msgs: { loading: string; success: string | ((data: T) => string); error: string | ((err: unknown) => string) }
+    ) => toast.promise(promise, msgs),
+  }
+}

package/app/layers/solution/app/data/pricingPlans.ts

@@ -0,0 +1,150 @@
+export const hciPlans = [
+  {
+    id: 'hci-2',
+    name: 'HCI2 - 3 NODE, 120 CORE, 384GB RAM, 2.88TB NVME',
+    desc: 'Cụm 3 node cho doanh nghiệp vừa và nhỏ',
+    unit: '/tháng',
+    priceLabel: '',
+    prices: { 12: 8540000, 24: 8038000, 36: 7535000 },
+    tags: ['3 node x86', 'Ceph 3 bản sao', '10 GbE nội cụm', '~20 TB khả dụng'],
+    features: [
+      'Không chi phí đầu tư thiết bị ban đầu',
+      'Triển khai, tinh chỉnh và bật High Availability',
+      'Bảo hành, thay thế phần cứng trong suốt thời gian thuê',
+      'Đào tạo vận hành 1 buổi cho đội IT',
+    ],
+    highlight: false,
+    url: 'https://dev.longvan.net/san-pham/hci2',
+  },
+  {
+    id: 'hci-3',
+    name: 'HCI3 - 8 NODE, 160 CORE, 1024GB RAM, 7.68TB NVME',
+    desc: 'Cụm mở rộng cho hệ thống production',
+    unit: '/tháng',
+    priceLabel: '',
+    prices: { 12: 17847000, 24: 16844000, 36: 15791000 },
+    tags: ['5 node NVMe', 'Ceph RBD + CephFS', '25 GbE dự phòng', '~60 TB khả dụng'],
+    features: [
+      'Proxmox Backup Server riêng đi kèm',
+      'SDN, firewall phân tầng cho từng VM',
+      'Giám sát, cảnh báo toàn cụm 24/7',
+      'Nâng cấp cấu hình giữa kỳ không phát sinh phí ký lại',
+    ],
+    highlight: true,
+    url: 'https://dev.longvan.net/san-pham/hci3',
+  },
+  {
+    id: 'hci-4',
+    name: 'HCI4 - 8 NODE, 320 CORE, 1024GB RAM, 7.68TB NVME',
+    desc: 'Cụm mở rộng cho hệ thống production',
+    unit: '/tháng',
+    priceLabel: '',
+    prices: { 12: 22773000, 24: 21433000, 36: 20094000 },
+    tags: ['Từ 8 node', 'Ceph đa pool', 'Mạng lõi 100 GbE', 'Dung lượng theo yêu cầu'],
+    features: [
+      'Nhân bản chéo hai trung tâm dữ liệu',
+      'Kịch bản DR và diễn tập định kỳ',
+      'Tự động hóa qua API/Terraform',
+      'Kỹ sư trực onsite theo SLA cam kết',
+    ],
+    highlight: false,
+    url: 'https://dev.longvan.net/san-pham/hci4',
+  },
+]
+
+export const workshopPlans = [
+  {
+    id: 'workshop-online',
+    name: 'Workshop Trực tuyến',
+    desc: 'Tham gia từ xa · lab riêng trên cloud',
+    unit: '/học viên',
+    priceLabel: '',
+    price: 2900000,
+    priceNote: '',
+    tags: ['1 ngày · 8 giờ', 'Trực tuyến', 'Lab cloud riêng'],
+    features: [
+      'Cài đặt Proxmox VE từ số 0',
+      'Dựng cụm HCI với Ceph, bật High Availability',
+      'Ghi hình buổi học để xem lại 30 ngày',
+      'Checklist triển khai dùng ngay',
+    ],
+    highlight: false,
+  },
+  {
+    id: 'workshop-onsite',
+    name: 'Workshop Tại lớp',
+    desc: 'Học trực tiếp cùng giảng viên',
+    unit: '/học viên',
+    priceLabel: '',
+    price: 3900000,
+    priceNote: '',
+    tags: ['1 ngày · 8 giờ', 'Tại lớp', 'Thiết bị thật tại lab'],
+    features: [
+      'Thao tác trực tiếp trên cụm nhiều node',
+      'Mô phỏng sự cố node và tự phục hồi',
+      'Hỏi đáp 1-1 với giảng viên',
+      'Suất ăn trưa và tài liệu in kèm',
+    ],
+    highlight: true,
+  },
+  {
+    id: 'workshop-enterprise',
+    name: 'Workshop Nội bộ doanh nghiệp',
+    desc: 'Tổ chức riêng cho đội IT của bạn',
+    unit: '/lớp tối đa 15 người',
+    priceLabel: 'Từ ',
+    price: 39000000,
+    priceNote: '',
+    tags: ['1-2 ngày', 'Tại doanh nghiệp', 'Nội dung tùy chỉnh'],
+    features: [
+      'Nội dung thiết kế theo hạ tầng hiện có',
+      'Giảng viên và thiết bị lab tới tận nơi',
+      'Đánh giá năng lực đội IT sau workshop',
+      'Ưu đãi khi kết hợp gói thuê HCI',
+    ],
+    highlight: false,
+  },
+]
+
+export const trainingPlans = [
+  {
+    id: 'training-deploy',
+    name: 'Deployment & Management',
+    desc: 'Nền tảng · máy chủ đơn',
+    unit: '/học viên',
+    priceLabel: 'Từ ',
+    price: 9900000,
+    priceNote: '',
+    tags: ['14 giờ · 2 buổi', 'Trực tuyến hoặc tại lớp', 'Lab thực hành riêng'],
+    features: ['Cài đặt, mạng, lưu trữ, VM/LXC', 'Backup, phân quyền, tường lửa', 'Chứng nhận hoàn thành Proxmox'],
+    highlight: false,
+  },
+  {
+    id: 'training-cluster',
+    name: 'Clustering & Shared Storage',
+    desc: 'Chuyên sâu · cụm và Ceph',
+    unit: '/học viên',
+    priceLabel: 'Từ ',
+    price: 11900000,
+    priceNote: '',
+    tags: ['14 giờ · 2 buổi', 'Trực tuyến hoặc tại lớp', 'Lab cụm nhiều node'],
+    features: ['Cluster, pmxcfs, Corosync, SDN', 'Ceph HCI, ZFS replication, HA', 'Kịch bản sự cố thực chiến'],
+    highlight: true,
+  },
+  {
+    id: 'training-bundle',
+    name: 'Proxmox VE Bundle',
+    desc: 'Trọn gói cả hai khóa · tiết kiệm hơn',
+    unit: '/học viên',
+    priceLabel: 'Từ ',
+    price: 19900000,
+    priceNote: '',
+    tags: ['28 giờ · 4-5 buổi', 'Trực tuyến hoặc tại lớp', 'Lộ trình liền mạch'],
+    features: [
+      'Gồm đủ Module 1 và Module 2',
+      'Ưu đãi khi đăng ký theo nhóm',
+      'Hỗ trợ hỏi đáp sau khóa học',
+    ],
+    highlight: false,
+  },
+]

package/app/layers/solution/app/data/proxmox-content.ts

@@ -0,0 +1,158 @@
+// Toàn bộ nội dung trong file này là dữ liệu giả (mock data) dùng để dựng giao diện demo.
+
+export const heroStats = [
+  { value: "1.000+", label: "Doanh nghiệp tin dùng" },
+  { value: "50%", label: "Tiết kiệm chi phí bản quyền" },
+  { value: "99.99%", label: "Uptime đảm bảo (HA)" },
+  { value: "24/7", label: "Hỗ trợ kỹ thuật chuyên gia" }
+]
+
+export const veFeatureList = [
+  { icon: "cpu", text: "Quản lý VM (KVM) & Container (LXC)" },
+  { icon: "globe", text: "Giao diện web trực quan, dễ vận hành" },
+  { icon: "layers", text: "Snapshot, Backup & Restore tích hợp" },
+  { icon: "activity", text: "Monitoring tài nguyên theo thời gian thực" },
+  { icon: "share", text: "Software Defined Network (SDN)" },
+  { icon: "cluster", text: "Hỗ trợ cluster HA tự động failover" }
+]
+
+export const veFeatureCards = [
+  { icon: "cpu", title: "KVM Virtualization", desc: "Hiệu năng gần native" },
+  { icon: "database", title: "Ceph Storage", desc: "Lưu trữ phân tán HA" },
+  { icon: "share", title: "SDN / Networking", desc: "VLAN, VXLAN tích hợp" },
+  { icon: "shield", title: "Proxmox Backup", desc: "Dedup & incremental" },
+  { icon: "bolt", title: "HA Cluster", desc: "Failover tự động" },
+  { icon: "chart", title: "Monitoring", desc: "Real-time dashboard" }
+]
+
+export const hciOverviewCards = [
+  {
+    icon: "layers",
+    title: "Hợp nhất Compute – Storage – Network",
+    desc: "Tích hợp toàn bộ thành phần hạ tầng vào một platform duy nhất, giảm thiểu độ phức tạp vận hành."
+  },
+  {
+    icon: "database",
+    title: "Ceph Distributed Storage",
+    desc: "Lưu trữ phân tán hiệu năng cao với deduplication, không cần SAN/NAS riêng biệt."
+  },
+  {
+    icon: "share",
+    title: "Software Defined Network",
+    desc: "Quản lý VLAN, VXLAN, SDN ngay trong giao diện web Proxmox, không cần thiết bị mạng phức tạp."
+  },
+  {
+    icon: "shield",
+    title: "Backup & Disaster Recovery",
+    desc: "Proxmox Backup Server tích hợp incremental backup, khôi phục nhanh, tiết kiệm dung lượng."
+  },
+  {
+    icon: "bolt",
+    title: "High Availability Cluster",
+    desc: "Tự động failover khi node gặp sự cố, duy trì uptime 99.99% không gián đoạn dịch vụ."
+  },
+  {
+    icon: "trending",
+    title: "Mở rộng không giới hạn",
+    desc: "Thêm node mới vào cluster không gián đoạn hệ thống, scale linh hoạt theo nhu cầu doanh nghiệp."
+  }
+]
+
+export const trainingBenefits = [
+  {
+    icon: "book",
+    title: "Làm chủ toàn diện Proxmox VE",
+    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."
+  },
+  {
+    icon: "users",
+    title: "Học từ chuyên gia thực chiến",
+    desc: "Tiếp thu kinh nghiệm 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."
+  },
+  {
+    icon: "layers",
+    title: "Thực hành Lab môi trường thật",
+    desc: "Trực tiếp thao tác và giải quyết tình huống giả lập sát với thực tế doanh nghiệp, không chỉ lý thuyết."
+  },
+  {
+    icon: "bolt",
+    title: "Troubleshooting thần tốc",
+    desc: "Trang bị kỹ năng nhận diện 'bệnh' hệ thống nhạy bén, xử lý sự cố chính xác và dứt điểm."
+  },
+  {
+    icon: "trending",
+    title: "Thăng tiến & Khẳng định vị thế",
+    desc: "Nâng tầm giá trị bản thân, tạo dựng sự tín nhiệm với cấp trên nhờ năng lực chuyên môn vượt trội."
+  },
+  {
+    icon: "award",
+    title: "Chứng nhận chính quy",
+    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 và sự đầu tư nghiêm túc."
+  }
+]
+
+export const comparisonRows = [
+  { label: "Hiệu suất", hci: "Vượt trội", legacy: "Đạt", legacyOk: true },
+  { label: "Chi phí ban đầu", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Triển khai ban đầu", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Mở rộng tài nguyên", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Quản lý & vận hành", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Quản lý ngân sách", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Uptime", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Sao lưu dự phòng", hci: "Vượt trội", legacy: "Hạn chế" },
+  { label: "Chuyển đổi mô hình", hci: "Vượt trội", legacy: "Hạn chế" }
+]
+
+export const testimonials = [
+  {
+    quote:
+      "Ban đầu định đăng ký gói cao nhất, nhưng buổi tư vấn cho thấy đội em chỉ cần gói Nền tảng. Tiết kiệm được kha khá chi phí mà vẫn đạt mục tiêu.",
+    name: "Học viên",
+    role: "System Admin"
+  },
+  {
+    quote:
+      "Người tư vấn hỏi rất kỹ về hạ tầng hiện tại trước khi gợi ý khóa học, nên nội dung học sát với công việc thật, không lan man.",
+    name: "Học viên",
+    role: "DevOps Engineer"
+  },
+  {
+    quote:
+      "Nhờ được tư vấn đúng lộ trình, công ty chuyển từ VMware sang cluster HCI trên Proxmox và cắt gần 60% chi phí license hàng năm.",
+    name: "Học viên",
+    role: "IT Manager"
+  }
+]
+
+export const faqItems = [
+  {
+    question: "Khóa học phù hợp với đối tượng nào?",
+    answer:
+      "Khóa học phù hợp với System Admin, DevOps Engineer, IT Manager và bất kỳ ai đang vận hành hạ tầng máy chủ, muốn chuyển đổi sang nền tảng ảo hóa mã nguồn mở tiết kiệm chi phí."
+  },
+  {
+    question: "Học xong có thể làm được gì ngay?",
+    answer:
+      "Bạn có thể tự triển khai cluster Proxmox HCI hoàn chỉnh với Ceph Storage, SDN và HA, đồng thời xử lý các sự cố vận hành thường gặp trong môi trường doanh nghiệp."
+  },
+  {
+    question: "Môi trường lab thực hành như thế nào?",
+    answer:
+      "Học viên được cấp quyền truy cập lab thật, mô phỏng sát hạ tầng doanh nghiệp thực tế, thao tác trực tiếp trên cluster nhiều node thay vì chỉ xem demo."
+  },
+  {
+    question: "Thời gian học và hình thức học?",
+    answer:
+      "Khóa học tổ chức linh hoạt cả online và offline, với lịch học buổi tối hoặc cuối tuần để phù hợp với người đang đi làm."
+  },
+  {
+    question: "Có hỗ trợ sau khi hoàn thành khóa học không?",
+    answer:
+      "Học viên được tham gia nhóm hỗ trợ kỹ thuật riêng, tư vấn thêm khi triển khai thực tế tại doanh nghiệp sau khi kết thúc khóa học."
+  },
+  {
+    question: "Tôi chưa biết nên chọn khóa nào?",
+    answer:
+      "Đặt lịch tư vấn miễn phí 15 phút, đội ngũ chuyên gia sẽ khảo sát hạ tầng hiện tại và đề xuất lộ trình học phù hợp nhất với bạn."
+  }
+]

package/app/layers/solution/app/layouts/default.vue

@@ -0,0 +1,5 @@
+<template>
+    <div class="layer-theme pt-16">
+        <slot />
+    </div>
+</template>

package/app/layers/solution/app/nuxt.config.ts

@@ -0,0 +1,15 @@
+export default defineNuxtConfig({
+    imports: {
+    dirs: [
+      "composables/**",
+      "services",
+      "types",
+    ],
+  },
+  components: [
+    {
+      path: "./components",
+      global: true,
+    },
+  ],
+})