Trang chủ

<script>
window.homeData = () => ({
  init() {
    if (!Alpine.store('home')) {
      Alpine.store('home', {
        core: Tana.persist({
          // Nhập các từ/cụm từ bạn muốn tô màu nổi bật trên trang chủ
          highlights: ['Dừng tích trữ', 'chưa biết bắt đầu từ đâu?'],
          cache: {}
        }).as('home_core').using(sessionStorage)
      });
    }
  },
  highlight(text) {
    if (!text) return text;
    const store = Alpine.store('home');
    if (!store || !store.core) return text;
    if (store.core.cache[text]) return store.core.cache[text];
    const highlights = store.core.highlights;
    if (!highlights || !Array.isArray(highlights)) return text;
    const escaped = highlights.map(w => w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'));
    const regex = new RegExp(`(${escaped.join('|')})`, 'gi');
    const result = text.replace(regex, '<span class="text-ghost">$1</span>');
    store.core.cache[text] = result;
    return result;
  }
});
</script>

<script>
window.welcomeData = () => ({
  welcome: Tana.persist({
    heading:    'Chào mừng bạn đến với TanaFlows', // Tiêu đề khối
    subheading: 'Khám phá cách xây dựng tài sản trí tuệ và sự nghiệp số tự động.', // Mô tả ngắn
    image:      'https://images.unsplash.com/photo-1516321318423-f06f85e504b3', // Link ảnh minh họa
    cta:        'Tham gia cộng đồng ngay', // Nhãn nút bấm
    url:        'https://tanaflows.com/community', // Link nút bấm
    note:       'Tham gia hoàn toàn miễn phí', // Ghi chú dưới nút
  }).as('home_welcome').using(sessionStorage)
});
</script>

<script>
window.productsData = () => ({
  store: Tana.persist({
    heading:    'Vũ khí tối thượng cho Creator',
    subheading: 'Những công cụ và dịch vụ giúp bạn tự động hóa dòng tiền từ kiến thức.',
    products: [
      {
        category:    'KHÓA HỌC',
        title:       'Thử thách 30 ngày viết đều',
        description: 'Lộ trình từ con số 0 giúp bạn xây dựng thói quen tạo bài viết chất lượng mỗi ngày.',
        icon:        'https://img.icons8.com/isometric/512/opened-folder.png', // Link ảnh icon sản phẩm
        cta:         'Tìm hiểu ngay',
        url:         'https://tanaflows.com/challenge',
        badge:       'Phổ biến nhất', // Huy hiệu nhỏ ở góc thẻ sản phẩm
      },
      {
        category:    'TEMPLATE',
        title:       'Bộ não số Tana Builder',
        description: 'Hệ thống quản lý tri thức, dự án và ghi chú chuyên sâu dành riêng cho phần mềm Tana.',
        icon:        'https://img.icons8.com/isometric/512/brain.png',
        cta:         'Tải Template',
        url:         'https://tanaflows.com/tana-builder',
        badge:       'Tặng kèm khóa học',
      }
    ],
    // Trích dẫn nổi bật nằm dưới danh sách sản phẩm
    quote: {
      avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e', // Link ảnh tác giả câu nói
      text:   'Kiến thức chỉ là sức mạnh tiềm năng. Nó chỉ trở thành sức mạnh thực sự khi được chuyển hóa thành các kế hoạch hành động cụ thể.',
      author: 'Napoleon Hill',
    },
  }).as('home_products').using(sessionStorage),

  get heading()    { return this.store.heading },
  get subheading() { return this.store.subheading },
  get products()   { return this.store.products },
  get quote()      { return this.store.quote },
});
</script>

<script>
window.giftData = () => ({
  store: Tana.persist({
    image:       'https://images.unsplash.com/photo-1522202176988-66273c2fd55f', // Ảnh bên trái
    heading:     'Bạn vẫn thấy choáng ngợp và chưa biết bắt đầu?', // Tiêu đề
    description: 'Đừng vội mang vác thêm công cụ. Trước khi sở hữu bản đồ sự nghiệp số, bạn cần tháo gỡ các tư duy sai lầm để tránh kiệt sức.', // Mô tả
    bullets: [
      { icon: '❌', text: 'Gỡ bỏ gánh nặng ghi chép vụn vặt hàng ngày.' },
      { icon: '✅', text: 'Khai thông tư duy thiết lập hệ thống tự vận hành.' },
    ],
    cta: {
      label: 'Nhận bản đồ miễn phí',
      url:   'https://tanaflows.com/free-roadmap',
    },
  }).as('home_gift').using(sessionStorage),

  get image()       { return this.store.image },
  get heading()     { return this.store.heading },
  get description() { return this.store.description },
  get bullets()     { return this.store.bullets },
  get cta()         { return this.store.cta },
});
</script>

<script>
window.testimonialsData = () => ({
  store: Tana.persist({
    heading:    'Cộng đồng nói gì về TanaFlows',
    subheading: 'Những câu chuyện chuyển đổi thật sự từ các Creators.',
    testimonials: [
      {
        name:   'Nguyễn Văn A',
        role:   'Content Creator',
        avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde', // Ảnh đại diện khách hàng
        quote:  'Hệ thống template Tana giúp tôi tiết kiệm 2 tiếng mỗi ngày để sắp xếp ý tưởng bài viết.',
        badge:  'Thành viên Diamond',
      },
      {
        name:   'Trần Thị B',
        role:   'Writer & Blogger',
        avatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330',
        quote:  'Giao diện theme tải nhanh kinh khủng khiếp. Độc giả của tôi rất thích trải nghiệm này!',
        badge:  'Học viên K1',
      }
    ],
  }).as('home_testimonials').using(sessionStorage),

  get heading()      { return this.store.heading },
  get subheading()   { return this.store.subheading },
  get testimonials() { return this.store.testimonials },
});
</script>

<script>
window.featuredPostsData = () => ({
  store: Tana.persist({
    heading:    'Bài viết chọn lọc khuyên đọc',
    subheading: 'Những kiến thức nền tảng giúp bạn đi nhanh và bền vững hơn trên hành trình số.',
  }).as('home_featured').using(sessionStorage),

  get heading()    { return this.store.heading },
  get subheading() { return this.store.subheading },
});
</script>