<!doctype html>

<html lang="vi">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>KCD |</title>
     <link rel="shortcut icon" href="https://i.imgur.com/id5lO3D.png" />
    <link rel="stylesheet" href="/assets/landing/styles.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.6.2/countUp.umd.js"></script>
    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" async></script>
    
  </head>
  <style>.blog-img {
  width: 100%;
  aspect-ratio: 16/9; /* chuẩn đẹp */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
}
.logo-img {
    height: 40px; /* chỉnh theo ý bạn */
    width: auto;
    object-fit: contain;
}</style>
  <body>
    <!-- Header -->
    <header class="header">
      <div class="header-wrapper">
        <div class="header-left">
          <div class="logo">
            <a href="/" class="logo d-flex align-items-center">
    <img src="https://i.imgur.com/id5lO3D.png" alt="Viweb.vn" class="logo-img">
</a>
          </div>
          <nav class="nav-dropdown">
            <button class="nav-dropdown-toggle">Dịch vụ</button>

            <div class="nav-dropdown-menu">
              <!-- Website -->
              <a href="#services" class="dropdown-item">
                <span class="item-icon">
                  <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
                    <rect
                      x="3"
                      y="4"
                      width="18"
                      height="14"
                      rx="2"
                      stroke="#3498db"
                      stroke-width="2"
                    />
                    <path d="M3 8h18" stroke="#3498db" stroke-width="2" />
                  </svg>
                </span>
                <div>
                  <span class="item-title">Thiết kế Website</span>
                  <span class="item-desc"
                    >Website chuyên nghiệp, chuẩn SEO</span
                  >
                </div>
              </a>

              <!-- Hosting -->
              <a href="#services" class="dropdown-item">
                <span class="item-icon">
                  <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
                    <rect
                      x="4"
                      y="4"
                      width="16"
                      height="6"
                      rx="2"
                      stroke="#2ecc71"
                      stroke-width="2"
                    />
                    <rect
                      x="4"
                      y="14"
                      width="16"
                      height="6"
                      rx="2"
                      stroke="#2ecc71"
                      stroke-width="2"
                    />
                    <circle cx="8" cy="7" r="1" fill="#2ecc71" />
                    <circle cx="8" cy="17" r="1" fill="#2ecc71" />
                  </svg>
                </span>
                <div>
                  <span class="item-title">Dịch vụ Hosting</span>
                  <span class="item-desc"
                    >Máy chủ tốc độ cao, uptime 99.9%</span
                  >
                </div>
              </a>

              <!-- Domain -->
              <a href="#services" class="dropdown-item">
                <span class="item-icon">
                  <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
                    <circle
                      cx="12"
                      cy="12"
                      r="9"
                      stroke="#9b59b6"
                      stroke-width="2"
                    />
                    <path
                      d="M3 12h18M12 3c3 3.5 3 14 0 18M12 3c-3 3.5-3 14 0 18"
                      stroke="#9b59b6"
                      stroke-width="2"
                    />
                  </svg>
                </span>
                <div>
                  <span class="item-title">Đăng ký Tên miền</span>
                  <span class="item-desc"
                    >Sở hữu tên miền thương hiệu riêng</span
                  >
                </div>
              </a>
            </div>
          </nav>
        </div>
        <nav class="nav-links">
          <a href="#pricing">Bảng giá</a>
          <a href="#portfolio">Dự án</a>
          <a href="#blog">Blog</a>
          <a href="#contact">Liên hệ</a>
        </nav>
        <div class="header-actions">
          <a href="auth/login" class="btn btn-secondary">Đăng nhập</a>
          <a href="auth/register" class="btn btn-primary">Bắt đầu ngay</a>
        </div>
      </div>
    </header>

    <!-- Hero -->
    <section class="hero">
      <div class="hero-container">
        <div class="hero-content">
          <div class="hero-tag">
            <!-- <span class="hero-tag-icon">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
                <path
                  d="M5 19c1.5-3.5 5-7 8-8l3-7 3 3-7 3c-1 3-4.5 6.5-8 8z"
                  fill="#f4b400"
                />
                <circle cx="14" cy="10" r="1.5" fill="white" />
              </svg>
            </span> -->
            Giải pháp công nghệ toàn diện
          </div>
          <h1 class="hero-title">Xây dựng <em>thương hiệu số</em> của bạn</h1>
          <p class="hero-subtitle">
            Giải pháp trọn gói từ thiết kế website, hosting tốc độ cao đến tên
            miền uy tín — giúp bạn xây dựng và phát triển thương hiệu online
            nhanh chóng, ổn định và chuyên nghiệp.
          </p>

          <!-- Nếu Thích Hiển Thị Thì Mở Lại -->
          <!-- <div class="hero-buttons">
            <button class="btn btn-primary btn-large">Tư vấn miễn phí</button>
            <button class="btn btn-outline btn-large">Xem dự án</button>
          </div> -->

          <div class="hero-stats">
            <div class="stat-item">
              <span class="stat-num" id="count1">500+</span
              ><span class="stat-label">Dự án hoàn thành</span>
            </div>
            <div class="stat-divider"></div>
            <div class="stat-item">
              <span class="stat-num" id="count2">99.9%</span
              ><span class="stat-label">Uptime đảm bảo</span>
            </div>
            <div class="stat-divider"></div>
            <div class="stat-item">
              <span class="stat-num">24/7</span
              ><span class="stat-label">Hỗ trợ kỹ thuật</span>
            </div>
          </div>
        </div>
        <div class="hero-visual">
          <div class="hero-card floating">
            <div class="hcard-header">
              <div class="hcard-dot red"></div>
              <div class="hcard-dot yellow"></div>
              <div class="hcard-dot green"></div>
            </div>
            <div class="hcard-body">
              <div class="hcard-line w80"></div>
              <div class="hcard-line w60"></div>
              <div class="hcard-line w70 accent"></div>
              <div class="hcard-line w50"></div>
              <div class="hcard-block"></div>
            </div>
          </div>
          <div class="hero-badge badge-1">
            <span class="badge-icon">
              <!-- Lightning -->
              <svg width="16" height="16" viewBox="0 0 24 24" fill="#f4b400">
                <path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" />
              </svg>
            </span>
            Tốc độ cao
          </div>

          <div class="hero-badge badge-2">
            <span class="badge-icon">
              <!-- Shield -->
              <svg width="16" height="16" viewBox="0 0 24 24" fill="#2ecc71">
                <path d="M12 2l7 4v6c0 5-3.5 9.5-7 10-3.5-.5-7-5-7-10V6l7-4z" />
              </svg>
            </span>
            Bảo mật SSL
          </div>
          <div class="gradient-shape shape-1"></div>
          <div class="gradient-shape shape-2"></div>
        </div>
      </div>
    </section>

    <!-- Services -->
    <section id="services" class="services" data-aos="fade-up">
  <div class="container">
    <div class="section-tag" data-aos="fade-right">Dịch vụ</div>

    <div class="section-header" data-aos="fade-up" data-aos-delay="100">
      <h2>Giải pháp <span class="text-accent">Thiết kế Website</span></h2>
    </div>

    <div class="services-grid-4">
      <div class="service-card-v2" data-aos="zoom-in" data-aos-delay="0">
        <div class="sc-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <rect x="2" y="3" width="20" height="14" rx="2" />
            <path d="M8 21h8M12 17v4" />
          </svg>
        </div>
        <h3>Thiết kế Website</h3>
        <p>
          Tạo website chuyên nghiệp, chuẩn SEO, tối ưu trải nghiệm người
          dùng.
        </p>
        <a href="/kho-giao-dien" class="sc-link">Xem chi tiết →</a>
      </div>

      <div class="service-card-v2" data-aos="zoom-in" data-aos-delay="100">
        <div class="sc-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <rect x="2" y="2" width="20" height="8" rx="2" />
            <rect x="2" y="14" width="20" height="8" rx="2" />
            <line x1="6" y1="6" x2="6.01" y2="6" />
            <line x1="6" y1="18" x2="6.01" y2="18" />
          </svg>
        </div>
        <h3>Dịch vụ Hosting</h3>
        <p>
          Máy chủ tốc độ cao, bảo mật, uptime 99.9% phục vụ mọi nhu cầu.
        </p>
        <a href="#" class="sc-link">Xem chi tiết →</a>
      </div>

      <div class="service-card-v2" data-aos="zoom-in" data-aos-delay="200">
        <div class="sc-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <circle cx="12" cy="12" r="10" />
            <line x1="2" y1="12" x2="22" y2="12" />
            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
          </svg>
        </div>
        <h3>Đăng ký Tên miền</h3>
        <p>
          Sở hữu tên miền đẹp, thương hiệu riêng cho cá nhân và doanh
          nghiệp.
        </p>
        <a href="/kiem-tra-mien" class="sc-link">Xem chi tiết →</a>
      </div>

      <div class="service-card-v2" data-aos="zoom-in" data-aos-delay="300">
        <div class="sc-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <rect x="2" y="5" width="20" height="14" rx="2" />
            <line x1="2" y1="10" x2="22" y2="10" />
          </svg>
        </div>
        <h3>Dịch vụ số</h3>
        <p>Kho source code, shop game, giải pháp công nghệ đa dạng.</p>
        <a href="/kho-web-code" class="sc-link">Xem chi tiết →</a>
      </div>
    </div>
  </div>
</section>

    <!-- Process -->
    <section class="process" data-aos="fade-up">
  <div class="container">
    <div class="section-tag" data-aos="fade-right">Quy trình làm việc</div>

    <div class="section-header" data-aos="fade-up" data-aos-delay="100">
      <h2>
        Từ ý tưởng đến <span class="text-accent">sản phẩm hoàn chỉnh</span>
      </h2>
      <p>Quy trình rõ ràng, minh bạch — từ tư vấn đến bàn giao.</p>
    </div>

    <div class="process-steps">
      <div class="process-step" data-aos="fade-up" data-aos-delay="0">
        <div class="step-number">1</div>
        <div class="step-icon-wrap" style="--sc: #e8f4fd">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
          </svg>
        </div>
        <h3>Tư vấn & Phân tích</h3>
        <p>Tìm hiểu nhu cầu khách hàng, đề xuất giải pháp phù hợp nhất.</p>
      </div>

      <div class="step-connector" data-aos="fade-in" data-aos-delay="50"></div>

      <div class="process-step" data-aos="fade-up" data-aos-delay="100">
        <div class="step-number">2</div>
        <div class="step-icon-wrap" style="--sc: #fef9e7">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <path d="M12 20h9"/>
            <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
          </svg>
        </div>
        <h3>Thiết kế giao diện</h3>
        <p>
          Xây dựng UI hiện đại, chuẩn UX, tối ưu trải nghiệm người dùng.
        </p>
      </div>

      <div class="step-connector" data-aos="fade-in" data-aos-delay="150"></div>

      <div class="process-step" data-aos="fade-up" data-aos-delay="200">
        <div class="step-number">3</div>
        <div class="step-icon-wrap" style="--sc: #edfcf4">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <polyline points="16 18 22 12 16 6"/>
            <polyline points="8 6 2 12 8 18"/>
          </svg>
        </div>
        <h3>Lập trình & Triển khai</h3>
        <p>Phát triển chức năng, cài đặt hosting, tên miền và database.</p>
      </div>

      <div class="step-connector" data-aos="fade-in" data-aos-delay="250"></div>

      <div class="process-step" data-aos="fade-up" data-aos-delay="300">
        <div class="step-number">4</div>
        <div class="step-icon-wrap" style="--sc: #f3eefe">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
            <polyline points="22 4 12 14.01 9 11.01"/>
          </svg>
        </div>
        <h3>Bàn giao & Hỗ trợ</h3>
        <p>
          Bàn giao hoàn chỉnh, đào tạo quản trị và hỗ trợ kỹ thuật 24/7.
        </p>
      </div>
    </div>
  </div>
</section>

    <!-- Portfolio -->
    <section id="portfolio" class="portfolio" data-aos="fade-up">
  <div class="container">
    <div class="portfolio-header-row">
      <div data-aos="fade-right">
        <div class="section-tag">Dự án thực tế</div>
        <h2>
          Một số <span class="text-accent">Website</span> được ưu chuộng
        </h2>
      </div>

      <a href="/kho-giao-dien" class="btn btn-outline" data-aos="fade-left" data-aos-delay="100">
        Xem tất cả dự án ↗
      </a>
    </div>

    <div class="portfolio-grid">
              <!-- Card 1 -->
      <div class="portfolio-card" data-aos="zoom-in" data-aos-delay="0">
        <div class="pf-thumb">
          <img
            src="https://i.imgur.com/L2XKHDE.gif" data-src="https://i.ibb.co/mCr93vMT/Fire-Shot-Capture-003-Website-Mockup-Generator-webmockupgenerator-com.png"
            alt="Mẫu shop game Roblox"
            class="pf-image lazyload"
          />
          <div class="pf-overlay">
            <a href="/tao-web/29" class="pf-cta-btn">Xem chi tiết →</a>
          </div>
          <div class="pf-badge" data-aos="fade-down" data-aos-delay="100">Nổi bật</div>
        </div>

        <div class="pf-info">
          <div class="pf-tags">
            <span>Thiết kế Website</span>
            <span>Shop game</span>
          </div>

          <h3>SHOP ACC GAME DELTA , ROBLOX GIỐNG RITO</h3>

          <div class="pf-meta-row">
            <div class="pf-price">280,000đ</div>

            <div class="pf-stats">
              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
                  <circle cx="12" cy="12" r="3" />
                </svg>
               1,658              </span>

              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
                </svg>
                1              </span>
            </div>
          </div>
        </div>
      </div>
            <!-- Card 1 -->
      <div class="portfolio-card" data-aos="zoom-in" data-aos-delay="0">
        <div class="pf-thumb">
          <img
            src="https://i.imgur.com/L2XKHDE.gif" data-src="https://i.ibb.co/My14L9j3/Fire-Shot-Capture-008-Website-Mockup-Generator-webmockupgenerator-com.png"
            alt="Mẫu shop game Roblox"
            class="pf-image lazyload"
          />
          <div class="pf-overlay">
            <a href="/tao-web/28" class="pf-cta-btn">Xem chi tiết →</a>
          </div>
          <div class="pf-badge" data-aos="fade-down" data-aos-delay="100">Nổi bật</div>
        </div>

        <div class="pf-info">
          <div class="pf-tags">
            <span>Thiết kế Website</span>
            <span>Shop game</span>
          </div>

          <h3>Shop Liên Minh Hiền THoại V1</h3>

          <div class="pf-meta-row">
            <div class="pf-price">225,000đ</div>

            <div class="pf-stats">
              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
                  <circle cx="12" cy="12" r="3" />
                </svg>
               4,159              </span>

              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
                </svg>
                0              </span>
            </div>
          </div>
        </div>
      </div>
            <!-- Card 1 -->
      <div class="portfolio-card" data-aos="zoom-in" data-aos-delay="0">
        <div class="pf-thumb">
          <img
            src="https://i.imgur.com/L2XKHDE.gif" data-src="https://i.ibb.co/GfzLBb1X/Fire-Shot-Capture-009-Website-Mockup-Generator-webmockupgenerator-com.png"
            alt="Mẫu shop game Roblox"
            class="pf-image lazyload"
          />
          <div class="pf-overlay">
            <a href="/tao-web/27" class="pf-cta-btn">Xem chi tiết →</a>
          </div>
          <div class="pf-badge" data-aos="fade-down" data-aos-delay="100">Nổi bật</div>
        </div>

        <div class="pf-info">
          <div class="pf-tags">
            <span>Thiết kế Website</span>
            <span>Shop game</span>
          </div>

          <h3>Shop Roblox v1</h3>

          <div class="pf-meta-row">
            <div class="pf-price">180,000đ</div>

            <div class="pf-stats">
              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
                  <circle cx="12" cy="12" r="3" />
                </svg>
               2,876              </span>

              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
                </svg>
                4              </span>
            </div>
          </div>
        </div>
      </div>
            <!-- Card 1 -->
      <div class="portfolio-card" data-aos="zoom-in" data-aos-delay="0">
        <div class="pf-thumb">
          <img
            src="https://i.imgur.com/L2XKHDE.gif" data-src="https://i.ibb.co/hnMGHCP/Fire-Shot-Capture-004-Website-Mockup-Generator-webmockupgenerator-com.png"
            alt="Mẫu shop game Roblox"
            class="pf-image lazyload"
          />
          <div class="pf-overlay">
            <a href="/tao-web/26" class="pf-cta-btn">Xem chi tiết →</a>
          </div>
          <div class="pf-badge" data-aos="fade-down" data-aos-delay="100">Nổi bật</div>
        </div>

        <div class="pf-info">
          <div class="pf-tags">
            <span>Thiết kế Website</span>
            <span>Shop game</span>
          </div>

          <h3>Shop Đa Game V1</h3>

          <div class="pf-meta-row">
            <div class="pf-price">200,000đ</div>

            <div class="pf-stats">
              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
                  <circle cx="12" cy="12" r="3" />
                </svg>
               3,013              </span>

              <span class="pf-stat">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
                </svg>
                12              </span>
            </div>
          </div>
        </div>
      </div>
           </div>
    </div>
   </section>

    <!-- Features -->
    <section id="features" class="features" data-aos="fade-up">
  <div class="container">
    <div class="features-layout">
      
      <div class="features-left" data-aos="fade-right">
        <div class="section-tag" data-aos="fade-right" data-aos-delay="0">
          Tại sao chọn chúng tôi
        </div>

        <h2 data-aos="fade-up" data-aos-delay="100">
          Cam kết chất lượng<br /><span class="text-accent">hàng đầu</span>
          Việt Nam
        </h2>

        <p data-aos="fade-up" data-aos-delay="200">
          Hơn 5 năm kinh nghiệm, chúng tôi tự hào phục vụ hàng nghìn khách
          hàng trên toàn quốc.
        </p>

        <button
          class="btn btn-primary"
          style="margin-top: 2rem"
          data-aos="zoom-in"
          data-aos-delay="300"
        >
          Tìm hiểu thêm →
        </button>
      </div>

      <div class="features-right">
        
        <div class="feature-item" data-aos="fade-left" data-aos-delay="0">
          <div class="fi-icon" style="background: #fef9e7">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="#f1c40f">
              <path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" />
            </svg>
          </div>
          <div>
            <h4>Tốc độ vượt trội</h4>
            <p>
              Hạ tầng SSD NVMe, CDN toàn cầu giúp website tải trong vòng 1
              giây.
            </p>
          </div>
        </div>

        <div class="feature-item" data-aos="fade-left" data-aos-delay="100">
          <div class="fi-icon" style="background: #edfcf4">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="#2ecc71">
              <path d="M12 2l7 4v6c0 5-3.5 9.5-7 10-3.5-.5-7-5-7-10V6l7-4z"/>
            </svg>
          </div>
          <div>
            <h4>Bảo mật tuyệt đối</h4>
            <p>SSL miễn phí, tường lửa WAF và sao lưu tự động mỗi ngày.</p>
          </div>
        </div>

        <div class="feature-item" data-aos="fade-left" data-aos-delay="200">
          <div class="fi-icon" style="background: #e8f4fd">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="#3498db">
              <path d="M4 4h16v12H5.17L4 17.17V4zm2 2v8h10V6H6z"/>
            </svg>
          </div>
          <div>
            <h4>Hỗ trợ 24/7</h4>
            <p>
              Đội ngũ kỹ thuật luôn sẵn sàng qua chat, email và điện thoại.
            </p>
          </div>
        </div>

        <div class="feature-item" data-aos="fade-left" data-aos-delay="300">
          <div class="fi-icon" style="background: #f3eefe">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="#9b59b6">
              <path d="M3 6h18v12H3V6zm2 2v8h14V8H5zm7 1a3 3 0 100 6 3 3 0 000-6z"/>
            </svg>
          </div>
          <div>
            <h4>Giá cả minh bạch</h4>
            <p>
              Không phí ẩn, không bất ngờ — giá niêm yết rõ ràng từ đầu.
            </p>
          </div>
        </div>

      </div>

    </div>
  </div>
</section>

    <!-- Pricing — Tabbed -->
    <section id="pricing" class="pricing" data-aos="fade-up">
  <div class="container">
    
    <div class="section-tag" data-aos="fade-right">
      Bảng giá
    </div>

    <div class="section-header" data-aos="fade-up" data-aos-delay="100">
      <h2>
        Giá dịch vụ <span class="text-accent">rõ ràng</span>, không phí ẩn
      </h2>
      <p>Chọn dịch vụ phù hợp với nhu cầu của bạn</p>
    </div>
        <div class="pricing-tabs">
          <button class="ptab active" data-tab="web">Thiết kế Web</button>
          <button class="ptab" data-tab="hosting">Hosting</button>
          <button class="ptab" data-tab="domain">Tên miền</button>
          <button class="ptab" data-tab="digital">Dịch vụ số</button>
        </div>

        <div class="pricing-panel active" id="tab-web">
          <div class="pricing-cards-compact">
            <div class="price-card-compact">
              <div class="pc-name">Landing Page</div>
              <div class="pc-price">₫1.500.000<span>/dự án</span></div>
              <ul class="pc-features">
                <li>✓ 1–3 trang</li>
                <li>✓ Giao diện responsive</li>
                <li>✓ Chuẩn SEO cơ bản</li>
                <li>✓ Bàn giao mã nguồn</li>
              </ul>
              <button class="btn btn-outline btn-block">Chọn gói</button>
            </div>
            <div class="price-card-compact featured">
              <div class="pc-badge">Phổ biến nhất</div>
              <div class="pc-name">Website doanh nghiệp</div>
              <div class="pc-price">₫4.500.000<span>/dự án</span></div>
              <ul class="pc-features">
                <li>✓ 5–10 trang</li>
                <li>✓ Thiết kế theo thương hiệu</li>
                <li>✓ SEO nâng cao</li>
                <li>✓ Form liên hệ + Map</li>
                <li>✓ Hỗ trợ 3 tháng</li>
              </ul>
              <button class="btn btn-primary btn-block">Chọn gói</button>
            </div>
            <div class="price-card-compact">
              <div class="pc-name">Shop bán hàng</div>
              <div class="pc-price">₫8.000.000<span>/dự án</span></div>
              <ul class="pc-features">
                <li>✓ Trang không giới hạn</li>
                <li>✓ Giỏ hàng & thanh toán</li>
                <li>✓ Quản lý sản phẩm</li>
                <li>✓ Tích hợp VNPAY/MoMo</li>
                <li>✓ Hỗ trợ 6 tháng</li>
              </ul>
              <button class="btn btn-outline btn-block">Chọn gói</button>
            </div>
          </div>
        </div>

        <div class="pricing-panel" id="tab-hosting">
          <!--<div class="pricing-cards-compact">-->
          <!--  <div class="price-card-compact">-->
          <!--    <div class="pc-name">Starter</div>-->
          <!--    <div class="pc-price">₫99.000<span>/tháng</span></div>-->
          <!--    <ul class="pc-features">-->
          <!--      <li>✓ 10GB SSD</li>-->
          <!--      <li>✓ 100GB băng thông</li>-->
          <!--      <li>✓ 5 website</li>-->
          <!--      <li>✓ SSL miễn phí</li>-->
          <!--    </ul>-->
          <!--    <button class="btn btn-outline btn-block">Đăng ký</button>-->
          <!--  </div>-->
            <div class="price-card-compact featured">
  <div class="pc-badge">Sắp ra mắt</div>
  <div class="pc-name">Business</div>

  <div class="pc-price">Đang phát triển</div>

  <ul class="pc-features">
    <li>🚧 Tính năng đang cập nhật</li>
    <li>🚧 Sẽ ra mắt trong thời gian tới</li>
    <li>🚧 Đang hoàn thiện hệ thống</li>
  </ul>

  <button class="btn btn-primary btn-block" disabled>
    Sắp ra mắt
  </button>
</div>
            <!--<div class="price-card-compact">-->
            <!--  <div class="pc-name">Enterprise</div>-->
            <!--  <div class="pc-price">₫599.000<span>/tháng</span></div>-->
            <!--  <ul class="pc-features">-->
            <!--    <li>✓ 200GB SSD NVMe</li>-->
            <!--    <li>✓ IP chuyên dụng</li>-->
            <!--    <li>✓ CDN toàn cầu</li>-->
            <!--    <li>✓ Backup mỗi giờ</li>-->
            <!--    <li>✓ Hỗ trợ 24/7</li>-->
            <!--  </ul>-->
            <!--  <button class="btn btn-outline btn-block">Đăng ký</button>-->
            <!--</div>-->
          </div>
        </div>

        <div class="pricing-panel" id="tab-domain">
          <div class="domain-table">
            <div class="domain-row header-row">
              <span>Tên miền</span><span>Đăng ký/năm</span
              ><span>Gia hạn/năm</span><span></span>
            </div>
                        <div class="domain-row">
              <span class="domain-ext">.sbs</span
              ><span class="domain-price highlight">50,000đ</span
              ><span class="domain-renew">100,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.com</span
              ><span class="domain-price highlight">270,000đ</span
              ><span class="domain-renew">540,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.net</span
              ><span class="domain-price highlight">330,000đ</span
              ><span class="domain-renew">660,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.me</span
              ><span class="domain-price highlight">240,000đ</span
              ><span class="domain-renew">480,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.blog</span
              ><span class="domain-price highlight">65,900đ</span
              ><span class="domain-renew">131,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.click</span
              ><span class="domain-price highlight">65,900đ</span
              ><span class="domain-renew">131,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.xyz</span
              ><span class="domain-price highlight">65,900đ</span
              ><span class="domain-renew">131,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.tech</span
              ><span class="domain-price highlight">170,000đ</span
              ><span class="domain-renew">340,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.life</span
              ><span class="domain-price highlight">79,000đ</span
              ><span class="domain-renew">158,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.art</span
              ><span class="domain-price highlight">79,000đ</span
              ><span class="domain-renew">158,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.fun</span
              ><span class="domain-price highlight">52,900đ</span
              ><span class="domain-renew">105,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.website</span
              ><span class="domain-price highlight">52,900đ</span
              ><span class="domain-renew">105,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.site</span
              ><span class="domain-price highlight">52,900đ</span
              ><span class="domain-renew">105,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.cloud</span
              ><span class="domain-price highlight">52,900đ</span
              ><span class="domain-renew">105,800đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.live</span
              ><span class="domain-price highlight">129,000đ</span
              ><span class="domain-renew">258,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.pro</span
              ><span class="domain-price highlight">115,000đ</span
              ><span class="domain-renew">230,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.info</span
              ><span class="domain-price highlight">120,000đ</span
              ><span class="domain-renew">240,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.store</span
              ><span class="domain-price highlight">55,000đ</span
              ><span class="domain-renew">110,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.shop</span
              ><span class="domain-price highlight">65,000đ</span
              ><span class="domain-renew">130,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                         <div class="domain-row">
              <span class="domain-ext">.online</span
              ><span class="domain-price highlight">89,000đ</span
              ><span class="domain-renew">178,000đ</span
              ><a href="/kiem-tra-mien" class="btn btn-primary btn-sm">Đăng ký</a>
            </div>
                       </div>
        </div>

        <div class="pricing-panel" id="tab-digital">
          <div class="pricing-cards-compact">
            <div class="price-card-compact">
              <div class="pc-name">Mã nguồn cơ bản</div>
              <div class="pc-price">₫200.000<span>/sản phẩm</span></div>
              <ul class="pc-features">
                <li>✓ Source code đầy đủ</li>
                <li>✓ Tài liệu cài đặt</li>
                <li>✓ Hỗ trợ cài đặt</li>
                <li>✓ Cập nhật 3 tháng</li>
              </ul>
              <button class="btn btn-outline btn-block">Mua ngay</button>
            </div>
            <div class="price-card-compact featured">
              <div class="pc-badge">Bán chạy nhất</div>
              <div class="pc-name">Shop game Premium</div>
              <div class="pc-price">₫500.000<span>/sản phẩm</span></div>
              <ul class="pc-features">
                <li>✓ Giao diện chuyên nghiệp</li>
                <li>✓ Tích hợp thanh toán</li>
                <li>✓ Panel quản trị</li>
                <li>✓ Hỗ trợ 6 tháng</li>
                <li>✓ Cập nhật liên tục</li>
              </ul>
              <button class="btn btn-primary btn-block">Mua ngay</button>
            </div>
            <div class="price-card-compact">
              <div class="pc-name">Custom theo yêu cầu</div>
              <div class="pc-price">Liên hệ<span></span></div>
              <ul class="pc-features">
                <li>✓ Thiết kế riêng biệt</li>
                <li>✓ Tích hợp theo nhu cầu</li>
                <li>✓ Bản quyền độc quyền</li>
                <li>✓ Bảo trì dài hạn</li>
              </ul>
              <button class="btn btn-outline btn-block">Liên hệ tư vấn</button>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Blog -->
   
<section id="blog" class="blog" data-aos="fade-up">
  <div class="container">
    
    <div class="blog-header-row">
      <div data-aos="fade-right">
        <div class="section-tag">Blog</div>
        <h2>Bài viết <span class="text-accent">mới nhất</span></h2>
      </div>

      <a href="/bai-viet" class="btn btn-outline" data-aos="fade-left" data-aos-delay="100">
        Xem tất cả bài viết →
      </a>
    </div>

    <div class="blog-grid">

                      
          <div class="blog-card" data-aos="fade-up" data-aos-delay="0">
            
            <div class="blog-img" style="background-image: url('https://i.ibb.co/CK1JFk6j/34306660-hostinger-ai-7f99ed05.png')">
              <div class="blog-cat">
                Digital Marketing              </div>
            </div>

            <div class="blog-content">
              <div class="blog-meta">
                <svg
                  width="16"
                  height="16"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                >
                  <circle cx="12" cy="12" r="10" />
                  <polyline points="12 6 12 12 16 14" />
                </svg>
                <span>
                  04/01/2026                </span>
              </div>

              <h3>SEO (Search Engine Optimization) là gì? Hướng dẫn cách thực hiện SEO</h3>

              <p>
                &nbsp;

SEO (Search Engine Optimization) l&agrave; g&igrave;?

SEO, hay Tối ưu h&oacute;a C&ocirc;ng cụ T&igrave;m kiếm, l&agrave; một phương ph&a...
              </p>

              <a href="/blogs/seo-search-engine-optimization-la-gi-huong-dan-cach-thuc-hien-seo" class="blog-link">
                Đọc thêm →
              </a>
            </div>

          </div>

        
          <div class="blog-card" data-aos="fade-up" data-aos-delay="100">
            
            <div class="blog-img" style="background-image: url('https://i.ibb.co/GQ0p2MTD/34306660-hostinger-ai-84865543.png')">
              <div class="blog-cat">
                Công nghệ AI              </div>
            </div>

            <div class="blog-content">
              <div class="blog-meta">
                <svg
                  width="16"
                  height="16"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                >
                  <circle cx="12" cy="12" r="10" />
                  <polyline points="12 6 12 12 16 14" />
                </svg>
                <span>
                  04/01/2026                </span>
              </div>

              <h3>Top 10 công việc kiếm tiền online tại nhà mới nhất 2026</h3>

              <p>
                &nbsp;

1. Kh&aacute;i niệm Tiếp thị li&ecirc;n kết (Affiliate Marketing)

Tiếp thị li&ecirc;n kết, hay c&ograve;n gọi l&agrave; Affiliate Marketi...
              </p>

              <a href="/blogs/top-10-cong-viec-kiem-tien-online-tai-nha-moi-nhat-2026" class="blog-link">
                Đọc thêm →
              </a>
            </div>

          </div>

        
          <div class="blog-card" data-aos="fade-up" data-aos-delay="200">
            
            <div class="blog-img" style="background-image: url('https://i.ibb.co/GQ24BZ7m/Chat-GPT-Image-11-51-58-13-thg-9-2025.png')">
              <div class="blog-cat">
                Tin Tức Dịch vụ              </div>
            </div>

            <div class="blog-content">
              <div class="blog-meta">
                <svg
                  width="16"
                  height="16"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                >
                  <circle cx="12" cy="12" r="10" />
                  <polyline points="12 6 12 12 16 14" />
                </svg>
                <span>
                  13/09/2025                </span>
              </div>

              <h3>Hướng dẫn tích hợp API nạp thẻ vào Admin Website khi tạo shop trên Viweb</h3>

              <p>
                Hướng dẫn chi tiết: T&iacute;ch hợp API nạp thẻ v&agrave;o Admin Website khi tạo shop tr&ecirc;n Viweb



	Bạn đang x&acirc;y dựng shop tr&ecirc;n...
              </p>

              <a href="/blogs/huong-dan-tich-hop-api-nap-the-vao-admin-website-khi-tao-shop-tren-viweb" class="blog-link">
                Đọc thêm →
              </a>
            </div>

          </div>

        
          <div class="blog-card" data-aos="fade-up" data-aos-delay="300">
            
            <div class="blog-img" style="background-image: url('https://i.ibb.co/TnJNjWT/Chat-GPT-Image-20-37-11-27-thg-8-2025.png')">
              <div class="blog-cat">
                Tin Tức Dịch vụ              </div>
            </div>

            <div class="blog-content">
              <div class="blog-meta">
                <svg
                  width="16"
                  height="16"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                >
                  <circle cx="12" cy="12" r="10" />
                  <polyline points="12 6 12 12 16 14" />
                </svg>
                <span>
                  27/08/2025                </span>
              </div>

              <h3>Hướng dẫn trỏ tên miền về Cloudflare (CLF) khi mua domain trên Viweb.vn</h3>

              <p>
                Hướng dẫn trỏ t&ecirc;n miền về Cloudflare (CLF) khi mua domain tr&ecirc;n Viweb.vn

Bạn vừa mua t&ecirc;n miền tại Viweb.vn v&agrave; muốn kết nối ...
              </p>

              <a href="/blogs/huong-dan-tro-ten-mien-ve-cloudflare-clf-khi-mua-domain-tren-viwebvn" class="blog-link">
                Đọc thêm →
              </a>
            </div>

          </div>

              
    </div>
  </div>
</section>

    <!-- Footer -->
    <footer class="footer" id="contact">
      <div class="container">
        <div class="footer-grid">
          <div class="footer-col footer-brand">
            <div class="footer-logo">
                          <a href="/" class="logo d-flex align-items-center">
    <img src="https://i.imgur.com/id5lO3D.png" alt="Viweb.vn" class="logo-img">
</a>
            </div>
            <p>
              Cung cấp dịch vụ thiết kế website bán hàng, code web chuẩn SEO.
              Mua source code website giá rẻ, giao diện đẹp, tối ưu tốc độ.
            </p>
            <div class="footer-social">
              <a href="https://fb.com/iamducviet.info" class="social-link"><i class="fab fa-facebook-f"></i></a>
              <a href="https://zalo.me/0349432990" class="social-link"><i class="fab fa-youtube"></i></a>
            </div>
          </div>
          <div class="footer-col">
            <h4>Dịch vụ</h4>
            <ul>
              <li><a href="/kho-gia0-dien">Thiết kế website</a></li>
              <li><a href="/kho-web-code">Mua mã nguồn</a></li>
              <li><a href="/kiem-tra-mien">Mua domain</a></li>
              <li><a href="#">Mua Hosting</a></li>
            </ul>
          </div>
          <div class="footer-col">
            <h4>Help & Support</h4>
            <ul>
              <li><a href="/chinh-sach">Chính sách Bảo Mật</a></li>
              <li><a href="/dieu-khoan">Điều khoản & điều kiện</a></li>
            </ul>
          </div>
          <div class="footer-col footer-newsletter">
            <h4>Nhận thông tin mới nhất</h4>
            <p>Nhập email để nhận các cập nhật mới nhất từ chúng tôi</p>
            <div class="newsletter-form">
              <input type="email" placeholder="Email của bạn..." />
              <button class="btn btn-primary">Đăng ký →</button>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <p>© 2026 <a href="//taoshop30s.site">TAOSHOP30S.SITE</a> — All rights reserved.</p>
          <div class="footer-links">
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="/dieu-khoan">Điều khoản & điều kiện</a>
            <a href="/chinh-sach">Chính sách Bảo Mật</a>
          </div>
        </div>
      </div>
    </footer>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <script src="/assets/landing/script.js"></script>
    <script>
      // Pricing tabs
      document.querySelectorAll(".ptab").forEach((tab) => {
        tab.addEventListener("click", () => {
          document
            .querySelectorAll(".ptab")
            .forEach((t) => t.classList.remove("active"));
          document
            .querySelectorAll(".pricing-panel")
            .forEach((p) => p.classList.remove("active"));
          tab.classList.add("active");
          document
            .getElementById("tab-" + tab.dataset.tab)
            .classList.add("active");
        });
      });
const count1 = new countUp.CountUp("count1", 500, {
  suffix: "+"
});

const count2 = new countUp.CountUp("count2", 99.9, {
  decimalPlaces: 1,
  suffix: "%"
});
count1.start();
count2.start();
  AOS.init();
    </script>
  </body>
</html>
