<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tân IT365 - Giải pháp IT toàn diện cho doanh nghiệp</title>
  <meta name="description" content="Tân IT365 cung cấp giải pháp công nghệ thông tin toàn diện: phần mềm quản lý bán hàng, hệ thống IT, giải pháp AI cho doanh nghiệp, hỗ trợ kỹ thuật 24/7.">
  <meta name="keywords" content="IT, công nghệ thông tin, phần mềm quản lý bán hàng, giải pháp AI, AI doanh nghiệp, chatbot AI, hệ thống mạng, cloud, backup">
  <meta property="og:title" content="Tân IT365 - Giải pháp IT toàn diện">
  <meta property="og:description" content="Phần mềm quản lý bán hàng-kho-tài chính, hệ thống IT, hỗ trợ kỹ thuật 24/7. Một đối tác duy nhất - mọi nhu cầu CNTT.">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Tân IT365 - Giải pháp IT toàn diện">
  <meta name="twitter:description" content="Giải pháp CNTT toàn diện cho doanh nghiệp Việt">
  <meta property="og:locale" content="vi_VN">
  <meta property="og:site_name" content="Tân IT365">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://tanit365.pages.dev">
  <link rel="icon" href="favicon.svg" type="image/svg+xml">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ProfessionalService",
    "name": "Tân IT365",
    "description": "Giải pháp công nghệ thông tin toàn diện cho doanh nghiệp Việt Nam: phần mềm quản lý, hệ thống IT, giải pháp AI, hỗ trợ kỹ thuật 24/7.",
    "url": "https://tanit365.pages.dev",
    "telephone": "+84982914413",
    "email": "tanacoustic93@gmail.com",
    "areaServed": "VN",
    "priceRange": "$$",
    "sameAs": [
      "https://www.facebook.com/tanacoustic"
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Tân IT365",
    "url": "https://tanit365.pages.dev",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://tanit365.pages.dev/blog/?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>
  <link rel="alternate" hreflang="vi" href="https://tanit365.pages.dev/">
  <link rel="canonical" href="https://tanit365.pages.dev/">
  <meta property="og:url" content="https://tanit365.pages.dev/">
  <meta property="og:image" content="https://tanit365.pages.dev/blog/posts/images/giai-phap-ai-cho-doanh-nghiep-2026.webp">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="683">
</head>
<body>

  <!-- NAV -->
  <nav class="nav" id="nav">
    <div class="container nav-inner">
      <a href="#" class="logo">
        <div class="logo-mark">T</div>
        <span class="logo-text">Tân <span class="accent">IT365</span></span>
      </a>
      <button class="menu-toggle" id="menuToggle" aria-label="Menu">
        <span></span><span></span><span></span>
      </button>
      <ul class="nav-links" id="navLinks">
        <li><a href="#dich-vu">Dịch vụ</a></li>
        <li><a href="#tai-sao">Ưu điểm</a></li>
        <li><a href="#quy-trinh">Quy trình</a></li>
        <li><a href="blog/">Blog</a></li>
        <li><a href="#lien-he" class="btn-nav">Liên hệ ngay</a></li>
      </ul>
    </div>
  </nav>

  <!-- HERO -->
  <header class="hero" id="hero">
    <div class="hero-bg">
      <div class="hero-orb hero-orb-1"></div>
      <div class="hero-orb hero-orb-2"></div>
      <div class="hero-orb hero-orb-3"></div>
      <div class="hero-grid"></div>
    </div>
    <div class="container hero-content">
      <div class="hero-badge">
        <span class="badge-dot"></span>
        Công nghệ thông tin &bull; Toàn quốc
      </div>
      <h1>Giải pháp IT<br><span class="gradient-text">toàn diện</span> cho doanh nghiệp</h1>
      <p class="hero-desc">Phần mềm quản lý bán hàng-kho-tài chính, hệ thống IT, hỗ trợ kỹ thuật 24/7.<br>Một đối tác duy nhất - mọi nhu cầu CNTT.</p>
      <div class="hero-cta">
        <a href="#lien-he" class="btn btn-primary btn-lg">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          Tư vấn miễn phí
        </a>
        <a href="#dich-vu" class="btn btn-glass btn-lg">
          Khám phá dịch vụ
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
        </a>
      </div>
      <div class="hero-stats">
        <div class="stat-card">
          <div class="stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <span class="stat-number" data-target="100">0</span><span class="stat-plus">+</span>
          <span class="stat-label">Khách hàng tin tưởng</span>
        </div>
        <div class="stat-card">
          <div class="stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <span class="stat-number" data-target="5">0</span><span class="stat-plus">+</span>
          <span class="stat-label">Năm kinh nghiệm</span>
        </div>
        <div class="stat-card">
          <div class="stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
          </div>
          <span class="stat-number" data-target="24">0</span><span class="stat-plus">/7</span>
          <span class="stat-label">Hỗ trợ kỹ thuật</span>
        </div>
      </div>
    </div>
    <div class="hero-scroll">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12l7 7 7-7"/></svg>
    </div>
  </header>

  <!-- DICH VU -->
  <section class="section" id="dich-vu">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Dịch vụ</span>
        <h2>Giải pháp phù hợp cho<br>mọi quy mô doanh nghiệp</h2>
        <p>Từ startup đến doanh nghiệp lớn - chúng tôi có giải pháp cho bạn</p>
      </div>

      <div class="services-grid">
        <!-- Card 1 -->
        <div class="service-card">
          <div class="card-glow"></div>
          <div class="service-icon-wrap icon-blue">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
          </div>
          <h3>Phần mềm quản lý</h3>
          <p>Quản lý bán hàng, kho hàng, tài chính trong một hệ thống duy nhất. Tự động hóa quy trình, giảm sai sót.</p>
          <ul class="service-features">
            <li>Bán hàng &amp; POS</li>
            <li>Kiểm kê kho tự động</li>
            <li>Báo cáo real-time</li>
          </ul>
        </div>

        <!-- Card 2 - Featured -->
        <div class="service-card featured">
          <div class="card-glow"></div>
          <div class="service-badge">Phổ biến nhất</div>
          <div class="service-icon-wrap icon-indigo">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
          </div>
          <h3>Hệ thống IT doanh nghiệp</h3>
          <p>Thiết kế, triển khai &amp; bảo trì hạ tầng IT: mạng, server, cloud, bảo mật - tất cả trong một gói.</p>
          <ul class="service-features">
            <li>Thiết kế mạng nội bộ</li>
            <li>Triển khai cloud &amp; server</li>
            <li>Bảo mật &amp; backup</li>
          </ul>
        </div>

        <!-- Card 3 -->
        <div class="service-card">
          <div class="card-glow"></div>
          <div class="service-icon-wrap icon-emerald">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          </div>
          <h3>Hỗ trợ kỹ thuật 24/7</h3>
          <p>Đội ngũ kỹ thuật sẵn sàng hỗ trợ mọi lúc. Giải quyết sự cố nhanh chóng, không gián đoạn kinh doanh.</p>
          <ul class="service-features">
            <li>Remote &amp; on-site</li>
            <li>Khắc phục sự cố 24/7</li>
            <li>Bảo trì định kỳ</li>
          </ul>
        </div>

        <!-- Card 4 -->
        <div class="service-card">
          <div class="card-glow"></div>
          <div class="service-icon-wrap icon-amber">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
          </div>
          <h3>Tư vấn giải pháp CNTT</h3>
          <p>Phân tích nhu cầu, tư vấn giải pháp phù hợp nhất với ngân sách và mục tiêu kinh doanh của bạn.</p>
          <ul class="service-features">
            <li>Đánh giá hạ tầng</li>
            <li>Chiến lược chuyển đổi số</li>
            <li>Tối ưu chi phí IT</li>
          </ul>
        </div>
        <!-- Card 5 - AI -->
        <div class="service-card featured">
          <div class="card-glow"></div>
          <div class="service-badge">Mới 2026</div>
          <div class="service-icon-wrap icon-purple">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a4 4 0 0 1 4 4c1.5 0 3 1 3 3 0 1.5-1 2.5-2 3 0 2.5-3 5-5 5s-5-2.5-5-5c-1-.5-2-1.5-2-3 0-2 1.5-3 3-3a4 4 0 0 1 4-4z"/><path d="M12 14v6"/><path d="M9 22h6"/></svg>
          </div>
          <h3>Giải pháp AI cho doanh nghiệp</h3>
          <p>Ứng dụng trí tuệ nhân tạo: chatbot chăm sóc khách hàng 24/7, phân tích dữ liệu dự đoán, tự động hóa quy trình - cắt giảm chi phí, tăng năng suất.</p>
          <ul class="service-features">
            <li>Chatbot AI 24/7</li>
            <li>AI phân tích dữ liệu</li>
            <li>Tự động hóa quy trình</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- TAI SAO -->
  <section class="section section-dark" id="tai-sao">
    <div class="container">
      <div class="section-header light">
        <span class="section-tag">Ưu điểm</span>
        <h2>Tại sao chọn Tân IT365?</h2>
        <p>Không chỉ sửa chữa - chúng tôi hiểu doanh nghiệp bạn cần gì</p>
      </div>
      <div class="features-grid">
        <div class="feature">
          <div class="feature-icon">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <h3>Hiểu rõ doanh nghiệp Việt</h3>
          <p>Giải pháp thiết kế riêng cho đặc thù kinh doanh tại Việt Nam - từ quy định thuế, POS đến quản lý kho.</p>
        </div>
        <div class="feature">
          <div class="feature-icon">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <h3>Chi phí minh bạch</h3>
          <p>Không phí phả ẩn. Báo giá rõ ràng trước khi bắt đầu. Tư vấn miễn phí - bạn chỉ trả khi hài lòng.</p>
        </div>
        <div class="feature">
          <div class="feature-icon">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
          </div>
          <h3>Phản hồi nhanh</h3>
          <p>Sự cố IT không thể chờ. Đội ngũ hỗ trợ 24/7, cam kết phản hồi trong 30 phút.</p>
        </div>
        <div class="feature">
          <div class="feature-icon">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <h3>Hợp tác dài hạn</h3>
          <p>Chúng tôi không bán xong rồi bỏ. Đồng hành từ triển khai đến bảo trì, phát triển bền vững.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- QUY TRINH -->
  <section class="section" id="quy-trinh">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Quy trình</span>
        <h2>Đơn giản - Rõ ràng - Hiệu quả</h2>
        <p>Từ liên hệ đầu tiên đến triển khai hoàn chỉnh</p>
      </div>
      <div class="process-steps">
        <div class="step">
          <div class="step-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          </div>
          <div class="step-num">01</div>
          <h3>Tư vấn miễn phí</h3>
          <p>Liên hệ. Lắng nghe nhu cầu, tư vấn giải pháp phù hợp nhất.</p>
        </div>
        <div class="step-connector">
          <svg width="40" height="12" viewBox="0 0 40 12"><path d="M0 6h36M32 1l5 5-5 5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <div class="step">
          <div class="step-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
          </div>
          <div class="step-num">02</div>
          <h3>Đề xuất &amp; báo giá</h3>
          <p>Gửi đề xuất chi tiết kèm báo giá minh bạch. Bạn duyệt trước khi bắt đầu.</p>
        </div>
        <div class="step-connector">
          <svg width="40" height="12" viewBox="0 0 40 12"><path d="M0 6h36M32 1l5 5-5 5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <div class="step">
          <div class="step-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
          </div>
          <div class="step-num">03</div>
          <h3>Triển khai</h3>
          <p>Đội ngũ kỹ thuật triển khai theo đúng kế hoạch. Theo dõi tiến độ real-time.</p>
        </div>
        <div class="step-connector">
          <svg width="40" height="12" viewBox="0 0 40 12"><path d="M0 6h36M32 1l5 5-5 5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </div>
        <div class="step">
          <div class="step-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
          </div>
          <div class="step-num">04</div>
          <h3>Hỗ trợ &amp; bảo trì</h3>
          <p>Hoàn thành + đào tạo nhân sự. Hỗ trợ 24/7 sau triển khai.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- LIEN HE -->
  <section class="section section-cta" id="lien-he">
    <div class="cta-bg">
      <div class="cta-orb cta-orb-1"></div>
      <div class="cta-orb cta-orb-2"></div>
    </div>
    <div class="container">
      <div class="cta-content">
        <h2>Bắt đầu ngay hôm nay</h2>
        <p>Tư vấn miễn phí - không ràng buộc. Đội ngũ Tân IT365 sẵn sàng hỗ trợ bạn.</p>
        <div class="cta-contacts">
          <a href="tel:0982914413" class="cta-contact">
            <div class="cta-contact-icon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            </div>
            <span>0982.914.413</span>
          </a>
          <a href="mailto:tanacoustic93@gmail.com" class="cta-contact">
            <div class="cta-contact-icon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            </div>
            <span>tanacoustic93@gmail.com</span>
          </a>
        </div>

        <form class="contact-form" id="contactForm">
          <div class="form-row">
            <div class="form-group">
              <label for="name">Họ và tên <span class="required">*</span></label>
              <input type="text" id="name" name="name" placeholder="Nguyễn Văn A" required>
            </div>
            <div class="form-group">
              <label for="phone">Số điện thoại <span class="required">*</span></label>
              <input type="tel" id="phone" name="phone" placeholder="0912 345 678" required>
            </div>
          </div>
          <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" placeholder="email@congty.vn">
          </div>
          <div class="form-group">
            <label for="service">Dịch vụ quan tâm</label>
            <select id="service" name="service">
              <option value="">-- Chọn dịch vụ --</option>
              <option value="phan-mem">Phần mềm quản lý bán hàng-kho-tài chính</option>
              <option value="he-thong">Hệ thống IT doanh nghiệp</option>
              <option value="ho-tro">Hỗ trợ kỹ thuật 24/7</option>
              <option value="tu-van">Tư vấn giải pháp CNTT</option>
              <option value="ai">Giải pháp AI cho doanh nghiệp</option>
              <option value="khac">Khác</option>
            </select>
          </div>
          <div class="form-group">
            <label for="message">Nội dung</label>
            <textarea id="message" name="message" rows="4" placeholder="Mô tả ngắn gọn nhu cầu của bạn..."></textarea>
          </div>
          <button type="submit" class="btn btn-primary btn-lg btn-full">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
            Gửi tư vấn miễn phí
          </button>
          <p class="form-note">* Chúng tôi sẽ phản hồi trong vòng 24 giờ qua email hoặc điện thoại.</p>
        </form>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="footer">
    <div class="container footer-inner">
      <div class="footer-brand">
        <a href="#" class="logo">
          <div class="logo-mark">T</div>
          <span class="logo-text">Tân <span class="accent">IT365</span></span>
        </a>
        <p>Giải pháp công nghệ thông tin toàn diện<br>cho doanh nghiệp Việt Nam.</p>
        <div class="footer-social">
          <a href="https://www.facebook.com/tanacoustic" target="_blank" rel="noopener" aria-label="Facebook" class="social-link">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
          </a>
        </div>
      </div>
      <div class="footer-links">
        <h4>Dịch vụ</h4>
        <ul>
          <li><a href="#dich-vu">Phần mềm quản lý</a></li>
          <li><a href="#dich-vu">Hệ thống IT</a></li>
          <li><a href="#dich-vu">Hỗ trợ kỹ thuật</a></li>
          <li><a href="#dich-vu">Tư vấn CNTT</a></li>
          <li><a href="#dich-vu">Giải pháp AI</a></li>
          <li><a href="blog/">Blog kiến thức</a></li>
        </ul>
      </div>
      <div class="footer-links">
        <h4>Liên hệ</h4>
        <ul>
          <li>
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px;opacity:.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            0982.914.413
          </li>
          <li>
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px;opacity:.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            tanacoustic93@gmail.com
          </li>
          <li>
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px;opacity:.5"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            Phục vụ toàn quốc
          </li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <p>&copy; 2026 Tân IT365. Tất cả quyền được bảo lưu.</p>
      </div>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>