1 2<!DOCTYPE html> 3<html lang="vi"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Bigpen - Dá»ch Vụ Láºp Trình & Tá»i Ưu Website Sapo Chuyên Nghiá»p</title> 8<link rel="shortcut icon" href="//bigpen.vn/cdn/shop/files/bigpen_favicon_32x32.png?v=1614360862" type="image/png"> 9<meta property="og:image" content="http://bigpen.vn/cdn/shop/files/365213877_791327939664787_6062395677711452519_n_1200x1200.jpg?v=1700622460"> 10<meta property="og:image:secure_url" content="https://bigpen.vn/cdn/shop/files/365213877_791327939664787_6062395677711452519_n_1200x1200.jpg?v=1700622460"> 11
11<script src="https://cdn.tailwindcss.com"></script>
11 12 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> 13 <style> 14 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); 15 body { font-family: 'Inter', sans-serif; } 16 .gradient-text { 17 background: linear-gradient(90deg, #2563EB 0%, #06B6D4 100%); 18 -webkit-background-clip: text; 19 -webkit-text-fill-color: transparent; 20 } 21 .hero-bg { 22 background-color: #0f172a; /* Slate 900 */ 23 background-image: radial-gradient(#1e293b 1px, transparent 1px); 24 background-size: 32px 32px; 25 } 26 </style> 27
27<script> 28 tailwind.config = { 29 theme: { 30 extend: { 31 colors: { 32 primary: '#0f172a', 33 accent: '#2563EB', 34 } 35 } 36 } 37 } 38 </script>
38 39<link rel="canonical" href="https://bigpen.vn/pages/sapo"> 40<meta name="shopify-y" content="6619ef13-7466-4435-a86c-a8adf21cb6f6" data-expiration="1822461001000"><meta name="shopify-s" content="1e3e4011-678d-4cca-acc4-47781eebee3e" data-expiration="1790905201000"><meta name="new-cookie-storage-activated" content="t"> 41</head> 42<body class="bg-white text-slate-700"> 43 44 <header class="fixed w-full bg-white/95 backdrop-blur-md shadow-sm z-50 border-b border-slate-100"> 45 <div class="container mx-auto px-6 py-3 flex justify-between items-center"> 46 <a href="#" class="flex items-center"> 47 <img style="filter: brightness(0);" src="https://cdn.hstatic.net/files/1000233137/file/logobigpen.png" alt="Bigpen Logo" class="h-12 w-auto object-contain"> 48 </a> 49 <div class="hidden md:flex items-center gap-8 font-medium text-slate-600"> 50 <a href="#giai-phap" class="hover:text-accent transition">Giải pháp</a> 51 <a href="#app-desktop" class="hover:text-accent transition">App Backend</a> 52 <a href="#kinh-nghiem" class="hover:text-accent transition">Kinh nghiá»m</a> 53 </div> 54 <a href="https://zalo.me/0909829956" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white px-5 py-2 rounded-full font-semibold transition flex items-center gap-2 shadow-lg shadow-blue-500/30"> 55 <i class="fas fa-comment-dots"></i> Chat Zalo 56 </a> 57 </div> 58 </header> 59 60 <section class="pt-32 pb-20 hero-bg text-white relative overflow-hidden"> 61 <div class="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-blue-900/20 to-transparent pointer-events-none"></div> 62 63 <div class="container mx-auto px-6 relative z-10 text-center"> 64 <span class="inline-block py-1 px-3 rounded-full bg-blue-900/50 border border-blue-700 text-blue-300 text-sm font-semibold mb-6"> 65 Chuyên gia láºp trình ná»n tảng Sapo 66 </span> 67 <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight mb-6"> 68 Tá»i Æ°u Website Sapo & <br> 69 <span class="gradient-text">Xây dá»±ng App Desktop Quản lý</span> 70 </h1> 71 <p class="text-slate-300 text-lg md:text-xl max-w-3xl mx-auto mb-10 leading-relaxed"> 72 Giải pháp toà n diá»n từ UI/UX, SEO Onpage Äến công cụ App Desktop Äá»c quyá»n giúp thao tác Backend nhanh gấp 50 lần. TÄng tá»· lá» chuyá»n Äá»i thá»±c tế cho doanh nghiá»p. 73 </p> 74 <div class="flex flex-col sm:flex-row justify-center gap-4"> 75 <a href="https://zalo.me/0909829956" target="_blank" class="px-8 py-4 bg-blue-600 hover:bg-blue-500 text-white rounded-lg font-bold text-lg transition shadow-xl"> 76 Liên há» tÆ° vấn ngay 77 </a> 78 <a href="#giai-phap" class="px-8 py-4 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 rounded-lg font-bold text-lg transition"> 79 Xem dá»ch vụ chi tiết 80 </a> 81 </div> 82 </div> 83 </section> 84 85 <section id="kinh-nghiem" class="py-20 bg-white"> 86 <div class="container mx-auto px-6"> 87 <div class="grid md:grid-cols-3 gap-10"> 88 <div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition duration-300"> 89 <div class="w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center text-blue-600 text-2xl mb-6"> 90 <i class="fas fa-medal"></i> 91 </div> 92 <h3 class="text-xl font-bold text-slate-900 mb-3">15 NÄm Kinh Nghiá»m</h3> 93 <p class="text-slate-600 leading-relaxed text-sm"> 94 Äúc kết từ quá trình triá»n khai cho các "ông lá»n" nhÆ° <strong>Matbao, Sendo, Chợ Tá»t</strong>. Chúng tôi am hiá»u sâu sắc kỹ thuáºt và chiến lược tá»i Æ°u website TMÄT cho doanh nghiá»p trên Sapo. 95 </p> 96 </div> 97 98 <div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition duration-300"> 99 <div class="w-14 h-14 bg-cyan-100 rounded-xl flex items-center justify-center text-cyan-600 text-2xl mb-6"> 100 <i class="fas fa-chart-pie"></i> 101 </div> 102 <h3 class="text-xl font-bold text-slate-900 mb-3">Chất Lượng Dá»±a Trên Sá» Liá»u</h3> 103 <p class="text-slate-600 leading-relaxed text-sm"> 104 Má»i chiến lược thá»±c thi Äá»u dá»±a trên phân tÃch dữ liá»u thá»±c tế (Data-driven). Giải quyết Äúng vấn Äá» doanh nghiá»p gặp phải, Äảm bảo hiá»u quả cao nhất và tiết kiá»m chi phà váºn hà nh. 105 </p> 106 </div> 107 108 <div class="p-8 rounded-2xl bg-slate-50 border border-slate-100 hover:shadow-xl transition duration-300"> 109 <div class="w-14 h-14 bg-green-100 rounded-xl flex items-center justify-center text-green-600 text-2xl mb-6"> 110 <i class="fas fa-hand-holding-heart"></i> 111 </div> 112 <h3 class="text-xl font-bold text-slate-900 mb-3">Sá»± Táºn Tâm & Uy TÃn</h3> 113 <p class="text-slate-600 leading-relaxed text-sm"> 114 Khách hà ng là trá»ng tâm. Chúng tôi luôn sẵn sà ng xá» lý sá»± cá» nhanh nhất có thá» Äá» hạn chế rủi ro, bá
114º£o vá» doanh thu và uy tÃn thÆ°Æ¡ng hiá»u của bạn nhÆ° chÃnh uy tÃn của Bigpen. 115 </p> 116 </div> 117 </div> 118 </div> 119 </section> 120 121 <section id="giai-phap" class="py-20 bg-slate-50"> 122 <div class="container mx-auto px-6"> 123 <div class="text-center mb-16"> 124 <h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-4">Giải Pháp Bigpen Cung Cấp</h2> 125 <p class="text-slate-500">Tá»i Æ°u trải nghiá»m khách hà ng và quy trình váºn hà nh</p> 126 </div> 127 128 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> 129 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-blue-500"> 130 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-paint-brush text-blue-500"></i> Tá»i Æ°u UI/UX Giao diá»n</h4> 131 <p class="text-sm text-slate-600">Thiết kế lại giao diá»n thân thiá»n, giữ chân khách hà ng lâu hÆ¡n, hiá»n thá» Äẹp trên má»i thiết bá» mobile/desktop.</p> 132 </div> 133 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-cyan-500"> 134 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-shopping-cart text-cyan-500"></i> TÃnh nÄng Mua Combo</h4> 135 <p class="text-sm text-slate-600">Láºp trình tÃnh nÄng mua nhiá»u giảm giá, mua theo combo giúp tÄng giá trá» trung bình ÄÆ¡n hà ng (AOV).</p> 136 </div> 137 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-indigo-500"> 138 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-search text-indigo-500"></i> Tá»i Æ°u Tìm kiếm & Bá» lá»c</h4> 139 <p class="text-sm text-slate-600">Nâng cấp bá» lá»c sản phẩm thông minh, công cụ tìm kiếm chÃnh xác giúp khách hà ng tìm thấy sản phẩm nhanh chóng.</p> 140 </div> 141 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-green-500"> 142 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-percentage text-green-500"></i> Tá»i Æ°u Tá»· lá» chuyá»n Äá»i</h4> 143 <p class="text-sm text-slate-600">Phân tÃch hà nh vi, tá»i Æ°u luá»ng mua hà ng (checkout flow) Äá» giảm tá»· lá» rá»t ÄÆ¡n, tá»i Äa hóa doanh thu.</p> 144 </div> 145 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-orange-500"> 146 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-bullseye text-orange-500"></i> SEO Onpage Chuẩn</h4> 147 <p class="text-sm text-slate-600">Tá»i Æ°u cấu trúc thẻ Heading, Meta, Schema chuẩn Google, giúp website dá» dà ng leo top tìm kiếm tá»± nhiên.</p> 148 </div> 149 <div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-purple-500"> 150 <h4 class="font-bold text-lg mb-2 flex items-center gap-2"><i class="fas fa-laptop-code text-purple-500"></i> Landing Page Bán Hà ng</h4> 151 <p class="text-sm text-slate-600">Thiết kế Landing Page chuyên biá»t cho chiến dá»ch quảng cáo, táºp trung chá»t sales hiá»u quả.</p> 152 </div> 153 </div> 154 </div> 155 </section> 156 157 <section id="app-desktop" class="py-20 bg-slate-900 text-white relative overflow-hidden"> 158 <div class="absolute inset-0 bg-blue-900/10"></div> 159 <div class="container mx-auto px-6 relative z-10 flex flex-col md:flex-row items-center gap-12"> 160 <div class="md:w-1/2"> 161 <div class="inline-block px-4 py-1 bg-red-600 rounded text-xs font-bold mb-4 tracking-wide uppercase">Dá»ch vụ Äá»c quyá»n Bigpen</div> 162 <h2 class="text-3xl md:text-4xl font-bold mb-6">Code App Desktop thao tác nhanh vá»i Backend Sapo</h2> 163 <p class="text-slate-300 mb-6 text-lg"> 164 Ứng dụng cà i Äặt trá»±c tiếp trên máy tÃnh giúp tá»± Äá»ng hóa và tá»i Æ°u quy trình váºn hà nh. 165 </p> 166 <ul class="space-y-4 mb-8"> 167 <li class="flex items-start gap-3"> 168 <i class="fas fa-file-excel text-green-400 mt-1"></i>
169 <span>Thao tác xá» lý sản phẩm, chÆ°Æ¡ng trình khuyến mãi, thêm/sá»a dữ liá»u hà ng loạt bằng Excel.</span> 170 </li> 171 <li class="flex items-start gap-3"> 172 <i class="fas fa-brain text-purple-400 mt-1"></i> 173 <span>Kết ná»i API Sapo xá» lý dữ liá»u hà ng loạt vá»i công nghá» AI.</span> 174 </li> 175 <li class="flex items-start gap-3"> 176 <i class="fas fa-cogs text-blue-400 mt-1"></i> 177 <span>Phần má»m tùy chá»nh theo yêu cầu, quy trình váºn hà nh riêng của shop.</span> 178 </li> 179 <li class="flex items-start gap-3"> 180 <i class="fas fa-bolt text-yellow-400 mt-1"></i> 181 <span>Thao tác xá» lý các tác vụ sá» lượng lá»n nhanh gấp <strong>50 lần</strong> thao tác thủ công.</span> 182 </li> 183 <li class="flex items-start gap-3"> 184 <i class="fas fa-wifi text-cyan-400 mt-1"></i> 185 <span>Hoạt Äá»ng á»n Äá»nh, không phụ thuá»c và o Äá» trá» của trình duyá»t web.</span> 186 </li> 187 <li class="flex items-start gap-3"> 188 <i class="fas fa-server text-red-400 mt-1"></i> 189 <span>Không tá»n chi phà thuê server/cÆ¡ sá» hạ tầng.</span> 190 </li> 191 </ul> 192 <a href="https://zalo.me/0909829956" target="_blank" class="inline-block bg-white text-slate-900 px-8 py-3 rounded-lg font-bold hover:bg-slate-100 transition"> 193 Yêu cầu demo App 194 </a> 195 </div> 196 <div class="md:w-1/2"> 197 <div class="bg-slate-800 rounded-xl p-4 border border-slate-700 shadow-2xl transform rotate-2"> 198 <div class="flex items-center gap-2 mb-4 border-b border-slate-700 pb-2"> 199 <div class="w-3 h-3 rounded-full bg-red-500"></div> 200 <div class="w-3 h-3 rounded-full bg-yellow-500"></div> 201 <div class="w-3 h-3 rounded-full bg-green-500"></div> 202 <span class="text-xs text-slate-500 ml-2">Bigpen Sapo Manager Tool</span> 203 </div> 204 <div class="space-y-3 animate-pulse"> 205 <div class="h-8 bg-slate-700 rounded w-1/3"></div> 206 <div class="h-32 bg-slate-700 rounded w-full"></div> 207 <div class="grid grid-cols-3 gap-3"> 208 <div class="h-20 bg-slate-700 rounded"></div> 209 <div class="h-20 bg-slate-700 rounded"></div> 210 <div class="h-20 bg-slate-700 rounded"></div> 211 </div> 212 </div> 213 <div class="mt-4 text-center text-sm text-slate-400"> 214 *Giao diá»n App Desktop mô phá»ng 215 </div> 216 </div> 217 </div> 218 </div> 219 </section> 220 221 <section id="lien-he" class="py-20 bg-gradient-to-br from-blue-50 to-white"> 222 <div class="container mx-auto px-6"> 223 <div class="max-w-4xl mx-auto bg-white rounded-3xl shadow-xl overflow-hidden border border-slate-100"> 224 <div class="flex flex-col md:flex-row"> 225 <div class="md:w-2/5 relative bg-slate-200"> 226 <img src="https://cdn.hstatic.net/files/1000233137/file/trieuvu.png" alt="Trieu Vu Bigpen" class="w-full h-full object-cover object-center absolute inset-0"> 227 </div> 228 229 <div class="md:w-3/5 p-10 md:p-12 flex flex-col justify-center"> 230 <h3 class="text-2xl font-bold text-slate-900 mb-2">Liên há» tÆ° vấn trá»±c tiếp</h3> 231 <p class="text-slate-500 mb-8">Trao Äá»i trá»±c tiếp vá»i chuyên gia kỹ thuáºt Äá» có giải pháp tá»t nhất.</p> 232 233 <div class="space-y-6"> 234 <div class="flex items-start gap-4"> 235 <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 flex-shrink-0"> 236 <i class="fas fa-user-tie text-xl"></i> 237 </div> 238 <div> 239 <p class="text-sm text-slate-500 font-medium">NgÆ°á»i phụ trách</p> 240 <p class="text-xl font-bold text-slate-900">Mr. Triá»u VÅ©</p> 241 </div> 242 </div> 243 244 <div class="flex items-start gap-4"> 245 <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center text-green-600 flex-shrink-0"> 246 <i class="fas fa-phone-alt text-xl"></i> 247 </div> 248 <div> 249 <p class="text-sm text-slate-500 font-medium">Hotline / Zalo</p> 250 <a href="tel:0909829956" class="text-xl font-bold text-slate-900 block hover:text-blue-600">0909 829 956</a> 251 </div> 252 </div> 253 254 <div class="flex items-start gap-4"> 255 <div class="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 flex-shrink-0"> 256 <i class="fas fa-envelope text-xl"></i> 257 </div> 258 <div> 259 <p class="text-sm text-slate-500 font-medium">Email</p> 260 <a href="mailto:[email protected]" class="text-lg font-semibold text-slate-900 hover:text-blue-600">[email protected]</a> 261 </div> 262 </div> 263 </div> 264 265 <div class="mt-10"> 266 <a href="https://zalo.me/0909829956" target="_blank" class="block w-full bg-[#0068FF] hover:bg-blue-600 text-white text-center py-4 rounded-xl font-bold text-lg shadow-lg shadow-blue-400/40 transition transform hover:-translate-y-1"> 267 <i class="fas fa-comment-dots mr-2"></i> Chat ngay qua Zalo 268 </a> 269 </div> 270 </div> 271 </div> 272 </div> 273 </div> 274 </section> 275 276 <footer class="bg-slate-900 text-slate-400 py-12 border-t border-slate-800"> 277 <div class="container mx-auto px-6 text-center"> 278 <img src="https://cdn.hstatic.net/files/1000233137/file/logobigpen.png" alt="Bigpen" class="h-12 mx-auto mb-6"> 279 <p class="mb-6">Chuyên gia giải pháp công nghá» & thÆ°Æ¡ng mại Äiá»n tá» SAPO.</p> 280 <div class="flex justify-center gap-6 mb-8"> 281 <a href="#" class="hover:text-white transition"><i class="fab fa-facebook fa-lg"></i></a> 282 <a href="#" class="hover:text-white transition"><i class="fab fa-linkedin fa-lg"></i></a> 283 </div> 284 <p class="text-sm">© 2024 Bigpen Co., Ltd. All rights reserved.</p> 285 </div> 286 </footer> 287
288<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
288 289</body> 290</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.