{"id":9,"date":"2026-08-13T08:25:46","date_gmt":"2026-08-13T08:25:46","guid":{"rendered":"https:\/\/nhakhoavio.vn\/?page_id=9"},"modified":"2026-08-13T15:56:06","modified_gmt":"2026-08-13T08:56:06","slug":"trang-chu-nha-khoa-vio","status":"publish","type":"page","link":"https:\/\/nhakhoavio.vn\/","title":{"rendered":"Trang ch\u1ee7 Nha Khoa VIO"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n Nha khoa VIO | Kh\u00e1m r\u00f5 r\u00e0ng, l\u00e0m nh\u1eb9 nh\u00e0ng<\/title>\n\n <!-- Google Fonts: h\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t t\u1ed1t -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --violet: #6820E6;\n --violet-dark: #4b12ad;\n --violet-soft: #f3edff;\n --gold: #C9972B;\n --gold-light: #f6ead0;\n --ink: #171326;\n --muted: #686276;\n --line: #e9e4f2;\n --white: #ffffff;\n --bg: #fbfaff;\n --shadow: 0 20px 55px rgba(55, 22, 112, .12);\n --radius: 24px;\n --container: 1180px;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n color: var(--ink);\n background: var(--bg);\n font-family: \"Inter\", sans-serif;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n a { color: inherit; text-decoration: none; }\n button, input, select, textarea { font: inherit; }\n\n .container {\n width: min(calc(100% - 40px), var(--container));\n margin-inline: auto;\n }\n\n .section {\n padding: 100px 0;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 16px;\n color: var(--violet);\n font-size: .8rem;\n font-weight: 800;\n letter-spacing: .12em;\n text-transform: uppercase;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 26px;\n height: 2px;\n background: var(--gold);\n border-radius: 999px;\n }\n\n .section-title {\n max-width: 760px;\n margin: 0;\n font-family: \"Montserrat\", sans-serif;\n font-size: clamp(2rem, 4vw, 3.25rem);\n line-height: 1.12;\n letter-spacing: -.035em;\n }\n\n .section-desc {\n max-width: 680px;\n margin: 18px 0 0;\n color: var(--muted);\n font-size: 1.02rem;\n }\n\n\/* Header *\/\n.site-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n width: 100%;\n height: auto;\n padding: 18px 0;\n background-color: rgba(255, 255, 255, 0.7);\n border-bottom-left-radius: 16px; \/* Bo g\u00f3c d\u01b0\u1edbi b\u00ean tr\u00e1i *\/\n border-bottom-right-radius: 16px; \/* Bo g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i *\/\n border-bottom: 1px solid rgba(0, 0, 0, 0.08); \/* Border m\u1ea3nh t\u1ea1o m\u00e9p r\u00f5 r\u00e0ng *\/\n transition: .25s ease;\n}\n\n .site-header.scrolled {\n padding: 10px 0;\n background: rgba(255,255,255,.88);\n box-shadow: 0 10px 30px rgba(22, 12, 53, .08);\n backdrop-filter: blur(18px);\n }\n\n .nav-wrap {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n }\n\n .logo {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n font-size: 1.25rem;\n }\n\n .logo-mark {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n color: #fff;\n border-radius: 14px;\n background: linear-gradient(145deg, var(--violet), #8a4ef6);\n box-shadow: 0 12px 28px rgba(104,32,230,.28);\n font-size: 1.05rem;\n }\n\n .logo span span { color: var(--gold); }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n margin-left: auto;\n margin-right: 10px;\n }\n\n .nav-links a {\n color: #514a5e;\n font-size: .92rem;\n font-weight: 600;\n transition: .2s ease;\n }\n\n .nav-links a:hover { color: var(--violet); }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 0 22px;\n border: 0;\n border-radius: 999px;\n font-weight: 800;\n cursor: pointer;\n transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n }\n\n .btn:hover {\n transform: translateY(-2px);\n }\n\n .btn-primary {\n color: #fff;\n background: var(--violet);\n box-shadow: 0 12px 28px rgba(104,32,230,.25);\n }\n\n .btn-primary:hover { background: var(--violet-dark); }\n\n .btn-light {\n color: var(--violet);\n background: #fff;\n box-shadow: 0 12px 30px rgba(30, 19, 56, .08);\n }\n\n .menu-toggle {\n display: none;\n width: 44px;\n height: 44px;\n border: 1px solid var(--line);\n border-radius: 12px;\n background: #fff;\n cursor: pointer;\n color: var(--ink);\n }\n\n \/* Hero *\/\n .hero {\n position: relative;\n min-height: 760px;\n padding: 150px 0 90px;\n overflow: hidden;\n background:\n radial-gradient(circle at 14% 28%, rgba(104,32,230,.12), transparent 30%),\n radial-gradient(circle at 90% 10%, rgba(201,151,43,.10), transparent 26%),\n linear-gradient(180deg, #fff 0%, #fbf9ff 100%);\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 530px;\n height: 530px;\n right: -200px;\n bottom: -230px;\n border-radius: 50%;\n border: 1px solid rgba(104,32,230,.12);\n }\n\n .hero-grid {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: 1.02fr .98fr;\n align-items: center;\n gap: 64px;\n }\n\n .hero-copy h1 {\n max-width: 700px;\n margin: 0;\n font-family: \"Montserrat\", sans-serif;\n font-size: 70px;\n line-height: 1.02;\n letter-spacing: -.06em;\n }\n\n .hero-copy h1 em {\n font-style: normal;\n color: var(--violet);\n }\n\n .hero-copy p {\n max-width: 630px;\n margin: 24px 0 30px;\n color: var(--muted);\n font-size: 1.08rem;\n }\n\n .hero-actions {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n .hero-note {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 22px;\n color: #61596d;\n font-size: .9rem;\n }\n\n .check {\n width: 26px;\n height: 26px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--gold-light);\n color: var(--gold);\n font-weight: 900;\n flex: 0 0 auto;\n }\n\n .hero-visual {\n position: relative;\n }\n\n .hero-image-frame {\n position: relative;\n aspect-ratio: .86 \/ 1;\n overflow: hidden;\n border-radius: 36px;\n background: #eee;\n box-shadow: var(--shadow);\n }\n\n .hero-image-frame::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(33,12,73,.03), rgba(33,12,73,.13));\n pointer-events: none;\n }\n\n .hero-image-frame img {\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n .floating-card {\n position: absolute;\n z-index: 2;\n max-width: 245px;\n padding: 18px;\n border: 1px solid rgba(255,255,255,.7);\n border-radius: 20px;\n background: rgba(255,255,255,.94);\n box-shadow: 0 22px 45px rgba(34, 17, 71, .15);\n backdrop-filter: blur(12px);\n }\n\n .floating-card.top {\n top: 28px;\n left: -44px;\n }\n\n .floating-card.bottom {\n right: -38px;\n bottom: 28px;\n }\n\n .floating-label {\n color: var(--muted);\n font-size: .76rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .08em;\n }\n\n .floating-card strong {\n display: block;\n margin-top: 4px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.12rem;\n }\n\n .stars {\n margin-top: 8px;\n color: var(--gold);\n letter-spacing: .1em;\n }\n\n \/* Intro *\/\n .intro {\n background: #fff;\n }\n\n .vio-map {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 52px;\n }\n\n .vio-card {\n position: relative;\n padding: 32px;\n min-height: 360px;\n border: 1px solid var(--line);\n border-radius: var(--radius);\n background:\n radial-gradient(circle at 90% 5%, rgba(104,32,230,.1), transparent 30%),\n #fff;\n overflow: hidden;\n transition: .25s ease;\n }\n\n .vio-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow);\n }\n\n .vio-letter {\n font-family: \"Montserrat\", sans-serif;\n font-size: 6rem;\n line-height: .8;\n font-weight: 800;\n color: var(--violet);\n letter-spacing: -.08em;\n }\n\n .vio-card:nth-child(2) .vio-letter { color: var(--gold); }\n\n .vio-card:nth-child(3) .vio-letter { color: #2b2439; }\n\n .vio-tag {\n display: inline-flex;\n margin-top: 28px;\n padding: 7px 12px;\n border-radius: 999px;\n background: var(--violet-soft);\n color: var(--violet);\n font-size: .72rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .08em;\n }\n\n .vio-card h3 {\n margin: 16px 0 8px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.35rem;\n }\n\n .vio-card p {\n margin: 0;\n color: var(--muted);\n font-size: .95rem;\n }\n\n .vio-number {\n position: absolute;\n right: 24px;\n bottom: 22px;\n color: rgba(104,32,230,.09);\n font-size: 5rem;\n font-weight: 800;\n line-height: 1;\n }\n\n \/* Values *\/\n .values {\n background:\n radial-gradient(circle at 100% 0, rgba(201,151,43,.11), transparent 24%),\n #fbf9ff;\n }\n\n .values-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0,1fr));\n gap: 18px;\n margin-top: 50px;\n }\n\n .value-card {\n display: grid;\n grid-template-columns: 62px 1fr;\n gap: 18px;\n align-items: start;\n padding: 28px;\n border: 1px solid var(--line);\n border-radius: var(--radius);\n background: #fff;\n transition: .25s ease;\n }\n\n .value-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 18px 45px rgba(34, 18, 71, .08);\n }\n\n .value-icon {\n width: 62px;\n height: 62px;\n display: grid;\n place-items: center;\n border-radius: 18px;\n color: var(--violet);\n background: var(--violet-soft);\n font-size: 1.4rem;\n font-weight: 900;\n }\n\n .value-card:nth-child(2) .value-icon,\n .value-card:nth-child(4) .value-icon {\n color: var(--gold);\n background: var(--gold-light);\n }\n\n .value-card h3 {\n margin: 0 0 8px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.15rem;\n line-height: 1.3;\n }\n\n .value-card p {\n margin: 0;\n color: var(--muted);\n font-size: .92rem;\n }\n\n \/* Image story *\/\n .story {\n background: #fff;\n }\n\n .story-grid {\n display: grid;\n grid-template-columns: .92fr 1.08fr;\n align-items: center;\n gap: 70px;\n }\n\n .story-image {\n position: relative;\n }\n\n .story-image img {\n aspect-ratio: 1 \/ 1.08;\n object-fit: cover;\n border-radius: 32px;\n box-shadow: var(--shadow);\n }\n\n .story-badge {\n position: absolute;\n right: -28px;\n bottom: 28px;\n width: 170px;\n height: 170px;\n display: grid;\n place-items: center;\n padding: 20px;\n border-radius: 50%;\n color: #fff;\n background: linear-gradient(150deg, var(--violet), #7c3df0);\n box-shadow: 0 20px 40px rgba(104,32,230,.28);\n text-align: center;\n }\n\n .story-badge strong {\n display: block;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.6rem;\n line-height: 1;\n }\n\n .story-badge span {\n display: block;\n margin-top: 8px;\n color: rgba(255,255,255,.82);\n font-size: .75rem;\n line-height: 1.4;\n }\n\n .story-list {\n display: grid;\n gap: 18px;\n margin-top: 30px;\n }\n\n .story-item {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 14px;\n align-items: start;\n padding: 16px 0;\n border-bottom: 1px solid var(--line);\n }\n\n .story-item:last-child { border-bottom: 0; }\n\n .story-no {\n color: var(--gold);\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n }\n\n .story-item h4 {\n margin: 0 0 5px;\n font-size: 1rem;\n }\n\n .story-item p {\n margin: 0;\n color: var(--muted);\n font-size: .9rem;\n }\n\n \/* CTA *\/\n .cta {\n padding-top: 40px;\n padding-bottom: 40px;\n }\n\n .cta-box {\n position: relative;\n display: grid;\n grid-template-columns: 1.15fr .85fr;\n gap: 40px;\n padding: 56px;\n overflow: hidden;\n border-radius: 34px;\n color: #fff;\n background:\n radial-gradient(circle at 92% 20%, rgba(201,151,43,.28), transparent 24%),\n linear-gradient(135deg, #5e18d3, #7a38ef 70%, #6c25d8);\n box-shadow: 0 25px 60px rgba(71, 25, 146, .22);\n }\n\n .cta-box::after {\n content: \"\";\n position: absolute;\n width: 260px;\n height: 260px;\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 50%;\n right: -70px;\n bottom: -110px;\n }\n\n .cta-box h2 {\n position: relative;\n z-index: 1;\n margin: 0;\n max-width: 700px;\n font-family: \"Montserrat\", sans-serif;\n font-size: clamp(2rem, 4vw, 3.2rem);\n line-height: 1.1;\n letter-spacing: -.04em;\n }\n\n .cta-box p {\n position: relative;\n z-index: 1;\n max-width: 620px;\n margin: 18px 0 26px;\n color: rgba(255,255,255,.82);\n }\n\n .cta .btn-light {\n position: relative;\n z-index: 1;\n width: fit-content;\n }\n\n .cta-quick {\n position: relative;\n z-index: 1;\n align-self: center;\n padding: 25px;\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 24px;\n background: rgba(255,255,255,.1);\n }\n\n .cta-quick small {\n color: rgba(255,255,255,.7);\n text-transform: uppercase;\n letter-spacing: .08em;\n font-weight: 700;\n }\n\n .cta-quick a {\n display: block;\n margin-top: 8px;\n color: #fff;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.3rem;\n font-weight: 800;\n }\n\n \/* Footer \/ booking *\/\n footer {\n padding: 30px 0 22px;\n background: #171126;\n color: #fff;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: .9fr 1.1fr;\n gap: 54px;\n padding: 52px 0 40px;\n }\n\n .footer-brand .logo {\n color: #fff;\n }\n\n .footer-brand .logo-mark {\n background: linear-gradient(145deg, var(--gold), #e0b558);\n box-shadow: none;\n }\n\n .footer-brand p {\n max-width: 450px;\n margin: 20px 0 24px;\n color: #b7aec9;\n }\n\n .contact-list {\n display: grid;\n gap: 11px;\n color: #cfc7dc;\n font-size: .92rem;\n }\n\n .contact-list strong { color: #fff; }\n\n .booking-card {\n padding: 30px;\n border-radius: 28px;\n background: #241b3a;\n border: 1px solid rgba(255,255,255,.08);\n }\n\n .booking-card h3 {\n margin: 0 0 20px;\n font-family: \"Montserrat\", sans-serif;\n font-size: 1.4rem;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n\n .form-grid .full { grid-column: 1 \/ -1; }\n\n .field {\n width: 100%;\n min-height: 50px;\n border: 1px solid #3c3158;\n border-radius: 14px;\n padding: 0 15px;\n color: #fff;\n background: #1c1530;\n outline: 0;\n transition: .2s ease;\n }\n\n textarea.field {\n padding: 14px 15px;\n min-height: 110px;\n resize: vertical;\n }\n\n .field:focus {\n border-color: rgba(201,151,43,.85);\n box-shadow: 0 0 0 3px rgba(201,151,43,.12);\n }\n\n .field::placeholder { color: #8f86a1; }\n\n .booking-btn {\n width: 100%;\n margin-top: 14px;\n background: var(--gold);\n color: #fff;\n box-shadow: 0 15px 32px rgba(201,151,43,.18);\n }\n\n .form-status {\n margin: 12px 0 0;\n color: #bfe9d2;\n font-size: .85rem;\n display: none;\n }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n gap: 18px;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,.08);\n color: #8f86a1;\n font-size: .82rem;\n }\n\n \/* Mobile CTA *\/\n .mobile-call {\n display: none;\n }\n\n \/* Responsive *\/\n @media (max-width: 980px) {\n .nav-links, .site-header .btn { display: none; }\n .menu-toggle { display: block; }\n .site-header.nav-open .nav-links {\n position: absolute;\n top: 74px;\n left: 20px;\n right: 20px;\n display: grid;\n gap: 0;\n margin: 0;\n padding: 12px;\n border: 1px solid var(--line);\n border-radius: 20px;\n background: rgba(255,255,255,.97);\n box-shadow: var(--shadow);\n }\n .site-header.nav-open .nav-links a {\n padding: 13px 12px;\n border-radius: 12px;\n }\n .site-header.nav-open .nav-links a:hover { background: var(--violet-soft); }\n\n .hero-grid,\n .story-grid,\n .cta-box,\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-grid { gap: 40px; }\n .hero { min-height: auto; }\n .hero-visual { max-width: 700px; margin: 0 auto; width: 100%; }\n .story-grid { gap: 50px; }\n .cta-box { padding: 40px; }\n .footer-grid { gap: 34px; }\n }\n\n @media (max-width: 720px) {\n .container { width: min(calc(100% - 28px), var(--container)); }\n .section { padding: 76px 0; }\n\n .hero {\n padding: 120px 0 70px;\n }\n\n .hero-copy h1 {\n font-size: clamp(2.7rem, 14vw, 4.3rem);\n }\n\n .hero-copy p { font-size: 1rem; }\n\n .hero-image-frame {\n aspect-ratio: .88 \/ 1;\n border-radius: 28px;\n }\n\n .floating-card.top {\n top: 16px;\n left: 12px;\n }\n\n .floating-card.bottom {\n right: 12px;\n bottom: 16px;\n }\n\n .vio-map,\n .values-grid {\n grid-template-columns: 1fr;\n }\n\n .vio-card { min-height: 305px; }\n\n .story-badge {\n width: 125px;\n height: 125px;\n right: 12px;\n bottom: 14px;\n }\n\n .story-badge strong { font-size: 1.3rem; }\n\n .cta-box {\n padding: 30px 24px;\n border-radius: 26px;\n }\n\n .form-grid { grid-template-columns: 1fr; }\n .form-grid .full { grid-column: auto; }\n\n .footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .mobile-call {\n position: fixed;\n z-index: 1200;\n left: 14px;\n right: 14px;\n bottom: 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 10px 10px 15px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 18px;\n color: #fff;\n background: rgba(27,17,45,.92);\n box-shadow: 0 18px 50px rgba(0,0,0,.24);\n backdrop-filter: blur(12px);\n }\n\n .mobile-call small {\n display: block;\n color: #b8aec7;\n font-size: .68rem;\n }\n\n .mobile-call strong {\n display: block;\n font-size: .95rem;\n }\n\n .mobile-call .btn {\n min-height: 42px;\n padding: 0 16px;\n font-size: .78rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n html { scroll-behavior: auto; }\n *, *::before, *::after {\n transition: none !important;\n animation: none !important;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"site-header\" id=\"header\">\n <div class=\"container nav-wrap\">\n <a class=\"logo\" href=\"#top\" aria-label=\"Nha khoa VIO\">\n <span class=\"logo-mark\">V<\/span>\n <span>NHA KHOA <span>VIO<\/span><\/span>\n <\/a>\n\n <nav class=\"nav-links\" aria-label=\"\u0110i\u1ec1u h\u01b0\u1edbng ch\u00ednh\">\n <a href=\"#thuong-hieu\">V\u1ec1 VIO<\/a>\n <a href=\"#gia-tri\">Gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i<\/a>\n <a href=\"#trai-nghiem\">Tr\u1ea3i nghi\u1ec7m<\/a>\n <a href=\"#lien-he\">Li\u00ean h\u1ec7<\/a>\n <\/nav>\n\n <a class=\"btn btn-primary\" href=\"tel:0968903900\">\u0110\u1eb7t l\u1ecbch kh\u00e1m ngay<\/a>\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"M\u1edf menu\">\u2630<\/button>\n <\/div>\n <\/header>\n\n <main id=\"top\">\n <!-- HERO -->\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div class=\"hero-copy\">\n <div class=\"eyebrow\">Nha khoa VIO<\/div>\n <h1>Kh\u00e1m <em>r\u00f5 r\u00e0ng<\/em>, l\u00e0m <em>nh\u1eb9 nh\u00e0ng<\/em>.<\/h1>\n <p>\n M\u1ed9t tr\u1ea3i nghi\u1ec7m nha khoa \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng t\u1eeb s\u1ef1 minh b\u1ea1ch,\n chuy\u00ean m\u00f4n v\u00e0 ch\u0103m s\u00f3c t\u1eadn t\u00e2m \u2014 \u0111\u1ec3 m\u1ed7i l\u1ea7n \u0111\u1ebfn nha khoa\n tr\u1edf n\u00ean nh\u1eb9 nh\u00e0ng h\u01a1n cho b\u1ea1n v\u00e0 c\u1ea3 gia \u0111\u00ecnh.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"tel:0968903900\">\u0110\u1eb7t l\u1ecbch kh\u00e1m ngay \u2192<\/a>\n <a class=\"btn btn-light\" href=\"tel:0968903900\">G\u1ecdi 0968 903 900<\/a>\n <\/div>\n\n <div class=\"hero-note\">\n <span class=\"check\">\u2713<\/span>\n <span>B\u00e1c s\u0129 R\u0103ng H\u00e0m M\u1eb7t ch\u00ednh quy \u00b7 Chi ph\u00ed ni\u00eam y\u1ebft r\u00f5 r\u00e0ng<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-image-frame\">\n <img decoding=\"async\"\n src=\"https:\/\/images.pexels.com\/photos\/5355903\/pexels-photo-5355903.jpeg?auto=compress&cs=tinysrgb&w=1200\"\n alt=\"B\u00e1c s\u0129 nha khoa t\u01b0 v\u1ea5n v\u00e0 ch\u0103m s\u00f3c kh\u00e1ch h\u00e0ng\"\n loading=\"eager\"\n \/>\n <\/div>\n\n <div class=\"floating-card top\">\n <div class=\"floating-label\">C\u1ea3m gi\u00e1c t\u1ea1i VIO<\/div>\n <strong>Nh\u1eb9 nh\u00e0ng \u00b7 r\u00f5 r\u00e0ng \u00b7 g\u1ea7n g\u0169i<\/strong>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <\/div>\n\n <div class=\"floating-card bottom\">\n <div class=\"floating-label\">\u0110\u1ecba \u0111i\u1ec3m<\/div>\n <strong>111 D\u01b0\u01a1ng Ho\u00e0, H\u00e0 N\u1ed9i<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VIO -->\n <section class=\"section intro\" id=\"thuong-hieu\">\n <div class=\"container\">\n <div class=\"eyebrow\">\u00dd ngh\u0129a th\u01b0\u01a1ng hi\u1ec7u<\/div>\n <h2 class=\"section-title\">VIO l\u00e0 l\u1eddi cam k\u1ebft \u0111\u01b0\u1ee3c c\u00f4 \u0111\u1ecdng th\u00e0nh 3 k\u00fd t\u1ef1.<\/h2>\n <p class=\"section-desc\">\n Kh\u00f4ng ch\u1ec9 l\u00e0 t\u00ean th\u01b0\u01a1ng hi\u1ec7u, V-I-O th\u1ec3 hi\u1ec7n c\u00e1ch VIO t\u1ed5 ch\u1ee9c quy tr\u00ecnh\n t\u1eeb ch\u1ea9n \u0111o\u00e1n \u0111\u1ebfn \u0111i\u1ec1u tr\u1ecb v\u00e0 \u0111\u1ed3ng h\u00e0nh sau \u0111\u00f3.\n <\/p>\n\n <div class=\"vio-map\">\n <article class=\"vio-card\">\n <div class=\"vio-letter\">V<\/div>\n <span class=\"vio-tag\">5 ti\u00eau chu\u1ea9n<\/span>\n <h3>Quy tr\u00ecnh theo chu\u1ea9n H\u00e0n Qu\u1ed1c<\/h3>\n <p>\n N\u0103m ti\u00eau chu\u1ea9n \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o t\u1eebng b\u01b0\u1edbc \u0111i\u1ec1u tr\u1ecb, t\u1eeb th\u0103m kh\u00e1m,\n t\u01b0 v\u1ea5n \u0111\u1ebfn th\u1ef1c hi\u1ec7n v\u00e0 ch\u0103m s\u00f3c sau \u0111i\u1ec1u tr\u1ecb.\n <\/p>\n <div class=\"vio-number\">01<\/div>\n <\/article>\n\n <article class=\"vio-card\">\n <div class=\"vio-letter\">I<\/div>\n <span class=\"vio-tag\">1 k\u1ebft qu\u1ea3<\/span>\n <h3>M\u1ed9t k\u1ebft qu\u1ea3 \u0111\u1ed3ng nh\u1ea5t<\/h3>\n <p>\n \u0110i\u1ec1u \u0111\u00e3 t\u01b0 v\u1ea5n v\u00e0 cam k\u1ebft c\u1ea7n \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n nh\u1ea5t qu\u00e1n trong\n tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf c\u1ee7a kh\u00e1ch h\u00e0ng.\n <\/p>\n <div class=\"vio-number\">02<\/div>\n <\/article>\n\n <article class=\"vio-card\">\n <div class=\"vio-letter\">O<\/div>\n <span class=\"vio-tag\">0 sai s\u00f3t<\/span>\n <h3>Kh\u00f4ng ch\u1ee7 quan trong t\u1eebng b\u01b0\u1edbc<\/h3>\n <p>\n \u01afu ti\u00ean s\u1ef1 k\u1ef9 l\u01b0\u1ee1ng trong ch\u1ea9n \u0111o\u00e1n v\u00e0 \u0111i\u1ec1u tr\u1ecb \u0111\u1ec3 gi\u1ea3m t\u1ed1i \u0111a\n nh\u1eefng sai s\u00f3t c\u00f3 th\u1ec3 ph\u00f2ng tr\u00e1nh.\n <\/p>\n <div class=\"vio-number\">03<\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VALUES -->\n <section class=\"section values\" id=\"gia-tri\">\n <div class=\"container\">\n <div class=\"eyebrow\">Gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i<\/div>\n <h2 class=\"section-title\">Nh\u1eefng \u0111i\u1ec1u VIO mu\u1ed1n kh\u00e1ch h\u00e0ng c\u1ea3m nh\u1eadn r\u00f5 ngay t\u1eeb l\u1ea7n \u0111\u1ea7u ti\u00ean.<\/h2>\n <p class=\"section-desc\">\n Chuy\u00ean m\u00f4n l\u00e0 n\u1ec1n t\u1ea3ng. Minh b\u1ea1ch l\u00e0 nguy\u00ean t\u1eafc. S\u1ef1 g\u1ea7n g\u0169i v\u00e0 ch\u0103m s\u00f3c l\u00e2u d\u00e0i\n l\u00e0 c\u00e1ch VIO t\u1ea1o n\u00ean m\u1ed9t h\u00e0nh tr\u00ecnh nha khoa d\u1ec5 ch\u1ecbu h\u01a1n.\n <\/p>\n\n <div class=\"values-grid\">\n <article class=\"value-card\">\n <div class=\"value-icon\">\u2726<\/div>\n <div>\n <h3>B\u00e1c s\u0129 chuy\u00ean khoa ch\u00ednh quy, t\u1eadn t\u00e2m<\/h3>\n <p>\n \u0110\u1ed9i ng\u0169 b\u00e1c s\u0129 R\u0103ng H\u00e0m M\u1eb7t \u0111\u01b0\u1ee3c \u0111\u00e0o t\u1ea1o b\u00e0i b\u1ea3n, ch\u00fa tr\u1ecdng t\u01b0 v\u1ea5n\n d\u1ec5 hi\u1ec3u v\u00e0 l\u1ef1a ch\u1ecdn h\u01b0\u1edbng \u0111i\u1ec1u tr\u1ecb ph\u00f9 h\u1ee3p cho t\u1eebng kh\u00e1ch h\u00e0ng.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\u20ab<\/div>\n <div>\n <h3>Gi\u00e1 c\u1ea3 minh b\u1ea1ch, kh\u00f4ng ph\u00e1t sinh<\/h3>\n <p>\n Chi ph\u00ed \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n v\u00e0 ni\u00eam y\u1ebft r\u00f5 r\u00e0ng tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n,\n gi\u00fap kh\u00e1ch h\u00e0ng ch\u1ee7 \u0111\u1ed9ng v\u1ec1 k\u1ebf ho\u1ea1ch v\u00e0 ng\u00e2n s\u00e1ch.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\u2316<\/div>\n <div>\n <h3>G\u1ea7n nh\u00e0, g\u1ea7n l\u00e0ng, thu\u1eadn ti\u1ec7n h\u01a1n<\/h3>\n <p>\n V\u1ecb tr\u00ed thu\u1eadn ti\u1ec7n \u0111\u1ec3 ng\u01b0\u1eddi d\u00e2n khu v\u1ef1c kh\u00f4ng ph\u1ea3i di chuy\u1ec3n\n 15\u201320km v\u00e0o n\u1ed9i th\u00e0nh ch\u1ec9 \u0111\u1ec3 th\u0103m kh\u00e1m v\u00e0 ch\u0103m s\u00f3c r\u0103ng mi\u1ec7ng.\n <\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\u2661<\/div>\n <div>\n <h3>Ch\u0103m s\u00f3c nh\u01b0 ng\u01b0\u1eddi nh\u00e0<\/h3>\n <p>\n T\u1eeb nh\u1eafc l\u1ecbch, t\u01b0 v\u1ea5n sau \u0111i\u1ec1u tr\u1ecb \u0111\u1ebfn \u0111\u1ed3ng h\u00e0nh l\u00e2u d\u00e0i,\n VIO h\u01b0\u1edbng t\u1edbi vi\u1ec7c ch\u0103m s\u00f3c cho c\u1ea3 gia \u0111\u00ecnh thay v\u00ec ch\u1ec9 m\u1ed9t l\u1ea7n gh\u00e9 kh\u00e1m.\n <\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- EXPERIENCE -->\n <section class=\"section story\" id=\"trai-nghiem\">\n <div class=\"container story-grid\">\n <div class=\"story-image\">\n <img decoding=\"async\"\n src=\"https:\/\/images.pexels.com\/photos\/5355926\/pexels-photo-5355926.jpeg?auto=compress&cs=tinysrgb&w=1200\"\n alt=\"\u0110\u1ed9i ng\u0169 nha khoa \u0111ang ch\u0103m s\u00f3c kh\u00e1ch h\u00e0ng\"\n loading=\"lazy\"\n \/>\n <div class=\"story-badge\">\n <div>\n <strong>VIO<\/strong>\n <span>Ch\u0103m s\u00f3c r\u0103ng mi\u1ec7ng l\u00e2u d\u00e0i cho c\u1ea3 gia \u0111\u00ecnh<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"eyebrow\">Tr\u1ea3i nghi\u1ec7m VIO<\/div>\n <h2 class=\"section-title\">\u0110\u1ec3 vi\u1ec7c \u0111i nha khoa kh\u00f4ng c\u00f2n l\u00e0 m\u1ed9t tr\u1ea3i nghi\u1ec7m n\u1eb7ng n\u1ec1.<\/h2>\n <p class=\"section-desc\">\n VIO \u01b0u ti\u00ean c\u00e1ch giao ti\u1ebfp d\u1ec5 hi\u1ec3u, k\u1ebf ho\u1ea1ch \u0111i\u1ec1u tr\u1ecb r\u00f5 r\u00e0ng v\u00e0 s\u1ef1 thu\u1eadn ti\u1ec7n\n trong su\u1ed1t qu\u00e1 tr\u00ecnh \u2014 \u0111\u1ec3 kh\u00e1ch h\u00e0ng bi\u1ebft m\u00ecnh \u0111ang l\u00e0m g\u00ec, v\u00ec sao c\u1ea7n l\u00e0m\n v\u00e0 chi ph\u00ed l\u00e0 bao nhi\u00eau.\n <\/p>\n\n <div class=\"story-list\">\n <div class=\"story-item\">\n <div class=\"story-no\">01<\/div>\n <div>\n <h4>Kh\u00e1m v\u00e0 t\u01b0 v\u1ea5n d\u1ec5 hi\u1ec3u<\/h4>\n <p>Gi\u1ea3i th\u00edch r\u00f5 t\u00ecnh tr\u1ea1ng r\u0103ng mi\u1ec7ng, l\u1ef1a ch\u1ecdn \u0111i\u1ec1u tr\u1ecb v\u00e0 m\u1ee9c chi ph\u00ed d\u1ef1 ki\u1ebfn.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"story-item\">\n <div class=\"story-no\">02<\/div>\n <div>\n <h4>\u0110i\u1ec1u tr\u1ecb theo k\u1ebf ho\u1ea1ch<\/h4>\n <p>\u01afu ti\u00ean quy tr\u00ecnh c\u00f3 ki\u1ec3m so\u00e1t, \u0111\u1ed3ng nh\u1ea5t gi\u1eefa t\u01b0 v\u1ea5n v\u00e0 th\u1ef1c t\u1ebf th\u1ef1c hi\u1ec7n.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"story-item\">\n <div class=\"story-no\">03<\/div>\n <div>\n <h4>Ch\u0103m s\u00f3c sau \u0111i\u1ec1u tr\u1ecb<\/h4>\n <p>Nh\u1eafc l\u1ecbch, h\u01b0\u1edbng d\u1eabn v\u00e0 h\u1ed7 tr\u1ee3 l\u00e2u d\u00e0i \u0111\u1ec3 duy tr\u00ec k\u1ebft qu\u1ea3 t\u1ed1t h\u01a1n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA -->\n <section class=\"section cta\">\n <div class=\"container\">\n <div class=\"cta-box\">\n <div>\n <h2>B\u1eaft \u0111\u1ea7u t\u1eeb m\u1ed9t bu\u1ed5i kh\u00e1m r\u00f5 r\u00e0ng v\u00e0 nh\u1eb9 nh\u00e0ng.<\/h2>\n <p>\n \u0110\u1ec3 l\u1ea1i th\u00f4ng tin, VIO s\u1ebd li\u00ean h\u1ec7 x\u00e1c nh\u1eadn th\u1eddi gian ph\u00f9 h\u1ee3p v\u1edbi b\u1ea1n.\n <\/p>\n <a class=\"btn btn-light\" href=\"tel:0968903900\">\u0110\u1eb7t l\u1ecbch kh\u00e1m ngay \u2192<\/a>\n <\/div>\n\n <div class=\"cta-quick\">\n <small>Hotline<\/small>\n <a href=\"tel:0968903900\">0968 903 900<\/a>\n <small style=\"display:block;margin-top:18px;\">Website<\/small>\n <a href=\"https:\/\/nhakhoavio.vn\" target=\"_blank\" rel=\"noopener\">nhakhoavio.vn<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nha khoa VIO | Kh\u00e1m r\u00f5 r\u00e0ng, l\u00e0m nh\u1eb9 nh\u00e0ng V NHA KHOA VIO V\u1ec1 VIO Gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i Tr\u1ea3i nghi\u1ec7m Li\u00ean h\u1ec7 \u0110\u1eb7t l\u1ecbch kh\u00e1m ngay \u2630 Nha khoa VIO Kh\u00e1m r\u00f5 r\u00e0ng, l\u00e0m nh\u1eb9 nh\u00e0ng. M\u1ed9t tr\u1ea3i nghi\u1ec7m nha khoa \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng t\u1eeb s\u1ef1 minh b\u1ea1ch, chuy\u00ean m\u00f4n v\u00e0 ch\u0103m s\u00f3c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":55,"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/nhakhoavio.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}