{"id":405,"date":"2026-08-07T13:17:29","date_gmt":"2026-08-07T06:17:29","guid":{"rendered":"https:\/\/webbe.vn\/final\/?page_id=405"},"modified":"2026-08-25T13:04:01","modified_gmt":"2026-08-25T06:04:01","slug":"web-o-to-xe-may","status":"publish","type":"page","link":"https:\/\/webbe.vn\/final\/web-chuyen-biet\/web-o-to-xe-may\/","title":{"rendered":"WEB \u00d4 T\u00d4 &#8211; XE M\u00c1Y"},"content":{"rendered":"\n\n\t<section class=\"section dark\" id=\"section_357710520\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1012136016\">\n\n\n\t<div id=\"col-2063953861\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3985322761\" class=\"text\">\n\t\t\n\n<strong>\u0110\u1ed8T PH\u00c1 DOANH S\u1ed0 NG\u00c0NH XE 2026<\/strong>\n\t\t\n<style>\n#text-3985322761 {\n  font-size: 0.85rem;\n  color: rgb(6, 182, 212);\n}\n#text-3985322761 > * {\n  color: rgb(6, 182, 212);\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-2793843884\" class=\"text\">\n\t\t\n\n<h1>Thi\u1ebft k\u1ebf Website<br><span style=\"color: #06b6d4;\">\u00d4 T\u00f4 &amp; Xe M\u00e1y<\/span><br>\u0110\u1eb3ng C\u1ea5p Nh\u1ea5t<\/h1>\n\t\t\n<style>\n#text-2793843884 {\n  font-size: 2.2rem;\n  line-height: 1.2;\n}\n<\/style>\n\t<\/div>\n\t\n<p style=\"color: #94a3b8;\">T\u0103ng tr\u01b0\u1edfng t\u1ef7 l\u1ec7 \u0111\u0103ng k\u00fd l\u00e1i th\u1eed, \u0111\u1eb7t mua ph\u1ee5 t\u00f9ng v\u00e0 t\u1ed1i \u01b0u h\u00f3a chuy\u1ec3n \u0111\u1ed5i kh\u00e1ch h\u00e0ng nh\u1edd gi\u1ea3i ph\u00e1p web chuy\u00ean s\u00e2u, t\u00edch h\u1ee3p c\u00f4ng ngh\u1ec7 tr\u00ecnh di\u1ec5n xe 3D v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p.<\/p>\n<div class=\"row\"  id=\"row-5193748\">\n\n\n\t<div id=\"col-1845450962\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgba(22, 31, 48, 0.8)&#8221; radius=&#8221;10&#8243;]<br>\n\t<div id=\"text-2736837555\" class=\"text\">\n\t\t\n<h3 style=\"margin-bottom: 0;\">250+<\/h3>\n<p style=\"font-size: 11px; color: #94a3b8; margin-bottom: 0;\">Showroom &amp; Salon tin d\u00f9ng<\/p>\n\t\t\n<style>\n#text-2736837555 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t<br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-530767110\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgba(22, 31, 48, 0.8)&#8221; radius=&#8221;10&#8243;]<br>\n\t<div id=\"text-19559913\" class=\"text\">\n\t\t\n<h3 style=\"color: #06b6d4; margin-bottom: 0;\">x3.2<\/h3>\n<p style=\"font-size: 11px; color: #94a3b8; margin-bottom: 0;\">T\u1ef7 l\u1ec7 \u0111\u1eb7t l\u1ecbch l\u00e1i th\u1eed<\/p>\n\t\t\n<style>\n#text-19559913 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t<br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1022943047\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgba(22, 31, 48, 0.8)&#8221; radius=&#8221;10&#8243;]<br>\n\t<div id=\"text-945120371\" class=\"text\">\n\t\t\n<h3 style=\"color: #3b82f6; margin-bottom: 0;\">100%<\/h3>\n<p style=\"font-size: 11px; color: #94a3b8; margin-bottom: 0;\">Chu\u1ea9n SEO &amp; Mobile<\/p>\n\t\t\n<style>\n#text-945120371 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t<br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1240619133\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1240619133 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<a href=\"#trai-nghiem\" class=\"button primary is-shade\" style=\"border-radius:10px;\">\n\t\t<span>Tr\u1ea3i Nghi\u1ec7m Demo<\/span>\n\t<\/a>\n\n\n<a href=\"#bao-gia\" class=\"button white is-outline\" style=\"border-radius:10px;\">\n\t\t<span>T\u1ef1 T\u00ednh Gi\u00e1 Web<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1440984741\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; depth=&#8221;3&#8243; padding=&#8221;20px&#8221;]<br>\n\t<div id=\"text-3147268111\" class=\"text\">\n\t\t<br>\n<span style=\"color: #06b6d4; font-weight: bold; letter-spacing: 1px;\">LIVE PREVIEW &#8211; SHOWROOM CONCEPT<\/span><br>\n\t\t\n<style>\n#text-3147268111 {\n  font-size: 0.8rem;\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t<br>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_205470134\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_205470134 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t<br>\n\t<div id=\"text-2099513810\" class=\"text\">\n\t\t\n<h4 style=\"margin-bottom: 0;\">Hyperion GT-EV 2026<\/h4>\n<p style=\"color: #06b6d4; font-weight: bold;\">$124,500<\/p>\n\t\t\n<style>\n#text-2099513810 {\n  font-size: 1.1rem;\n}\n<\/style>\n\t<\/div>\n\t<br>\n<div class=\"row\"  id=\"row-817781208\"><br>\n\n\t<div id=\"col-1854023729\" class=\"col medium-6 small-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t<br>\n<a href=\"#bao-gia\" class=\"button primary expand\" style=\"border-radius:8px;\">\n\t\t<span>\u0110\u0103ng K\u00fd L\u00e1i Th\u1eed<\/span>\n\t<\/a>\n<br>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<br>\n\n\t<div id=\"col-2074861842\" class=\"col medium-6 small-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t<br>\n<a href=\"#trai-nghiem\" class=\"button secondary is-outline expand\" style=\"border-radius:8px;\">\n\t\t<span>T\u00ednh D\u1ef1 To\u00e1n<\/span>\n\t<\/a>\n<br>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<br>\n<\/div><br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_357710520 {\n  padding-top: 80px;\n  padding-bottom: 80px;\n  background-color: rgb(11, 15, 25);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_1159442991\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-1020939586\" class=\"text\">\n\t\t\n\n<span style=\"color: #06b6d4; font-weight: bold; font-size: 12px; letter-spacing: 1px;\">PH\u00c2N LO\u1ea0I PH\u00c2N KH\u00daC<\/span>\n<h2>Ch\u00fang T\u00f4i Ph\u1ee5c V\u1ee5 Ph\u00e2n Kh\u00fac N\u00e0o?<\/h2>\n<p style=\"max-width: 600px; margin: 0 auto; color: #94a3b8;\">M\u1ed7i ph\u00e2n kh\u00fac trong ng\u00e0nh \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u00f3 m\u1ed9t h\u00e0nh vi mua h\u00e0ng kh\u00e1c nhau. Ch\u00fang t\u00f4i thi\u1ebft k\u1ebf website may \u0111o ri\u00eang cho t\u1eebng nghi\u1ec7p v\u1ee5 c\u1ee5 th\u1ec3.<\/p>\n\t\t\n<style>\n#text-1020939586 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-266749917\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-266749917 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-1981118587\">\n\n\n\t<div id=\"col-1083040512\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">Showroom &amp; \u0110\u1ea1i L\u00fd \u00d4 T\u00f4<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">Tr\u00ecnh di\u1ec5n xe ho\u00e0n h\u1ea3o, c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm v\u00e0 l\u1ecdc xe th\u00f4ng minh, so s\u00e1nh th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt, nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u chu\u1ea9n to\u00e0n c\u1ea7u.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>T\u1ea3i b\u00e1o gi\u00e1 \/ catalog l\u0103n b\u00e1nh t\u1ef1 \u0111\u1ed9ng<\/li>\n<li>K\u1ebft n\u1ed1i c\u1ed5ng \u0111\u0103ng k\u00fd l\u00e1i th\u1eed tr\u1ef1c ti\u1ebfp<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-295516176\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">H\u1ec7 Th\u1ed1ng Xe M\u00e1y &amp; PKL<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">B\u1ed1 c\u1ee5c hi\u1ec3n th\u1ecb n\u1ed5i b\u1eadt t\u00ednh th\u1ec3 thao, phong c\u00e1ch s\u1ed1ng c\u1ee7a c\u00e1c biker, b\u1ea3ng gi\u00e1 ph\u00e2n nh\u00e1nh theo phi\u00ean b\u1ea3n m\u00e0u s\u1eafc \u0111a d\u1ea1ng.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>T\u00edch h\u1ee3p b\u1ea3ng t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p theo th\u00e1ng<\/li>\n<li>T\u00ecm c\u1eeda h\u00e0ng \u0111\u1ea1i l\u00fd (Dealer Locator)<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-300006593\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">Detailing &amp; Spa \u00d4 T\u00f4<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">L\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng b\u1eb1ng h\u00ecnh \u1ea3nh Tr\u01b0\u1edbc\/Sau (Before\/After) tr\u1ef1c quan, b\u1ea3ng gi\u00e1 d\u1ecbch v\u1ee5 d\u1ecbch chuy\u1ec3n \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>B\u1ed9 so s\u00e1nh tr\u1ef1c quan slider Before\/After<\/li>\n<li>H\u1ec7 th\u1ed1ng booking ch\u1ecdn gi\u1edd &amp; ch\u1ecdn th\u1ee3<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-655671899\">\n\n\n\t<div id=\"col-1326806611\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">Garage &amp; Ph\u1ee5 T\u00f9ng Xe<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">T\u00edch h\u1ee3p gi\u1ecf h\u00e0ng e-commerce th\u00f4ng minh cho kho ph\u1ee5 t\u00f9ng kh\u1ed5ng l\u1ed3. Tra c\u1ee9u ph\u1ee5 t\u00f9ng t\u01b0\u01a1ng th\u00edch theo d\u00f2ng xe ti\u1ec7n l\u1ee3i.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>Tra c\u1ee9u chu\u1ea9n x\u00e1c s\u1ed1 khung (VIN) \/ \u0110\u1eddi xe<\/li>\n<li>Thanh to\u00e1n tr\u1ef1c tuy\u1ebfn qua m\u00e3 QR nhanh ch\u00f3ng<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1042751758\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">Cho Thu\u00ea Xe T\u1ef1 L\u00e1i<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">Quy tr\u00ecnh \u0111\u1eb7t thu\u00ea xe \u0111\u01a1n gi\u1ea3n trong 3 b\u01b0\u1edbc. Qu\u1ea3n l\u00fd tr\u1ea1ng th\u00e1i xe tr\u1ed1ng (Real-time Availability) tr\u00ean l\u1ecbch tr\u1ef1c tuy\u1ebfn.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>T\u00ednh l\u1ecbch thu\u00ea t\u1ef1 \u0111\u1ed9ng theo ng\u00e0y\/gi\u1edd<\/li>\n<li>Qu\u1ea3n l\u00fd \u0111\u1eb7t c\u1ecdc v\u00e0 x\u00e1c nh\u1eadn S\u0110T<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-835401626\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]\n<h3 style=\"color: #fff;\">Tin T\u1ee9c Xe &amp; Reviewer<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i trang c\u1ef1c \u0111\u1ec9nh cho c\u00e1c b\u00e1o chuy\u00ean ng\u00e0nh. Thi\u1ebft k\u1ebf layout t\u1ed1i gi\u1ea3n, t\u1eadp trung t\u1ed1i \u0111a v\u00e0o tr\u1ea3i nghi\u1ec7m \u0111\u1ecdc.<\/p>\n<ul style=\"font-size: 12px; color: #06b6d4;\">\n<li>\u0110i\u1ec3m Core Web Vitals t\u1ed1i \u0111a<\/li>\n<li>V\u1ecb tr\u00ed \u0111\u1eb7t banner qu\u1ea3ng c\u00e1o th\u00f4ng minh<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1159442991 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(6, 8, 15);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_696814406\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-3555809510\" class=\"text\">\n\t\t\n\n<span style=\"color: #06b6d4; font-weight: bold; font-size: 12px; letter-spacing: 1px;\">T\u00cdNH N\u0102NG TINH HOA<\/span>\n<h2>Trang B\u1ecb T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t S\u1ed1 1 Th\u1ecb Tr\u01b0\u1eddng<\/h2>\n\t\t\n<style>\n#text-3555809510 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-1441334399\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1441334399 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-289547517\">\n\n\n\t<div id=\"col-950605372\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3048548232\" class=\"text\">\n\t\t\n\n<h4 style=\"color: #06b6d4; margin-bottom: 5px;\">Xem Xe 360\u00b0<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">Xoay xe \u0111a g\u00f3c \u0111\u1ed9 &amp; \u0111\u1ed5i m\u00e0u ngo\u1ea1i\/n\u1ed9i th\u1ea5t tr\u1ef1c quan.<\/p>\n\t\t\n<style>\n#text-3048548232 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-280524398\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2827959494\" class=\"text\">\n\t\t\n\n<h4 style=\"color: #3b82f6; margin-bottom: 5px;\">D\u1ef1 To\u00e1n Chi Ph\u00ed<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">T\u00ednh thu\u1ebf tr\u01b0\u1edbc b\u1ea1, bi\u1ec3n s\u1ed1 &amp; tr\u1ea3 g\u00f3p theo t\u1ec9nh th\u00e0nh.<\/p>\n\t\t\n<style>\n#text-2827959494 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-273465650\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3996441633\" class=\"text\">\n\t\t\n\n<h4 style=\"color: #ef4444; margin-bottom: 5px;\">So S\u00e1nh Th\u00f4ng S\u1ed1<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">So s\u00e1nh tr\u1ef1c di\u1ec7n 2-4 d\u00f2ng xe c\u00f9ng ph\u00e2n kh\u00fac.<\/p>\n\t\t\n<style>\n#text-3996441633 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1190630267\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-465403375\" class=\"text\">\n\t\t\n\n<h4 style=\"color: #f59e0b; margin-bottom: 5px;\">\u0110\u1eb7t L\u1ecbch L\u00e1i Th\u1eed<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">T\u1ef1 \u0111\u1ed9ng g\u1eedi th\u00f4ng b\u00e1o SMS\/Email x\u00e1c nh\u1eadn t\u1ee9c th\u00ec.<\/p>\n\t\t\n<style>\n#text-465403375 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-289547517 > .col > .col-inner {\n  background-color: rgba(22, 31, 48, 0.6);\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_696814406 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(11, 15, 25);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_1205627093\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-1955049764\" class=\"text\">\n\t\t\n\n<span style=\"color: #06b6d4; font-weight: bold; font-size: 12px; letter-spacing: 1px;\">TR\u1ea2I NGHI\u1ec6M TH\u1ef0C T\u1ebe<\/span>\n<h2>Demo T\u00ednh N\u0103ng T\u01b0\u01a1ng T\u00e1c<\/h2>\n\t\t\n<style>\n#text-1955049764 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-244323627\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-244323627 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-402023139\">\n\n\n\t<div id=\"col-2121325747\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]<br>\n<span style=\"background: rgba(6,182,212,0.2); color: #06b6d4; padding: 3px 10px; border-radius: 10px; font-size: 11px; font-weight: bold;\">DEMO 1<\/span><\/p>\n<h3 style=\"margin-top: 10px;\">Tr\u00ecnh Di\u1ec5n \u0110\u1ed5i M\u00e0u Xe 360\u00b0<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">T\u00f9y ch\u1ecdn ph\u1ed1i m\u00e0u s\u01a1n ngo\u1ea1i th\u1ea5t tr\u1ef1c quan gi\u00fap t\u0103ng tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng v\u00e0 gi\u1eef ch\u00e2n ng\u01b0\u1eddi d\u00f9ng tr\u00ean trang l\u00e2u h\u01a1n 180%.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_921010145\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_921010145 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t<br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-364825886\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;25px&#8221;]<br>\n<span style=\"background: rgba(59,130,246,0.2); color: #3b82f6; padding: 3px 10px; border-radius: 10px; font-size: 11px; font-weight: bold;\">DEMO 2<\/span><\/p>\n<h3 style=\"margin-top: 10px;\">C\u00f4ng C\u1ee5 T\u00ednh Gi\u00e1 L\u0103n B\u00e1nh &amp; Tr\u1ea3 G\u00f3p<\/h3>\n<p style=\"font-size: 13px; color: #94a3b8;\">T\u1ef1 \u0111\u1ed9ng h\u00f3a bi\u1ec3u t\u00ednh l\u00e3i su\u1ea5t, ti\u1ec1n tr\u1ea3 tr\u01b0\u1edbc v\u00e0 kho\u1ea3n vay h\u00e0ng th\u00e1ng theo t\u1eebng khu v\u1ef1c t\u1ec9nh th\u00e0nh.<\/p>\n\t<div id=\"gap-763343861\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-763343861 {\n  padding-top: 10px;\n}\n<\/style>\n\t<\/div>\n\t<br>\n[ux_box bg_color=&#8221;rgb(11, 15, 25)&#8221; radius=&#8221;10&#8243; padding=&#8221;15px&#8221;]\n<p style=\"font-size: 12px; color: #94a3b8; margin-bottom: 5px;\">\u01af\u1edbc t\u00ednh tr\u1ea3 g\u00f3p th\u00e1ng \u0111\u1ea7u:<\/p>\n<h2 style=\"color: #06b6d4; margin-bottom: 0;\">14,108,000 VN\u0110 \/ th\u00e1ng<\/h2>\n[\/ux_box]<br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1205627093 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(6, 8, 15);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_881813921\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-3925957595\" class=\"text\">\n\t\t\n\n<span style=\"color: #06b6d4; font-weight: bold; font-size: 12px; letter-spacing: 1px;\">TI\u00caU CHU\u1ea8N T\u1ed0I \u01afU<\/span>\n<h2>Quy Tr\u00ecnh Tri\u1ec3n Khai Chu\u1ea9n Agile<\/h2>\n\t\t\n<style>\n#text-3925957595 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-1315558762\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1315558762 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-782359672\">\n\n\n\t<div id=\"col-1828821293\" class=\"col medium-2_4 small-12 large-2_4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h1 style=\"color: rgba(255,255,255,0.2); margin-bottom: 0;\">01<\/h1>\n<h4 style=\"color: #fff;\">Nghi\u00ean C\u1ee9u<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">Ph\u00e2n t\u00edch th\u01b0\u01a1ng hi\u1ec7u, \u0111\u1ecbnh h\u00ecnh sitemap chu\u1ea9n SEO.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-707760111\" class=\"col medium-2_4 small-12 large-2_4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h1 style=\"color: rgba(255,255,255,0.2); margin-bottom: 0;\">02<\/h1>\n<h4 style=\"color: #fff;\">Thi\u1ebft K\u1ebf UI\/UX<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">Mockup Figma \u0111\u1ed9c b\u1ea3n tr\u00ean PC v\u00e0 Mobile.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1469300939\" class=\"col medium-2_4 small-12 large-2_4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h1 style=\"color: rgba(255,255,255,0.2); margin-bottom: 0;\">03<\/h1>\n<h4 style=\"color: #fff;\">L\u1eadp Tr\u00ecnh<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">X\u00e2y d\u1ef1ng t\u00ednh n\u0103ng t\u01b0\u01a1ng t\u00e1c &amp; t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1773646370\" class=\"col medium-2_4 small-12 large-2_4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h1 style=\"color: rgba(255,255,255,0.2); margin-bottom: 0;\">04<\/h1>\n<h4 style=\"color: #fff;\">Ki\u1ec3m Th\u1eed<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">Test hi\u1ec3n th\u1ecb \u0111a thi\u1ebft b\u1ecb &amp; ch\u1ea1y Speedtest.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1942058232\" class=\"col medium-2_4 small-12 large-2_4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h1 style=\"color: #06b6d4; margin-bottom: 0;\">05<\/h1>\n<h4 style=\"color: #fff;\">B\u00e0n Giao<\/h4>\n<p style=\"font-size: 12px; color: #94a3b8;\">H\u01b0\u1edbng d\u1eabn v\u1eadn h\u00e0nh &amp; h\u1ed7 tr\u1ee3 b\u1ea3o m\u1eadt tr\u1ecdn \u0111\u1eddi.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-782359672 > .col > .col-inner {\n  background-color: rgb(22, 31, 48);\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_881813921 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(11, 15, 25);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_1934988235\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-966821383\">\n\n\n\t<div id=\"col-553353929\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<p><span style=\"color: #06b6d4; font-weight: bold; font-size: 12px;\">B\u00c1O GI\u00c1 MINH B\u1ea0CH<\/span><\/p>\n<h2>B\u1ea3ng T\u00ednh C\u1ea5u H\u00ecnh &amp; Chi Ph\u00ed Website AutoWeb<\/h2>\n<p style=\"color: #94a3b8;\">G\u00f3i n\u1ec1n t\u1ea3ng t\u1ed1i \u01b0u bao g\u1ed3m tr\u1ecdn b\u1ed9 giao di\u1ec7n chu\u1ea9n SEO, Kho Xe, Tin T\u1ee9c, Trang Ch\u1ee7 v\u00e0 h\u1ec7 th\u1ed1ng Responsive \u0111a thi\u1ebft b\u1ecb.<\/p>\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;15&#8243; padding=&#8221;20px&#8221;]\n<h4 style=\"color: #fff; margin-bottom: 10px;\">C\u00e1c T\u00ednh N\u0103ng T\u00f9y Ch\u1ecdn Th\u00eam:<\/h4>\n<ul style=\"font-size: 13px; color: #94a3b8;\">\n<li>B\u1ed9 T\u00ednh Tr\u1ea3 G\u00f3p &amp; D\u1ef1 To\u00e1n L\u0103n B\u00e1nh (+2.5 Tr)<\/li>\n<li>M\u00f4-\u0111un \u0110\u1ed5i M\u00e0u Xe 360\u00b0 Ngo\u1ea1i Th\u1ea5t (+4.5 Tr)<\/li>\n<li>So S\u00e1nh Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt N\u00e2ng Cao (+2.0 Tr)<\/li>\n<li>H\u1ec7 Th\u1ed1ng \u0110\u1eb7t L\u1ecbch L\u00e1i Th\u1eed &amp; B\u1ea3o D\u01b0\u1ee1ng (+2.0 Tr)<\/li>\n<li>K\u1ebft N\u1ed1i \u0110\u1ed3ng B\u1ed9 API CRM \/ HubSpot (+1.5 Tr)<\/li>\n<\/ul>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1739901194\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n[ux_box bg_color=&#8221;rgb(22, 31, 48)&#8221; radius=&#8221;20&#8243; padding=&#8221;30px&#8221; depth=&#8221;3&#8243;]<br>\n\t<div id=\"text-648730532\" class=\"text\">\n\t\t\n<h3 style=\"color: #fff; margin-bottom: 5px;\">\u0110\u0103ng K\u00fd Nh\u1eadn B\u00e1o Gi\u00e1 Tr\u1ecdn G\u00f3i<\/h3>\n<p style=\"font-size: 12px; color: #94a3b8;\">Chi ph\u00ed \u0111\u1ea7u t\u01b0 tr\u1ecdn g\u00f3i t\u1eeb <strong>11,500,000 VN\u0110<\/strong><\/p>\n\t\t\n<style>\n#text-648730532 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n<p class=\"wpcf7-contact-form-not-found\"><strong>L\u1ed7i:<\/strong> Kh\u00f4ng t\u00ecm th\u1ea5y bi\u1ec3u m\u1eabu li\u00ean h\u1ec7.<\/p><br>\n[\/ux_box]\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1934988235 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(6, 8, 15);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_1564003138\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-1232751219\" class=\"text\">\n\t\t\n\n<span style=\"color: #06b6d4; font-weight: bold; font-size: 12px; letter-spacing: 1px;\">GI\u1ea2I \u0110\u00c1P TH\u1eaeC M\u1eaeC<\/span>\n<h2>C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h2>\n\t\t\n<style>\n#text-1232751219 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"gap-1784626610\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1784626610 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-2046962079\">\n\n\n\t<div id=\"col-525636778\" class=\"col medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h3 class=\"accordion_title\">H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt AutoWeb<\/h3><div class=\"accordion\">\n\n\t<div id=\"accordion-1219229826\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1219229826-label\" class=\"accordion-title plain\" href=\"#accordion-item-1.-t\u00f4i-c\u00f3-th\u1ec3-t\u1ef1-c\u1eadp-nh\u1eadt-gi\u00e1-xe-v\u00e0-gi\u00e1-b\u00e1n-tr\u1ea3-g\u00f3p-sau-khi-b\u00e0n-giao-kh\u00f4ng?\" aria-expanded=\"false\" aria-controls=\"accordion-1219229826-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Chuy\u1ec3n \u0111\u1ed5i\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>1. T\u00f4i c\u00f3 th\u1ec3 t\u1ef1 c\u1eadp nh\u1eadt gi\u00e1 xe v\u00e0 gi\u00e1 b\u00e1n tr\u1ea3 g\u00f3p sau khi b\u00e0n giao kh\u00f4ng?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1219229826-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1219229826-label\">\n\t\t\t\n\n<p>Ho\u00e0n to\u00e0n \u0111\u01b0\u1ee3c! AutoWeb cung c\u1ea5p h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi Vi\u1ec7t. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp gi\u00e1 xe ni\u00eam y\u1ebft m\u1edbi, b\u1ed9 m\u00e1y t\u00ednh s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt bi\u1ec3u thu\u1ebf l\u0103n b\u00e1nh v\u00e0 t\u00ednh tr\u1ea3 g\u00f3p cho kh\u00e1ch h\u00e0ng m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ed9ng v\u00e0o m\u1ed9t d\u00f2ng code n\u00e0o.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2548066934\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2548066934-label\" class=\"accordion-title plain\" href=\"#accordion-item-2.-th\u1eddi-gian-ho\u00e0n-thi\u1ec7n-thi\u1ebft-k\u1ebf-website-\u00f4-t\u00f4-th\u01b0\u1eddng-m\u1ea5t-bao-l\u00e2u?\" aria-expanded=\"false\" aria-controls=\"accordion-2548066934-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Chuy\u1ec3n \u0111\u1ed5i\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>2. Th\u1eddi gian ho\u00e0n thi\u1ec7n thi\u1ebft k\u1ebf website \u00f4 t\u00f4 th\u01b0\u1eddng m\u1ea5t bao l\u00e2u?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2548066934-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2548066934-label\">\n\t\t\t\n\n<p>Th\u1eddi gian thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh dao \u0111\u1ed9ng t\u1eeb 15 \u0111\u1ebfn 25 ng\u00e0y t\u00f9y thu\u1ed9c v\u00e0o \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a c\u00e1c t\u00ednh n\u0103ng b\u1ea1n ch\u1ecdn (v\u00ed d\u1ee5 b\u1ed9 xoay xe 3D v\u00e0 \u0111\u1ed5i m\u00e0u c\u1ea7n nhi\u1ec1u th\u1eddi gian chu\u1ea9n b\u1ecb \u0111\u1ed3 h\u1ecda h\u01a1n).<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-401792687\" class=\"accordion-item\">\n\t\t<a id=\"accordion-401792687-label\" class=\"accordion-title plain\" href=\"#accordion-item-3.-autoweb-c\u00f3-h\u1ed7-tr\u1ee3-l\u00e0m-seo-cho-website-\u00f4-t\u00f4-l\u00ean-top-google-kh\u00f4ng?\" aria-expanded=\"false\" aria-controls=\"accordion-401792687-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Chuy\u1ec3n \u0111\u1ed5i\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>3. AutoWeb c\u00f3 h\u1ed7 tr\u1ee3 l\u00e0m SEO cho website \u00f4 t\u00f4 l\u00ean top Google kh\u00f4ng?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-401792687-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-401792687-label\">\n\t\t\t\n\n<p>T\u1ea5t c\u1ea3 website ch\u00fang t\u00f4i b\u00e0n giao \u0111\u1ec1u tu\u00e2n th\u1ee7 100% chu\u1ea9n t\u1ed1i \u01b0u h\u00f3a On-page c\u1ee7a Google. Website h\u1ed7 tr\u1ee3 khai b\u00e1o Schema d\u00f2ng xe t\u1ef1 \u0111\u1ed9ng, t\u0103ng t\u1ed1c \u0111\u1ed9 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1i \u0111a.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1564003138 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(11, 15, 25);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section autoweb-native\" id=\"section_1945800689\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-1734258242\">\n\n\n\t<div id=\"col-1989608180\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\n     HTML only. CSS and JS are loaded separately. -->\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\nThis is the page content for a native Flatsome Section > Row > Column > UX HTML element.\n-->\n<div id=\"autoweb-page\" class=\"autoweb-page bg-brand-dark text-gray-100 font-sans antialiased\">\n\n\n    <!-- Navigation Bar -->\n    <nav class=\"fixed top-0 left-0 w-full z-50 bg-brand-dark\/90 backdrop-blur-md border-b border-gray-800 transition-all duration-300\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20\">\n                <!-- Logo -->\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white shadow-lg shadow-brand-blue\/20\">\n                        <i class=\"fa-solid fa-car-side text-2xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"font-display font-extrabold text-xl tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                        <p class=\"text-&#091;9px&#093; text-gray-400 tracking-widest uppercase font-semibold\">Chuy\u00ean Gia Web Xe<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Desktop Menu -->\n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#giai-phap\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Gi\u1ea3i Ph\u00e1p<\/a>\n                    <a href=\"#tinh-nang\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n                    <a href=\"#trai-nghiem\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n                    <a href=\"#quy-trinh\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Quy Tr\u00ecnh<\/a>\n                    <a href=\"#bao-gia\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh Gi\u00e1 Web<\/a>\n                    <a href=\"#uu-the\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">\u01afu Th\u1ebf<\/a>\n                <\/div>\n\n                <!-- Action Button -->\n                <div class=\"hidden md:block\">\n                    <a href=\"#bao-gia\" class=\"px-5 py-2.5 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-semibold text-sm transition-all duration-300 transform hover:scale-105 shadow-md shadow-brand-blue\/20 hover:shadow-brand-cyan\/20\">\n                        Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n                    <\/a>\n                <\/div>\n\n                <!-- Mobile menu button -->\n                <div class=\"md:hidden\">\n                    <button id=\"mobile-menu-btn\" class=\"text-gray-400 hover:text-white focus:outline-none\">\n                        <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Menu (Hidden by default) -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-brand-darker border-b border-gray-800 px-4 pt-2 pb-6 space-y-3 transition-all duration-300\">\n            <a href=\"#giai-phap\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Gi\u1ea3i Ph\u00e1p<\/a>\n            <a href=\"#tinh-nang\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n            <a href=\"#trai-nghiem\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n            <a href=\"#quy-trinh\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Quy Tr\u00ecnh<\/a>\n            <a href=\"#bao-gia\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh Gi\u00e1 Web<\/a>\n            <a href=\"#uu-the\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2\">\u01afu Th\u1ebf<\/a>\n            <a href=\"#bao-gia\" class=\"block w-full text-center px-4 py-3 mt-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-semibold text-sm\">\n                Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n            <\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-32 pb-24 md:pt-44 md:pb-36 bg-gradient-to-b from-brand-darker via-brand-dark to-brand-dark overflow-hidden\">\n        <!-- Background light elements -->\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-&#091;500px&#093; h-&#091;500px&#093; bg-brand-blue\/10 rounded-full blur-&#091;120px&#093; pointer-events-none\"><\/div>\n        <div class=\"absolute top-1\/3 right-10 w-&#091;300px&#093; h-&#091;300px&#093; bg-brand-cyan\/10 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n                \n                <!-- Left Content -->\n                <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n                    <span class=\"inline-flex items-center space-x-2 px-3 py-1.5 rounded-full bg-brand-blue\/10 border border-brand-blue\/30 text-xs font-semibold tracking-wider text-brand-cyan uppercase\">\n                        <span class=\"w-2 h-2 rounded-full bg-brand-cyan animate-pulse\"><\/span>\n                        <span>\u0110\u1ed8T PH\u00c1 DOANH S\u1ed0 NG\u00c0NH XE 2026<\/span>\n                    <\/span>\n                    <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-6xl text-white leading-tight\">\n                        Thi\u1ebft k\u1ebf Website <br>\n                        <span class=\"gradient-text\">\u00d4 T\u00f4 &amp; Xe M\u00e1y<\/span> <br>\n                        \u0110\u1eb3ng C\u1ea5p Nh\u1ea5t\n                    <\/h1>\n                    <p class=\"text-base sm:text-lg text-gray-400 max-w-xl mx-auto lg:mx-0\">\n                        T\u0103ng tr\u01b0\u1edfng t\u1ef7 l\u1ec7 \u0111\u0103ng k\u00fd l\u00e1i th\u1eed, \u0111\u1eb7t mua ph\u1ee5 t\u00f9ng v\u00e0 t\u1ed1i \u01b0u h\u00f3a chuy\u1ec3n \u0111\u1ed5i kh\u00e1ch h\u00e0ng nh\u1edd gi\u1ea3i ph\u00e1p web chuy\u00ean s\u00e2u, t\u00edch h\u1ee3p c\u00f4ng ngh\u1ec7 tr\u00ecnh di\u1ec5n xe 3D v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p.\n                    <\/p>\n                    \n                    <!-- Stats in Hero -->\n                    <div class=\"grid grid-cols-3 gap-4 pt-6 max-w-md mx-auto lg:mx-0\">\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-white font-display\">250+<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Showroom &amp; Salon tin d\u00f9ng<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-cyan font-display\">x3.2<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">T\u1ef7 l\u1ec7 \u0111\u1eb7t l\u1ecbch l\u00e1i th\u1eed<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-blue font-display\">100%<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Chu\u1ea9n SEO &amp; Mobile<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-6\">\n                        <a href=\"#trai-nghiem\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-bold text-base transition-all duration-300 transform hover:scale-105 shadow-xl shadow-brand-blue\/35 text-center\">\n                            <i class=\"fa-solid fa-gamepad mr-2\"><\/i> Tr\u1ea3i Nghi\u1ec7m Demo\n                        <\/a>\n                        <a href=\"#bao-gia\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-brand-card hover:bg-gray-800 text-white font-semibold text-base transition border border-gray-700 hover:border-brand-cyan\/50 text-center\">\n                            T\u1ef1 T\u00ednh Gi\u00e1 Web\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Simulated Supercar and interface highlight -->\n                <div class=\"lg:col-span-5 relative\">\n                    <div class=\"relative mx-auto max-w-md lg:max-w-none\">\n                        <!-- Neon Ring behind -->\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-blue\/20 to-brand-cyan\/20 rounded-3xl blur-2xl transform scale-105 pointer-events-none\"><\/div>\n                        \n                        <!-- Main Card -->\n                        <div class=\"relative bg-brand-card border border-gray-800 rounded-3xl p-6 shadow-2xl overflow-hidden\">\n                            <!-- Header Bar -->\n                            <div class=\"flex items-center justify-between mb-4 border-b border-gray-800 pb-3\">\n                                <div class=\"flex items-center space-x-2\">\n                                    <span class=\"w-3 h-3 rounded-full bg-red-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-green-500\"><\/span>\n                                <\/div>\n                                <span class=\"text-xs text-gray-500 font-mono tracking-wider\">showroom-concept.online<\/span>\n                                <i class=\"fa-solid fa-rotate-right text-gray-500 text-xs\"><\/i>\n                            <\/div>\n\n                            <!-- Showcase Area -->\n                            <div class=\"relative bg-brand-darker rounded-2xl p-4 overflow-hidden group\">\n                                <div class=\"absolute top-2 right-2 bg-brand-blue\/20 border border-brand-blue\/50 text-&#091;10px&#093; text-brand-cyan px-2 py-0.5 rounded font-bold uppercase tracking-widest animate-pulse\">LIVE PREVIEW<\/div>\n                                \n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1e293b\/06b6d4?text=PREMIUM+AUTOMOTIVE+WEBSITE\" alt=\"Giao di\u1ec7n \u00f4 t\u00f4 xe m\u00e1y chuy\u00ean nghi\u1ec7p\" class=\"w-full h-48 object-cover rounded-lg transition-transform duration-500 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111827\/ffffff?text=Premium+Showroom+UI'\">\n                                \n                                <div class=\"mt-4 space-y-2\">\n                                    <div class=\"flex justify-between items-center text-xs\">\n                                        <span class=\"text-white font-bold text-sm\">Hyperion GT-EV 2026<\/span>\n                                        <span class=\"text-brand-cyan font-bold\">$124,500<\/span>\n                                    <\/div>\n                                    <div class=\"flex gap-1.5 pt-1\">\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">750 HP<\/span>\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">0-100 km\/h: 2.1s<\/span>\n                                        <span class=\"px-2 py-0.5 bg-brand-cyan\/10 text-brand-cyan text-&#091;10px&#093; rounded\">Electric Motor<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Interactive Button Showcase in UI -->\n                            <div class=\"mt-4 grid grid-cols-2 gap-2\">\n                                <button class=\"py-2.5 px-3 bg-brand-blue text-white rounded-xl text-xs font-bold shadow-lg shadow-brand-blue\/25 hover:bg-brand-blue\/90 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-car-side\"><\/i>\n                                    <span>\u0110\u0103ng K\u00fd L\u00e1i Th\u1eed<\/span>\n                                <\/button>\n                                <button class=\"py-2.5 px-3 bg-gray-800 text-gray-300 rounded-xl text-xs font-semibold hover:bg-gray-700 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-calculator\"><\/i>\n                                    <span>T\u00ednh D\u1ef1 To\u00e1n<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Target Sub-niches Section (Gi\u1ea3i ph\u00e1p ph\u00e2n lo\u1ea1i) -->\n    <section id=\"giai-phap\" class=\"py-20 bg-brand-darker relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ph\u00e2n lo\u1ea1i ph\u00e2n kh\u00fac<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i Ph\u1ee5c V\u1ee5 Ph\u00e2n Kh\u00fac N\u00e0o?<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">M\u1ed7i ph\u00e2n kh\u00fac trong ng\u00e0nh \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u00f3 m\u1ed9t h\u00e0nh vi mua h\u00e0ng kh\u00e1c nhau. Ch\u00fang t\u00f4i thi\u1ebft k\u1ebf website may \u0111o ri\u00eang cho t\u1eebng nghi\u1ec7p v\u1ee5 c\u1ee5 th\u1ec3.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Card 1: Showroom \u00d4 t\u00f4 m\u1edbi \/ c\u0169 -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-blue\/10 flex items-center justify-center text-brand-blue text-xl mb-6 group-hover:bg-brand-blue group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-store\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Showroom &amp; \u0110\u1ea1i L\u00fd \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Tr\u00ecnh di\u1ec5n xe ho\u00e0n h\u1ea3o, c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm v\u00e0 l\u1ecdc xe th\u00f4ng minh, so s\u00e1nh th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt, nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u chu\u1ea9n to\u00e0n c\u1ea7u.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u1ea3i b\u00e1o gi\u00e1 \/ catalog l\u0103n b\u00e1nh t\u1ef1 \u0111\u1ed9ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> K\u1ebft n\u1ed1i c\u1ed5ng \u0111\u0103ng k\u00fd l\u00e1i th\u1eed tr\u1ef1c ti\u1ebfp<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2: C\u1eeda h\u00e0ng xe m\u00e1y, ph\u00e2n kh\u1ed1i l\u1edbn -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan text-xl mb-6 group-hover:bg-brand-cyan group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-motorcycle\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">H\u1ec7 Th\u1ed1ng Xe M\u00e1y &amp; PKL<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">B\u1ed1 c\u1ee5c hi\u1ec3n th\u1ecb n\u1ed5i b\u1eadt t\u00ednh th\u1ec3 thao, phong c\u00e1ch s\u1ed1ng c\u1ee7a c\u00e1c biker, b\u1ea3ng gi\u00e1 ph\u00e2n nh\u00e1nh theo phi\u00ean b\u1ea3n m\u00e0u s\u1eafc \u0111a d\u1ea1ng.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00edch h\u1ee3p b\u1ea3ng t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p theo th\u00e1ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00ecm c\u1eeda h\u00e0ng \u0111\u1ea1i l\u00fd (Dealer Locator)<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 3: Spa, Detailing & \u0110\u1ed3 Ch\u01a1i Xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-red\/10 flex items-center justify-center text-brand-red text-xl mb-6 group-hover:bg-brand-red group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Trung T\u00e2m Detailing &amp; Spa \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">L\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng b\u1eb1ng h\u00ecnh \u1ea3nh Tr\u01b0\u1edbc\/Sau (Before\/After) tr\u1ef1c quan, b\u1ea3ng gi\u00e1 d\u1ecbch v\u1ee5 d\u1ecbch chuy\u1ec3n \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> B\u1ed9 so s\u00e1nh tr\u1ef1c quan slider Before\/After<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng booking ch\u1ecdn gi\u1edd &amp; ch\u1ecdn th\u1ee3<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4: Garage S\u1eeda ch\u1eefa & Ph\u1ee5 t\u00f9ng -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-yellow-500\/10 flex items-center justify-center text-yellow-500 text-xl mb-6 group-hover:bg-yellow-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wrench\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Garage &amp; Ph\u1ee5 T\u00f9ng, Ph\u1ee5 Ki\u1ec7n<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u00edch h\u1ee3p gi\u1ecf h\u00e0ng e-commerce th\u00f4ng minh cho kho ph\u1ee5 t\u00f9ng kh\u1ed5ng l\u1ed3. Tra c\u1ee9u ph\u1ee5 t\u00f9ng t\u01b0\u01a1ng th\u00edch theo d\u00f2ng xe ti\u1ec7n l\u1ee3i.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Tra c\u1ee9u chu\u1ea9n x\u00e1c s\u1ed1 khung (VIN) \/ \u0110\u1eddi xe<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Thanh to\u00e1n tr\u1ef1c tuy\u1ebfn qua m\u00e3 QR nhanh ch\u00f3ng<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5: Car Rental & Thu\u00ea xe t\u1ef1 l\u00e1i -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-purple-500\/10 flex items-center justify-center text-purple-500 text-xl mb-6 group-hover:bg-purple-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-key\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">D\u1ecbch V\u1ee5 Cho Thu\u00ea Xe T\u1ef1 L\u00e1i<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Quy tr\u00ecnh \u0111\u1eb7t thu\u00ea xe \u0111\u01a1n gi\u1ea3n trong 3 b\u01b0\u1edbc. Qu\u1ea3n l\u00fd tr\u1ea1ng th\u00e1i xe tr\u1ed1ng (Real-time Availability) tr\u00ean l\u1ecbch tr\u1ef1c tuy\u1ebfn c\u1ef1c k\u1ef3 ch\u00ednh x\u00e1c.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng t\u00ednh l\u1ecbch thu\u00ea t\u1ef1 \u0111\u1ed9ng theo ng\u00e0y\/gi\u1edd<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Qu\u1ea3n l\u00fd \u0111\u1eb7t c\u1ecdc v\u00e0 x\u00e1c nh\u1eadn s\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 6: C\u1ed9ng \u0111\u1ed3ng & Tin t\u1ee9c xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-green-500\/10 flex items-center justify-center text-green-500 text-xl mb-6 group-hover:bg-green-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-regular fa-newspaper\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Tin T\u1ee9c Xe &amp; Reviewer<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i trang c\u1ef1c \u0111\u1ec9nh cho c\u00e1c b\u00e1o chuy\u00ean ng\u00e0nh. Thi\u1ebft k\u1ebf layout t\u1ed1i gi\u1ea3n, t\u1eadp trung t\u1ed1i \u0111a v\u00e0o tr\u1ea3i nghi\u1ec7m \u0111\u1ecdc v\u00e0 xem video.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> \u0110i\u1ec3m Core Web Vitals t\u1ed1i \u0111a (Xanh m\u01b0\u1edbt)<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> V\u1ecb tr\u00ed \u0111\u1eb7t banner qu\u1ea3ng c\u00e1o th\u00f4ng minh<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Specific Features Section -->\n    <section id=\"tinh-nang\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">T\u00ednh n\u0103ng tinh hoa<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Trang B\u1ecb T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t S\u1ed1 1 Th\u1ecb Tr\u01b0\u1eddng<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i kh\u00f4ng l\u00e0m website th\u00f4ng tin th\u00f4ng th\u01b0\u1eddng. Ch\u00fang t\u00f4i t\u1ea1o ra c\u00f4ng c\u1ee5 s\u1ed1 \u0111\u1ed9t ph\u00e1 t\u00ednh t\u01b0\u01a1ng t\u00e1c v\u00e0 t\u1ea1o tr\u1ea3i nghi\u1ec7m ch\u00e2n th\u1ef1c nh\u1ea5t cho kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- Feature 1 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-cyan text-2xl\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">Xem Xe 360 \u0110\u1ed9 &amp; \u0110\u1ed5i M\u00e0u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">Kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 tr\u1ea3i nghi\u1ec7m xoay xe c\u00e1c g\u00f3c \u0111\u1ed9 kh\u00e1c nhau v\u00e0 \u0111\u1ed5i c\u00e1c m\u00e0u s\u01a1n ngo\u1ea1i th\u1ea5t\/n\u1ed9i th\u1ea5t t\u00f9y th\u00edch tr\u1ef1c ti\u1ebfp tr\u00ean web.<\/p>\n                <\/div>\n                <!-- Feature 2 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-blue text-2xl\"><i class=\"fa-solid fa-calculator\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 D\u1ef1 To\u00e1n Chi Ph\u00ed Chi Ti\u1ebft<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh to\u00e1n thu\u1ebf tr\u01b0\u1edbc b\u1ea1, ph\u00ed bi\u1ec3n s\u1ed1, b\u1ea3o hi\u1ec3m, \u0111\u0103ng ki\u1ec3m t\u1ea1i t\u1eebng t\u1ec9nh th\u00e0nh v\u00e0 \u0111\u1ec1 xu\u1ea5t s\u1ed1 ti\u1ec1n tr\u1ea3 g\u00f3p h\u00e0ng th\u00e1ng.<\/p>\n                <\/div>\n                <!-- Feature 3 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-red text-2xl\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">So S\u00e1nh Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ednh n\u0103ng k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n t\u1eeb 2-4 d\u00f2ng xe c\u00f9ng ph\u00e2n kh\u00fac, l\u00e0m n\u1ed5i b\u1eadt th\u00f4ng s\u1ed1 t\u1ed1i \u01b0u gi\u00fap kh\u00e1ch d\u1ec5 \u0111\u01b0a ra quy\u1ebft \u0111\u1ecbnh.<\/p>\n                <\/div>\n                <!-- Feature 4 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-yellow-500 text-2xl\"><i class=\"fa-regular fa-calendar-check\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1eb7t L\u1ecbch H\u1eb9n \u0110a K\u00eanh<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">\u0110\u1eb7t l\u1ecbch l\u00e1i th\u1eed ho\u1eb7c \u0111\u1eb7t ch\u1ed7 s\u1eeda ch\u1eefa b\u1ea3o d\u01b0\u1ee1ng t\u1ef1 \u0111\u1ed9ng g\u1eedi th\u00f4ng b\u00e1o SMS\/Email x\u00e1c nh\u1eadn t\u1ee9c th\u00ec cho kh\u00e1ch v\u00e0 t\u01b0 v\u1ea5n vi\u00ean.<\/p>\n                <\/div>\n                <!-- Feature 5 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-purple-500 text-2xl\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 L\u1ecdc Xe (Smart-Filter)<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm ki\u1ebfm n\u00e2ng cao theo gi\u00e1 b\u00e1n, lo\u1ea1i nhi\u00ean li\u1ec7u (X\u0103ng\/\u0110i\u1ec7n\/Hybrid), ki\u1ec3u d\u00e1ng (Sedan, SUV, Pickup) m\u1ed9t c\u00e1ch tr\u1ef1c quan.<\/p>\n                <\/div>\n                <!-- Feature 6 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-green-500 text-2xl\"><i class=\"fa-solid fa-route\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">T\u00edch H\u1ee3p B\u1ea3n \u0110\u1ed3 \u0110\u1ea1i L\u00fd<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm showroom g\u1ea7n nh\u1ea5t b\u1eb1ng \u0111\u1ecbnh v\u1ecb GPS c\u1ee7a kh\u00e1ch h\u00e0ng, hi\u1ec3n th\u1ecb danh b\u1ea1 \u0111i\u1ec7n tho\u1ea1i ri\u00eang cho t\u1eebng chi nh\u00e1nh.<\/p>\n                <\/div>\n                <!-- Feature 7 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-orange-500 text-2xl\"><i class=\"fa-solid fa-link\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1ed3ng B\u1ed9 H\u1ec7 Th\u1ed1ng CRM<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">K\u1ebft n\u1ed1i d\u1eef li\u1ec7u kh\u00e1ch h\u00e0ng t\u1eeb website tr\u1ef1c ti\u1ebfp v\u00e0o h\u1ec7 th\u1ed1ng Salesforce, HubSpot, GetFly ho\u1eb7c Google Sheet qu\u1ea3n tr\u1ecb b\u00e1n h\u00e0ng.<\/p>\n                <\/div>\n                <!-- Feature 8 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-blue-400 text-2xl\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">SEO \u00d4 T\u00f4 Chuy\u00ean S\u00e2u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ed1i \u01b0u h\u00f3a Schema xe h\u01a1i gi\u00fap hi\u1ec3n th\u1ecb \u0111\u1ea7y \u0111\u1ee7 h\u00ecnh \u1ea3nh, gi\u00e1 b\u00e1n, t\u00ecnh tr\u1ea1ng kho xe ngay tr\u00ean trang t\u00ecm ki\u1ebfm Google.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Interactive Experience Section (Demos & Widgets) -->\n    <section id=\"trai-nghiem\" class=\"py-20 bg-brand-darker border-t border-b border-gray-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i N\u00f3i \u0110\u01b0\u1ee3c, L\u00e0m \u0110\u01b0\u1ee3c!<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">H\u00e3y t\u01b0\u01a1ng t\u00e1c ngay v\u1edbi hai m\u00f4-\u0111un th\u1ef1c t\u1ebf d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t v\u1ec1 n\u0103ng l\u1ef1c thi\u1ebft k\u1ebf giao di\u1ec7n v\u00e0 t\u01b0 duy nghi\u1ec7p v\u1ee5 c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n            <\/div>\n\n            <!-- Demo Tabs Grid -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                \n                <!-- Demo 1: Interactive Car Customizer (B\u1ed9 \u0111\u1ed5i m\u00e0u xe) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-cyan\/20 text-brand-cyan font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 1<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng \u0111\u1ed5i m\u00e0u xe tr\u1ef1c quan<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">Tr\u00ecnh di\u1ec5n ph\u1ed1i m\u00e0u ngo\u1ea1i th\u1ea5t<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">Tr\u00e1nh c\u00e1c trang web ch\u1ebft t\u1ebb nh\u1ea1t. Kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n s\u1ebd th\u00edch th\u00fa khi t\u1ef1 tay l\u1ef1a ch\u1ecdn m\u00e0u xe theo \u00fd mu\u1ed1n.<\/p>\n                        \n                        <!-- Simulated Interactive SVG Car Panel -->\n                        <div class=\"relative bg-brand-darker rounded-2xl p-6 flex flex-col items-center justify-center min-h-&#091;220px&#093;\">\n                            <!-- The SVG Car Dynamic Representation -->\n                            <div class=\"w-full max-w-&#091;340px&#093; h-32 flex items-center justify-center relative\">\n                                <!-- Dynamic Color Changing Overlay SVG -->\n                                <svg class=\"w-full h-full transition-all duration-500\" viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Shadow underneath -->\n                                    <ellipse cx=\"256\" cy=\"400\" rx=\"180\" ry=\"20\" fill=\"rgba(0,0,0,0.6)\" filter=\"blur(5px)\"><\/ellipse>\n                                    <!-- Car Body Chassis Group -->\n                                    <path id=\"car-body\" d=\"M420 280C420 280 400 240 370 210C340 180 280 170 240 170C200 170 140 180 110 210C80 240 60 280 60 280C40 285 30 300 30 315C30 330 45 350 70 350C70 350 80 320 110 320C140 320 150 350 150 350H330C330 350 340 320 370 320C400 320 410 350 410 350C435 350 450 330 450 315C450 300 440 285 420 280Z\" class=\"transition-all duration-500\" fill=\"#3B82F6\"><\/path>\n                                    <!-- Cabin Windows \/ Black glass elements -->\n                                    <path d=\"M150 240C150 240 160 210 190 195C220 180 240 180 240 180V240H150Z\" fill=\"#111827\"><\/path>\n                                    <path d=\"M330 240C330 240 320 210 290 195C260 180 240 180 240 180V240H330Z\" fill=\"#111827\"><\/path>\n                                    <!-- Wheels (Fixed) -->\n                                    <circle cx=\"125\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\"><\/circle>\n                                    <circle cx=\"125\" cy=\"350\" r=\"16\" fill=\"#374151\"><\/circle>\n                                    <circle cx=\"355\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\"><\/circle>\n                                    <circle cx=\"355\" cy=\"350\" r=\"16\" fill=\"#374151\"><\/circle>\n                                    <!-- Headlight and Taillight -->\n                                    <path d=\"M440 300C440 300 448 305 448 312C448 319 440 324 440 324\" stroke=\"#FBBF24\" stroke-width=\"3\"><\/path>\n                                    <path d=\"M40 300C40 300 32 305 32 312C32 319 40 324 40 324\" stroke=\"#EF4444\" stroke-width=\"3\"><\/path>\n                                <\/svg>\n                                <span id=\"color-label\" class=\"absolute bottom-1 font-mono text-&#091;10px&#093; tracking-wider text-brand-cyan uppercase\">Titanium Blue<\/span>\n                            <\/div>\n\n                            <!-- Color Pickers -->\n                            <div class=\"flex items-center space-x-3 mt-4\">\n                                <button onclick=\"changeCarColor('#3B82F6', 'Titanium Blue')\" class=\"w-8 h-8 rounded-full bg-blue-500 border-2 border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#EF4444', 'Carbon Red')\" class=\"w-8 h-8 rounded-full bg-red-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#10B981', 'Aurora Emerald')\" class=\"w-8 h-8 rounded-full bg-emerald-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#F59E0B', 'Cyber Yellow')\" class=\"w-8 h-8 rounded-full bg-amber-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#94A3B8', 'Steel Platinum')\" class=\"w-8 h-8 rounded-full bg-slate-400 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#1E1E1E', 'Phantom Obsidian')\" class=\"w-8 h-8 rounded-full bg-gray-900 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-lightbulb text-yellow-500 mr-1\"><\/i> T\u00ednh n\u0103ng n\u00e0y c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng t\u01b0\u01a1ng t\u1ef1 cho vi\u1ec7c l\u1ef1a ch\u1ecdn m\u00e2m xe (la-z\u0103ng), ch\u1ea5t li\u1ec7u da n\u1ed9i th\u1ea5t gi\u00fap t\u0103ng th\u1eddi gian l\u01b0u tr\u00fa (Dwell time) c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean web l\u00ean 180%!<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Demo 2: Cost & Loan Installment Calculator (B\u1ed9 t\u00ednh tr\u1ea3 g\u00f3p tr\u1ef1c quan) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-blue\/20 text-brand-blue font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 2<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng b\u1ed9 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">C\u00f4ng c\u1ee5 t\u00ednh to\u00e1n tr\u1ea3 g\u00f3p<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">\u0110\u01a1n gi\u1ea3n h\u00f3a nh\u1eefng con s\u1ed1 ph\u1ee9c t\u1ea1p. Kh\u00e1ch h\u00e0ng d\u1ec5 d\u00e0ng \u0111\u1ecbnh h\u00ecnh ng\u00e2n s\u00e1ch ngay tr\u00ean trang chi ti\u1ebft xe.<\/p>\n                        \n                        <!-- Mini Installment Calculator Panel -->\n                        <div class=\"bg-brand-darker rounded-2xl p-5 space-y-4\">\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Price Input -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Gi\u00e1 xe ni\u00eam y\u1ebft<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-car-price\" value=\"850000000\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 pl-3 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-2.5 top-2.5 text-xs text-gray-500\">\u0111<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!-- Down Payment % -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Tr\u1ea3 tr\u01b0\u1edbc (T\u1ed1i thi\u1ec3u 20%)<\/label>\n                                    <div class=\"relative\">\n                                        <select id=\"calc-down-pay\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                            <option value=\"20\">20%<\/option>\n                                            <option value=\"30\" selected=\"\">30%<\/option>\n                                            <option value=\"50\">50%<\/option>\n                                            <option value=\"70\">70%<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Loan Period (Years) -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">K\u1ef3 h\u1ea1n vay<\/label>\n                                    <select id=\"calc-loan-term\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <option value=\"36\">3 N\u0103m (36 Th\u00e1ng)<\/option>\n                                        <option value=\"60\" selected=\"\">5 N\u0103m (60 Th\u00e1ng)<\/option>\n                                        <option value=\"84\">7 N\u0103m (84 Th\u00e1ng)<\/option>\n                                    <\/select>\n                                <\/div>\n                                <!-- Interest Rate % per year -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">L\u00e3i su\u1ea5t n\u0103m (% \/ n\u0103m)<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-interest-rate\" value=\"8.5\" step=\"0.1\" oninput=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-3 top-2.5 text-xs text-gray-500\">%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Output display -->\n                            <div class=\"bg-brand-blue\/10 border border-brand-blue\/30 p-3.5 rounded-xl flex items-center justify-between\">\n                                <div>\n                                    <span class=\"text-&#091;10px&#093; text-gray-400 uppercase tracking-wide block\">G\u1ee3i \u00fd tr\u1ea3 g\u00f3p \u01b0\u1edbc t\u00ednh<\/span>\n                                    <span class=\"text-xs text-gray-400\">G\u1ed1c + l\u00e3i th\u00e1ng \u0111\u1ea7u:<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <span id=\"installment-output\" class=\"font-display font-extrabold text-brand-cyan text-lg\">14,108,000 \u0111<\/span>\n                                    <span class=\"text-&#091;9px&#093; text-gray-500 block\">\/th\u00e1ng<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-shield-halved text-brand-cyan mr-1\"><\/i> Tr\u1ef1c quan h\u00f3a chi ph\u00ed t\u0103ng c\u01a1 h\u1ed9i ch\u1ed1t sale nhanh ch\u00f3ng, kh\u00e1ch h\u00e0ng an t\u00e2m ti\u1ebfp c\u1eadn xe ph\u00f9 h\u1ee3p t\u00fai ti\u1ec1n.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Development Process Section -->\n    <section id=\"quy-trinh\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ti\u00eau chu\u1ea9n t\u1ed1i \u01b0u<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Quy Tr\u00ecnh Thi\u1ebft K\u1ebf Chu\u1ea9n Agile<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i \u0111\u1ed3ng h\u00e0nh c\u00f9ng d\u1ef1 \u00e1n t\u1eeb b\u01b0\u1edbc l\u00ean \u00fd t\u01b0\u1edfng thi\u1ebft k\u1ebf UI \u0111\u1ebfn khi trang web c\u1ee7a b\u1ea1n xu\u1ea5t hi\u1ec7n tr\u00ean trang \u0111\u1ea7u Google v\u00e0 s\u1eb5n s\u00e0ng v\u1eadn h\u00e0nh.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 relative\">\n                <!-- Decorative Connector Line for desktop (simplified representation in grid styling) -->\n                \n                <!-- Step 1 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">01<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Nghi\u00ean c\u1ee9u &amp; \u0110\u1ecbnh v\u1ecb<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Ph\u00e2n t\u00edch d\u00f2ng xe ch\u00ednh, \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1ch h\u00e0ng m\u1ee5c ti\u00eau c\u1ee7a \u0111\u1ea1i l\u00fd \u0111\u1ec3 \u0111\u1ecbnh h\u00ecnh phong c\u00e1ch th\u1ec3 thao, sang tr\u1ecdng hay ph\u1ed5 th\u00f4ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-cyan font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-magnifying-glass mr-1\"><\/i> X\u00e2y d\u1ef1ng Sitemap<\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">02<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Thi\u1ebft K\u1ebf UI\/UX \u0110\u1ed9c B\u1ea3n<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Thi\u1ebft k\u1ebf ho\u00e0n ch\u1ec9nh giao di\u1ec7n d\u1ea1ng Figma cho c\u1ea3 b\u1ea3n m\u00e1y t\u00ednh v\u00e0 \u0111i\u1ec7n tho\u1ea1i. \u00c1p d\u1ee5ng hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 \u0111\u1eadm ch\u1ea5t xe c\u1ed9.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-blue font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-palette mr-1\"><\/i> Figma Mockup<\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">03<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ph\u00e1t tri\u1ec3n C\u00f4ng ngh\u1ec7<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">L\u1eadp tr\u00ecnh c\u00e1c t\u00ednh n\u0103ng t\u01b0\u01a1ng t\u00e1c (360 \u0111\u1ed9, t\u00ednh tr\u1ea3 g\u00f3p), t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 v\u00e0 l\u1eadp tr\u00ecnh h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb xe (CMS) d\u1ec5 s\u1eed d\u1ee5ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-yellow-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-code mr-1\"><\/i> Clean Code<\/div>\n                <\/div>\n\n                <!-- Step 4 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">04<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ki\u1ec3m Th\u1eed &amp; \u0110\u00f3ng G\u00f3i<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Test l\u1ed7i hi\u1ec3n th\u1ecb tr\u00ean m\u1ecdi lo\u1ea1i m\u00e0n h\u00ecnh thi\u1ebft b\u1ecb v\u00e0 tr\u00ecnh duy\u1ec7t. \u0110\u1ea3m b\u1ea3o t\u1ed1c \u0111\u1ed9 t\u1ea3i trang \u0111\u1ea1t \u0111i\u1ec3m t\u1ed1i \u01b0u cao nh\u1ea5t.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-green-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-vial mr-1\"><\/i> QC &amp; Speedtest<\/div>\n                <\/div>\n\n                <!-- Step 5 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-brand-cyan mb-4\">05<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">B\u00e0n giao &amp; V\u1eadn h\u00e0nh<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">B\u00e0n giao m\u00e3 ngu\u1ed3n s\u1ea1ch, h\u01b0\u1edbng d\u1eabn nh\u00e2n vi\u00ean nh\u1eadp li\u1ec7u xe m\u1edbi, h\u1ed7 tr\u1ee3 b\u1ea3o m\u1eadt h\u1ec7 th\u1ed1ng tr\u1ecdn \u0111\u1eddi v\u00e0 c\u1eadp nh\u1eadt c\u00f4ng ngh\u1ec7 \u0111\u1ecbnh k\u1ef3.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-purple-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-rocket mr-1\"><\/i> Kh\u1edfi ch\u1ea1y Web<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Cost Configurator Section (T\u1ef1 \u0111\u1ecbnh m\u1ee9c gi\u00e1) -->\n    <section id=\"bao-gia\" class=\"py-20 bg-brand-darker relative border-t border-gray-800\">\n        <!-- background light glow -->\n        <div class=\"absolute bottom-1\/4 right-1\/4 w-&#091;400px&#093; h-&#091;400px&#093; bg-brand-cyan\/5 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n                \n                <!-- Left Column: Estimator -->\n                <div class=\"lg:col-span-7 bg-brand-card p-8 rounded-3xl border border-gray-800\">\n                    <span class=\"text-xs font-bold text-brand-cyan uppercase tracking-wider block mb-2\"><i class=\"fa-solid fa-sliders mr-1\"><\/i> T\u00ednh N\u0103ng T\u00f9y Ch\u1ecdn<\/span>\n                    <h3 class=\"font-display font-bold text-2xl text-white mb-3\">T\u1ef1 Thi\u1ebft K\u1ebf C\u1ea5u H\u00ecnh &amp; D\u1ef1 T\u00ednh Chi Ph\u00ed<\/h3>\n                    <p class=\"text-gray-400 text-sm mb-8\">H\u00e3y ch\u1ecdn c\u00e1c t\u00ednh n\u0103ng b\u1ea1n mong mu\u1ed1n t\u00edch h\u1ee3p cho website c\u1ee7a m\u00ecnh. B\u1ed9 m\u00e1y t\u00ednh c\u1ee7a ch\u00fang t\u00f4i s\u1ebd \u01b0\u1edbc t\u00ednh t\u1ed5ng chi ph\u00ed tri\u1ec3n khai m\u1ed9t c\u00e1ch minh b\u1ea1ch.<\/p>\n                    \n                    <!-- Configurator Options -->\n                    <div class=\"space-y-4\">\n                        <!-- Standard Pack (Read Only baseline) -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-brand-blue\/30 relative\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" checked=\"\" disabled=\"\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card cursor-not-allowed\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">G\u00f3i Giao Di\u1ec7n C\u01a1 B\u1ea3n &amp; Chu\u1ea9n SEO<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Trang ch\u1ee7, Tin t\u1ee9c, Gi\u1edbi thi\u1ec7u, Kho Xe, Li\u00ean h\u1ec7, T\u1ed1i \u01b0u SEO, Responsive \u0111a m\u00e0n h\u00ecnh.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-brand-cyan\">\u0110\u00c3 G\u1ed2M<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 1 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-installment')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-installment\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">B\u1ed9 T\u00ednh Tr\u1ea3 G\u00f3p &amp; D\u1ef1 To\u00e1n L\u0103n B\u00e1nh T\u1ef1 \u0110\u1ed9ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u1ef1 \u0111\u1ed9ng c\u1ea5u h\u00ecnh bi\u1ec3u thu\u1ebf theo khu v\u1ef1c v\u00e0 \u0111\u1ec1 xu\u1ea5t ph\u01b0\u01a1ng \u00e1n tr\u1ea3 g\u00f3p.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 2 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-colors')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-colors\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">M\u00f4-\u0111un \u0110\u1ed5i M\u00e0u Xe 360 \u0110\u1ed9 Ngo\u1ea1i Th\u1ea5t<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u00edch h\u1ee3p b\u1ed9 t\u01b0\u01a1ng t\u00e1c \u0111\u1ed5i m\u00e0u s\u1eafc c\u1ee7a xe v\u00e0 xoay g\u00f3c nh\u00ecn l\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 4.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 3 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-compare')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-compare\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng So S\u00e1nh Th\u00f4ng S\u1ed1 Xe N\u00e2ng Cao<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Giao di\u1ec7n k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n nhi\u1ec1u phi\u00ean b\u1ea3n xe d\u1ec5 d\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 4 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-booking')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-booking\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng \u0110\u1eb7t L\u1ecbch L\u00e1i Th\u1eed &amp; B\u1ea3o D\u01b0\u1ee1ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">\u0110\u1eb7t l\u1ecbch theo khung gi\u1edd, ch\u1ecdn nh\u00e2n vi\u00ean t\u01b0 v\u1ea5n, \u0111\u1ed3ng b\u1ed9 v\u1ec1 \u0111i\u1ec7n tho\u1ea1i Admin.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 5 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-crm')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-crm\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">K\u1ebft N\u1ed1i \u0110\u1ed3ng B\u1ed9 API CRM \/ HubSpot \/ Google Sheet<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Data \u0111\u1ed5 th\u1eb3ng v\u1ec1 h\u1ec7 th\u1ed1ng ch\u0103m s\u00f3c t\u1ef1 \u0111\u1ed9ng gi\u00fap nh\u00e2n vi\u00ean g\u1ecdi ngay sau 5 gi\u00e2y.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 1.5 Tr<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Column: Registration Form & Real-time Bill -->\n                <div class=\"lg:col-span-5 space-y-8\">\n                    <!-- Real-time Bill Summary -->\n                    <div class=\"bg-gradient-to-br from-brand-card to-brand-darker p-8 rounded-3xl border border-brand-cyan\/30 shadow-lg\">\n                        <div class=\"flex items-center space-x-2 text-brand-cyan text-sm font-semibold uppercase mb-4\">\n                            <i class=\"fa-solid fa-receipt\"><\/i>\n                            <span>B\u00c1O GI\u00c1 D\u1ef0 TO\u00c1N CHI TI\u1ebeT<\/span>\n                        <\/div>\n                        <div class=\"space-y-3 mb-6\">\n                            <div class=\"flex justify-between text-xs text-gray-400\">\n                                <span>G\u00f3i n\u1ec1n t\u1ea3ng t\u1ed1i \u01b0u (C\u1ed1 \u0111\u1ecbnh):<\/span>\n                                <span class=\"text-white font-mono\">11,500,000 \u0111<\/span>\n                            <\/div>\n                            <div id=\"selected-features-list\" class=\"space-y-2 border-t border-gray-800 pt-3\">\n                                <!-- Dynamic features checked will appear here -->\n                                <p class=\"text-&#091;11px&#093; text-gray-500 italic\">Ch\u01b0a ch\u1ecdn t\u00ednh n\u0103ng t\u00f9y ch\u1ecdn n\u00e0o th\u00eam.<\/p>\n                            <\/div>\n                            <div class=\"border-t border-gray-800 pt-3 flex justify-between items-center\">\n                                <span class=\"text-xs font-semibold text-white\">Th\u1eddi gian ho\u00e0n thi\u1ec7n:<\/span>\n                                <span id=\"completion-time\" class=\"text-xs font-bold text-brand-cyan\">15 &#8211; 20 Ng\u00e0y<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"border-t border-gray-800 pt-4 mb-6 flex justify-between items-end\">\n                            <div>\n                                <span class=\"text-xs text-gray-400 uppercase tracking-wide\">Chi ph\u00ed \u0111\u1ea7u t\u01b0 tr\u1ecdn g\u00f3i:<\/span>\n                                <p class=\"text-&#091;9px&#093; text-gray-500\">(Cam k\u1ebft kh\u00f4ng ph\u00e1t sinh chi ph\u00ed \u1ea9n)<\/p>\n                            <\/div>\n                            <div class=\"text-right\">\n                                <span id=\"web-total-price\" class=\"font-display font-extrabold text-2xl text-white\">11,500,000 \u0111<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Registration form inside bill -->\n                        <form id=\"quote-registration-form\" onsubmit=\"handleQuoteSubmit(event)\" class=\"space-y-4\">\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">H\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n *<\/label>\n                                <input type=\"text\" id=\"quote-name\" required=\"\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"V\u00ed d\u1ee5: Nguy\u1ec5n V\u0103n A\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *<\/label>\n                                <input type=\"tel\" id=\"quote-phone\" required=\"\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">Y\u00eau c\u1ea7u th\u00eam (n\u1ebfu c\u00f3)<\/label>\n                                <textarea id=\"quote-note\" rows=\"2\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"VD: T\u00f4i mu\u1ed1n t\u00edch h\u1ee3p thanh to\u00e1n VnPay...\"><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-bold text-base transition duration-300 transform hover:scale-102 flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\n                                <span>G\u1eedi Y\u00eau C\u1ea7u &amp; Nh\u1eadn Khuy\u1ebfn M\u1ea1i<\/span>\n                            <\/button>\n                        <\/form>\n                        \n                        <!-- Dynamic Success Feedback (Hidden by default) -->\n                        <div id=\"quote-success\" class=\"hidden mt-4 p-4 bg-emerald-500\/10 border border-emerald-500\/50 rounded-xl text-center space-y-2\">\n                            <i class=\"fa-regular fa-circle-check text-2xl text-emerald-400\"><\/i>\n                            <h5 class=\"font-bold text-white text-sm\">G\u1eedi y\u00eau c\u1ea7u b\u00e1o gi\u00e1 th\u00e0nh c\u00f4ng!<\/h5>\n                            <p class=\"text-xs text-gray-400\">Chuy\u00ean vi\u00ean t\u01b0 v\u1ea5n \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u1ee7a AutoWeb s\u1ebd li\u00ean h\u1ec7 l\u1ea1i v\u1edbi b\u1ea1n trong v\u00f2ng 15 ph\u00fat t\u1edbi.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Competitive Advantage Section (T\u1ea1i sao ch\u1ecdn ch\u00fang t\u00f4i) -->\n    <section id=\"uu-the\" class=\"py-20 bg-brand-dark relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                <!-- Left Content: High Tech Advantages list -->\n                <div class=\"space-y-6\">\n                    <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full inline-block\">S\u1ef1 kh\u00e1c bi\u1ec7t v\u01b0\u1ee3t tr\u1ed9i<\/span>\n                    <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">T\u1ea1i Sao Showroom Xe L\u1edbn L\u1ef1a Ch\u1ecdn AutoWeb?<\/h2>\n                    <p class=\"text-gray-400 text-sm sm:text-base leading-relaxed\">Ch\u00fang t\u00f4i t\u00edch h\u1ee3p hi\u1ec3u bi\u1ebft s\u00e2u r\u1ed9ng v\u1ec1 \u0111\u1eb7c th\u00f9 Marketing ng\u00e0nh \u00d4 t\u00f4 &amp; Xe m\u00e1y v\u00e0o t\u1eebng d\u00f2ng code, gi\u00fap website \u0111\u1ea1t hi\u1ec7u su\u1ea5t t\u1ed1i \u0111a.<\/p>\n                    \n                    <div class=\"space-y-4 pt-4\">\n                        <!-- Advantage 1 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-blue\/10 flex items-center justify-center text-brand-blue\"><i class=\"fa-solid fa-bolt text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">T\u1ed1c \u0110\u1ed9 T\u1ea3i Trang Si\u00eau T\u1ed1c (D\u01b0\u1edbi 1.5 gi\u00e2y)<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">Ch\u00fang t\u00f4i s\u1eed d\u1ee5ng ki\u1ebfn tr\u00fac code hi\u1ec7n \u0111\u1ea1i t\u1ed1i \u01b0u h\u00f3a c\u00e1c h\u00ecnh \u1ea3nh n\u1eb7ng c\u1ee7a xe m\u00e0 v\u1eabn gi\u1eef nguy\u00ean \u0111\u1ed9 n\u00e9t, gi\u00fap t\u1ed1i \u01b0u h\u00f3a \u0111i\u1ec3m ch\u1ea5t l\u01b0\u1ee3ng SEO v\u00e0 Google Ads.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 2 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan\"><i class=\"fa-solid fa-mobile-screen-button text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">Thi\u1ebft K\u1ebf &#8220;Mobile-First&#8221; Ho\u00e0n H\u1ea3o<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u01a1n 85% kh\u00e1ch h\u00e0ng mua xe t\u00ecm ki\u1ebfm th\u00f4ng tin tr\u00ean smartphone. Giao di\u1ec7n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf c\u00e1c n\u00fat G\u1ecdi ngay, Chat Zalo, \u0110\u0103ng k\u00fd l\u00e1i th\u1eed \u0111\u00fang t\u1ea7m ng\u00f3n tay c\u00e1i ng\u01b0\u1eddi d\u00f9ng.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 3 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-purple-500\/10 flex items-center justify-center text-purple-500\"><i class=\"fa-solid fa-shield-halved text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">B\u1ea3o M\u1eadt M\u00e1y Ch\u1ee7 Tuy\u1ec7t \u0110\u1ed1i<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u1ec7 th\u1ed1ng b\u1ea3o v\u1ec7 DDoS, m\u00e3 h\u00f3a th\u00f4ng tin li\u00ean h\u1ec7 c\u1ee7a kh\u00e1ch h\u00e0ng, tr\u00e1nh th\u1ea5t tho\u00e1t data sang c\u00e1c \u0111\u1ed1i th\u1ee7 c\u1ea1nh tranh.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Clean, high-performance mock UI -->\n                <div class=\"relative bg-brand-card rounded-3xl p-6 border border-gray-800 shadow-2xl overflow-hidden\">\n                    <div class=\"absolute -top-10 -right-10 w-40 h-40 bg-brand-cyan\/10 rounded-full blur-2xl\"><\/div>\n                    \n                    <!-- Dashboard simulated widget -->\n                    <h3 class=\"font-display font-bold text-lg text-white mb-6 flex items-center justify-between\">\n                        <span>H\u1ec7 Th\u1ed1ng Qu\u1ea3n Tr\u1ecb Xe C\u1ef1c D\u1ec5 D\u00f9ng<\/span>\n                        <span class=\"px-2 py-0.5 bg-green-500\/20 text-green-400 text-&#091;10px&#093; rounded font-mono font-bold\">V\u1eadn H\u00e0nh Si\u00eau \u00cam<\/span>\n                    <\/h3>\n                    \n                    <div class=\"space-y-4\">\n                        <!-- Simulated CMS Item -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=SUV\" alt=\"SUV\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">SUV Cruiser 2026<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: CR-2026<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-brand-blue\/10 text-brand-blue text-&#091;10px&#093; rounded font-semibold\">C\u00f2n h\u00e0ng (8)<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Simulated CMS Item 2 -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=Sport\" alt=\"Sport Car\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">Phantom GT Edition<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: PH-GT<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-yellow-500\/10 text-yellow-500 text-&#091;10px&#093; rounded font-semibold\">\u0110\u1ee3i c\u1eadp nh\u1eadt<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Easy UI Dashboard Graphic -->\n                        <div class=\"bg-brand-darker p-4 rounded-xl border border-gray-800 mt-6 space-y-3\">\n                            <p class=\"text-xs text-gray-400\">B\u00e1o c\u00e1o \u0111\u0103ng k\u00fd l\u00e1i th\u1eed m\u1edbi nh\u1eadn trong tu\u1ea7n:<\/p>\n                            <div class=\"flex items-end space-x-2 h-16 pt-2\">\n                                <div class=\"bg-brand-blue\/20 w-full h-1\/3 rounded-t\"><\/div>\n                                <div class=\"bg-brand-blue\/40 w-full h-1\/2 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan\/60 w-full h-3\/4 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan w-full h-full rounded-t\"><\/div>\n                            <\/div>\n                            <div class=\"flex justify-between text-&#091;9px&#093; text-gray-500 font-mono\">\n                                <span>Th\u1ee9 2<\/span>\n                                <span>Th\u1ee9 3<\/span>\n                                <span>Th\u1ee9 4<\/span>\n                                <span>Th\u1ee9 5<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section (C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p) -->\n    <section class=\"py-20 bg-brand-darker border-t border-gray-800\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Gi\u1ea3i \u0111\u00e1p th\u1eafc m\u1eafc<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl text-white\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h2>\n                <p class=\"text-gray-400 text-sm\">Nh\u1eefng th\u1eafc m\u1eafc th\u01b0\u1eddng th\u1ea5y nh\u1ea5t t\u1eeb c\u00e1c ch\u1ee7 Showroom xe khi l\u1ef1a ch\u1ecdn ph\u00e1t tri\u1ec3n website.<\/p>\n            <\/div>\n\n            <div class=\"space-y-4\">\n                <!-- FAQ Item 1 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(1)\">\n                        <span>T\u00f4i c\u00f3 th\u1ec3 t\u1ef1 c\u1eadp nh\u1eadt gi\u00e1 xe v\u00e0 gi\u00e1 b\u00e1n tr\u1ea3 g\u00f3p sau khi b\u00e0n giao kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-1\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-1\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Ho\u00e0n to\u00e0n \u0111\u01b0\u1ee3c! AutoWeb cung c\u1ea5p h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi Vi\u1ec7t. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp gi\u00e1 xe ni\u00eam y\u1ebft m\u1edbi, b\u1ed9 m\u00e1y t\u00ednh s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt bi\u1ec3u thu\u1ebf l\u0103n b\u00e1nh v\u00e0 t\u00ednh tr\u1ea3 g\u00f3p cho kh\u00e1ch h\u00e0ng m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ed9ng v\u00e0o m\u1ed9t d\u00f2ng code n\u00e0o.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(2)\">\n                        <span>Th\u1eddi gian ho\u00e0n thi\u1ec7n thi\u1ebft k\u1ebf website \u00f4 t\u00f4 th\u01b0\u1eddng m\u1ea5t bao l\u00e2u?<\/span>\n                        <i id=\"faq-icon-2\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-2\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Th\u1eddi gian thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh dao \u0111\u1ed9ng t\u1eeb 15 \u0111\u1ebfn 25 ng\u00e0y t\u00f9y thu\u1ed9c v\u00e0o \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a c\u00e1c t\u00ednh n\u0103ng b\u1ea1n ch\u1ecdn (v\u00ed d\u1ee5 b\u1ed9 xoay xe 3D v\u00e0 \u0111\u1ed5i m\u00e0u c\u1ea7n nhi\u1ec1u th\u1eddi gian chu\u1ea9n b\u1ecb \u0111\u1ed3 h\u1ecda h\u01a1n). Ti\u1ebfn \u0111\u1ed9 c\u1ee5 th\u1ec3 s\u1ebd \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt minh b\u1ea1ch qua b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n Kanban cho b\u1ea1n theo d\u00f5i h\u00e0ng ng\u00e0y.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(3)\">\n                        <span>AutoWeb c\u00f3 h\u1ed7 tr\u1ee3 l\u00e0m SEO cho website \u00f4 t\u00f4 l\u00ean top Google kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-3\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-3\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            T\u1ea5t c\u1ea3 website ch\u00fang t\u00f4i b\u00e0n giao \u0111\u1ec1u tu\u00e2n th\u1ee7 100% chu\u1ea9n t\u1ed1i \u01b0u h\u00f3a On-page c\u1ee7a Google. Website h\u1ed7 tr\u1ee3 khai b\u00e1o Schema d\u00f2ng xe t\u1ef1 \u0111\u1ed9ng, t\u0103ng t\u1ed1c \u0111\u1ed9 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1i \u0111a. Ngo\u00e0i ra ch\u00fang t\u00f4i c\u00f2n c\u00f3 g\u00f3i h\u1ed7 tr\u1ee3 SEO t\u1eeb kh\u00f3a c\u1ee5 th\u1ec3 cho t\u1eebng t\u1ec9nh th\u00e0nh (v\u00ed d\u1ee5: &#8220;Mua \u00f4 t\u00f4 c\u0169 t\u1ea1i B\u1eafc Giang&#8221;, &#8220;\u0110\u1ea1i l\u00fd Hyundai \u0110\u00e0 N\u1eb5ng&#8221;).\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer Section -->\n    <footer class=\"bg-brand-darker border-t border-gray-800 pt-16 pb-8 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12\">\n                <!-- Branding column -->\n                <div class=\"space-y-4\">\n                    <div class=\"flex items-center space-x-3\">\n                        <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white\">\n                            <i class=\"fa-solid fa-car-side text-xl\"><\/i>\n                        <\/div>\n                        <span class=\"font-display font-extrabold text-lg tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                    <\/div>\n                    <p class=\"text-xs text-gray-400 leading-relaxed\">\u0110\u01a1n v\u1ecb ti\u00ean phong thi\u1ebft k\u1ebf giao di\u1ec7n t\u01b0\u01a1ng t\u00e1c cao, ki\u1ebfn t\u1ea1o tr\u1ea3i nghi\u1ec7m s\u1ed1 ho\u00e0n m\u1ef9 cho c\u00e1c \u0111\u1ea1i l\u00fd, showroom \u00f4 t\u00f4 &amp; xe m\u00e1y t\u1ea1i Vi\u1ec7t Nam.<\/p>\n                    <div class=\"flex space-x-3 pt-2\">\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-blue transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-cyan transition\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-red transition\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick links -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">H\u1ec7 gi\u1ea3i ph\u00e1p<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">\u0110\u1ea1i l\u00fd \u00f4 t\u00f4 ch\u00ednh h\u00e3ng<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Showroom xe m\u00e1y &amp; PKL<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Garage &amp; Ph\u1ee5 t\u00f9ng xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">D\u1ecbch v\u1ee5 Detailing \/ Spa xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Cho thu\u00ea xe t\u1ef1 l\u00e1i<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Highlighted Features -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">M\u00f4-\u0111un \u0111\u1ed9t ph\u00e1<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">Xoay xe 360 \u0111\u1ed9 &amp; \u0110\u1ed5i m\u00e0u ngo\u1ea1i th\u1ea5t<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">B\u1ea3ng so s\u00e1nh th\u00f4ng s\u1ed1 xe n\u00e2ng cao<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">C\u00f4ng c\u1ee5 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh theo t\u1ec9nh th\u00e0nh<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">H\u1ec7 th\u1ed1ng \u0111\u1eb7t l\u1ecbch h\u1eb9n b\u1ea3o d\u01b0\u1ee1ng<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">\u0110\u1ed3ng b\u1ed9 t\u1ef1 \u0111\u1ed9ng v\u1ec1 Google Sheet\/CRM<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact details -->\n                <div class=\"space-y-3\">\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">Li\u00ean h\u1ec7<\/h5>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-location-dot text-brand-cyan mr-2\"><\/i> T\u1ea7ng 18, To\u00e0 nh\u00e0 Bitexco, Q. 1, TP. HCM<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-phone text-brand-cyan mr-2\"><\/i> Hotline: 1900 6868 (8:00 &#8211; 18:00)<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-envelope text-brand-cyan mr-2\"><\/i> Th\u01b0 \u0111i\u1ec7n t\u1eed: lienhe@autoweb.vn<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500\">\n                <p>\u00a9 2026 AutoWeb. To\u00e0n b\u1ed9 thi\u1ebft k\u1ebf v\u00e0 m\u00e3 ngu\u1ed3n \u0111\u01b0\u1ee3c b\u1ea3o l\u01b0u b\u1edfi AutoWeb Inc.<\/p>\n                <div class=\"flex space-x-6 mt-4 md:mt-0\">\n                    <a href=\"#\" class=\"hover:text-white transition\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a>\n                    <a href=\"#\" class=\"hover:text-white transition\">\u0110i\u1ec1u kho\u1ea3n v\u1eadn h\u00e0nh<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1989608180 > .col-inner {\n  padding: 0px;\n  margin: 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-1734258242 > .col > .col-inner {\n  padding: 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1945800689 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  margin-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section autoweb-native\" id=\"section_1117915696\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-264159690\">\n\n\n\t<div id=\"col-312667016\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\n     HTML only. CSS and JS are loaded separately. -->\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\nThis is the page content for a native Flatsome Section > Row > Column > UX HTML element.\n-->\n<div id=\"autoweb-page\" class=\"autoweb-page bg-brand-dark text-gray-100 font-sans antialiased\">\n\n\n    <!-- Navigation Bar -->\n    <nav class=\"fixed top-0 left-0 w-full z-50 bg-brand-dark\/90 backdrop-blur-md border-b border-gray-800 transition-all duration-300\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20\">\n                <!-- Logo -->\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white shadow-lg shadow-brand-blue\/20\">\n                        <i class=\"fa-solid fa-car-side text-2xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"font-display font-extrabold text-xl tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                        <p class=\"text-&#091;9px&#093; text-gray-400 tracking-widest uppercase font-semibold\">Chuy\u00ean Gia Web Xe<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Desktop Menu -->\n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#giai-phap\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Gi\u1ea3i Ph\u00e1p<\/a>\n                    <a href=\"#tinh-nang\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n                    <a href=\"#trai-nghiem\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n                    <a href=\"#quy-trinh\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Quy Tr\u00ecnh<\/a>\n                    <a href=\"#bao-gia\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh Gi\u00e1 Web<\/a>\n                    <a href=\"#uu-the\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">\u01afu Th\u1ebf<\/a>\n                <\/div>\n\n                <!-- Action Button -->\n                <div class=\"hidden md:block\">\n                    <a href=\"#bao-gia\" class=\"px-5 py-2.5 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-semibold text-sm transition-all duration-300 transform hover:scale-105 shadow-md shadow-brand-blue\/20 hover:shadow-brand-cyan\/20\">\n                        Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n                    <\/a>\n                <\/div>\n\n                <!-- Mobile menu button -->\n                <div class=\"md:hidden\">\n                    <button id=\"mobile-menu-btn\" class=\"text-gray-400 hover:text-white focus:outline-none\">\n                        <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Menu (Hidden by default) -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-brand-darker border-b border-gray-800 px-4 pt-2 pb-6 space-y-3 transition-all duration-300\">\n            <a href=\"#giai-phap\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Gi\u1ea3i Ph\u00e1p<\/a>\n            <a href=\"#tinh-nang\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n            <a href=\"#trai-nghiem\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n            <a href=\"#quy-trinh\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Quy Tr\u00ecnh<\/a>\n            <a href=\"#bao-gia\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh Gi\u00e1 Web<\/a>\n            <a href=\"#uu-the\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2\">\u01afu Th\u1ebf<\/a>\n            <a href=\"#bao-gia\" class=\"block w-full text-center px-4 py-3 mt-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-semibold text-sm\">\n                Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n            <\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-32 pb-24 md:pt-44 md:pb-36 bg-gradient-to-b from-brand-darker via-brand-dark to-brand-dark overflow-hidden\">\n        <!-- Background light elements -->\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-&#091;500px&#093; h-&#091;500px&#093; bg-brand-blue\/10 rounded-full blur-&#091;120px&#093; pointer-events-none\"><\/div>\n        <div class=\"absolute top-1\/3 right-10 w-&#091;300px&#093; h-&#091;300px&#093; bg-brand-cyan\/10 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n                \n                <!-- Left Content -->\n                <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n                    <span class=\"inline-flex items-center space-x-2 px-3 py-1.5 rounded-full bg-brand-blue\/10 border border-brand-blue\/30 text-xs font-semibold tracking-wider text-brand-cyan uppercase\">\n                        <span class=\"w-2 h-2 rounded-full bg-brand-cyan animate-pulse\"><\/span>\n                        <span>\u0110\u1ed8T PH\u00c1 DOANH S\u1ed0 NG\u00c0NH XE 2026<\/span>\n                    <\/span>\n                    <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-6xl text-white leading-tight\">\n                        Thi\u1ebft k\u1ebf Website <br>\n                        <span class=\"gradient-text\">\u00d4 T\u00f4 &amp; Xe M\u00e1y<\/span> <br>\n                        \u0110\u1eb3ng C\u1ea5p Nh\u1ea5t\n                    <\/h1>\n                    <p class=\"text-base sm:text-lg text-gray-400 max-w-xl mx-auto lg:mx-0\">\n                        T\u0103ng tr\u01b0\u1edfng t\u1ef7 l\u1ec7 \u0111\u0103ng k\u00fd l\u00e1i th\u1eed, \u0111\u1eb7t mua ph\u1ee5 t\u00f9ng v\u00e0 t\u1ed1i \u01b0u h\u00f3a chuy\u1ec3n \u0111\u1ed5i kh\u00e1ch h\u00e0ng nh\u1edd gi\u1ea3i ph\u00e1p web chuy\u00ean s\u00e2u, t\u00edch h\u1ee3p c\u00f4ng ngh\u1ec7 tr\u00ecnh di\u1ec5n xe 3D v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p.\n                    <\/p>\n                    \n                    <!-- Stats in Hero -->\n                    <div class=\"grid grid-cols-3 gap-4 pt-6 max-w-md mx-auto lg:mx-0\">\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-white font-display\">250+<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Showroom &amp; Salon tin d\u00f9ng<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-cyan font-display\">x3.2<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">T\u1ef7 l\u1ec7 \u0111\u1eb7t l\u1ecbch l\u00e1i th\u1eed<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-blue font-display\">100%<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Chu\u1ea9n SEO &amp; Mobile<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-6\">\n                        <a href=\"#trai-nghiem\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-bold text-base transition-all duration-300 transform hover:scale-105 shadow-xl shadow-brand-blue\/35 text-center\">\n                            <i class=\"fa-solid fa-gamepad mr-2\"><\/i> Tr\u1ea3i Nghi\u1ec7m Demo\n                        <\/a>\n                        <a href=\"#bao-gia\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-brand-card hover:bg-gray-800 text-white font-semibold text-base transition border border-gray-700 hover:border-brand-cyan\/50 text-center\">\n                            T\u1ef1 T\u00ednh Gi\u00e1 Web\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Simulated Supercar and interface highlight -->\n                <div class=\"lg:col-span-5 relative\">\n                    <div class=\"relative mx-auto max-w-md lg:max-w-none\">\n                        <!-- Neon Ring behind -->\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-blue\/20 to-brand-cyan\/20 rounded-3xl blur-2xl transform scale-105 pointer-events-none\"><\/div>\n                        \n                        <!-- Main Card -->\n                        <div class=\"relative bg-brand-card border border-gray-800 rounded-3xl p-6 shadow-2xl overflow-hidden\">\n                            <!-- Header Bar -->\n                            <div class=\"flex items-center justify-between mb-4 border-b border-gray-800 pb-3\">\n                                <div class=\"flex items-center space-x-2\">\n                                    <span class=\"w-3 h-3 rounded-full bg-red-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-green-500\"><\/span>\n                                <\/div>\n                                <span class=\"text-xs text-gray-500 font-mono tracking-wider\">showroom-concept.online<\/span>\n                                <i class=\"fa-solid fa-rotate-right text-gray-500 text-xs\"><\/i>\n                            <\/div>\n\n                            <!-- Showcase Area -->\n                            <div class=\"relative bg-brand-darker rounded-2xl p-4 overflow-hidden group\">\n                                <div class=\"absolute top-2 right-2 bg-brand-blue\/20 border border-brand-blue\/50 text-&#091;10px&#093; text-brand-cyan px-2 py-0.5 rounded font-bold uppercase tracking-widest animate-pulse\">LIVE PREVIEW<\/div>\n                                \n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1e293b\/06b6d4?text=PREMIUM+AUTOMOTIVE+WEBSITE\" alt=\"Giao di\u1ec7n \u00f4 t\u00f4 xe m\u00e1y chuy\u00ean nghi\u1ec7p\" class=\"w-full h-48 object-cover rounded-lg transition-transform duration-500 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111827\/ffffff?text=Premium+Showroom+UI'\">\n                                \n                                <div class=\"mt-4 space-y-2\">\n                                    <div class=\"flex justify-between items-center text-xs\">\n                                        <span class=\"text-white font-bold text-sm\">Hyperion GT-EV 2026<\/span>\n                                        <span class=\"text-brand-cyan font-bold\">$124,500<\/span>\n                                    <\/div>\n                                    <div class=\"flex gap-1.5 pt-1\">\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">750 HP<\/span>\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">0-100 km\/h: 2.1s<\/span>\n                                        <span class=\"px-2 py-0.5 bg-brand-cyan\/10 text-brand-cyan text-&#091;10px&#093; rounded\">Electric Motor<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Interactive Button Showcase in UI -->\n                            <div class=\"mt-4 grid grid-cols-2 gap-2\">\n                                <button class=\"py-2.5 px-3 bg-brand-blue text-white rounded-xl text-xs font-bold shadow-lg shadow-brand-blue\/25 hover:bg-brand-blue\/90 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-car-side\"><\/i>\n                                    <span>\u0110\u0103ng K\u00fd L\u00e1i Th\u1eed<\/span>\n                                <\/button>\n                                <button class=\"py-2.5 px-3 bg-gray-800 text-gray-300 rounded-xl text-xs font-semibold hover:bg-gray-700 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-calculator\"><\/i>\n                                    <span>T\u00ednh D\u1ef1 To\u00e1n<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Target Sub-niches Section (Gi\u1ea3i ph\u00e1p ph\u00e2n lo\u1ea1i) -->\n    <section id=\"giai-phap\" class=\"py-20 bg-brand-darker relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ph\u00e2n lo\u1ea1i ph\u00e2n kh\u00fac<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i Ph\u1ee5c V\u1ee5 Ph\u00e2n Kh\u00fac N\u00e0o?<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">M\u1ed7i ph\u00e2n kh\u00fac trong ng\u00e0nh \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u00f3 m\u1ed9t h\u00e0nh vi mua h\u00e0ng kh\u00e1c nhau. Ch\u00fang t\u00f4i thi\u1ebft k\u1ebf website may \u0111o ri\u00eang cho t\u1eebng nghi\u1ec7p v\u1ee5 c\u1ee5 th\u1ec3.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Card 1: Showroom \u00d4 t\u00f4 m\u1edbi \/ c\u0169 -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-blue\/10 flex items-center justify-center text-brand-blue text-xl mb-6 group-hover:bg-brand-blue group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-store\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Showroom &amp; \u0110\u1ea1i L\u00fd \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Tr\u00ecnh di\u1ec5n xe ho\u00e0n h\u1ea3o, c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm v\u00e0 l\u1ecdc xe th\u00f4ng minh, so s\u00e1nh th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt, nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u chu\u1ea9n to\u00e0n c\u1ea7u.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u1ea3i b\u00e1o gi\u00e1 \/ catalog l\u0103n b\u00e1nh t\u1ef1 \u0111\u1ed9ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> K\u1ebft n\u1ed1i c\u1ed5ng \u0111\u0103ng k\u00fd l\u00e1i th\u1eed tr\u1ef1c ti\u1ebfp<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2: C\u1eeda h\u00e0ng xe m\u00e1y, ph\u00e2n kh\u1ed1i l\u1edbn -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan text-xl mb-6 group-hover:bg-brand-cyan group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-motorcycle\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">H\u1ec7 Th\u1ed1ng Xe M\u00e1y &amp; PKL<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">B\u1ed1 c\u1ee5c hi\u1ec3n th\u1ecb n\u1ed5i b\u1eadt t\u00ednh th\u1ec3 thao, phong c\u00e1ch s\u1ed1ng c\u1ee7a c\u00e1c biker, b\u1ea3ng gi\u00e1 ph\u00e2n nh\u00e1nh theo phi\u00ean b\u1ea3n m\u00e0u s\u1eafc \u0111a d\u1ea1ng.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00edch h\u1ee3p b\u1ea3ng t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p theo th\u00e1ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00ecm c\u1eeda h\u00e0ng \u0111\u1ea1i l\u00fd (Dealer Locator)<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 3: Spa, Detailing & \u0110\u1ed3 Ch\u01a1i Xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-red\/10 flex items-center justify-center text-brand-red text-xl mb-6 group-hover:bg-brand-red group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Trung T\u00e2m Detailing &amp; Spa \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">L\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng b\u1eb1ng h\u00ecnh \u1ea3nh Tr\u01b0\u1edbc\/Sau (Before\/After) tr\u1ef1c quan, b\u1ea3ng gi\u00e1 d\u1ecbch v\u1ee5 d\u1ecbch chuy\u1ec3n \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> B\u1ed9 so s\u00e1nh tr\u1ef1c quan slider Before\/After<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng booking ch\u1ecdn gi\u1edd &amp; ch\u1ecdn th\u1ee3<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4: Garage S\u1eeda ch\u1eefa & Ph\u1ee5 t\u00f9ng -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-yellow-500\/10 flex items-center justify-center text-yellow-500 text-xl mb-6 group-hover:bg-yellow-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wrench\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Garage &amp; Ph\u1ee5 T\u00f9ng, Ph\u1ee5 Ki\u1ec7n<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u00edch h\u1ee3p gi\u1ecf h\u00e0ng e-commerce th\u00f4ng minh cho kho ph\u1ee5 t\u00f9ng kh\u1ed5ng l\u1ed3. Tra c\u1ee9u ph\u1ee5 t\u00f9ng t\u01b0\u01a1ng th\u00edch theo d\u00f2ng xe ti\u1ec7n l\u1ee3i.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Tra c\u1ee9u chu\u1ea9n x\u00e1c s\u1ed1 khung (VIN) \/ \u0110\u1eddi xe<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Thanh to\u00e1n tr\u1ef1c tuy\u1ebfn qua m\u00e3 QR nhanh ch\u00f3ng<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5: Car Rental & Thu\u00ea xe t\u1ef1 l\u00e1i -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-purple-500\/10 flex items-center justify-center text-purple-500 text-xl mb-6 group-hover:bg-purple-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-key\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">D\u1ecbch V\u1ee5 Cho Thu\u00ea Xe T\u1ef1 L\u00e1i<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Quy tr\u00ecnh \u0111\u1eb7t thu\u00ea xe \u0111\u01a1n gi\u1ea3n trong 3 b\u01b0\u1edbc. Qu\u1ea3n l\u00fd tr\u1ea1ng th\u00e1i xe tr\u1ed1ng (Real-time Availability) tr\u00ean l\u1ecbch tr\u1ef1c tuy\u1ebfn c\u1ef1c k\u1ef3 ch\u00ednh x\u00e1c.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng t\u00ednh l\u1ecbch thu\u00ea t\u1ef1 \u0111\u1ed9ng theo ng\u00e0y\/gi\u1edd<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Qu\u1ea3n l\u00fd \u0111\u1eb7t c\u1ecdc v\u00e0 x\u00e1c nh\u1eadn s\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 6: C\u1ed9ng \u0111\u1ed3ng & Tin t\u1ee9c xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-green-500\/10 flex items-center justify-center text-green-500 text-xl mb-6 group-hover:bg-green-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-regular fa-newspaper\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Tin T\u1ee9c Xe &amp; Reviewer<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i trang c\u1ef1c \u0111\u1ec9nh cho c\u00e1c b\u00e1o chuy\u00ean ng\u00e0nh. Thi\u1ebft k\u1ebf layout t\u1ed1i gi\u1ea3n, t\u1eadp trung t\u1ed1i \u0111a v\u00e0o tr\u1ea3i nghi\u1ec7m \u0111\u1ecdc v\u00e0 xem video.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> \u0110i\u1ec3m Core Web Vitals t\u1ed1i \u0111a (Xanh m\u01b0\u1edbt)<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> V\u1ecb tr\u00ed \u0111\u1eb7t banner qu\u1ea3ng c\u00e1o th\u00f4ng minh<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Specific Features Section -->\n    <section id=\"tinh-nang\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">T\u00ednh n\u0103ng tinh hoa<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Trang B\u1ecb T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t S\u1ed1 1 Th\u1ecb Tr\u01b0\u1eddng<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i kh\u00f4ng l\u00e0m website th\u00f4ng tin th\u00f4ng th\u01b0\u1eddng. Ch\u00fang t\u00f4i t\u1ea1o ra c\u00f4ng c\u1ee5 s\u1ed1 \u0111\u1ed9t ph\u00e1 t\u00ednh t\u01b0\u01a1ng t\u00e1c v\u00e0 t\u1ea1o tr\u1ea3i nghi\u1ec7m ch\u00e2n th\u1ef1c nh\u1ea5t cho kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- Feature 1 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-cyan text-2xl\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">Xem Xe 360 \u0110\u1ed9 &amp; \u0110\u1ed5i M\u00e0u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">Kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 tr\u1ea3i nghi\u1ec7m xoay xe c\u00e1c g\u00f3c \u0111\u1ed9 kh\u00e1c nhau v\u00e0 \u0111\u1ed5i c\u00e1c m\u00e0u s\u01a1n ngo\u1ea1i th\u1ea5t\/n\u1ed9i th\u1ea5t t\u00f9y th\u00edch tr\u1ef1c ti\u1ebfp tr\u00ean web.<\/p>\n                <\/div>\n                <!-- Feature 2 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-blue text-2xl\"><i class=\"fa-solid fa-calculator\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 D\u1ef1 To\u00e1n Chi Ph\u00ed Chi Ti\u1ebft<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh to\u00e1n thu\u1ebf tr\u01b0\u1edbc b\u1ea1, ph\u00ed bi\u1ec3n s\u1ed1, b\u1ea3o hi\u1ec3m, \u0111\u0103ng ki\u1ec3m t\u1ea1i t\u1eebng t\u1ec9nh th\u00e0nh v\u00e0 \u0111\u1ec1 xu\u1ea5t s\u1ed1 ti\u1ec1n tr\u1ea3 g\u00f3p h\u00e0ng th\u00e1ng.<\/p>\n                <\/div>\n                <!-- Feature 3 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-red text-2xl\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">So S\u00e1nh Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ednh n\u0103ng k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n t\u1eeb 2-4 d\u00f2ng xe c\u00f9ng ph\u00e2n kh\u00fac, l\u00e0m n\u1ed5i b\u1eadt th\u00f4ng s\u1ed1 t\u1ed1i \u01b0u gi\u00fap kh\u00e1ch d\u1ec5 \u0111\u01b0a ra quy\u1ebft \u0111\u1ecbnh.<\/p>\n                <\/div>\n                <!-- Feature 4 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-yellow-500 text-2xl\"><i class=\"fa-regular fa-calendar-check\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1eb7t L\u1ecbch H\u1eb9n \u0110a K\u00eanh<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">\u0110\u1eb7t l\u1ecbch l\u00e1i th\u1eed ho\u1eb7c \u0111\u1eb7t ch\u1ed7 s\u1eeda ch\u1eefa b\u1ea3o d\u01b0\u1ee1ng t\u1ef1 \u0111\u1ed9ng g\u1eedi th\u00f4ng b\u00e1o SMS\/Email x\u00e1c nh\u1eadn t\u1ee9c th\u00ec cho kh\u00e1ch v\u00e0 t\u01b0 v\u1ea5n vi\u00ean.<\/p>\n                <\/div>\n                <!-- Feature 5 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-purple-500 text-2xl\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 L\u1ecdc Xe (Smart-Filter)<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm ki\u1ebfm n\u00e2ng cao theo gi\u00e1 b\u00e1n, lo\u1ea1i nhi\u00ean li\u1ec7u (X\u0103ng\/\u0110i\u1ec7n\/Hybrid), ki\u1ec3u d\u00e1ng (Sedan, SUV, Pickup) m\u1ed9t c\u00e1ch tr\u1ef1c quan.<\/p>\n                <\/div>\n                <!-- Feature 6 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-green-500 text-2xl\"><i class=\"fa-solid fa-route\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">T\u00edch H\u1ee3p B\u1ea3n \u0110\u1ed3 \u0110\u1ea1i L\u00fd<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm showroom g\u1ea7n nh\u1ea5t b\u1eb1ng \u0111\u1ecbnh v\u1ecb GPS c\u1ee7a kh\u00e1ch h\u00e0ng, hi\u1ec3n th\u1ecb danh b\u1ea1 \u0111i\u1ec7n tho\u1ea1i ri\u00eang cho t\u1eebng chi nh\u00e1nh.<\/p>\n                <\/div>\n                <!-- Feature 7 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-orange-500 text-2xl\"><i class=\"fa-solid fa-link\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1ed3ng B\u1ed9 H\u1ec7 Th\u1ed1ng CRM<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">K\u1ebft n\u1ed1i d\u1eef li\u1ec7u kh\u00e1ch h\u00e0ng t\u1eeb website tr\u1ef1c ti\u1ebfp v\u00e0o h\u1ec7 th\u1ed1ng Salesforce, HubSpot, GetFly ho\u1eb7c Google Sheet qu\u1ea3n tr\u1ecb b\u00e1n h\u00e0ng.<\/p>\n                <\/div>\n                <!-- Feature 8 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-blue-400 text-2xl\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">SEO \u00d4 T\u00f4 Chuy\u00ean S\u00e2u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ed1i \u01b0u h\u00f3a Schema xe h\u01a1i gi\u00fap hi\u1ec3n th\u1ecb \u0111\u1ea7y \u0111\u1ee7 h\u00ecnh \u1ea3nh, gi\u00e1 b\u00e1n, t\u00ecnh tr\u1ea1ng kho xe ngay tr\u00ean trang t\u00ecm ki\u1ebfm Google.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Interactive Experience Section (Demos & Widgets) -->\n    <section id=\"trai-nghiem\" class=\"py-20 bg-brand-darker border-t border-b border-gray-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i N\u00f3i \u0110\u01b0\u1ee3c, L\u00e0m \u0110\u01b0\u1ee3c!<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">H\u00e3y t\u01b0\u01a1ng t\u00e1c ngay v\u1edbi hai m\u00f4-\u0111un th\u1ef1c t\u1ebf d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t v\u1ec1 n\u0103ng l\u1ef1c thi\u1ebft k\u1ebf giao di\u1ec7n v\u00e0 t\u01b0 duy nghi\u1ec7p v\u1ee5 c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n            <\/div>\n\n            <!-- Demo Tabs Grid -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                \n                <!-- Demo 1: Interactive Car Customizer (B\u1ed9 \u0111\u1ed5i m\u00e0u xe) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-cyan\/20 text-brand-cyan font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 1<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng \u0111\u1ed5i m\u00e0u xe tr\u1ef1c quan<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">Tr\u00ecnh di\u1ec5n ph\u1ed1i m\u00e0u ngo\u1ea1i th\u1ea5t<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">Tr\u00e1nh c\u00e1c trang web ch\u1ebft t\u1ebb nh\u1ea1t. Kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n s\u1ebd th\u00edch th\u00fa khi t\u1ef1 tay l\u1ef1a ch\u1ecdn m\u00e0u xe theo \u00fd mu\u1ed1n.<\/p>\n                        \n                        <!-- Simulated Interactive SVG Car Panel -->\n                        <div class=\"relative bg-brand-darker rounded-2xl p-6 flex flex-col items-center justify-center min-h-&#091;220px&#093;\">\n                            <!-- The SVG Car Dynamic Representation -->\n                            <div class=\"w-full max-w-&#091;340px&#093; h-32 flex items-center justify-center relative\">\n                                <!-- Dynamic Color Changing Overlay SVG -->\n                                <svg class=\"w-full h-full transition-all duration-500\" viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Shadow underneath -->\n                                    <ellipse cx=\"256\" cy=\"400\" rx=\"180\" ry=\"20\" fill=\"rgba(0,0,0,0.6)\" filter=\"blur(5px)\"><\/ellipse>\n                                    <!-- Car Body Chassis Group -->\n                                    <path id=\"car-body\" d=\"M420 280C420 280 400 240 370 210C340 180 280 170 240 170C200 170 140 180 110 210C80 240 60 280 60 280C40 285 30 300 30 315C30 330 45 350 70 350C70 350 80 320 110 320C140 320 150 350 150 350H330C330 350 340 320 370 320C400 320 410 350 410 350C435 350 450 330 450 315C450 300 440 285 420 280Z\" class=\"transition-all duration-500\" fill=\"#3B82F6\"><\/path>\n                                    <!-- Cabin Windows \/ Black glass elements -->\n                                    <path d=\"M150 240C150 240 160 210 190 195C220 180 240 180 240 180V240H150Z\" fill=\"#111827\"><\/path>\n                                    <path d=\"M330 240C330 240 320 210 290 195C260 180 240 180 240 180V240H330Z\" fill=\"#111827\"><\/path>\n                                    <!-- Wheels (Fixed) -->\n                                    <circle cx=\"125\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\"><\/circle>\n                                    <circle cx=\"125\" cy=\"350\" r=\"16\" fill=\"#374151\"><\/circle>\n                                    <circle cx=\"355\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\"><\/circle>\n                                    <circle cx=\"355\" cy=\"350\" r=\"16\" fill=\"#374151\"><\/circle>\n                                    <!-- Headlight and Taillight -->\n                                    <path d=\"M440 300C440 300 448 305 448 312C448 319 440 324 440 324\" stroke=\"#FBBF24\" stroke-width=\"3\"><\/path>\n                                    <path d=\"M40 300C40 300 32 305 32 312C32 319 40 324 40 324\" stroke=\"#EF4444\" stroke-width=\"3\"><\/path>\n                                <\/svg>\n                                <span id=\"color-label\" class=\"absolute bottom-1 font-mono text-&#091;10px&#093; tracking-wider text-brand-cyan uppercase\">Titanium Blue<\/span>\n                            <\/div>\n\n                            <!-- Color Pickers -->\n                            <div class=\"flex items-center space-x-3 mt-4\">\n                                <button onclick=\"changeCarColor('#3B82F6', 'Titanium Blue')\" class=\"w-8 h-8 rounded-full bg-blue-500 border-2 border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#EF4444', 'Carbon Red')\" class=\"w-8 h-8 rounded-full bg-red-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#10B981', 'Aurora Emerald')\" class=\"w-8 h-8 rounded-full bg-emerald-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#F59E0B', 'Cyber Yellow')\" class=\"w-8 h-8 rounded-full bg-amber-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#94A3B8', 'Steel Platinum')\" class=\"w-8 h-8 rounded-full bg-slate-400 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#1E1E1E', 'Phantom Obsidian')\" class=\"w-8 h-8 rounded-full bg-gray-900 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-lightbulb text-yellow-500 mr-1\"><\/i> T\u00ednh n\u0103ng n\u00e0y c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng t\u01b0\u01a1ng t\u1ef1 cho vi\u1ec7c l\u1ef1a ch\u1ecdn m\u00e2m xe (la-z\u0103ng), ch\u1ea5t li\u1ec7u da n\u1ed9i th\u1ea5t gi\u00fap t\u0103ng th\u1eddi gian l\u01b0u tr\u00fa (Dwell time) c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean web l\u00ean 180%!<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Demo 2: Cost & Loan Installment Calculator (B\u1ed9 t\u00ednh tr\u1ea3 g\u00f3p tr\u1ef1c quan) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-blue\/20 text-brand-blue font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 2<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng b\u1ed9 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">C\u00f4ng c\u1ee5 t\u00ednh to\u00e1n tr\u1ea3 g\u00f3p<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">\u0110\u01a1n gi\u1ea3n h\u00f3a nh\u1eefng con s\u1ed1 ph\u1ee9c t\u1ea1p. Kh\u00e1ch h\u00e0ng d\u1ec5 d\u00e0ng \u0111\u1ecbnh h\u00ecnh ng\u00e2n s\u00e1ch ngay tr\u00ean trang chi ti\u1ebft xe.<\/p>\n                        \n                        <!-- Mini Installment Calculator Panel -->\n                        <div class=\"bg-brand-darker rounded-2xl p-5 space-y-4\">\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Price Input -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Gi\u00e1 xe ni\u00eam y\u1ebft<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-car-price\" value=\"850000000\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 pl-3 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-2.5 top-2.5 text-xs text-gray-500\">\u0111<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!-- Down Payment % -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Tr\u1ea3 tr\u01b0\u1edbc (T\u1ed1i thi\u1ec3u 20%)<\/label>\n                                    <div class=\"relative\">\n                                        <select id=\"calc-down-pay\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                            <option value=\"20\">20%<\/option>\n                                            <option value=\"30\" selected=\"\">30%<\/option>\n                                            <option value=\"50\">50%<\/option>\n                                            <option value=\"70\">70%<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Loan Period (Years) -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">K\u1ef3 h\u1ea1n vay<\/label>\n                                    <select id=\"calc-loan-term\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <option value=\"36\">3 N\u0103m (36 Th\u00e1ng)<\/option>\n                                        <option value=\"60\" selected=\"\">5 N\u0103m (60 Th\u00e1ng)<\/option>\n                                        <option value=\"84\">7 N\u0103m (84 Th\u00e1ng)<\/option>\n                                    <\/select>\n                                <\/div>\n                                <!-- Interest Rate % per year -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">L\u00e3i su\u1ea5t n\u0103m (% \/ n\u0103m)<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-interest-rate\" value=\"8.5\" step=\"0.1\" oninput=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-3 top-2.5 text-xs text-gray-500\">%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Output display -->\n                            <div class=\"bg-brand-blue\/10 border border-brand-blue\/30 p-3.5 rounded-xl flex items-center justify-between\">\n                                <div>\n                                    <span class=\"text-&#091;10px&#093; text-gray-400 uppercase tracking-wide block\">G\u1ee3i \u00fd tr\u1ea3 g\u00f3p \u01b0\u1edbc t\u00ednh<\/span>\n                                    <span class=\"text-xs text-gray-400\">G\u1ed1c + l\u00e3i th\u00e1ng \u0111\u1ea7u:<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <span id=\"installment-output\" class=\"font-display font-extrabold text-brand-cyan text-lg\">14,108,000 \u0111<\/span>\n                                    <span class=\"text-&#091;9px&#093; text-gray-500 block\">\/th\u00e1ng<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-shield-halved text-brand-cyan mr-1\"><\/i> Tr\u1ef1c quan h\u00f3a chi ph\u00ed t\u0103ng c\u01a1 h\u1ed9i ch\u1ed1t sale nhanh ch\u00f3ng, kh\u00e1ch h\u00e0ng an t\u00e2m ti\u1ebfp c\u1eadn xe ph\u00f9 h\u1ee3p t\u00fai ti\u1ec1n.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Development Process Section -->\n    <section id=\"quy-trinh\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ti\u00eau chu\u1ea9n t\u1ed1i \u01b0u<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Quy Tr\u00ecnh Thi\u1ebft K\u1ebf Chu\u1ea9n Agile<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i \u0111\u1ed3ng h\u00e0nh c\u00f9ng d\u1ef1 \u00e1n t\u1eeb b\u01b0\u1edbc l\u00ean \u00fd t\u01b0\u1edfng thi\u1ebft k\u1ebf UI \u0111\u1ebfn khi trang web c\u1ee7a b\u1ea1n xu\u1ea5t hi\u1ec7n tr\u00ean trang \u0111\u1ea7u Google v\u00e0 s\u1eb5n s\u00e0ng v\u1eadn h\u00e0nh.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 relative\">\n                <!-- Decorative Connector Line for desktop (simplified representation in grid styling) -->\n                \n                <!-- Step 1 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">01<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Nghi\u00ean c\u1ee9u &amp; \u0110\u1ecbnh v\u1ecb<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Ph\u00e2n t\u00edch d\u00f2ng xe ch\u00ednh, \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1ch h\u00e0ng m\u1ee5c ti\u00eau c\u1ee7a \u0111\u1ea1i l\u00fd \u0111\u1ec3 \u0111\u1ecbnh h\u00ecnh phong c\u00e1ch th\u1ec3 thao, sang tr\u1ecdng hay ph\u1ed5 th\u00f4ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-cyan font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-magnifying-glass mr-1\"><\/i> X\u00e2y d\u1ef1ng Sitemap<\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">02<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Thi\u1ebft K\u1ebf UI\/UX \u0110\u1ed9c B\u1ea3n<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Thi\u1ebft k\u1ebf ho\u00e0n ch\u1ec9nh giao di\u1ec7n d\u1ea1ng Figma cho c\u1ea3 b\u1ea3n m\u00e1y t\u00ednh v\u00e0 \u0111i\u1ec7n tho\u1ea1i. \u00c1p d\u1ee5ng hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 \u0111\u1eadm ch\u1ea5t xe c\u1ed9.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-blue font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-palette mr-1\"><\/i> Figma Mockup<\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">03<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ph\u00e1t tri\u1ec3n C\u00f4ng ngh\u1ec7<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">L\u1eadp tr\u00ecnh c\u00e1c t\u00ednh n\u0103ng t\u01b0\u01a1ng t\u00e1c (360 \u0111\u1ed9, t\u00ednh tr\u1ea3 g\u00f3p), t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 v\u00e0 l\u1eadp tr\u00ecnh h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb xe (CMS) d\u1ec5 s\u1eed d\u1ee5ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-yellow-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-code mr-1\"><\/i> Clean Code<\/div>\n                <\/div>\n\n                <!-- Step 4 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">04<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ki\u1ec3m Th\u1eed &amp; \u0110\u00f3ng G\u00f3i<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Test l\u1ed7i hi\u1ec3n th\u1ecb tr\u00ean m\u1ecdi lo\u1ea1i m\u00e0n h\u00ecnh thi\u1ebft b\u1ecb v\u00e0 tr\u00ecnh duy\u1ec7t. \u0110\u1ea3m b\u1ea3o t\u1ed1c \u0111\u1ed9 t\u1ea3i trang \u0111\u1ea1t \u0111i\u1ec3m t\u1ed1i \u01b0u cao nh\u1ea5t.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-green-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-vial mr-1\"><\/i> QC &amp; Speedtest<\/div>\n                <\/div>\n\n                <!-- Step 5 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-brand-cyan mb-4\">05<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">B\u00e0n giao &amp; V\u1eadn h\u00e0nh<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">B\u00e0n giao m\u00e3 ngu\u1ed3n s\u1ea1ch, h\u01b0\u1edbng d\u1eabn nh\u00e2n vi\u00ean nh\u1eadp li\u1ec7u xe m\u1edbi, h\u1ed7 tr\u1ee3 b\u1ea3o m\u1eadt h\u1ec7 th\u1ed1ng tr\u1ecdn \u0111\u1eddi v\u00e0 c\u1eadp nh\u1eadt c\u00f4ng ngh\u1ec7 \u0111\u1ecbnh k\u1ef3.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-purple-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-rocket mr-1\"><\/i> Kh\u1edfi ch\u1ea1y Web<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Cost Configurator Section (T\u1ef1 \u0111\u1ecbnh m\u1ee9c gi\u00e1) -->\n    <section id=\"bao-gia\" class=\"py-20 bg-brand-darker relative border-t border-gray-800\">\n        <!-- background light glow -->\n        <div class=\"absolute bottom-1\/4 right-1\/4 w-&#091;400px&#093; h-&#091;400px&#093; bg-brand-cyan\/5 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n                \n                <!-- Left Column: Estimator -->\n                <div class=\"lg:col-span-7 bg-brand-card p-8 rounded-3xl border border-gray-800\">\n                    <span class=\"text-xs font-bold text-brand-cyan uppercase tracking-wider block mb-2\"><i class=\"fa-solid fa-sliders mr-1\"><\/i> T\u00ednh N\u0103ng T\u00f9y Ch\u1ecdn<\/span>\n                    <h3 class=\"font-display font-bold text-2xl text-white mb-3\">T\u1ef1 Thi\u1ebft K\u1ebf C\u1ea5u H\u00ecnh &amp; D\u1ef1 T\u00ednh Chi Ph\u00ed<\/h3>\n                    <p class=\"text-gray-400 text-sm mb-8\">H\u00e3y ch\u1ecdn c\u00e1c t\u00ednh n\u0103ng b\u1ea1n mong mu\u1ed1n t\u00edch h\u1ee3p cho website c\u1ee7a m\u00ecnh. B\u1ed9 m\u00e1y t\u00ednh c\u1ee7a ch\u00fang t\u00f4i s\u1ebd \u01b0\u1edbc t\u00ednh t\u1ed5ng chi ph\u00ed tri\u1ec3n khai m\u1ed9t c\u00e1ch minh b\u1ea1ch.<\/p>\n                    \n                    <!-- Configurator Options -->\n                    <div class=\"space-y-4\">\n                        <!-- Standard Pack (Read Only baseline) -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-brand-blue\/30 relative\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" checked=\"\" disabled=\"\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card cursor-not-allowed\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">G\u00f3i Giao Di\u1ec7n C\u01a1 B\u1ea3n &amp; Chu\u1ea9n SEO<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Trang ch\u1ee7, Tin t\u1ee9c, Gi\u1edbi thi\u1ec7u, Kho Xe, Li\u00ean h\u1ec7, T\u1ed1i \u01b0u SEO, Responsive \u0111a m\u00e0n h\u00ecnh.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-brand-cyan\">\u0110\u00c3 G\u1ed2M<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 1 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-installment')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-installment\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">B\u1ed9 T\u00ednh Tr\u1ea3 G\u00f3p &amp; D\u1ef1 To\u00e1n L\u0103n B\u00e1nh T\u1ef1 \u0110\u1ed9ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u1ef1 \u0111\u1ed9ng c\u1ea5u h\u00ecnh bi\u1ec3u thu\u1ebf theo khu v\u1ef1c v\u00e0 \u0111\u1ec1 xu\u1ea5t ph\u01b0\u01a1ng \u00e1n tr\u1ea3 g\u00f3p.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 2 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-colors')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-colors\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">M\u00f4-\u0111un \u0110\u1ed5i M\u00e0u Xe 360 \u0110\u1ed9 Ngo\u1ea1i Th\u1ea5t<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u00edch h\u1ee3p b\u1ed9 t\u01b0\u01a1ng t\u00e1c \u0111\u1ed5i m\u00e0u s\u1eafc c\u1ee7a xe v\u00e0 xoay g\u00f3c nh\u00ecn l\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 4.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 3 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-compare')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-compare\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng So S\u00e1nh Th\u00f4ng S\u1ed1 Xe N\u00e2ng Cao<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Giao di\u1ec7n k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n nhi\u1ec1u phi\u00ean b\u1ea3n xe d\u1ec5 d\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 4 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-booking')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-booking\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng \u0110\u1eb7t L\u1ecbch L\u00e1i Th\u1eed &amp; B\u1ea3o D\u01b0\u1ee1ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">\u0110\u1eb7t l\u1ecbch theo khung gi\u1edd, ch\u1ecdn nh\u00e2n vi\u00ean t\u01b0 v\u1ea5n, \u0111\u1ed3ng b\u1ed9 v\u1ec1 \u0111i\u1ec7n tho\u1ea1i Admin.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 5 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-crm')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-crm\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">K\u1ebft N\u1ed1i \u0110\u1ed3ng B\u1ed9 API CRM \/ HubSpot \/ Google Sheet<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Data \u0111\u1ed5 th\u1eb3ng v\u1ec1 h\u1ec7 th\u1ed1ng ch\u0103m s\u00f3c t\u1ef1 \u0111\u1ed9ng gi\u00fap nh\u00e2n vi\u00ean g\u1ecdi ngay sau 5 gi\u00e2y.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 1.5 Tr<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Column: Registration Form & Real-time Bill -->\n                <div class=\"lg:col-span-5 space-y-8\">\n                    <!-- Real-time Bill Summary -->\n                    <div class=\"bg-gradient-to-br from-brand-card to-brand-darker p-8 rounded-3xl border border-brand-cyan\/30 shadow-lg\">\n                        <div class=\"flex items-center space-x-2 text-brand-cyan text-sm font-semibold uppercase mb-4\">\n                            <i class=\"fa-solid fa-receipt\"><\/i>\n                            <span>B\u00c1O GI\u00c1 D\u1ef0 TO\u00c1N CHI TI\u1ebeT<\/span>\n                        <\/div>\n                        <div class=\"space-y-3 mb-6\">\n                            <div class=\"flex justify-between text-xs text-gray-400\">\n                                <span>G\u00f3i n\u1ec1n t\u1ea3ng t\u1ed1i \u01b0u (C\u1ed1 \u0111\u1ecbnh):<\/span>\n                                <span class=\"text-white font-mono\">11,500,000 \u0111<\/span>\n                            <\/div>\n                            <div id=\"selected-features-list\" class=\"space-y-2 border-t border-gray-800 pt-3\">\n                                <!-- Dynamic features checked will appear here -->\n                                <p class=\"text-&#091;11px&#093; text-gray-500 italic\">Ch\u01b0a ch\u1ecdn t\u00ednh n\u0103ng t\u00f9y ch\u1ecdn n\u00e0o th\u00eam.<\/p>\n                            <\/div>\n                            <div class=\"border-t border-gray-800 pt-3 flex justify-between items-center\">\n                                <span class=\"text-xs font-semibold text-white\">Th\u1eddi gian ho\u00e0n thi\u1ec7n:<\/span>\n                                <span id=\"completion-time\" class=\"text-xs font-bold text-brand-cyan\">15 &#8211; 20 Ng\u00e0y<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"border-t border-gray-800 pt-4 mb-6 flex justify-between items-end\">\n                            <div>\n                                <span class=\"text-xs text-gray-400 uppercase tracking-wide\">Chi ph\u00ed \u0111\u1ea7u t\u01b0 tr\u1ecdn g\u00f3i:<\/span>\n                                <p class=\"text-&#091;9px&#093; text-gray-500\">(Cam k\u1ebft kh\u00f4ng ph\u00e1t sinh chi ph\u00ed \u1ea9n)<\/p>\n                            <\/div>\n                            <div class=\"text-right\">\n                                <span id=\"web-total-price\" class=\"font-display font-extrabold text-2xl text-white\">11,500,000 \u0111<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Registration form inside bill -->\n                        <form id=\"quote-registration-form\" onsubmit=\"handleQuoteSubmit(event)\" class=\"space-y-4\">\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">H\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n *<\/label>\n                                <input type=\"text\" id=\"quote-name\" required=\"\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"V\u00ed d\u1ee5: Nguy\u1ec5n V\u0103n A\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *<\/label>\n                                <input type=\"tel\" id=\"quote-phone\" required=\"\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">Y\u00eau c\u1ea7u th\u00eam (n\u1ebfu c\u00f3)<\/label>\n                                <textarea id=\"quote-note\" rows=\"2\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"VD: T\u00f4i mu\u1ed1n t\u00edch h\u1ee3p thanh to\u00e1n VnPay...\"><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-bold text-base transition duration-300 transform hover:scale-102 flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\n                                <span>G\u1eedi Y\u00eau C\u1ea7u &amp; Nh\u1eadn Khuy\u1ebfn M\u1ea1i<\/span>\n                            <\/button>\n                        <\/form>\n                        \n                        <!-- Dynamic Success Feedback (Hidden by default) -->\n                        <div id=\"quote-success\" class=\"hidden mt-4 p-4 bg-emerald-500\/10 border border-emerald-500\/50 rounded-xl text-center space-y-2\">\n                            <i class=\"fa-regular fa-circle-check text-2xl text-emerald-400\"><\/i>\n                            <h5 class=\"font-bold text-white text-sm\">G\u1eedi y\u00eau c\u1ea7u b\u00e1o gi\u00e1 th\u00e0nh c\u00f4ng!<\/h5>\n                            <p class=\"text-xs text-gray-400\">Chuy\u00ean vi\u00ean t\u01b0 v\u1ea5n \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u1ee7a AutoWeb s\u1ebd li\u00ean h\u1ec7 l\u1ea1i v\u1edbi b\u1ea1n trong v\u00f2ng 15 ph\u00fat t\u1edbi.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Competitive Advantage Section (T\u1ea1i sao ch\u1ecdn ch\u00fang t\u00f4i) -->\n    <section id=\"uu-the\" class=\"py-20 bg-brand-dark relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                <!-- Left Content: High Tech Advantages list -->\n                <div class=\"space-y-6\">\n                    <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full inline-block\">S\u1ef1 kh\u00e1c bi\u1ec7t v\u01b0\u1ee3t tr\u1ed9i<\/span>\n                    <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">T\u1ea1i Sao Showroom Xe L\u1edbn L\u1ef1a Ch\u1ecdn AutoWeb?<\/h2>\n                    <p class=\"text-gray-400 text-sm sm:text-base leading-relaxed\">Ch\u00fang t\u00f4i t\u00edch h\u1ee3p hi\u1ec3u bi\u1ebft s\u00e2u r\u1ed9ng v\u1ec1 \u0111\u1eb7c th\u00f9 Marketing ng\u00e0nh \u00d4 t\u00f4 &amp; Xe m\u00e1y v\u00e0o t\u1eebng d\u00f2ng code, gi\u00fap website \u0111\u1ea1t hi\u1ec7u su\u1ea5t t\u1ed1i \u0111a.<\/p>\n                    \n                    <div class=\"space-y-4 pt-4\">\n                        <!-- Advantage 1 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-blue\/10 flex items-center justify-center text-brand-blue\"><i class=\"fa-solid fa-bolt text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">T\u1ed1c \u0110\u1ed9 T\u1ea3i Trang Si\u00eau T\u1ed1c (D\u01b0\u1edbi 1.5 gi\u00e2y)<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">Ch\u00fang t\u00f4i s\u1eed d\u1ee5ng ki\u1ebfn tr\u00fac code hi\u1ec7n \u0111\u1ea1i t\u1ed1i \u01b0u h\u00f3a c\u00e1c h\u00ecnh \u1ea3nh n\u1eb7ng c\u1ee7a xe m\u00e0 v\u1eabn gi\u1eef nguy\u00ean \u0111\u1ed9 n\u00e9t, gi\u00fap t\u1ed1i \u01b0u h\u00f3a \u0111i\u1ec3m ch\u1ea5t l\u01b0\u1ee3ng SEO v\u00e0 Google Ads.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 2 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan\"><i class=\"fa-solid fa-mobile-screen-button text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">Thi\u1ebft K\u1ebf &#8220;Mobile-First&#8221; Ho\u00e0n H\u1ea3o<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u01a1n 85% kh\u00e1ch h\u00e0ng mua xe t\u00ecm ki\u1ebfm th\u00f4ng tin tr\u00ean smartphone. Giao di\u1ec7n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf c\u00e1c n\u00fat G\u1ecdi ngay, Chat Zalo, \u0110\u0103ng k\u00fd l\u00e1i th\u1eed \u0111\u00fang t\u1ea7m ng\u00f3n tay c\u00e1i ng\u01b0\u1eddi d\u00f9ng.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 3 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-purple-500\/10 flex items-center justify-center text-purple-500\"><i class=\"fa-solid fa-shield-halved text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">B\u1ea3o M\u1eadt M\u00e1y Ch\u1ee7 Tuy\u1ec7t \u0110\u1ed1i<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u1ec7 th\u1ed1ng b\u1ea3o v\u1ec7 DDoS, m\u00e3 h\u00f3a th\u00f4ng tin li\u00ean h\u1ec7 c\u1ee7a kh\u00e1ch h\u00e0ng, tr\u00e1nh th\u1ea5t tho\u00e1t data sang c\u00e1c \u0111\u1ed1i th\u1ee7 c\u1ea1nh tranh.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Clean, high-performance mock UI -->\n                <div class=\"relative bg-brand-card rounded-3xl p-6 border border-gray-800 shadow-2xl overflow-hidden\">\n                    <div class=\"absolute -top-10 -right-10 w-40 h-40 bg-brand-cyan\/10 rounded-full blur-2xl\"><\/div>\n                    \n                    <!-- Dashboard simulated widget -->\n                    <h3 class=\"font-display font-bold text-lg text-white mb-6 flex items-center justify-between\">\n                        <span>H\u1ec7 Th\u1ed1ng Qu\u1ea3n Tr\u1ecb Xe C\u1ef1c D\u1ec5 D\u00f9ng<\/span>\n                        <span class=\"px-2 py-0.5 bg-green-500\/20 text-green-400 text-&#091;10px&#093; rounded font-mono font-bold\">V\u1eadn H\u00e0nh Si\u00eau \u00cam<\/span>\n                    <\/h3>\n                    \n                    <div class=\"space-y-4\">\n                        <!-- Simulated CMS Item -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=SUV\" alt=\"SUV\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">SUV Cruiser 2026<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: CR-2026<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-brand-blue\/10 text-brand-blue text-&#091;10px&#093; rounded font-semibold\">C\u00f2n h\u00e0ng (8)<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Simulated CMS Item 2 -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=Sport\" alt=\"Sport Car\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">Phantom GT Edition<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: PH-GT<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-yellow-500\/10 text-yellow-500 text-&#091;10px&#093; rounded font-semibold\">\u0110\u1ee3i c\u1eadp nh\u1eadt<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Easy UI Dashboard Graphic -->\n                        <div class=\"bg-brand-darker p-4 rounded-xl border border-gray-800 mt-6 space-y-3\">\n                            <p class=\"text-xs text-gray-400\">B\u00e1o c\u00e1o \u0111\u0103ng k\u00fd l\u00e1i th\u1eed m\u1edbi nh\u1eadn trong tu\u1ea7n:<\/p>\n                            <div class=\"flex items-end space-x-2 h-16 pt-2\">\n                                <div class=\"bg-brand-blue\/20 w-full h-1\/3 rounded-t\"><\/div>\n                                <div class=\"bg-brand-blue\/40 w-full h-1\/2 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan\/60 w-full h-3\/4 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan w-full h-full rounded-t\"><\/div>\n                            <\/div>\n                            <div class=\"flex justify-between text-&#091;9px&#093; text-gray-500 font-mono\">\n                                <span>Th\u1ee9 2<\/span>\n                                <span>Th\u1ee9 3<\/span>\n                                <span>Th\u1ee9 4<\/span>\n                                <span>Th\u1ee9 5<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section (C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p) -->\n    <section class=\"py-20 bg-brand-darker border-t border-gray-800\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Gi\u1ea3i \u0111\u00e1p th\u1eafc m\u1eafc<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl text-white\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h2>\n                <p class=\"text-gray-400 text-sm\">Nh\u1eefng th\u1eafc m\u1eafc th\u01b0\u1eddng th\u1ea5y nh\u1ea5t t\u1eeb c\u00e1c ch\u1ee7 Showroom xe khi l\u1ef1a ch\u1ecdn ph\u00e1t tri\u1ec3n website.<\/p>\n            <\/div>\n\n            <div class=\"space-y-4\">\n                <!-- FAQ Item 1 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(1)\">\n                        <span>T\u00f4i c\u00f3 th\u1ec3 t\u1ef1 c\u1eadp nh\u1eadt gi\u00e1 xe v\u00e0 gi\u00e1 b\u00e1n tr\u1ea3 g\u00f3p sau khi b\u00e0n giao kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-1\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-1\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Ho\u00e0n to\u00e0n \u0111\u01b0\u1ee3c! AutoWeb cung c\u1ea5p h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi Vi\u1ec7t. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp gi\u00e1 xe ni\u00eam y\u1ebft m\u1edbi, b\u1ed9 m\u00e1y t\u00ednh s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt bi\u1ec3u thu\u1ebf l\u0103n b\u00e1nh v\u00e0 t\u00ednh tr\u1ea3 g\u00f3p cho kh\u00e1ch h\u00e0ng m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ed9ng v\u00e0o m\u1ed9t d\u00f2ng code n\u00e0o.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(2)\">\n                        <span>Th\u1eddi gian ho\u00e0n thi\u1ec7n thi\u1ebft k\u1ebf website \u00f4 t\u00f4 th\u01b0\u1eddng m\u1ea5t bao l\u00e2u?<\/span>\n                        <i id=\"faq-icon-2\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-2\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Th\u1eddi gian thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh dao \u0111\u1ed9ng t\u1eeb 15 \u0111\u1ebfn 25 ng\u00e0y t\u00f9y thu\u1ed9c v\u00e0o \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a c\u00e1c t\u00ednh n\u0103ng b\u1ea1n ch\u1ecdn (v\u00ed d\u1ee5 b\u1ed9 xoay xe 3D v\u00e0 \u0111\u1ed5i m\u00e0u c\u1ea7n nhi\u1ec1u th\u1eddi gian chu\u1ea9n b\u1ecb \u0111\u1ed3 h\u1ecda h\u01a1n). Ti\u1ebfn \u0111\u1ed9 c\u1ee5 th\u1ec3 s\u1ebd \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt minh b\u1ea1ch qua b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n Kanban cho b\u1ea1n theo d\u00f5i h\u00e0ng ng\u00e0y.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(3)\">\n                        <span>AutoWeb c\u00f3 h\u1ed7 tr\u1ee3 l\u00e0m SEO cho website \u00f4 t\u00f4 l\u00ean top Google kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-3\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-3\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            T\u1ea5t c\u1ea3 website ch\u00fang t\u00f4i b\u00e0n giao \u0111\u1ec1u tu\u00e2n th\u1ee7 100% chu\u1ea9n t\u1ed1i \u01b0u h\u00f3a On-page c\u1ee7a Google. Website h\u1ed7 tr\u1ee3 khai b\u00e1o Schema d\u00f2ng xe t\u1ef1 \u0111\u1ed9ng, t\u0103ng t\u1ed1c \u0111\u1ed9 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1i \u0111a. Ngo\u00e0i ra ch\u00fang t\u00f4i c\u00f2n c\u00f3 g\u00f3i h\u1ed7 tr\u1ee3 SEO t\u1eeb kh\u00f3a c\u1ee5 th\u1ec3 cho t\u1eebng t\u1ec9nh th\u00e0nh (v\u00ed d\u1ee5: &#8220;Mua \u00f4 t\u00f4 c\u0169 t\u1ea1i B\u1eafc Giang&#8221;, &#8220;\u0110\u1ea1i l\u00fd Hyundai \u0110\u00e0 N\u1eb5ng&#8221;).\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer Section -->\n    <footer class=\"bg-brand-darker border-t border-gray-800 pt-16 pb-8 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12\">\n                <!-- Branding column -->\n                <div class=\"space-y-4\">\n                    <div class=\"flex items-center space-x-3\">\n                        <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white\">\n                            <i class=\"fa-solid fa-car-side text-xl\"><\/i>\n                        <\/div>\n                        <span class=\"font-display font-extrabold text-lg tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                    <\/div>\n                    <p class=\"text-xs text-gray-400 leading-relaxed\">\u0110\u01a1n v\u1ecb ti\u00ean phong thi\u1ebft k\u1ebf giao di\u1ec7n t\u01b0\u01a1ng t\u00e1c cao, ki\u1ebfn t\u1ea1o tr\u1ea3i nghi\u1ec7m s\u1ed1 ho\u00e0n m\u1ef9 cho c\u00e1c \u0111\u1ea1i l\u00fd, showroom \u00f4 t\u00f4 &amp; xe m\u00e1y t\u1ea1i Vi\u1ec7t Nam.<\/p>\n                    <div class=\"flex space-x-3 pt-2\">\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-blue transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-cyan transition\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-red transition\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick links -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">H\u1ec7 gi\u1ea3i ph\u00e1p<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">\u0110\u1ea1i l\u00fd \u00f4 t\u00f4 ch\u00ednh h\u00e3ng<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Showroom xe m\u00e1y &amp; PKL<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Garage &amp; Ph\u1ee5 t\u00f9ng xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">D\u1ecbch v\u1ee5 Detailing \/ Spa xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Cho thu\u00ea xe t\u1ef1 l\u00e1i<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Highlighted Features -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">M\u00f4-\u0111un \u0111\u1ed9t ph\u00e1<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">Xoay xe 360 \u0111\u1ed9 &amp; \u0110\u1ed5i m\u00e0u ngo\u1ea1i th\u1ea5t<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">B\u1ea3ng so s\u00e1nh th\u00f4ng s\u1ed1 xe n\u00e2ng cao<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">C\u00f4ng c\u1ee5 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh theo t\u1ec9nh th\u00e0nh<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">H\u1ec7 th\u1ed1ng \u0111\u1eb7t l\u1ecbch h\u1eb9n b\u1ea3o d\u01b0\u1ee1ng<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">\u0110\u1ed3ng b\u1ed9 t\u1ef1 \u0111\u1ed9ng v\u1ec1 Google Sheet\/CRM<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact details -->\n                <div class=\"space-y-3\">\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">Li\u00ean h\u1ec7<\/h5>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-location-dot text-brand-cyan mr-2\"><\/i> T\u1ea7ng 18, To\u00e0 nh\u00e0 Bitexco, Q. 1, TP. HCM<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-phone text-brand-cyan mr-2\"><\/i> Hotline: 1900 6868 (8:00 &#8211; 18:00)<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-envelope text-brand-cyan mr-2\"><\/i> Th\u01b0 \u0111i\u1ec7n t\u1eed: lienhe@autoweb.vn<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500\">\n                <p>\u00a9 2026 AutoWeb. To\u00e0n b\u1ed9 thi\u1ebft k\u1ebf v\u00e0 m\u00e3 ngu\u1ed3n \u0111\u01b0\u1ee3c b\u1ea3o l\u01b0u b\u1edfi AutoWeb Inc.<\/p>\n                <div class=\"flex space-x-6 mt-4 md:mt-0\">\n                    <a href=\"#\" class=\"hover:text-white transition\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a>\n                    <a href=\"#\" class=\"hover:text-white transition\">\u0110i\u1ec1u kho\u1ea3n v\u1eadn h\u00e0nh<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-312667016 > .col-inner {\n  padding: 0px;\n  margin: 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-264159690 > .col > .col-inner {\n  padding: 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1117915696 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  margin-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n\n\t<section class=\"section autoweb-native\" id=\"section_1427641535\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-full-width align-center\"  id=\"row-1901308789\">\n\n\t<div id=\"col-1903437476\" class=\"col medium-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\n     HTML only. CSS and JS are loaded separately. -->\n<!-- AUTO WEB \u2022 FLATSOME UX BUILDER NATIVE\nThis is the page content for a native Flatsome Section > Row > Column > UX HTML element.\n-->\n<div id=\"autoweb-page\" class=\"autoweb-page bg-brand-dark text-gray-100 font-sans antialiased\">\n\n\n    <!-- Navigation Bar -->\n    <nav class=\"fixed top-0 left-0 w-full z-50 bg-brand-dark\/90 backdrop-blur-md border-b border-gray-800 transition-all duration-300\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20\">\n                <!-- Logo -->\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white shadow-lg shadow-brand-blue\/20\">\n                        <i class=\"fa-solid fa-car-side text-2xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"font-display font-extrabold text-xl tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                        <p class=\"text-&#091;9px&#093; text-gray-400 tracking-widest uppercase font-semibold\">Chuy\u00ean Gia Web Xe<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Desktop Menu -->\n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#giai-phap\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Gi\u1ea3i Ph\u00e1p<\/a>\n                    <a href=\"#tinh-nang\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n                    <a href=\"#trai-nghiem\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n                    <a href=\"#quy-trinh\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">Quy Tr\u00ecnh<\/a>\n                    <a href=\"#bao-gia\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">T\u00ednh Gi\u00e1 Web<\/a>\n                    <a href=\"#uu-the\" class=\"text-sm font-medium text-gray-300 hover:text-brand-cyan transition\">\u01afu Th\u1ebf<\/a>\n                <\/div>\n\n                <!-- Action Button -->\n                <div class=\"hidden md:block\">\n                    <a href=\"#bao-gia\" class=\"px-5 py-2.5 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-semibold text-sm transition-all duration-300 transform hover:scale-105 shadow-md shadow-brand-blue\/20 hover:shadow-brand-cyan\/20\">\n                        Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n                    <\/a>\n                <\/div>\n\n                <!-- Mobile menu button -->\n                <div class=\"md:hidden\">\n                    <button id=\"mobile-menu-btn\" class=\"text-gray-400 hover:text-white focus:outline-none\">\n                        <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Menu (Hidden by default) -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-brand-darker border-b border-gray-800 px-4 pt-2 pb-6 space-y-3 transition-all duration-300\">\n            <a href=\"#giai-phap\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Gi\u1ea3i Ph\u00e1p<\/a>\n            <a href=\"#tinh-nang\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t<\/a>\n            <a href=\"#trai-nghiem\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Demo T\u01b0\u01a1ng T\u00e1c<\/a>\n            <a href=\"#quy-trinh\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">Quy Tr\u00ecnh<\/a>\n            <a href=\"#bao-gia\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2 border-b border-gray-800\">T\u00ednh Gi\u00e1 Web<\/a>\n            <a href=\"#uu-the\" class=\"block text-base font-medium text-gray-300 hover:text-brand-cyan py-2\">\u01afu Th\u1ebf<\/a>\n            <a href=\"#bao-gia\" class=\"block w-full text-center px-4 py-3 mt-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-semibold text-sm\">\n                Nh\u1eadn T\u01b0 V\u1ea5n Mi\u1ec5n Ph\u00ed\n            <\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-32 pb-24 md:pt-44 md:pb-36 bg-gradient-to-b from-brand-darker via-brand-dark to-brand-dark overflow-hidden\">\n        <!-- Background light elements -->\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-&#091;500px&#093; h-&#091;500px&#093; bg-brand-blue\/10 rounded-full blur-&#091;120px&#093; pointer-events-none\"><\/div>\n        <div class=\"absolute top-1\/3 right-10 w-&#091;300px&#093; h-&#091;300px&#093; bg-brand-cyan\/10 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n                \n                <!-- Left Content -->\n                <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n                    <span class=\"inline-flex items-center space-x-2 px-3 py-1.5 rounded-full bg-brand-blue\/10 border border-brand-blue\/30 text-xs font-semibold tracking-wider text-brand-cyan uppercase\">\n                        <span class=\"w-2 h-2 rounded-full bg-brand-cyan animate-pulse\"><\/span>\n                        <span>\u0110\u1ed8T PH\u00c1 DOANH S\u1ed0 NG\u00c0NH XE 2026<\/span>\n                    <\/span>\n                    <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-6xl text-white leading-tight\">\n                        Thi\u1ebft k\u1ebf Website <br>\n                        <span class=\"gradient-text\">\u00d4 T\u00f4 &#038; Xe M\u00e1y<\/span> <br>\n                        \u0110\u1eb3ng C\u1ea5p Nh\u1ea5t\n                    <\/h1>\n                    <p class=\"text-base sm:text-lg text-gray-400 max-w-xl mx-auto lg:mx-0\">\n                        T\u0103ng tr\u01b0\u1edfng t\u1ef7 l\u1ec7 \u0111\u0103ng k\u00fd l\u00e1i th\u1eed, \u0111\u1eb7t mua ph\u1ee5 t\u00f9ng v\u00e0 t\u1ed1i \u01b0u h\u00f3a chuy\u1ec3n \u0111\u1ed5i kh\u00e1ch h\u00e0ng nh\u1edd gi\u1ea3i ph\u00e1p web chuy\u00ean s\u00e2u, t\u00edch h\u1ee3p c\u00f4ng ngh\u1ec7 tr\u00ecnh di\u1ec5n xe 3D v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p.\n                    <\/p>\n                    \n                    <!-- Stats in Hero -->\n                    <div class=\"grid grid-cols-3 gap-4 pt-6 max-w-md mx-auto lg:mx-0\">\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-white font-display\">250+<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Showroom &#038; Salon tin d\u00f9ng<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-cyan font-display\">x3.2<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">T\u1ef7 l\u1ec7 \u0111\u1eb7t l\u1ecbch l\u00e1i th\u1eed<\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-brand-card\/50 border border-gray-800 rounded-xl text-center\">\n                            <p class=\"text-2xl font-bold text-brand-blue font-display\">100%<\/p>\n                            <p class=\"text-xs text-gray-400 mt-1\">Chu\u1ea9n SEO &#038; Mobile<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-6\">\n                        <a href=\"#trai-nghiem\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan text-white font-bold text-base transition-all duration-300 transform hover:scale-105 shadow-xl shadow-brand-blue\/35 text-center\">\n                            <i class=\"fa-solid fa-gamepad mr-2\"><\/i> Tr\u1ea3i Nghi\u1ec7m Demo\n                        <\/a>\n                        <a href=\"#bao-gia\" class=\"w-full sm:w-auto px-8 py-4 rounded-xl bg-brand-card hover:bg-gray-800 text-white font-semibold text-base transition border border-gray-700 hover:border-brand-cyan\/50 text-center\">\n                            T\u1ef1 T\u00ednh Gi\u00e1 Web\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Simulated Supercar and interface highlight -->\n                <div class=\"lg:col-span-5 relative\">\n                    <div class=\"relative mx-auto max-w-md lg:max-w-none\">\n                        <!-- Neon Ring behind -->\n                        <div class=\"absolute inset-0 bg-gradient-to-r from-brand-blue\/20 to-brand-cyan\/20 rounded-3xl blur-2xl transform scale-105 pointer-events-none\"><\/div>\n                        \n                        <!-- Main Card -->\n                        <div class=\"relative bg-brand-card border border-gray-800 rounded-3xl p-6 shadow-2xl overflow-hidden\">\n                            <!-- Header Bar -->\n                            <div class=\"flex items-center justify-between mb-4 border-b border-gray-800 pb-3\">\n                                <div class=\"flex items-center space-x-2\">\n                                    <span class=\"w-3 h-3 rounded-full bg-red-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/span>\n                                    <span class=\"w-3 h-3 rounded-full bg-green-500\"><\/span>\n                                <\/div>\n                                <span class=\"text-xs text-gray-500 font-mono tracking-wider\">showroom-concept.online<\/span>\n                                <i class=\"fa-solid fa-rotate-right text-gray-500 text-xs\"><\/i>\n                            <\/div>\n\n                            <!-- Showcase Area -->\n                            <div class=\"relative bg-brand-darker rounded-2xl p-4 overflow-hidden group\">\n                                <div class=\"absolute top-2 right-2 bg-brand-blue\/20 border border-brand-blue\/50 text-&#091;10px&#093; text-brand-cyan px-2 py-0.5 rounded font-bold uppercase tracking-widest animate-pulse\">LIVE PREVIEW<\/div>\n                                \n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1e293b\/06b6d4?text=PREMIUM+AUTOMOTIVE+WEBSITE\" alt=\"Giao di\u1ec7n \u00f4 t\u00f4 xe m\u00e1y chuy\u00ean nghi\u1ec7p\" class=\"w-full h-48 object-cover rounded-lg transition-transform duration-500 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/600x400\/111827\/ffffff?text=Premium+Showroom+UI'\">\n                                \n                                <div class=\"mt-4 space-y-2\">\n                                    <div class=\"flex justify-between items-center text-xs\">\n                                        <span class=\"text-white font-bold text-sm\">Hyperion GT-EV 2026<\/span>\n                                        <span class=\"text-brand-cyan font-bold\">$124,500<\/span>\n                                    <\/div>\n                                    <div class=\"flex gap-1.5 pt-1\">\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">750 HP<\/span>\n                                        <span class=\"px-2 py-0.5 bg-gray-800 text-&#091;10px&#093; rounded text-gray-400\">0-100 km\/h: 2.1s<\/span>\n                                        <span class=\"px-2 py-0.5 bg-brand-cyan\/10 text-brand-cyan text-&#091;10px&#093; rounded\">Electric Motor<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Interactive Button Showcase in UI -->\n                            <div class=\"mt-4 grid grid-cols-2 gap-2\">\n                                <button class=\"py-2.5 px-3 bg-brand-blue text-white rounded-xl text-xs font-bold shadow-lg shadow-brand-blue\/25 hover:bg-brand-blue\/90 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-car-side\"><\/i>\n                                    <span>\u0110\u0103ng K\u00fd L\u00e1i Th\u1eed<\/span>\n                                <\/button>\n                                <button class=\"py-2.5 px-3 bg-gray-800 text-gray-300 rounded-xl text-xs font-semibold hover:bg-gray-700 transition flex items-center justify-center space-x-1\">\n                                    <i class=\"fa-solid fa-calculator\"><\/i>\n                                    <span>T\u00ednh D\u1ef1 To\u00e1n<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Target Sub-niches Section (Gi\u1ea3i ph\u00e1p ph\u00e2n lo\u1ea1i) -->\n    <section id=\"giai-phap\" class=\"py-20 bg-brand-darker relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ph\u00e2n lo\u1ea1i ph\u00e2n kh\u00fac<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i Ph\u1ee5c V\u1ee5 Ph\u00e2n Kh\u00fac N\u00e0o?<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">M\u1ed7i ph\u00e2n kh\u00fac trong ng\u00e0nh \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u00f3 m\u1ed9t h\u00e0nh vi mua h\u00e0ng kh\u00e1c nhau. Ch\u00fang t\u00f4i thi\u1ebft k\u1ebf website may \u0111o ri\u00eang cho t\u1eebng nghi\u1ec7p v\u1ee5 c\u1ee5 th\u1ec3.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Card 1: Showroom \u00d4 t\u00f4 m\u1edbi \/ c\u0169 -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-blue\/10 flex items-center justify-center text-brand-blue text-xl mb-6 group-hover:bg-brand-blue group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-store\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Showroom &#038; \u0110\u1ea1i L\u00fd \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Tr\u00ecnh di\u1ec5n xe ho\u00e0n h\u1ea3o, c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm v\u00e0 l\u1ecdc xe th\u00f4ng minh, so s\u00e1nh th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt, nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u chu\u1ea9n to\u00e0n c\u1ea7u.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u1ea3i b\u00e1o gi\u00e1 \/ catalog l\u0103n b\u00e1nh t\u1ef1 \u0111\u1ed9ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> K\u1ebft n\u1ed1i c\u1ed5ng \u0111\u0103ng k\u00fd l\u00e1i th\u1eed tr\u1ef1c ti\u1ebfp<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2: C\u1eeda h\u00e0ng xe m\u00e1y, ph\u00e2n kh\u1ed1i l\u1edbn -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan text-xl mb-6 group-hover:bg-brand-cyan group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-motorcycle\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">H\u1ec7 Th\u1ed1ng Xe M\u00e1y &#038; PKL<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">B\u1ed1 c\u1ee5c hi\u1ec3n th\u1ecb n\u1ed5i b\u1eadt t\u00ednh th\u1ec3 thao, phong c\u00e1ch s\u1ed1ng c\u1ee7a c\u00e1c biker, b\u1ea3ng gi\u00e1 ph\u00e2n nh\u00e1nh theo phi\u00ean b\u1ea3n m\u00e0u s\u1eafc \u0111a d\u1ea1ng.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00edch h\u1ee3p b\u1ea3ng t\u00ednh gi\u00e1 tr\u1ea3 g\u00f3p theo th\u00e1ng<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> T\u00ecm c\u1eeda h\u00e0ng \u0111\u1ea1i l\u00fd (Dealer Locator)<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 3: Spa, Detailing & \u0110\u1ed3 Ch\u01a1i Xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-brand-red\/10 flex items-center justify-center text-brand-red text-xl mb-6 group-hover:bg-brand-red group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Trung T\u00e2m Detailing &#038; Spa \u00d4 T\u00f4<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">L\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng b\u1eb1ng h\u00ecnh \u1ea3nh Tr\u01b0\u1edbc\/Sau (Before\/After) tr\u1ef1c quan, b\u1ea3ng gi\u00e1 d\u1ecbch v\u1ee5 d\u1ecbch chuy\u1ec3n \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> B\u1ed9 so s\u00e1nh tr\u1ef1c quan slider Before\/After<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng booking ch\u1ecdn gi\u1edd &#038; ch\u1ecdn th\u1ee3<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4: Garage S\u1eeda ch\u1eefa & Ph\u1ee5 t\u00f9ng -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-yellow-500\/10 flex items-center justify-center text-yellow-500 text-xl mb-6 group-hover:bg-yellow-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-wrench\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Garage &#038; Ph\u1ee5 T\u00f9ng, Ph\u1ee5 Ki\u1ec7n<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u00edch h\u1ee3p gi\u1ecf h\u00e0ng e-commerce th\u00f4ng minh cho kho ph\u1ee5 t\u00f9ng kh\u1ed5ng l\u1ed3. Tra c\u1ee9u ph\u1ee5 t\u00f9ng t\u01b0\u01a1ng th\u00edch theo d\u00f2ng xe ti\u1ec7n l\u1ee3i.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Tra c\u1ee9u chu\u1ea9n x\u00e1c s\u1ed1 khung (VIN) \/ \u0110\u1eddi xe<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Thanh to\u00e1n tr\u1ef1c tuy\u1ebfn qua m\u00e3 QR nhanh ch\u00f3ng<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5: Car Rental & Thu\u00ea xe t\u1ef1 l\u00e1i -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-purple-500\/10 flex items-center justify-center text-purple-500 text-xl mb-6 group-hover:bg-purple-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-solid fa-key\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">D\u1ecbch V\u1ee5 Cho Thu\u00ea Xe T\u1ef1 L\u00e1i<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">Quy tr\u00ecnh \u0111\u1eb7t thu\u00ea xe \u0111\u01a1n gi\u1ea3n trong 3 b\u01b0\u1edbc. Qu\u1ea3n l\u00fd tr\u1ea1ng th\u00e1i xe tr\u1ed1ng (Real-time Availability) tr\u00ean l\u1ecbch tr\u1ef1c tuy\u1ebfn c\u1ef1c k\u1ef3 ch\u00ednh x\u00e1c.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> H\u1ec7 th\u1ed1ng t\u00ednh l\u1ecbch thu\u00ea t\u1ef1 \u0111\u1ed9ng theo ng\u00e0y\/gi\u1edd<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> Qu\u1ea3n l\u00fd \u0111\u1eb7t c\u1ecdc v\u00e0 x\u00e1c nh\u1eadn s\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 6: C\u1ed9ng \u0111\u1ed3ng & Tin t\u1ee9c xe -->\n                <div class=\"bg-brand-card p-6 rounded-2xl border border-gray-800 hover:border-brand-blue\/50 transition-all duration-300 hover:transform hover:-translate-y-2 group\">\n                    <div class=\"w-12 h-12 rounded-xl bg-green-500\/10 flex items-center justify-center text-green-500 text-xl mb-6 group-hover:bg-green-500 group-hover:text-white transition-all\">\n                        <i class=\"fa-regular fa-newspaper\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white mb-3\">Tin T\u1ee9c Xe &#038; Reviewer<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed mb-4\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i trang c\u1ef1c \u0111\u1ec9nh cho c\u00e1c b\u00e1o chuy\u00ean ng\u00e0nh. Thi\u1ebft k\u1ebf layout t\u1ed1i gi\u1ea3n, t\u1eadp trung t\u1ed1i \u0111a v\u00e0o tr\u1ea3i nghi\u1ec7m \u0111\u1ecdc v\u00e0 xem video.<\/p>\n                    <ul class=\"text-xs space-y-2 text-gray-400\">\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> \u0110i\u1ec3m Core Web Vitals t\u1ed1i \u0111a (Xanh m\u01b0\u1edbt)<\/li>\n                        <li><i class=\"fa-solid fa-circle-check text-brand-cyan mr-2\"><\/i> V\u1ecb tr\u00ed \u0111\u1eb7t banner qu\u1ea3ng c\u00e1o th\u00f4ng minh<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Specific Features Section -->\n    <section id=\"tinh-nang\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">T\u00ednh n\u0103ng tinh hoa<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Trang B\u1ecb T\u00ednh N\u0103ng Chuy\u00ean Bi\u1ec7t S\u1ed1 1 Th\u1ecb Tr\u01b0\u1eddng<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i kh\u00f4ng l\u00e0m website th\u00f4ng tin th\u00f4ng th\u01b0\u1eddng. Ch\u00fang t\u00f4i t\u1ea1o ra c\u00f4ng c\u1ee5 s\u1ed1 \u0111\u1ed9t ph\u00e1 t\u00ednh t\u01b0\u01a1ng t\u00e1c v\u00e0 t\u1ea1o tr\u1ea3i nghi\u1ec7m ch\u00e2n th\u1ef1c nh\u1ea5t cho kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- Feature 1 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-cyan text-2xl\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">Xem Xe 360 \u0110\u1ed9 &#038; \u0110\u1ed5i M\u00e0u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">Kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 tr\u1ea3i nghi\u1ec7m xoay xe c\u00e1c g\u00f3c \u0111\u1ed9 kh\u00e1c nhau v\u00e0 \u0111\u1ed5i c\u00e1c m\u00e0u s\u01a1n ngo\u1ea1i th\u1ea5t\/n\u1ed9i th\u1ea5t t\u00f9y th\u00edch tr\u1ef1c ti\u1ebfp tr\u00ean web.<\/p>\n                <\/div>\n                <!-- Feature 2 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-blue text-2xl\"><i class=\"fa-solid fa-calculator\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 D\u1ef1 To\u00e1n Chi Ph\u00ed Chi Ti\u1ebft<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00ednh to\u00e1n thu\u1ebf tr\u01b0\u1edbc b\u1ea1, ph\u00ed bi\u1ec3n s\u1ed1, b\u1ea3o hi\u1ec3m, \u0111\u0103ng ki\u1ec3m t\u1ea1i t\u1eebng t\u1ec9nh th\u00e0nh v\u00e0 \u0111\u1ec1 xu\u1ea5t s\u1ed1 ti\u1ec1n tr\u1ea3 g\u00f3p h\u00e0ng th\u00e1ng.<\/p>\n                <\/div>\n                <!-- Feature 3 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-brand-red text-2xl\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">So S\u00e1nh Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ednh n\u0103ng k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n t\u1eeb 2-4 d\u00f2ng xe c\u00f9ng ph\u00e2n kh\u00fac, l\u00e0m n\u1ed5i b\u1eadt th\u00f4ng s\u1ed1 t\u1ed1i \u01b0u gi\u00fap kh\u00e1ch d\u1ec5 \u0111\u01b0a ra quy\u1ebft \u0111\u1ecbnh.<\/p>\n                <\/div>\n                <!-- Feature 4 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-yellow-500 text-2xl\"><i class=\"fa-regular fa-calendar-check\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1eb7t L\u1ecbch H\u1eb9n \u0110a K\u00eanh<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">\u0110\u1eb7t l\u1ecbch l\u00e1i th\u1eed ho\u1eb7c \u0111\u1eb7t ch\u1ed7 s\u1eeda ch\u1eefa b\u1ea3o d\u01b0\u1ee1ng t\u1ef1 \u0111\u1ed9ng g\u1eedi th\u00f4ng b\u00e1o SMS\/Email x\u00e1c nh\u1eadn t\u1ee9c th\u00ec cho kh\u00e1ch v\u00e0 t\u01b0 v\u1ea5n vi\u00ean.<\/p>\n                <\/div>\n                <!-- Feature 5 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-purple-500 text-2xl\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">B\u1ed9 L\u1ecdc Xe (Smart-Filter)<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm ki\u1ebfm n\u00e2ng cao theo gi\u00e1 b\u00e1n, lo\u1ea1i nhi\u00ean li\u1ec7u (X\u0103ng\/\u0110i\u1ec7n\/Hybrid), ki\u1ec3u d\u00e1ng (Sedan, SUV, Pickup) m\u1ed9t c\u00e1ch tr\u1ef1c quan.<\/p>\n                <\/div>\n                <!-- Feature 6 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-green-500 text-2xl\"><i class=\"fa-solid fa-route\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">T\u00edch H\u1ee3p B\u1ea3n \u0110\u1ed3 \u0110\u1ea1i L\u00fd<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u00ecm showroom g\u1ea7n nh\u1ea5t b\u1eb1ng \u0111\u1ecbnh v\u1ecb GPS c\u1ee7a kh\u00e1ch h\u00e0ng, hi\u1ec3n th\u1ecb danh b\u1ea1 \u0111i\u1ec7n tho\u1ea1i ri\u00eang cho t\u1eebng chi nh\u00e1nh.<\/p>\n                <\/div>\n                <!-- Feature 7 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-orange-500 text-2xl\"><i class=\"fa-solid fa-link\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">\u0110\u1ed3ng B\u1ed9 H\u1ec7 Th\u1ed1ng CRM<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">K\u1ebft n\u1ed1i d\u1eef li\u1ec7u kh\u00e1ch h\u00e0ng t\u1eeb website tr\u1ef1c ti\u1ebfp v\u00e0o h\u1ec7 th\u1ed1ng Salesforce, HubSpot, GetFly ho\u1eb7c Google Sheet qu\u1ea3n tr\u1ecb b\u00e1n h\u00e0ng.<\/p>\n                <\/div>\n                <!-- Feature 8 -->\n                <div class=\"p-5 bg-brand-card\/50 rounded-2xl border border-gray-800 space-y-3\">\n                    <div class=\"text-blue-400 text-2xl\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                    <h4 class=\"font-bold text-white text-base\">SEO \u00d4 T\u00f4 Chuy\u00ean S\u00e2u<\/h4>\n                    <p class=\"text-gray-400 text-xs leading-relaxed\">T\u1ed1i \u01b0u h\u00f3a Schema xe h\u01a1i gi\u00fap hi\u1ec3n th\u1ecb \u0111\u1ea7y \u0111\u1ee7 h\u00ecnh \u1ea3nh, gi\u00e1 b\u00e1n, t\u00ecnh tr\u1ea1ng kho xe ngay tr\u00ean trang t\u00ecm ki\u1ebfm Google.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Interactive Experience Section (Demos & Widgets) -->\n    <section id=\"trai-nghiem\" class=\"py-20 bg-brand-darker border-t border-b border-gray-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Ch\u00fang T\u00f4i N\u00f3i \u0110\u01b0\u1ee3c, L\u00e0m \u0110\u01b0\u1ee3c!<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">H\u00e3y t\u01b0\u01a1ng t\u00e1c ngay v\u1edbi hai m\u00f4-\u0111un th\u1ef1c t\u1ebf d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t v\u1ec1 n\u0103ng l\u1ef1c thi\u1ebft k\u1ebf giao di\u1ec7n v\u00e0 t\u01b0 duy nghi\u1ec7p v\u1ee5 c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n            <\/div>\n\n            <!-- Demo Tabs Grid -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                \n                <!-- Demo 1: Interactive Car Customizer (B\u1ed9 \u0111\u1ed5i m\u00e0u xe) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-cyan\/20 text-brand-cyan font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 1<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng \u0111\u1ed5i m\u00e0u xe tr\u1ef1c quan<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">Tr\u00ecnh di\u1ec5n ph\u1ed1i m\u00e0u ngo\u1ea1i th\u1ea5t<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">Tr\u00e1nh c\u00e1c trang web ch\u1ebft t\u1ebb nh\u1ea1t. Kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n s\u1ebd th\u00edch th\u00fa khi t\u1ef1 tay l\u1ef1a ch\u1ecdn m\u00e0u xe theo \u00fd mu\u1ed1n.<\/p>\n                        \n                        <!-- Simulated Interactive SVG Car Panel -->\n                        <div class=\"relative bg-brand-darker rounded-2xl p-6 flex flex-col items-center justify-center min-h-&#091;220px&#093;\">\n                            <!-- The SVG Car Dynamic Representation -->\n                            <div class=\"w-full max-w-&#091;340px&#093; h-32 flex items-center justify-center relative\">\n                                <!-- Dynamic Color Changing Overlay SVG -->\n                                <svg class=\"w-full h-full transition-all duration-500\" viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Shadow underneath -->\n                                    <ellipse cx=\"256\" cy=\"400\" rx=\"180\" ry=\"20\" fill=\"rgba(0,0,0,0.6)\" filter=\"blur(5px)\" \/>\n                                    <!-- Car Body Chassis Group -->\n                                    <path id=\"car-body\" d=\"M420 280C420 280 400 240 370 210C340 180 280 170 240 170C200 170 140 180 110 210C80 240 60 280 60 280C40 285 30 300 30 315C30 330 45 350 70 350C70 350 80 320 110 320C140 320 150 350 150 350H330C330 350 340 320 370 320C400 320 410 350 410 350C435 350 450 330 450 315C450 300 440 285 420 280Z\" class=\"transition-all duration-500\" fill=\"#3B82F6\" \/>\n                                    <!-- Cabin Windows \/ Black glass elements -->\n                                    <path d=\"M150 240C150 240 160 210 190 195C220 180 240 180 240 180V240H150Z\" fill=\"#111827\" \/>\n                                    <path d=\"M330 240C330 240 320 210 290 195C260 180 240 180 240 180V240H330Z\" fill=\"#111827\" \/>\n                                    <!-- Wheels (Fixed) -->\n                                    <circle cx=\"125\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\" \/>\n                                    <circle cx=\"125\" cy=\"350\" r=\"16\" fill=\"#374151\" \/>\n                                    <circle cx=\"355\" cy=\"350\" r=\"32\" fill=\"#1F2937\" stroke=\"#4B5563\" stroke-width=\"4\" \/>\n                                    <circle cx=\"355\" cy=\"350\" r=\"16\" fill=\"#374151\" \/>\n                                    <!-- Headlight and Taillight -->\n                                    <path d=\"M440 300C440 300 448 305 448 312C448 319 440 324 440 324\" stroke=\"#FBBF24\" stroke-width=\"3\" \/>\n                                    <path d=\"M40 300C40 300 32 305 32 312C32 319 40 324 40 324\" stroke=\"#EF4444\" stroke-width=\"3\" \/>\n                                <\/svg>\n                                <span id=\"color-label\" class=\"absolute bottom-1 font-mono text-&#091;10px&#093; tracking-wider text-brand-cyan uppercase\">Titanium Blue<\/span>\n                            <\/div>\n\n                            <!-- Color Pickers -->\n                            <div class=\"flex items-center space-x-3 mt-4\">\n                                <button onclick=\"changeCarColor('#3B82F6', 'Titanium Blue')\" class=\"w-8 h-8 rounded-full bg-blue-500 border-2 border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#EF4444', 'Carbon Red')\" class=\"w-8 h-8 rounded-full bg-red-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#10B981', 'Aurora Emerald')\" class=\"w-8 h-8 rounded-full bg-emerald-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#F59E0B', 'Cyber Yellow')\" class=\"w-8 h-8 rounded-full bg-amber-500 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#94A3B8', 'Steel Platinum')\" class=\"w-8 h-8 rounded-full bg-slate-400 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                                <button onclick=\"changeCarColor('#1E1E1E', 'Phantom Obsidian')\" class=\"w-8 h-8 rounded-full bg-gray-900 border-2 border-transparent hover:border-white transform hover:scale-110 transition focus:outline-none\"><\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-lightbulb text-yellow-500 mr-1\"><\/i> T\u00ednh n\u0103ng n\u00e0y c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng t\u01b0\u01a1ng t\u1ef1 cho vi\u1ec7c l\u1ef1a ch\u1ecdn m\u00e2m xe (la-z\u0103ng), ch\u1ea5t li\u1ec7u da n\u1ed9i th\u1ea5t gi\u00fap t\u0103ng th\u1eddi gian l\u01b0u tr\u00fa (Dwell time) c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean web l\u00ean 180%!<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Demo 2: Cost & Loan Installment Calculator (B\u1ed9 t\u00ednh tr\u1ea3 g\u00f3p tr\u1ef1c quan) -->\n                <div class=\"bg-brand-card p-6 rounded-3xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center justify-between mb-6\">\n                            <span class=\"px-3 py-1 rounded-full bg-brand-blue\/20 text-brand-blue font-bold text-xs uppercase tracking-wider\">Demo T\u01b0\u01a1ng T\u00e1c 2<\/span>\n                            <span class=\"text-xs text-gray-500\">M\u00f4 ph\u1ecfng b\u1ed9 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh<\/span>\n                        <\/div>\n                        <h3 class=\"font-display font-bold text-xl text-white mb-2\">C\u00f4ng c\u1ee5 t\u00ednh to\u00e1n tr\u1ea3 g\u00f3p<\/h3>\n                        <p class=\"text-gray-400 text-xs leading-relaxed mb-6\">\u0110\u01a1n gi\u1ea3n h\u00f3a nh\u1eefng con s\u1ed1 ph\u1ee9c t\u1ea1p. Kh\u00e1ch h\u00e0ng d\u1ec5 d\u00e0ng \u0111\u1ecbnh h\u00ecnh ng\u00e2n s\u00e1ch ngay tr\u00ean trang chi ti\u1ebft xe.<\/p>\n                        \n                        <!-- Mini Installment Calculator Panel -->\n                        <div class=\"bg-brand-darker rounded-2xl p-5 space-y-4\">\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Price Input -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Gi\u00e1 xe ni\u00eam y\u1ebft<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-car-price\" value=\"850000000\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 pl-3 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-2.5 top-2.5 text-xs text-gray-500\">\u0111<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!-- Down Payment % -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">Tr\u1ea3 tr\u01b0\u1edbc (T\u1ed1i thi\u1ec3u 20%)<\/label>\n                                    <div class=\"relative\">\n                                        <select id=\"calc-down-pay\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                            <option value=\"20\">20%<\/option>\n                                            <option value=\"30\" selected>30%<\/option>\n                                            <option value=\"50\">50%<\/option>\n                                            <option value=\"70\">70%<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"grid grid-cols-2 gap-4\">\n                                <!-- Loan Period (Years) -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">K\u1ef3 h\u1ea1n vay<\/label>\n                                    <select id=\"calc-loan-term\" onchange=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <option value=\"36\">3 N\u0103m (36 Th\u00e1ng)<\/option>\n                                        <option value=\"60\" selected>5 N\u0103m (60 Th\u00e1ng)<\/option>\n                                        <option value=\"84\">7 N\u0103m (84 Th\u00e1ng)<\/option>\n                                    <\/select>\n                                <\/div>\n                                <!-- Interest Rate % per year -->\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-gray-400 uppercase font-semibold mb-1\">L\u00e3i su\u1ea5t n\u0103m (% \/ n\u0103m)<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"number\" id=\"calc-interest-rate\" value=\"8.5\" step=\"0.1\" oninput=\"calculateInstallment()\" class=\"w-full bg-brand-card text-white text-sm rounded-lg p-2.5 border border-gray-700 focus:outline-none focus:border-brand-cyan\">\n                                        <span class=\"absolute right-3 top-2.5 text-xs text-gray-500\">%<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Output display -->\n                            <div class=\"bg-brand-blue\/10 border border-brand-blue\/30 p-3.5 rounded-xl flex items-center justify-between\">\n                                <div>\n                                    <span class=\"text-&#091;10px&#093; text-gray-400 uppercase tracking-wide block\">G\u1ee3i \u00fd tr\u1ea3 g\u00f3p \u01b0\u1edbc t\u00ednh<\/span>\n                                    <span class=\"text-xs text-gray-400\">G\u1ed1c + l\u00e3i th\u00e1ng \u0111\u1ea7u:<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <span id=\"installment-output\" class=\"font-display font-extrabold text-brand-cyan text-lg\">14,108,000 \u0111<\/span>\n                                    <span class=\"text-&#091;9px&#093; text-gray-500 block\">\/th\u00e1ng<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-6 border-t border-gray-800 pt-4\">\n                        <p class=\"text-xs text-gray-500 leading-relaxed\"><i class=\"fa-solid fa-shield-halved text-brand-cyan mr-1\"><\/i> Tr\u1ef1c quan h\u00f3a chi ph\u00ed t\u0103ng c\u01a1 h\u1ed9i ch\u1ed1t sale nhanh ch\u00f3ng, kh\u00e1ch h\u00e0ng an t\u00e2m ti\u1ebfp c\u1eadn xe ph\u00f9 h\u1ee3p t\u00fai ti\u1ec1n.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Development Process Section -->\n    <section id=\"quy-trinh\" class=\"py-20 bg-brand-dark\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Ti\u00eau chu\u1ea9n t\u1ed1i \u01b0u<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">Quy Tr\u00ecnh Thi\u1ebft K\u1ebf Chu\u1ea9n Agile<\/h2>\n                <p class=\"text-gray-400 text-sm sm:text-base\">Ch\u00fang t\u00f4i \u0111\u1ed3ng h\u00e0nh c\u00f9ng d\u1ef1 \u00e1n t\u1eeb b\u01b0\u1edbc l\u00ean \u00fd t\u01b0\u1edfng thi\u1ebft k\u1ebf UI \u0111\u1ebfn khi trang web c\u1ee7a b\u1ea1n xu\u1ea5t hi\u1ec7n tr\u00ean trang \u0111\u1ea7u Google v\u00e0 s\u1eb5n s\u00e0ng v\u1eadn h\u00e0nh.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 relative\">\n                <!-- Decorative Connector Line for desktop (simplified representation in grid styling) -->\n                \n                <!-- Step 1 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">01<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Nghi\u00ean c\u1ee9u &#038; \u0110\u1ecbnh v\u1ecb<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Ph\u00e2n t\u00edch d\u00f2ng xe ch\u00ednh, \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1ch h\u00e0ng m\u1ee5c ti\u00eau c\u1ee7a \u0111\u1ea1i l\u00fd \u0111\u1ec3 \u0111\u1ecbnh h\u00ecnh phong c\u00e1ch th\u1ec3 thao, sang tr\u1ecdng hay ph\u1ed5 th\u00f4ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-cyan font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-magnifying-glass mr-1\"><\/i> X\u00e2y d\u1ef1ng Sitemap<\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">02<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Thi\u1ebft K\u1ebf UI\/UX \u0110\u1ed9c B\u1ea3n<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Thi\u1ebft k\u1ebf ho\u00e0n ch\u1ec9nh giao di\u1ec7n d\u1ea1ng Figma cho c\u1ea3 b\u1ea3n m\u00e1y t\u00ednh v\u00e0 \u0111i\u1ec7n tho\u1ea1i. \u00c1p d\u1ee5ng hi\u1ec7u \u1ee9ng m\u01b0\u1ee3t m\u00e0 \u0111\u1eadm ch\u1ea5t xe c\u1ed9.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-brand-blue font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-palette mr-1\"><\/i> Figma Mockup<\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">03<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ph\u00e1t tri\u1ec3n C\u00f4ng ngh\u1ec7<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">L\u1eadp tr\u00ecnh c\u00e1c t\u00ednh n\u0103ng t\u01b0\u01a1ng t\u00e1c (360 \u0111\u1ed9, t\u00ednh tr\u1ea3 g\u00f3p), t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 v\u00e0 l\u1eadp tr\u00ecnh h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb xe (CMS) d\u1ec5 s\u1eed d\u1ee5ng.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-yellow-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-code mr-1\"><\/i> Clean Code<\/div>\n                <\/div>\n\n                <!-- Step 4 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-gray-800 mb-4\">04<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">Ki\u1ec3m Th\u1eed &#038; \u0110\u00f3ng G\u00f3i<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">Test l\u1ed7i hi\u1ec3n th\u1ecb tr\u00ean m\u1ecdi lo\u1ea1i m\u00e0n h\u00ecnh thi\u1ebft b\u1ecb v\u00e0 tr\u00ecnh duy\u1ec7t. \u0110\u1ea3m b\u1ea3o t\u1ed1c \u0111\u1ed9 t\u1ea3i trang \u0111\u1ea1t \u0111i\u1ec3m t\u1ed1i \u01b0u cao nh\u1ea5t.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-green-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-vial mr-1\"><\/i> QC &#038; Speedtest<\/div>\n                <\/div>\n\n                <!-- Step 5 -->\n                <div class=\"relative bg-brand-card p-6 rounded-2xl border border-gray-800 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"text-4xl font-extrabold font-display text-brand-cyan mb-4\">05<\/div>\n                        <h4 class=\"font-bold text-white text-base mb-2\">B\u00e0n giao &#038; V\u1eadn h\u00e0nh<\/h4>\n                        <p class=\"text-gray-400 text-xs leading-relaxed\">B\u00e0n giao m\u00e3 ngu\u1ed3n s\u1ea1ch, h\u01b0\u1edbng d\u1eabn nh\u00e2n vi\u00ean nh\u1eadp li\u1ec7u xe m\u1edbi, h\u1ed7 tr\u1ee3 b\u1ea3o m\u1eadt h\u1ec7 th\u1ed1ng tr\u1ecdn \u0111\u1eddi v\u00e0 c\u1eadp nh\u1eadt c\u00f4ng ngh\u1ec7 \u0111\u1ecbnh k\u1ef3.<\/p>\n                    <\/div>\n                    <div class=\"mt-4 text-&#091;10px&#093; text-purple-500 font-bold uppercase tracking-wider\"><i class=\"fa-solid fa-rocket mr-1\"><\/i> Kh\u1edfi ch\u1ea1y Web<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Cost Configurator Section (T\u1ef1 \u0111\u1ecbnh m\u1ee9c gi\u00e1) -->\n    <section id=\"bao-gia\" class=\"py-20 bg-brand-darker relative border-t border-gray-800\">\n        <!-- background light glow -->\n        <div class=\"absolute bottom-1\/4 right-1\/4 w-&#091;400px&#093; h-&#091;400px&#093; bg-brand-cyan\/5 rounded-full blur-&#091;100px&#093; pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\n                \n                <!-- Left Column: Estimator -->\n                <div class=\"lg:col-span-7 bg-brand-card p-8 rounded-3xl border border-gray-800\">\n                    <span class=\"text-xs font-bold text-brand-cyan uppercase tracking-wider block mb-2\"><i class=\"fa-solid fa-sliders mr-1\"><\/i> T\u00ednh N\u0103ng T\u00f9y Ch\u1ecdn<\/span>\n                    <h3 class=\"font-display font-bold text-2xl text-white mb-3\">T\u1ef1 Thi\u1ebft K\u1ebf C\u1ea5u H\u00ecnh &#038; D\u1ef1 T\u00ednh Chi Ph\u00ed<\/h3>\n                    <p class=\"text-gray-400 text-sm mb-8\">H\u00e3y ch\u1ecdn c\u00e1c t\u00ednh n\u0103ng b\u1ea1n mong mu\u1ed1n t\u00edch h\u1ee3p cho website c\u1ee7a m\u00ecnh. B\u1ed9 m\u00e1y t\u00ednh c\u1ee7a ch\u00fang t\u00f4i s\u1ebd \u01b0\u1edbc t\u00ednh t\u1ed5ng chi ph\u00ed tri\u1ec3n khai m\u1ed9t c\u00e1ch minh b\u1ea1ch.<\/p>\n                    \n                    <!-- Configurator Options -->\n                    <div class=\"space-y-4\">\n                        <!-- Standard Pack (Read Only baseline) -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-brand-blue\/30 relative\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" checked disabled class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card cursor-not-allowed\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">G\u00f3i Giao Di\u1ec7n C\u01a1 B\u1ea3n &#038; Chu\u1ea9n SEO<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Trang ch\u1ee7, Tin t\u1ee9c, Gi\u1edbi thi\u1ec7u, Kho Xe, Li\u00ean h\u1ec7, T\u1ed1i \u01b0u SEO, Responsive \u0111a m\u00e0n h\u00ecnh.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-brand-cyan\">\u0110\u00c3 G\u1ed2M<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 1 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-installment')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-installment\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">B\u1ed9 T\u00ednh Tr\u1ea3 G\u00f3p &#038; D\u1ef1 To\u00e1n L\u0103n B\u00e1nh T\u1ef1 \u0110\u1ed9ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u1ef1 \u0111\u1ed9ng c\u1ea5u h\u00ecnh bi\u1ec3u thu\u1ebf theo khu v\u1ef1c v\u00e0 \u0111\u1ec1 xu\u1ea5t ph\u01b0\u01a1ng \u00e1n tr\u1ea3 g\u00f3p.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 2 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-colors')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-colors\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">M\u00f4-\u0111un \u0110\u1ed5i M\u00e0u Xe 360 \u0110\u1ed9 Ngo\u1ea1i Th\u1ea5t<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">T\u00edch h\u1ee3p b\u1ed9 t\u01b0\u01a1ng t\u00e1c \u0111\u1ed5i m\u00e0u s\u1eafc c\u1ee7a xe v\u00e0 xoay g\u00f3c nh\u00ecn l\u00f4i cu\u1ed1n kh\u00e1ch h\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 4.5 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 3 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-compare')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-compare\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng So S\u00e1nh Th\u00f4ng S\u1ed1 Xe N\u00e2ng Cao<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Giao di\u1ec7n k\u00e9o th\u1ea3 so s\u00e1nh tr\u1ef1c di\u1ec7n nhi\u1ec1u phi\u00ean b\u1ea3n xe d\u1ec5 d\u00e0ng.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 4 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-booking')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-booking\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">H\u1ec7 Th\u1ed1ng \u0110\u1eb7t L\u1ecbch L\u00e1i Th\u1eed &#038; B\u1ea3o D\u01b0\u1ee1ng<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">\u0110\u1eb7t l\u1ecbch theo khung gi\u1edd, ch\u1ecdn nh\u00e2n vi\u00ean t\u01b0 v\u1ea5n, \u0111\u1ed3ng b\u1ed9 v\u1ec1 \u0111i\u1ec7n tho\u1ea1i Admin.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 2.0 Tr<\/span>\n                        <\/div>\n\n                        <!-- Feature Option 5 -->\n                        <div class=\"flex items-start justify-between p-4 bg-brand-darker rounded-xl border border-gray-800 hover:border-gray-700 transition cursor-pointer\" onclick=\"toggleConfigOption('opt-crm')\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"mt-1\">\n                                    <input type=\"checkbox\" id=\"opt-crm\" onchange=\"calculateWebsitePrice()\" class=\"w-4 h-4 text-brand-blue rounded border-gray-700 bg-brand-card focus:ring-brand-blue\">\n                                <\/div>\n                                <div>\n                                    <h5 class=\"font-semibold text-white text-sm\">K\u1ebft N\u1ed1i \u0110\u1ed3ng B\u1ed9 API CRM \/ HubSpot \/ Google Sheet<\/h5>\n                                    <p class=\"text-xs text-gray-400 mt-1\">Data \u0111\u1ed5 th\u1eb3ng v\u1ec1 h\u1ec7 th\u1ed1ng ch\u0103m s\u00f3c t\u1ef1 \u0111\u1ed9ng gi\u00fap nh\u00e2n vi\u00ean g\u1ecdi ngay sau 5 gi\u00e2y.<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-xs font-bold text-gray-300 font-mono\">+ 1.5 Tr<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Column: Registration Form & Real-time Bill -->\n                <div class=\"lg:col-span-5 space-y-8\">\n                    <!-- Real-time Bill Summary -->\n                    <div class=\"bg-gradient-to-br from-brand-card to-brand-darker p-8 rounded-3xl border border-brand-cyan\/30 shadow-lg\">\n                        <div class=\"flex items-center space-x-2 text-brand-cyan text-sm font-semibold uppercase mb-4\">\n                            <i class=\"fa-solid fa-receipt\"><\/i>\n                            <span>B\u00c1O GI\u00c1 D\u1ef0 TO\u00c1N CHI TI\u1ebeT<\/span>\n                        <\/div>\n                        <div class=\"space-y-3 mb-6\">\n                            <div class=\"flex justify-between text-xs text-gray-400\">\n                                <span>G\u00f3i n\u1ec1n t\u1ea3ng t\u1ed1i \u01b0u (C\u1ed1 \u0111\u1ecbnh):<\/span>\n                                <span class=\"text-white font-mono\">11,500,000 \u0111<\/span>\n                            <\/div>\n                            <div id=\"selected-features-list\" class=\"space-y-2 border-t border-gray-800 pt-3\">\n                                <!-- Dynamic features checked will appear here -->\n                                <p class=\"text-&#091;11px&#093; text-gray-500 italic\">Ch\u01b0a ch\u1ecdn t\u00ednh n\u0103ng t\u00f9y ch\u1ecdn n\u00e0o th\u00eam.<\/p>\n                            <\/div>\n                            <div class=\"border-t border-gray-800 pt-3 flex justify-between items-center\">\n                                <span class=\"text-xs font-semibold text-white\">Th\u1eddi gian ho\u00e0n thi\u1ec7n:<\/span>\n                                <span id=\"completion-time\" class=\"text-xs font-bold text-brand-cyan\">15 &#8211; 20 Ng\u00e0y<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"border-t border-gray-800 pt-4 mb-6 flex justify-between items-end\">\n                            <div>\n                                <span class=\"text-xs text-gray-400 uppercase tracking-wide\">Chi ph\u00ed \u0111\u1ea7u t\u01b0 tr\u1ecdn g\u00f3i:<\/span>\n                                <p class=\"text-&#091;9px&#093; text-gray-500\">(Cam k\u1ebft kh\u00f4ng ph\u00e1t sinh chi ph\u00ed \u1ea9n)<\/p>\n                            <\/div>\n                            <div class=\"text-right\">\n                                <span id=\"web-total-price\" class=\"font-display font-extrabold text-2xl text-white\">11,500,000 \u0111<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Registration form inside bill -->\n                        <form id=\"quote-registration-form\" onsubmit=\"handleQuoteSubmit(event)\" class=\"space-y-4\">\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">H\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n *<\/label>\n                                <input type=\"text\" id=\"quote-name\" required class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"V\u00ed d\u1ee5: Nguy\u1ec5n V\u0103n A\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *<\/label>\n                                <input type=\"tel\" id=\"quote-phone\" required class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-xs text-gray-400 mb-1\">Y\u00eau c\u1ea7u th\u00eam (n\u1ebfu c\u00f3)<\/label>\n                                <textarea id=\"quote-note\" rows=\"2\" class=\"w-full bg-brand-darker text-white text-sm rounded-xl p-3 border border-gray-800 focus:outline-none focus:border-brand-cyan\" placeholder=\"VD: T\u00f4i mu\u1ed1n t\u00edch h\u1ee3p thanh to\u00e1n VnPay...\"><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-brand-blue to-brand-cyan hover:from-brand-cyan hover:to-brand-blue text-white font-bold text-base transition duration-300 transform hover:scale-102 flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\n                                <span>G\u1eedi Y\u00eau C\u1ea7u &#038; Nh\u1eadn Khuy\u1ebfn M\u1ea1i<\/span>\n                            <\/button>\n                        <\/form>\n                        \n                        <!-- Dynamic Success Feedback (Hidden by default) -->\n                        <div id=\"quote-success\" class=\"hidden mt-4 p-4 bg-emerald-500\/10 border border-emerald-500\/50 rounded-xl text-center space-y-2\">\n                            <i class=\"fa-regular fa-circle-check text-2xl text-emerald-400\"><\/i>\n                            <h5 class=\"font-bold text-white text-sm\">G\u1eedi y\u00eau c\u1ea7u b\u00e1o gi\u00e1 th\u00e0nh c\u00f4ng!<\/h5>\n                            <p class=\"text-xs text-gray-400\">Chuy\u00ean vi\u00ean t\u01b0 v\u1ea5n \u00f4 t\u00f4 &#8211; xe m\u00e1y c\u1ee7a AutoWeb s\u1ebd li\u00ean h\u1ec7 l\u1ea1i v\u1edbi b\u1ea1n trong v\u00f2ng 15 ph\u00fat t\u1edbi.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Competitive Advantage Section (T\u1ea1i sao ch\u1ecdn ch\u00fang t\u00f4i) -->\n    <section id=\"uu-the\" class=\"py-20 bg-brand-dark relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                <!-- Left Content: High Tech Advantages list -->\n                <div class=\"space-y-6\">\n                    <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full inline-block\">S\u1ef1 kh\u00e1c bi\u1ec7t v\u01b0\u1ee3t tr\u1ed9i<\/span>\n                    <h2 class=\"font-display font-extrabold text-3xl sm:text-4xl text-white\">T\u1ea1i Sao Showroom Xe L\u1edbn L\u1ef1a Ch\u1ecdn AutoWeb?<\/h2>\n                    <p class=\"text-gray-400 text-sm sm:text-base leading-relaxed\">Ch\u00fang t\u00f4i t\u00edch h\u1ee3p hi\u1ec3u bi\u1ebft s\u00e2u r\u1ed9ng v\u1ec1 \u0111\u1eb7c th\u00f9 Marketing ng\u00e0nh \u00d4 t\u00f4 &#038; Xe m\u00e1y v\u00e0o t\u1eebng d\u00f2ng code, gi\u00fap website \u0111\u1ea1t hi\u1ec7u su\u1ea5t t\u1ed1i \u0111a.<\/p>\n                    \n                    <div class=\"space-y-4 pt-4\">\n                        <!-- Advantage 1 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-blue\/10 flex items-center justify-center text-brand-blue\"><i class=\"fa-solid fa-bolt text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">T\u1ed1c \u0110\u1ed9 T\u1ea3i Trang Si\u00eau T\u1ed1c (D\u01b0\u1edbi 1.5 gi\u00e2y)<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">Ch\u00fang t\u00f4i s\u1eed d\u1ee5ng ki\u1ebfn tr\u00fac code hi\u1ec7n \u0111\u1ea1i t\u1ed1i \u01b0u h\u00f3a c\u00e1c h\u00ecnh \u1ea3nh n\u1eb7ng c\u1ee7a xe m\u00e0 v\u1eabn gi\u1eef nguy\u00ean \u0111\u1ed9 n\u00e9t, gi\u00fap t\u1ed1i \u01b0u h\u00f3a \u0111i\u1ec3m ch\u1ea5t l\u01b0\u1ee3ng SEO v\u00e0 Google Ads.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 2 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-brand-cyan\/10 flex items-center justify-center text-brand-cyan\"><i class=\"fa-solid fa-mobile-screen-button text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">Thi\u1ebft K\u1ebf &#8220;Mobile-First&#8221; Ho\u00e0n H\u1ea3o<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u01a1n 85% kh\u00e1ch h\u00e0ng mua xe t\u00ecm ki\u1ebfm th\u00f4ng tin tr\u00ean smartphone. Giao di\u1ec7n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf c\u00e1c n\u00fat G\u1ecdi ngay, Chat Zalo, \u0110\u0103ng k\u00fd l\u00e1i th\u1eed \u0111\u00fang t\u1ea7m ng\u00f3n tay c\u00e1i ng\u01b0\u1eddi d\u00f9ng.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Advantage 3 -->\n                        <div class=\"flex items-start space-x-4\">\n                            <div class=\"flex-shrink-0 w-10 h-10 rounded-lg bg-purple-500\/10 flex items-center justify-center text-purple-500\"><i class=\"fa-solid fa-shield-halved text-lg\"><\/i><\/div>\n                            <div>\n                                <h4 class=\"font-bold text-white text-base\">B\u1ea3o M\u1eadt M\u00e1y Ch\u1ee7 Tuy\u1ec7t \u0110\u1ed1i<\/h4>\n                                <p class=\"text-gray-400 text-xs mt-1 leading-relaxed\">H\u1ec7 th\u1ed1ng b\u1ea3o v\u1ec7 DDoS, m\u00e3 h\u00f3a th\u00f4ng tin li\u00ean h\u1ec7 c\u1ee7a kh\u00e1ch h\u00e0ng, tr\u00e1nh th\u1ea5t tho\u00e1t data sang c\u00e1c \u0111\u1ed1i th\u1ee7 c\u1ea1nh tranh.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Visual: Clean, high-performance mock UI -->\n                <div class=\"relative bg-brand-card rounded-3xl p-6 border border-gray-800 shadow-2xl overflow-hidden\">\n                    <div class=\"absolute -top-10 -right-10 w-40 h-40 bg-brand-cyan\/10 rounded-full blur-2xl\"><\/div>\n                    \n                    <!-- Dashboard simulated widget -->\n                    <h3 class=\"font-display font-bold text-lg text-white mb-6 flex items-center justify-between\">\n                        <span>H\u1ec7 Th\u1ed1ng Qu\u1ea3n Tr\u1ecb Xe C\u1ef1c D\u1ec5 D\u00f9ng<\/span>\n                        <span class=\"px-2 py-0.5 bg-green-500\/20 text-green-400 text-&#091;10px&#093; rounded font-mono font-bold\">V\u1eadn H\u00e0nh Si\u00eau \u00cam<\/span>\n                    <\/h3>\n                    \n                    <div class=\"space-y-4\">\n                        <!-- Simulated CMS Item -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=SUV\" alt=\"SUV\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">SUV Cruiser 2026<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: CR-2026<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-brand-blue\/10 text-brand-blue text-&#091;10px&#093; rounded font-semibold\">C\u00f2n h\u00e0ng (8)<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Simulated CMS Item 2 -->\n                        <div class=\"p-3 bg-brand-darker rounded-xl flex items-center justify-between border border-gray-800\">\n                            <div class=\"flex items-center space-x-3\">\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x60\/1e293b\/06b6d4?text=Sport\" alt=\"Sport Car\" class=\"w-12 h-8 object-cover rounded\" onerror=\"this.src='https:\/\/placehold.co\/100x60\/111827\/ffffff?text=Car'\">\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-white\">Phantom GT Edition<\/h5>\n                                    <p class=\"text-&#091;9px&#093; text-gray-500\">M\u00e3 s\u1ea3n ph\u1ea9m: PH-GT<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center space-x-3\">\n                                <span class=\"px-2 py-0.5 bg-yellow-500\/10 text-yellow-500 text-&#091;10px&#093; rounded font-semibold\">\u0110\u1ee3i c\u1eadp nh\u1eadt<\/span>\n                                <i class=\"fa-solid fa-ellipsis-vertical text-gray-500 text-xs\"><\/i>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Easy UI Dashboard Graphic -->\n                        <div class=\"bg-brand-darker p-4 rounded-xl border border-gray-800 mt-6 space-y-3\">\n                            <p class=\"text-xs text-gray-400\">B\u00e1o c\u00e1o \u0111\u0103ng k\u00fd l\u00e1i th\u1eed m\u1edbi nh\u1eadn trong tu\u1ea7n:<\/p>\n                            <div class=\"flex items-end space-x-2 h-16 pt-2\">\n                                <div class=\"bg-brand-blue\/20 w-full h-1\/3 rounded-t\"><\/div>\n                                <div class=\"bg-brand-blue\/40 w-full h-1\/2 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan\/60 w-full h-3\/4 rounded-t\"><\/div>\n                                <div class=\"bg-brand-cyan w-full h-full rounded-t\"><\/div>\n                            <\/div>\n                            <div class=\"flex justify-between text-&#091;9px&#093; text-gray-500 font-mono\">\n                                <span>Th\u1ee9 2<\/span>\n                                <span>Th\u1ee9 3<\/span>\n                                <span>Th\u1ee9 4<\/span>\n                                <span>Th\u1ee9 5<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section (C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p) -->\n    <section class=\"py-20 bg-brand-darker border-t border-gray-800\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-brand-cyan uppercase bg-brand-cyan\/10 px-3 py-1 rounded-full\">Gi\u1ea3i \u0111\u00e1p th\u1eafc m\u1eafc<\/span>\n                <h2 class=\"font-display font-extrabold text-3xl text-white\">C\u00e2u H\u1ecfi Th\u01b0\u1eddng G\u1eb7p<\/h2>\n                <p class=\"text-gray-400 text-sm\">Nh\u1eefng th\u1eafc m\u1eafc th\u01b0\u1eddng th\u1ea5y nh\u1ea5t t\u1eeb c\u00e1c ch\u1ee7 Showroom xe khi l\u1ef1a ch\u1ecdn ph\u00e1t tri\u1ec3n website.<\/p>\n            <\/div>\n\n            <div class=\"space-y-4\">\n                <!-- FAQ Item 1 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(1)\">\n                        <span>T\u00f4i c\u00f3 th\u1ec3 t\u1ef1 c\u1eadp nh\u1eadt gi\u00e1 xe v\u00e0 gi\u00e1 b\u00e1n tr\u1ea3 g\u00f3p sau khi b\u00e0n giao kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-1\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-1\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Ho\u00e0n to\u00e0n \u0111\u01b0\u1ee3c! AutoWeb cung c\u1ea5p h\u1ec7 th\u1ed1ng qu\u1ea3n tr\u1ecb th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi Vi\u1ec7t. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp gi\u00e1 xe ni\u00eam y\u1ebft m\u1edbi, b\u1ed9 m\u00e1y t\u00ednh s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt bi\u1ec3u thu\u1ebf l\u0103n b\u00e1nh v\u00e0 t\u00ednh tr\u1ea3 g\u00f3p cho kh\u00e1ch h\u00e0ng m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ed9ng v\u00e0o m\u1ed9t d\u00f2ng code n\u00e0o.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(2)\">\n                        <span>Th\u1eddi gian ho\u00e0n thi\u1ec7n thi\u1ebft k\u1ebf website \u00f4 t\u00f4 th\u01b0\u1eddng m\u1ea5t bao l\u00e2u?<\/span>\n                        <i id=\"faq-icon-2\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-2\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            Th\u1eddi gian thi\u1ebft k\u1ebf v\u00e0 l\u1eadp tr\u00ecnh dao \u0111\u1ed9ng t\u1eeb 15 \u0111\u1ebfn 25 ng\u00e0y t\u00f9y thu\u1ed9c v\u00e0o \u0111\u1ed9 ph\u1ee9c t\u1ea1p c\u1ee7a c\u00e1c t\u00ednh n\u0103ng b\u1ea1n ch\u1ecdn (v\u00ed d\u1ee5 b\u1ed9 xoay xe 3D v\u00e0 \u0111\u1ed5i m\u00e0u c\u1ea7n nhi\u1ec1u th\u1eddi gian chu\u1ea9n b\u1ecb \u0111\u1ed3 h\u1ecda h\u01a1n). Ti\u1ebfn \u0111\u1ed9 c\u1ee5 th\u1ec3 s\u1ebd \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt minh b\u1ea1ch qua b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n Kanban cho b\u1ea1n theo d\u00f5i h\u00e0ng ng\u00e0y.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"bg-brand-card rounded-2xl border border-gray-800 overflow-hidden\">\n                    <button class=\"w-full p-5 text-left font-semibold text-white flex justify-between items-center hover:bg-gray-800 transition focus:outline-none\" onclick=\"toggleFaq(3)\">\n                        <span>AutoWeb c\u00f3 h\u1ed7 tr\u1ee3 l\u00e0m SEO cho website \u00f4 t\u00f4 l\u00ean top Google kh\u00f4ng?<\/span>\n                        <i id=\"faq-icon-3\" class=\"fa-solid fa-chevron-down text-brand-cyan transition-transform\"><\/i>\n                    <\/button>\n                    <div id=\"faq-ans-3\" class=\"max-h-0 overflow-hidden transition-all duration-300\">\n                        <div class=\"p-5 border-t border-gray-800 text-gray-400 text-sm leading-relaxed\">\n                            T\u1ea5t c\u1ea3 website ch\u00fang t\u00f4i b\u00e0n giao \u0111\u1ec1u tu\u00e2n th\u1ee7 100% chu\u1ea9n t\u1ed1i \u01b0u h\u00f3a On-page c\u1ee7a Google. Website h\u1ed7 tr\u1ee3 khai b\u00e1o Schema d\u00f2ng xe t\u1ef1 \u0111\u1ed9ng, t\u0103ng t\u1ed1c \u0111\u1ed9 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng t\u1ed1i \u0111a. Ngo\u00e0i ra ch\u00fang t\u00f4i c\u00f2n c\u00f3 g\u00f3i h\u1ed7 tr\u1ee3 SEO t\u1eeb kh\u00f3a c\u1ee5 th\u1ec3 cho t\u1eebng t\u1ec9nh th\u00e0nh (v\u00ed d\u1ee5: &#8220;Mua \u00f4 t\u00f4 c\u0169 t\u1ea1i B\u1eafc Giang&#8221;, &#8220;\u0110\u1ea1i l\u00fd Hyundai \u0110\u00e0 N\u1eb5ng&#8221;).\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer Section -->\n    <footer class=\"bg-brand-darker border-t border-gray-800 pt-16 pb-8 relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12\">\n                <!-- Branding column -->\n                <div class=\"space-y-4\">\n                    <div class=\"flex items-center space-x-3\">\n                        <div class=\"bg-gradient-to-r from-brand-blue to-brand-cyan p-2 rounded-xl text-white\">\n                            <i class=\"fa-solid fa-car-side text-xl\"><\/i>\n                        <\/div>\n                        <span class=\"font-display font-extrabold text-lg tracking-wider text-white\">AUTO<span class=\"text-brand-cyan\">WEB<\/span><\/span>\n                    <\/div>\n                    <p class=\"text-xs text-gray-400 leading-relaxed\">\u0110\u01a1n v\u1ecb ti\u00ean phong thi\u1ebft k\u1ebf giao di\u1ec7n t\u01b0\u01a1ng t\u00e1c cao, ki\u1ebfn t\u1ea1o tr\u1ea3i nghi\u1ec7m s\u1ed1 ho\u00e0n m\u1ef9 cho c\u00e1c \u0111\u1ea1i l\u00fd, showroom \u00f4 t\u00f4 &#038; xe m\u00e1y t\u1ea1i Vi\u1ec7t Nam.<\/p>\n                    <div class=\"flex space-x-3 pt-2\">\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-blue transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-cyan transition\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-8 h-8 rounded-lg bg-brand-card flex items-center justify-center text-gray-400 hover:text-white hover:bg-brand-red transition\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick links -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">H\u1ec7 gi\u1ea3i ph\u00e1p<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">\u0110\u1ea1i l\u00fd \u00f4 t\u00f4 ch\u00ednh h\u00e3ng<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Showroom xe m\u00e1y &#038; PKL<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Garage &#038; Ph\u1ee5 t\u00f9ng xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">D\u1ecbch v\u1ee5 Detailing \/ Spa xe<\/a><\/li>\n                        <li><a href=\"#giai-phap\" class=\"hover:text-brand-cyan transition\">Cho thu\u00ea xe t\u1ef1 l\u00e1i<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Highlighted Features -->\n                <div>\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">M\u00f4-\u0111un \u0111\u1ed9t ph\u00e1<\/h5>\n                    <ul class=\"space-y-2 text-xs text-gray-400\">\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">Xoay xe 360 \u0111\u1ed9 &#038; \u0110\u1ed5i m\u00e0u ngo\u1ea1i th\u1ea5t<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">B\u1ea3ng so s\u00e1nh th\u00f4ng s\u1ed1 xe n\u00e2ng cao<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">C\u00f4ng c\u1ee5 t\u00ednh gi\u00e1 l\u0103n b\u00e1nh theo t\u1ec9nh th\u00e0nh<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">H\u1ec7 th\u1ed1ng \u0111\u1eb7t l\u1ecbch h\u1eb9n b\u1ea3o d\u01b0\u1ee1ng<\/span><\/li>\n                        <li><span class=\"hover:text-brand-cyan transition cursor-pointer\">\u0110\u1ed3ng b\u1ed9 t\u1ef1 \u0111\u1ed9ng v\u1ec1 Google Sheet\/CRM<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Contact details -->\n                <div class=\"space-y-3\">\n                    <h5 class=\"font-display font-bold text-sm text-white mb-4 uppercase tracking-wider\">Li\u00ean h\u1ec7<\/h5>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-location-dot text-brand-cyan mr-2\"><\/i> T\u1ea7ng 18, To\u00e0 nh\u00e0 Bitexco, Q. 1, TP. HCM<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-phone text-brand-cyan mr-2\"><\/i> Hotline: 1900 6868 (8:00 &#8211; 18:00)<\/p>\n                    <p class=\"text-xs text-gray-400 flex items-center\"><i class=\"fa-solid fa-envelope text-brand-cyan mr-2\"><\/i> Th\u01b0 \u0111i\u1ec7n t\u1eed: lienhe@autoweb.vn<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500\">\n                <p>\u00a9 2026 AutoWeb. To\u00e0n b\u1ed9 thi\u1ebft k\u1ebf v\u00e0 m\u00e3 ngu\u1ed3n \u0111\u01b0\u1ee3c b\u1ea3o l\u01b0u b\u1edfi AutoWeb Inc.<\/p>\n                <div class=\"flex space-x-6 mt-4 md:mt-0\">\n                    <a href=\"#\" class=\"hover:text-white transition\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a>\n                    <a href=\"#\" class=\"hover:text-white transition\">\u0110i\u1ec1u kho\u1ea3n v\u1eadn h\u00e0nh<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1903437476 > .col-inner {\n  padding: 0px;\n  margin: 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<style>\n#row-1901308789 > .col > .col-inner {\n  padding: 0px;\n}\n<\/style>\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1427641535 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  margin-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":421,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/comments?post=405"}],"version-history":[{"count":5,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":729,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/405\/revisions\/729"}],"up":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/421"}],"wp:attachment":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}