{"id":12,"date":"2025-05-17T19:06:20","date_gmt":"2025-05-17T19:06:20","guid":{"rendered":"http:\/\/localhost\/duydev\/?page_id=12"},"modified":"2025-05-18T12:58:52","modified_gmt":"2025-05-18T12:58:52","slug":"home","status":"publish","type":"page","link":"https:\/\/duytr.com\/vi\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-357ca0d e-con-full home-page e-flex e-con e-parent\" data-id=\"357ca0d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cabc35e e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"cabc35e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5141c4c elementor-widget elementor-widget-shortcode\" data-id=\"5141c4c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<!-- ======= DuyDev Portfolio Shortcode START ======= -->\n\t<style>\n\t\t@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n\t\t:root {\n\t\t\t--primary: #3b82f6;\n\t\t\t--primary-dark: #2563eb;\n\t\t\t--dark: #1e293b;\n\t\t\t--light: #f8fafc;\n\t\t}\n\n\t\tbody {\n\t\t\tfont-family: 'Inter', sans-serif;\n\t\t\tbackground-color: #f1f5f9;\n\t\t\tcolor: var(--dark);\n\t\t\tscroll-behavior: smooth;\n\t\t}\n\n\t\t.gradient-text {\n\t\t\tbackground-clip: text;\n\t\t\t-webkit-background-clip: text;\n\t\t\tcolor: transparent;\n\t\t\tbackground-image: linear-gradient(90deg, #3b82f6, #8b5cf6);\n\t\t}\n\n\t\t.card-hover { transition: all .3s ease; }\n\t\t.card-hover:hover {\n\t\t\ttransform: translateY(-5px);\n\t\t\tbox-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);\n\t\t}\n\n\t\t.lang-select {\n\t\t\tappearance: none;\n\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%233b82f6' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'\/%3E%3C\/svg%3E\");\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: right .75rem center;\n\t\t\tbackground-size: 16px 12px;\n\t\t}\n\n\t\t.project-card::before {\n\t\t\tcontent:'';\n\t\t\tposition:absolute; inset:0;\n\t\t\tbackground:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 50%);\n\t\t\topacity:0; transition:opacity .3s ease; border-radius:.75rem;\n\t\t}\n\t\t.project-card:hover::before{opacity:1;}\n\t\t.project-card:hover .project-info{transform:translateY(0);opacity:1;}\n\n\t\t.project-info{transform:translateY(20px);opacity:0;transition:all .3s ease;}\n\n\t\t.service-icon{transition:all .3s ease;}\n\t\t.service-box:hover .service-icon{transform:scale(1.1);color:var(--primary);}\n\n\t\t.floating{animation:floating 3s ease-in-out infinite;}\n\t\t@keyframes floating{\n\t\t\t0%{transform:translateY(0)}\n\t\t\t50%{transform:translateY(-10px)}\n\t\t\t100%{transform:translateY(0)}\n\t\t}\n\n\t\t.btn-primary{position:relative;overflow:hidden;}\n\t\t.btn-primary::after{\n\t\t\tcontent:'';position:absolute;inset:0;\n\t\t\tbackground:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);\n\t\t\ttransform:translateX(-100%);transition:transform .6s ease;\n\t\t}\n\t\t.btn-primary:hover::after{transform:translateX(100%);}\n\t<\/style>\n\n\t<!-- ==== Hero ==== -->\n\t<div class=\"relative min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 overflow-hidden\">\n\t\t<!-- Floating blobs -->\n\t\t<div class=\"absolute top-1\/4 left-10 w-16 h-16 rounded-full bg-blue-200 opacity-20 blur-xl\"><\/div>\n\t\t<div class=\"absolute top-1\/3 right-20 w-24 h-24 rounded-full bg-indigo-200 opacity-20 blur-xl\"><\/div>\n\t\t<div class=\"absolute bottom-1\/4 left-1\/3 w-20 h-20 rounded-full bg-blue-300 opacity-15 blur-xl\"><\/div>\n\n\t\t<!-- Lang selector -->\n\t\t<div class=\"absolute top-6 right-6 z-10\">\n\t\t\t<select id=\"duydev-lang-select\" class=\"lang-select bg-white\/80 backdrop-blur-sm px-4 py-2 pr-8 rounded-full text-blue-600 font-medium border border-blue-100 focus:outline-none focus:ring-2 focus:ring-blue-500\">\n\t\t\t\t<option value=\"en\">EN<\/option>\n\t\t\t\t<option value=\"vi\">VI<\/option>\n\t\t\t<\/select>\n\t\t<\/div>\n\n\t\t<!-- Content -->\n\t\t<div class=\"duydev-banner container mx-auto px-6 py-24 md:py-32 lg:py-40 flex flex-col justify-center items-center text-center relative z-10\">\n\t\t\t<div class=\"max-w-4xl mx-auto\">\n\t\t\t\t<h1 class=\"text-4xl md:text-6xl font-bold mb-6\">\n\t\t\t\t\t<span class=\"gradient-text\">DuyDev<\/span> \u2014 Web Developer\n\t\t\t\t<\/h1>\n\t\t\t\t<p class=\"text-xl md:text-2xl text-slate-600 mb-10 max-w-3xl mx-auto leading-relaxed\">\n\t\t\t\t\tDelivering seamless digital experiences with handcrafted themes, custom features, fluid animations.\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n\t\t\t\t\t<a href=\"#portfolio\" class=\"btn-primary inline-flex items-center justify-center px-8 py-4 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-semibold rounded-full shadow-lg hover:shadow-xl transition-all\">\n\t\t\t\t\t\tXem d\u1ef1 \u00e1n\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-2\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z\" clip-rule=\"evenodd\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a href=\"#contact\" class=\"inline-flex items-center justify-center px-8 py-4 bg-white text-blue-600 font-semibold rounded-full border-2 border-blue-100 hover:border-blue-200 shadow-md hover:shadow-lg transition-all\">\n\t\t\t\t\t\tLi\u00ean h\u1ec7 t\u00f4i\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-2\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n\t\t\t\t\t\t\t<path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"\/>\n\t\t\t\t\t\t\t<path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"mt-20 floating\">\n\t\t\t\t<div class=\"relative w-64 h-64 md:w-80 md:h-80 rounded-2xl overflow-hidden shadow-2xl\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/duytr.com\/wp-content\/uploads\/2025\/05\/duyDev.jpeg\" alt=\"DuyDev Work\" class=\"w-full h-full object-cover\">\n\t\t\t\t\t<div class=\"absolute inset-0 bg-gradient-to-t from-blue-600\/30 to-transparent\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- ==== Portfolio ==== -->\n\t<div id=\"portfolio\" class=\"py-20 md:py-28 bg-white\">\n\t\t<div class=\"container mx-auto px-6\">\n\t\t\t<div class=\"text-center mb-16\">\n\t\t\t\t<span class=\"inline-block px-4 py-1 bg-blue-100 text-blue-600 rounded-full text-sm font-medium mb-4\">Kinh nghi\u1ec7m<\/span>\n\t\t\t\t<h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-4\">D\u1ef1 \u00e1n ti\u00eau bi\u1ec3u<\/h2>\n\t\t\t\t<p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">Gi\u1ea3i ph\u00e1p WordPress \u0111\u01b0\u1ee3c code th\u1ee7 c\u00f4ng, t\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t v\u00e0 mang l\u1ea1i tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng m\u01b0\u1ee3t m\u00e0, chuy\u00ean nghi\u1ec7p.<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n\t\t\t\t<!-- Project 1 -->\n\t\t\t\t<div class=\"group relative project-card rounded-xl overflow-hidden shadow-lg h-96\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/duytr.com\/wp-content\/uploads\/2025\/05\/banner-tet.webp\" alt=\"MoneyBagStore\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n\t\t\t\t\t<div class=\"absolute bottom-0 left-0 right-0 p-6 project-info\">\n\t\t\t\t\t\t<div class=\"bg-white\/90 backdrop-blur-sm p-6 rounded-lg\">\n\t\t\t\t\t\t\t<span class=\"inline-block px-3 py-1 bg-blue-600 text-white text-xs font-semibold rounded-full mb-3\">E-Commerce<\/span>\n\t\t\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-2\">MoneyBagStore<\/h3>\n\t\t\t\t\t\t\t<p class=\"text-gray-600 mb-4\">Fashion store with CPT, ACF, shortcode, swipe effects, and sessionStorage filters.<\/p>\n\t\t\t\t\t\t\t<div class=\"tech-stack flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/moneybagstore.com\/\" target=\"_blank\" class=\"flex items-center text-blue-600 hover:text-blue-800 font-medium\">\n\t\t\t\t\t\t\t\t\tVisit Site\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 ml-1\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<div class=\"flex space-x-2\">\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">WordPress<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">WooCommerce<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">ACF<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Project 2 -->\n\t\t\t\t<div class=\"group relative project-card rounded-xl overflow-hidden shadow-lg h-96\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1470&q=80\" alt=\"Artemis Digital\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n\t\t\t\t\t<div class=\"absolute bottom-0 left-0 right-0 p-6 project-info\">\n\t\t\t\t\t\t<div class=\"bg-white\/90 backdrop-blur-sm p-6 rounded-lg\">\n\t\t\t\t\t\t\t<span class=\"inline-block px-3 py-1 bg-indigo-600 text-white text-xs font-semibold rounded-full mb-3\">Corporate<\/span>\n\t\t\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-2\">Artemis Digital<\/h3>\n\t\t\t\t\t\t\t<p class=\"text-gray-600 mb-4\">A multi-page marketing site for Artemis Digital clients with custom backend UI.<\/p>\n\t\t\t\t\t\t\t<div class=\"tech-stack flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/artemisdigital.com\/\" target=\"_blank\" class=\"flex items-center text-blue-600 hover:text-blue-800 font-medium\">\n\t\t\t\t\t\t\t\t\tVisit Site\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 ml-1\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<div class=\"flex space-x-2\">\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">WordPress<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">Custom Theme<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">UI\/UX<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Project 3 -->\n\t\t\t\t<div class=\"group relative project-card rounded-xl overflow-hidden shadow-lg h-96\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/duytr.com\/wp-content\/uploads\/2025\/07\/restaurants.png\" alt=\"Artemis Digital\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n\t\t\t\t\t<div class=\"absolute bottom-0 left-0 right-0 p-6 project-info\">\n\t\t\t\t\t\t<div class=\"bg-white\/90 backdrop-blur-sm p-6 rounded-lg\">\n\t\t\t\t\t\t\t<span class=\"inline-block px-3 py-1 bg-indigo-600 text-white text-xs font-semibold rounded-full mb-3\">F & B<\/span>\n\t\t\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-2\">Anima<\/h3>\n\t\t\t\t\t\t\t<p class=\"text-gray-600 mb-4\">A showcase site for F&B businesses\u2014featuring custom themes, intuitive backend UI, and a focus on elevating your brand presence online.<\/p>\n\t\t\t\t\t\t\t<div class=\"tech-stack flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/auno.vn\/\" target=\"_blank\" class=\"flex items-center text-blue-600 hover:text-blue-800 font-medium\">\n\t\t\t\t\t\t\t\t\tVisit Site\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 ml-1\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<div class=\"flex space-x-2\">\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">WordPress<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">Custom Theme<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-xs rounded\">UI\/UX<\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"text-center mt-16\">\n\t\t\t\t<a href=\"#\" class=\"inline-flex items-center px-6 py-3 border border-gray-300 rounded-full text-gray-700 hover:bg-gray-50 hover:border-gray-400 transition-all\">\n\t\t\t\t\tXem th\u00eam\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-2\" viewbox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"\/><\/svg>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- ==== Services ==== -->\n\t<div class=\"py-20 md:py-28 bg-gradient-to-br from-blue-50 to-indigo-50\">\n\t\t<div class=\"container mx-auto px-6\">\n\t\t\t<div class=\"text-center mb-16\">\n\t\t\t\t<span class=\"inline-block px-4 py-1 bg-blue-100 text-blue-600 rounded-full text-sm font-medium mb-4\">D\u1ecbch v\u1ee5<\/span>\n\t\t\t\t<h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-4\">T\u00f4i c\u00f3 th\u1ec3 cung c\u1ea5p?<\/h2>\n\t\t\t\t<p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">Gi\u1ea3i ph\u00e1p WordPress t\u00f9y ch\u1ec9nh, \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf ri\u00eang ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u c\u1ee5 th\u1ec3 c\u1ee7a b\u1ea1n.<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\t\t\t\t<!-- Service 1 -->\n\t\t\t\t<div class=\"service-box bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all card-hover\">\n\t\t\t\t\t<div class=\"w-14 h-14 bg-blue-100 rounded-lg flex items-center justify-center mb-6\">\n\t\t\t\t\t\t<i class=\"service-icon fas fa-code text-2xl text-blue-600\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-3\">Theme &amp; Plugin l\u1eadp tr\u00ecnh ri\u00eang<\/h3>\n\t\t\t\t\t<p class=\"text-gray-600 mb-4\">Kh\u00f4ng d\u00f9ng page builder. Theme v\u00e0 plugin WordPress \u0111\u01b0\u1ee3c code tay ho\u00e0n to\u00e0n, t\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 v\u00e0 c\u1ea5u tr\u00fac theo \u0111\u00fang nhu c\u1ea7u d\u1ef1 \u00e1n.<\/p>\n\t\t\t\t\t<ul class=\"space-y-2 text-sm text-gray-600\">\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Code s\u1ea1ch v\u00e0 t\u1ed1i \u01b0u<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>T\u1ed1i \u01b0u SEO<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Thi\u1ebft k\u1ebf t\u01b0\u01a1ng th\u00edch m\u1ecdi thi\u1ebft b\u1ecb<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Service 2 -->\n\t\t\t\t<div class=\"service-box bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all card-hover\">\n\t\t\t\t\t<div class=\"w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6\">\n\t\t\t\t\t\t<i class=\"service-icon fas fa-shopping-cart text-2xl text-indigo-600\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-3\">Tu\u1ef3 ch\u1ec9nh WooCommerce<\/h3>\n\t\t\t\t\t<p class=\"text-gray-600 mb-4\">H\u1ec7 th\u1ed1ng eCommerce cao c\u1ea5p v\u1edbi gi\u1ecf h\u00e0ng th\u00f4ng minh, thanh to\u00e1n linh ho\u1ea1t v\u00e0 qu\u1ea3n l\u00fd \u0111\u01a1n h\u00e0ng \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf ri\u00eang theo nhu c\u1ea7u doanh nghi\u1ec7p.<\/p>\n\t\t\t\t\t<ul class=\"space-y-2 text-sm text-gray-600\">\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Lo\u1ea1i s\u1ea3n ph\u1ea9m t\u00f9y ch\u1ec9nh<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>T\u00edch h\u1ee3p c\u1ed5ng thanh to\u00e1n<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>T\u1ed1i \u01b0u hi\u1ec7u su\u1ea5t<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Service 3 -->\n\t\t\t\t<div class=\"service-box bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-all card-hover\">\n\t\t\t\t\t<div class=\"w-14 h-14 bg-purple-100 rounded-lg flex items-center justify-center mb-6\">\n\t\t\t\t\t\t<i class=\"service-icon fas fa-magic text-2xl text-purple-600\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-xl font-bold text-gray-800 mb-3\">N\u00e2ng c\u1ea5p hi\u1ec7u \u1ee9ng UI\/UX<\/h3>\n\t\t\t\t\t<p class=\"text-gray-600 mb-4\">Hi\u1ec7u \u1ee9ng v\u00e0 t\u01b0\u01a1ng t\u00e1c sinh \u0111\u1ed9ng gi\u00fap n\u00e2ng cao tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng m\u00e0 v\u1eabn \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t website.<\/p>\n\t\t\t\t\t<ul class=\"space-y-2 text-sm text-gray-600\">\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Hi\u1ec7u \u1ee9ng \u0111\u1eb9p m\u1eaft<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Hi\u1ec7u \u1ee9ng tinh t\u1ebf<\/li>\n\t\t\t\t\t\t<li class=\"flex items-center\"><svg class=\"w-4 h-4 mr-2 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>Hi\u1ec7u \u1ee9ng chuy\u1ec3n \u0111\u1ed9ng t\u00f9y ch\u1ec9nh<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- ==== Contact ==== -->\n\t<div id=\"contact\" class=\"py-20 md:py-28 bg-white\">\n\t\t<div class=\"container mx-auto px-6\">\n\t\t\t<div class=\"max-w-4xl mx-auto text-center\">\n\t\t\t\t<span class=\"inline-block px-4 py-1 bg-blue-100 text-blue-600 rounded-full text-sm font-medium mb-4\">LI\u00caN H\u1ec6<\/span>\n\t\t\t\t<h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-6\">H\u00e3y c\u00f9ng t\u1ea1o n\u00ean \u0111i\u1ec1u tuy\u1ec7t v\u1eddi<\/h2>\n\t\t\t\t<p class=\"text-xl text-gray-600 mb-10\">Inbox n\u1ebfu b\u1ea1n c\u1ea7n m\u1ed9t trang WordPress \u0111\u01b0\u1ee3c code ri\u00eang th\u1ef1c s\u1ef1. T\u1eadp trung v\u00e0o ch\u1ea5t l\u01b0\u1ee3ng code. Kh\u00f4ng x\u00e0i m\u1ea5y template nh\u1ea1t nh\u1ebdo.<\/p>\n\n\t\t\t\t<div class=\"bg-gradient-to-r from-blue-50 to-indigo-50 p-8 md:p-10 rounded-2xl shadow-inner\">\n\t\t\t\t\t<div class=\"max-w-md mx-auto\">\n\t\t\t\t\t\t<a href=\"mailto:thanhduy.tran3008@gmail.com\" class=\"inline-flex items-center justify-center px-10 py-5 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-semibold rounded-full shadow-lg hover:shadow-xl transition-all mb-6\">\n\t\t\t\t\t\t\t<i class=\"fas fa-envelope mr-3\"><\/i>\n\t\t\t\t\t\t\tEmail Duy\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<p class=\"text-gray-600 mb-6\">Ho\u1eb7c k\u1ebft n\u1ed1i v\u1edbi t\u00f4i qua:<\/p>\n\t\t\t\t\t\t<div class=\"flex justify-center space-x-4\">\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center shadow-md hover:shadow-lg hover:bg-blue-50 transition-all\"><i class=\"fab fa-github text-gray-700 text-xl\"><\/i><\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/duy-tran-b55a26197\/\" target=\"_blank\" class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center shadow-md hover:shadow-lg hover:bg-blue-50 transition-all\"><i class=\"fab fa-linkedin-in text-gray-700 text-xl\"><\/i><\/a>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center shadow-md hover:shadow-lg hover:bg-blue-50 transition-all\"><i class=\"fab fa-twitter text-gray-700 text-xl\"><\/i><\/a>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center shadow-md hover:shadow-lg hover:bg-blue-50 transition-all\"><i class=\"fab fa-facebook-f text-gray-700 text-xl\"><\/i><\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- ==== Footer ==== -->\n\t<footer class=\"bg-gray-900 text-white py-12\">\n\t\t<div class=\"container mx-auto px-6\">\n\t\t\t<div class=\"flex flex-col md:flex-row justify-between items-center\">\n\t\t\t\t<div class=\"mb-6 md:mb-0\">\n\t\t\t\t\t<h3 class=\"text-2xl font-bold mb-2\">DuyDev<\/h3>\n\t\t\t\t\t<p class=\"text-gray-400\">WordPress Development Specialist<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex flex-col items-center md:items-end\">\n\t\t\t\t\t<div class=\"mb-4\">\n\t\t\t\t\t\t<select id=\"duydev-lang-select-footer\" class=\"lang-select bg-gray-800 px-4 py-2 pr-8 rounded-full text-blue-400 font-medium border border-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\">\n\t\t\t\t\t\t\t<option value=\"en\">EN<\/option>\n\t\t\t\t\t\t\t<option value=\"vi\">VI<\/option>\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"text-gray-400 text-sm\">\u00a9 2026 DuyDev. All rights reserved.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/footer>\n\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":46,"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/pages\/12\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/duytr.com\/vi\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}