{"id":27,"date":"2025-09-23T03:54:01","date_gmt":"2025-09-23T03:54:01","guid":{"rendered":"https:\/\/bds.davidphuong.com\/wp\/?page_id=27"},"modified":"2025-09-23T03:55:20","modified_gmt":"2025-09-23T03:55:20","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/bds.davidphuong.com\/wp\/","title":{"rendered":"Trang ch\u1ee7"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n David Ph\u01b0\u01a1ng Realty \u2013 Landing Page<\/title>\n <meta name=\"description\" content=\"Landing page b\u1ea5t \u0111\u1ed9ng s\u1ea3n c\u00e1 nh\u00e2n: s\u1ea3n ph\u1ea9m, blog, li\u00ean h\u1ec7.\" \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Gradient brand *\/\n .brand-grad { background: linear-gradient(135deg,#0f1a2e 0%, #132a4a 60%, #1a3558 100%); }\n .card-shadow { box-shadow: 0 10px 25px rgba(0,0,0,.08); }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 bg-slate-50\">\n <!-- Header -->\n <header class=\"sticky top-0 z-50 bg-white\/80 backdrop-blur border-b border-slate-100\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-between\">\n <a href=\"#\" class=\"flex items-center gap-2 font-semibold tracking-wide\">\n <span class=\"inline-block w-9 h-9 rounded-xl brand-grad\"><\/span>\n <span class=\"text-slate-900\">David Ph\u01b0\u01a1ng <span class=\"hidden sm:inline\">Realty<\/span><\/span>\n <\/a>\n <nav class=\"hidden md:flex items-center gap-6 text-sm\">\n <a href=\"#san-pham\" class=\"hover:text-slate-900 text-slate-600\">S\u1ea3n ph\u1ea9m<\/a>\n <a href=\"#blog\" class=\"hover:text-slate-900 text-slate-600\">Blog<\/a>\n <a href=\"#lien-he\" class=\"hover:text-slate-900 text-slate-600\">Li\u00ean h\u1ec7<\/a>\n <a href=\"#\" class=\"px-4 py-2 rounded-xl bg-yellow-500 text-white font-medium shadow hover:bg-yellow-600 transition\">\u0110\u1eb7t l\u1ecbch xem nh\u00e0<\/a>\n <\/nav>\n <button id=\"menuBtn\" class=\"md:hidden inline-flex items-center justify-center w-10 h-10 rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg>\n <\/button>\n <\/div>\n <!-- Mobile menu -->\n <div id=\"mobileMenu\" class=\"md:hidden hidden border-t border-slate-100\">\n <div class=\"max-w-6xl mx-auto px-4 py-3 flex flex-col gap-3 text-sm\">\n <a href=\"#san-pham\" class=\"py-2\">S\u1ea3n ph\u1ea9m<\/a>\n <a href=\"#blog\" class=\"py-2\">Blog<\/a>\n <a href=\"#lien-he\" class=\"py-2\">Li\u00ean h\u1ec7<\/a>\n <a href=\"#\" class=\"px-4 py-2 rounded-xl bg-yellow-500 text-white font-medium shadow w-max\">\u0110\u1eb7t l\u1ecbch xem nh\u00e0<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Hero -->\n <section class=\"brand-grad text-white\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-16 lg:py-24 grid lg:grid-cols-2 gap-10 items-center\">\n <div>\n <h1 class=\"text-3xl sm:text-4xl lg:text-5xl font-semibold leading-tight\">\u0110\u1ea7u t\u01b0 B\u0110S th\u00f4ng minh \u2013<br class=\"hidden sm:block\"\/> Gi\u00e1 tr\u1ecb b\u1ec1n v\u1eefng<\/h1>\n <p class=\"mt-4 text-white\/80 max-w-xl\">Chuy\u00ean mua b\u00e1n & t\u01b0 v\u1ea5n b\u1ea5t \u0111\u1ed9ng s\u1ea3n t\u1ea1i H\u1ea3i Ph\u00f2ng. C\u1eadp nh\u1eadt s\u1ea3n ph\u1ea9m th\u1eadt, ph\u00e1p l\u00fd r\u00f5 r\u00e0ng, h\u1ed7 tr\u1ee3 A\u2013Z.<\/p>\n <div class=\"mt-6 flex gap-3\">\n <a href=\"#san-pham\" class=\"px-5 py-3 rounded-xl bg-yellow-500 text-white font-medium shadow hover:bg-yellow-600 transition\">Xem s\u1ea3n ph\u1ea9m<\/a>\n <a href=\"#lien-he\" class=\"px-5 py-3 rounded-xl bg-white\/10 ring-1 ring-white\/30 hover:bg-white\/15 transition\">Li\u00ean h\u1ec7 nhanh<\/a>\n <\/div>\n <div class=\"mt-8 flex items-center gap-6 text-sm text-white\/80\">\n <div class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-emerald-400 rounded-full\"><\/span> Ph\u00e1p l\u00fd minh b\u1ea1ch<\/div>\n <div class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-blue-300 rounded-full\"><\/span> \u0110\u1ecbnh gi\u00e1 chu\u1ea9n<\/div>\n <\/div>\n <\/div>\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501183638710-841dd1904471?q=80&w=1600&auto=format&fit=crop\" alt=\"H\u1ea3i Ph\u00f2ng skyline\" class=\"rounded-2xl shadow-xl ring-1 ring-white\/20\"\/>\n <div class=\"absolute -bottom-4 -left-4 bg-white\/90 backdrop-blur rounded-xl p-4 shadow-lg text-slate-800 hidden sm:flex items-center gap-3\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607746882042-944635dfe10e?q=80&w=200&auto=format&fit=crop\" alt=\"Agent\" class=\"w-12 h-12 rounded-lg object-cover\"\/>\n <div>\n <p class=\"text-sm font-medium\">David Ph\u01b0\u01a1ng<\/p>\n <p class=\"text-xs text-slate-500\">T\u01b0 v\u1ea5n 1:1 \u2013 H\u1ea3i Ph\u00f2ng<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- About -->\n <section class=\"max-w-6xl mx-auto px-4 sm:px-6 py-14\">\n <div class=\"grid md:grid-cols-3 gap-8 items-center\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520340356584-8f516dfcdb21?q=80&w=800&auto=format&fit=crop\" alt=\"Portrait\" class=\"rounded-2xl card-shadow md:col-span-1 object-cover w-full h-72\"\/>\n <div class=\"md:col-span-2\">\n <h2 class=\"text-2xl font-semibold mb-3\">Gi\u1edbi thi\u1ec7u<\/h2>\n <p class=\"text-slate-600\">V\u1edbi nhi\u1ec1u n\u0103m kinh nghi\u1ec7m, t\u00f4i cam k\u1ebft mang \u0111\u1ebfn cho kh\u00e1ch h\u00e0ng nh\u1eefng gi\u1ea3i ph\u00e1p B\u0110S t\u1ed1i \u01b0u: ph\u00e1p l\u00fd s\u1ea1ch, gi\u00e1 tr\u1ecb th\u1ef1c, h\u1ed7 tr\u1ee3 th\u01b0\u01a1ng l\u01b0\u1ee3ng hi\u1ec7u qu\u1ea3.<\/p>\n <ul class=\"mt-4 grid sm:grid-cols-3 gap-3 text-sm\">\n <li class=\"flex items-center gap-2 bg-white rounded-xl p-3 card-shadow\"><span class=\"w-2 h-2 rounded-full bg-emerald-500\"><\/span>Am hi\u1ec3u th\u1ecb tr\u01b0\u1eddng H\u1ea3i Ph\u00f2ng<\/li>\n <li class=\"flex items-center gap-2 bg-white rounded-xl p-3 card-shadow\"><span class=\"w-2 h-2 rounded-full bg-blue-500\"><\/span>T\u01b0 v\u1ea5n t\u1eadn t\u00e2m<\/li>\n <li class=\"flex items-center gap-2 bg-white rounded-xl p-3 card-shadow\"><span class=\"w-2 h-2 rounded-full bg-yellow-500\"><\/span>\u0110\u1ea7u t\u01b0 sinh l\u1eddi hi\u1ec7u qu\u1ea3<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Products -->\n <section id=\"san-pham\" class=\"max-w-6xl mx-auto px-4 sm:px-6 py-6 pb-14\">\n <div class=\"flex items-end justify-between gap-4 mb-6\">\n <div>\n <h2 class=\"text-2xl font-semibold\">S\u1ea3n ph\u1ea9m<\/h2>\n <p class=\"text-slate-600 text-sm\">Danh m\u1ee5c B\u0110S \u0111ang ch\u00e0o b\u00e1n. Ch\u1ea1m \u0111\u1ec3 l\u1ecdc theo lo\u1ea1i h\u00ecnh.<\/p>\n <\/div>\n <div class=\"hidden sm:flex items-center gap-2\">\n <button data-filter=\"all\" class=\"filter-btn px-3 py-2 rounded-lg text-sm bg-slate-900 text-white\">T\u1ea5t c\u1ea3<\/button>\n <button data-filter=\"can-ho\" class=\"filter-btn px-3 py-2 rounded-lg text-sm\">C\u0103n h\u1ed9<\/button>\n <button data-filter=\"dat-nen\" class=\"filter-btn px-3 py-2 rounded-lg text-sm\">\u0110\u1ea5t n\u1ec1n<\/button>\n <button data-filter=\"nha-pho\" class=\"filter-btn px-3 py-2 rounded-lg text-sm\">Nh\u00e0 ph\u1ed1<\/button>\n <\/div>\n <\/div>\n\n <!-- mobile filter -->\n <div class=\"sm:hidden mb-4\">\n <select id=\"filterSelect\" class=\"w-full rounded-lg border-slate-300\">\n <option value=\"all\">T\u1ea5t c\u1ea3<\/option>\n <option value=\"can-ho\">C\u0103n h\u1ed9<\/option>\n <option value=\"dat-nen\">\u0110\u1ea5t n\u1ec1n<\/option>\n <option value=\"nha-pho\">Nh\u00e0 ph\u1ed1<\/option>\n <\/select>\n <\/div>\n\n <div id=\"gridProducts\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n <!-- Card 1 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"can-ho\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501183638710-841dd1904471?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"C\u0103n h\u1ed9\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">C\u0103n h\u1ed9 Luscity<\/h3>\n <p class=\"text-sm text-slate-500\">Qu\u1eadn H\u1ea3i An<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">2,5 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">C\u0103n h\u1ed9<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"C\u0103n h\u1ed9 Luscity\" data-location=\"Qu\u1eadn H\u1ea3i An\" data-price=\"2,5 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <!-- Card 2 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"dat-nen\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"\u0110\u1ea5t n\u1ec1n\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">\u0110\u1ea5t n\u1ec1n Green Valley<\/h3>\n <p class=\"text-sm text-slate-500\">Huy\u1ec7n Thu\u1ef7 Nguy\u00ean<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">3,8 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">\u0110\u1ea5t n\u1ec1n<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"\u0110\u1ea5t n\u1ec1n Green Valley\" data-location=\"Huy\u1ec7n Thu\u1ef7 Nguy\u00ean\" data-price=\"3,8 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <!-- Card 3 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"nha-pho\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"Nh\u00e0 ph\u1ed1\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">Nh\u00e0 ph\u1ed1 City Garden<\/h3>\n <p class=\"text-sm text-slate-500\">Qu\u1eadn Ng\u00f4 Quy\u1ec1n<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">4,6 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">Nh\u00e0 ph\u1ed1<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"Nh\u00e0 ph\u1ed1 City Garden\" data-location=\"Qu\u1eadn Ng\u00f4 Quy\u1ec1n\" data-price=\"4,6 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <!-- Card 4 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"can-ho\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505691723518-36a5ac3b2b8f?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"C\u0103n h\u1ed9\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">C\u0103n h\u1ed9 Riverview<\/h3>\n <p class=\"text-sm text-slate-500\">Qu\u1eadn L\u00ea Ch\u00e2n<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">2,9 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">C\u0103n h\u1ed9<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"C\u0103n h\u1ed9 Riverview\" data-location=\"Qu\u1eadn L\u00ea Ch\u00e2n\" data-price=\"2,9 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <!-- Card 5 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"dat-nen\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593941707874-ef25b8b4a92f?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"\u0110\u1ea5t n\u1ec1n\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">\u0110\u1ea5t n\u1ec1n Riverside<\/h3>\n <p class=\"text-sm text-slate-500\">Huy\u1ec7n An D\u01b0\u01a1ng<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">2,1 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">\u0110\u1ea5t n\u1ec1n<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"\u0110\u1ea5t n\u1ec1n Riverside\" data-location=\"Huy\u1ec7n An D\u01b0\u01a1ng\" data-price=\"2,1 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <!-- Card 6 -->\n <article class=\"card card-shadow bg-white rounded-2xl overflow-hidden\" data-type=\"nha-pho\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1479839672679-a46483c0e7c8?q=80&w=1200&auto=format&fit=crop\" class=\"h-44 w-full object-cover\" alt=\"Nh\u00e0 ph\u1ed1\"\/>\n <div class=\"p-4\">\n <h3 class=\"font-semibold\">Nh\u00e0 ph\u1ed1 Lakeview<\/h3>\n <p class=\"text-sm text-slate-500\">Qu\u1eadn H\u1ed3ng B\u00e0ng<\/p>\n <div class=\"mt-2 font-semibold text-yellow-600\">5,2 t\u1ef7 \u0111<\/div>\n <div class=\"mt-4 flex justify-between items-center\">\n <span class=\"text-xs px-2 py-1 bg-slate-100 rounded-md\">Nh\u00e0 ph\u1ed1<\/span>\n <button class=\"btn-detail text-sm px-3 py-2 rounded-lg bg-slate-900 text-white\" data-title=\"Nh\u00e0 ph\u1ed1 Lakeview\" data-location=\"Qu\u1eadn H\u1ed3ng B\u00e0ng\" data-price=\"5,2 t\u1ef7 \u0111\">Chi ti\u1ebft<\/button>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <!-- Blog -->\n <section id=\"blog\" class=\"max-w-6xl mx-auto px-4 sm:px-6 py-14\">\n <div class=\"flex items-end justify-between gap-4 mb-6\">\n <div>\n <h2 class=\"text-2xl font-semibold\">Blog<\/h2>\n <p class=\"text-slate-600 text-sm\">Ph\u00e2n t\u00edch th\u1ecb tr\u01b0\u1eddng, quy ho\u1ea1ch, m\u1eb9o mua b\u00e1n.<\/p>\n <\/div>\n <a href=\"#\" class=\"text-sm text-slate-600 hover:text-slate-900\">Xem t\u1ea5t c\u1ea3 \u2192<\/a>\n <\/div>\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n <article class=\"bg-white rounded-2xl overflow-hidden card-shadow\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502005229762-cf1b2da7c52f?q=80&w=1200&auto=format&fit=crop\" class=\"h-40 w-full object-cover\" alt=\"Blog 1\"\/>\n <div class=\"p-4\">\n <a href=\"#\" class=\"font-semibold hover:underline\">Xu h\u01b0\u1edbng th\u1ecb tr\u01b0\u1eddng B\u0110S 2024\u20132025<\/a>\n <p class=\"text-sm text-slate-600 mt-1\">T\u1ed5ng quan cung \u2013 c\u1ea7u, l\u00e3i su\u1ea5t, v\u00e0 c\u00e1c khu v\u1ef1c ti\u1ec1m n\u0103ng t\u1ea1i H\u1ea3i Ph\u00f2ng.<\/p>\n <div class=\"text-xs text-slate-500 mt-3\">19\/06\/2024<\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-2xl overflow-hidden card-shadow\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1200&auto=format&fit=crop\" class=\"h-40 w-full object-cover\" alt=\"Blog 2\"\/>\n <div class=\"p-4\">\n <a href=\"#\" class=\"font-semibold hover:underline\">L\u01b0u \u00fd ph\u00e1p l\u00fd khi mua nh\u00e0 \u0111\u1ea5t l\u1ea7n \u0111\u1ea7u<\/a>\n <p class=\"text-sm text-slate-600 mt-1\">S\u1ed5 \u0111\u1ecf, quy ho\u1ea1ch, ch\u1ec9 gi\u1edbi, c\u00e1ch tra c\u1ee9u th\u00f4ng tin nhanh v\u00e0 chu\u1ea9n.<\/p>\n <div class=\"text-xs text-slate-500 mt-3\">02\/06\/2024<\/div>\n <\/div>\n <\/article>\n <article class=\"bg-white rounded-2xl overflow-hidden card-shadow\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505693416388-ac5ce068fe85?q=80&w=1200&auto=format&fit=crop\" class=\"h-40 w-full object-cover\" alt=\"Blog 3\"\/>\n <div class=\"p-4\">\n <a href=\"#\" class=\"font-semibold hover:underline\">D\u1ef1 b\u00e1o gi\u00e1 \u0111\u1ea5t n\u1ec1n hai n\u0103m t\u1edbi<\/a>\n <p class=\"text-sm text-slate-600 mt-1\">Nh\u1eefng y\u1ebfu t\u1ed1 t\u00e1c \u0111\u1ed9ng ch\u00ednh v\u00e0 k\u1ecbch b\u1ea3n tham kh\u1ea3o cho nh\u00e0 \u0111\u1ea7u t\u01b0.<\/p>\n <div class=\"text-xs text-slate-500 mt-3\">20\/02\/2024<\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <!-- Testimonials -->\n <section class=\"max-w-6xl mx-auto px-4 sm:px-6 py-14\">\n <div class=\"grid lg:grid-cols-3 gap-6\">\n <div class=\"lg:col-span-1\">\n <h2 class=\"text-2xl font-semibold\">Ph\u1ea3n h\u1ed3i t\u1eeb kh\u00e1ch h\u00e0ng<\/h2>\n <p class=\"text-sm text-slate-600 mt-1\">S\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a kh\u00e1ch h\u00e0ng l\u00e0 \u01b0u ti\u00ean s\u1ed1 1.<\/p>\n <\/div>\n <div class=\"lg:col-span-2 grid sm:grid-cols-2 gap-6\">\n <figure class=\"bg-white rounded-2xl p-6 card-shadow\">\n <blockquote class=\"text-slate-700\">\u201cT\u00f4i r\u1ea5t h\u00e0i l\u00f2ng v\u1edbi s\u1ef1 chuy\u00ean nghi\u1ec7p v\u00e0 t\u1eadn t\u00e2m c\u1ee7a anh Ph\u01b0\u01a1ng. Anh \u0111\u00e3 gi\u00fap t\u00f4i t\u00ecm \u0111\u01b0\u1ee3c ng\u00f4i nh\u00e0 \u01b0ng \u00fd.\u201d<\/blockquote>\n <figcaption class=\"mt-4 flex items-center gap-3\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?q=80&w=200&auto=format&fit=crop\" alt=\"client\"\/>\n <div>\n <div class=\"text-sm font-medium\">Nguy\u1ec5n V\u0103n T.<\/div>\n <div class=\"text-xs text-slate-500\">Doanh nh\u00e2n<\/div>\n <\/div>\n <\/figcaption>\n <\/figure>\n <figure class=\"bg-white rounded-2xl p-6 card-shadow\">\n <blockquote class=\"text-slate-700\">\u201cTh\u00f4ng tin r\u00f5 r\u00e0ng, gi\u00e1 t\u1ed1t v\u00e0 h\u1ed7 tr\u1ee3 sau mua r\u1ea5t chu \u0111\u00e1o. S\u1ebd gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8!\u201d<\/blockquote>\n <figcaption class=\"mt-4 flex items-center gap-3\">\n <img decoding=\"async\" class=\"w-10 h-10 rounded-full object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1547425260-76bcadfb4f2c?q=80&w=200&auto=format&fit=crop\" alt=\"client\"\/>\n <div>\n <div class=\"text-sm font-medium\">Tr\u1ea7n Th\u1ecb Minh<\/div>\n <div class=\"text-xs text-slate-500\">Ki\u1ebfn tr\u00fac s\u01b0<\/div>\n <\/div>\n <\/figcaption>\n <\/figure>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact -->\n <section id=\"lien-he\" class=\"max-w-6xl mx-auto px-4 sm:px-6 py-14\">\n <div class=\"grid lg:grid-cols-2 gap-8 items-center\">\n <div>\n <h2 class=\"text-2xl font-semibold\">Li\u00ean h\u1ec7 nhanh<\/h2>\n <p class=\"text-slate-600 mt-2\">\u0110i\u1ec1n th\u00f4ng tin, t\u00f4i s\u1ebd g\u1ecdi l\u1ea1i trong gi\u1edd l\u00e0m vi\u1ec7c.<\/p>\n <form onsubmit=\"event.preventDefault(); alert('\u0110\u00e3 g\u1eedi! (demo)')\" class=\"mt-6 bg-white rounded-2xl p-6 card-shadow\">\n <div class=\"grid sm:grid-cols-2 gap-4\">\n <div>\n <label class=\"text-sm text-slate-600\">H\u1ecd t\u00ean<\/label>\n <input type=\"text\" required class=\"mt-1 w-full rounded-xl border-slate-300\" placeholder=\"Nguy\u1ec5n V\u0103n A\"\/>\n <\/div>\n <div>\n <label class=\"text-sm text-slate-600\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i<\/label>\n <input type=\"tel\" required class=\"mt-1 w-full rounded-xl border-slate-300\" placeholder=\"09xx xxx xxx\"\/>\n <\/div>\n <div class=\"sm:col-span-2\">\n <label class=\"text-sm text-slate-600\">Nhu c\u1ea7u<\/label>\n <select class=\"mt-1 w-full rounded-xl border-slate-300\">\n <option>Mua<\/option>\n <option>B\u00e1n<\/option>\n <option>T\u01b0 v\u1ea5n<\/option>\n <\/select>\n <\/div>\n <div class=\"sm:col-span-2\">\n <label class=\"text-sm text-slate-600\">Ghi ch\u00fa<\/label>\n <textarea rows=\"4\" class=\"mt-1 w-full rounded-xl border-slate-300\" placeholder=\"Lo\u1ea1i B\u0110S, khu v\u1ef1c quan t\u00e2m...\"><\/textarea>\n <\/div>\n <\/div>\n <button class=\"mt-4 w-full sm:w-auto px-5 py-3 rounded-xl bg-slate-900 text-white font-medium\">G\u1eedi li\u00ean h\u1ec7<\/button>\n <\/form>\n <\/div>\n <div class=\"bg-white rounded-2xl p-6 card-shadow\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-12 h-12 rounded-xl brand-grad\"><\/div>\n <div>\n <div class=\"font-semibold\">David Ph\u01b0\u01a1ng Realty<\/div>\n <div class=\"text-sm text-slate-600\">H\u1ea3i Ph\u00f2ng, Vi\u1ec7t Nam<\/div>\n <\/div>\n <\/div>\n <div class=\"mt-4 grid gap-2 text-sm\">\n <div>\ud83d\udcde 09xx xxx xxx<\/div>\n <div>\u2709\ufe0f contact@davidphuong.com<\/div>\n <div>\ud83c\udf10 facebook.com\/davidphuong \u2022 Zalo \u2022 TikTok<\/div>\n <\/div>\n <iframe class=\"mt-5 w-full h-64 rounded-xl\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3724.527082495225!2d106.675!3d20.864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zSOG6o2kgUGjDsm5n!5e0!3m2!1svi!2svi!4v1700000000000\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"mt-10 border-t border-slate-200\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-8 text-sm text-slate-600 flex flex-col sm:flex-row items-center justify-between gap-3\">\n <div>\u00a9 <span id=\"y\"><\/span> David Ph\u01b0\u01a1ng Realty. All rights reserved.<\/div>\n <div class=\"flex items-center gap-4\">\n <a href=\"#\" class=\"hover:text-slate-900\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a>\n <a href=\"#\" class=\"hover:text-slate-900\">\u0110i\u1ec1u kho\u1ea3n s\u1eed d\u1ee5ng<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Modal for product detail -->\n <div id=\"modal\" class=\"fixed inset-0 z-[60] hidden\">\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\n <div class=\"relative max-w-lg mx-auto mt-24 bg-white rounded-2xl p-6 card-shadow\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <h3 id=\"mTitle\" class=\"text-xl font-semibold\"><\/h3>\n <p id=\"mMeta\" class=\"text-sm text-slate-500 mt-1\"><\/p>\n <\/div>\n <button id=\"mClose\" class=\"w-10 h-10 inline-flex items-center justify-center rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10 8.586 4.707 3.293 3.293 4.707 8.586 10l-5.293 5.293 1.414 1.414L10 11.414l5.293 5.293 1.414-1.414L11.414 10l5.293-5.293-1.414-1.414L10 8.586z\" clip-rule=\"evenodd\"\/><\/svg>\n <\/button>\n <\/div>\n <img decoding=\"async\" id=\"mImg\" src=\"\" alt=\"\" class=\"mt-4 w-full h-56 object-cover rounded-xl\"\/>\n <div class=\"mt-4 flex justify-end\">\n <a href=\"#lien-he\" class=\"px-4 py-2 rounded-xl bg-yellow-500 text-white font-medium\">\u0110\u1eb7t l\u1ecbch xem nh\u00e0<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Year\n document.getElementById('y').textContent = new Date().getFullYear();\n\n \/\/ Mobile menu toggle\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n menuBtn?.addEventListener('click',()=> mobileMenu.classList.toggle('hidden'));\n\n \/\/ Filtering\n const buttons = document.querySelectorAll('.filter-btn');\n const cards = document.querySelectorAll('#gridProducts .card');\n function applyFilter(type){\n cards.forEach(c=>{\n const show = type==='all' || c.dataset.type===type;\n c.classList.toggle('hidden', !show);\n });\n buttons.forEach(b=>{\n b.classList.toggle('bg-slate-900', b.dataset.filter===type);\n b.classList.toggle('text-white', b.dataset.filter===type);\n b.classList.toggle('bg-slate-100', b.dataset.filter!==type && !b.classList.contains('bg-slate-900'));\n });\n }\n buttons.forEach(b=> b.addEventListener('click',()=> applyFilter(b.dataset.filter)));\n document.getElementById('filterSelect')?.addEventListener('change', (e)=> applyFilter(e.target.value));\n\n \/\/ Details modal\n const modal = document.getElementById('modal');\n const mTitle = document.getElementById('mTitle');\n const mMeta = document.getElementById('mMeta');\n const mImg = document.getElementById('mImg');\n document.querySelectorAll('.btn-detail').forEach(btn=>{\n btn.addEventListener('click', (e)=>{\n const card = e.target.closest('.card');\n mTitle.textContent = btn.dataset.title;\n mMeta.textContent = `${btn.dataset.location} \u2022 ${btn.dataset.price}`;\n mImg.src = card.querySelector('img').src;\n modal.classList.remove('hidden');\n });\n });\n document.getElementById('mClose').addEventListener('click', ()=> modal.classList.add('hidden'));\n modal.addEventListener('click', (e)=> { if(e.target===modal) modal.classList.add('hidden'); });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>David Ph\u01b0\u01a1ng Realty \u2013 Landing Page David Ph\u01b0\u01a1ng Realty S\u1ea3n ph\u1ea9m Blog Li\u00ean h\u1ec7 \u0110\u1eb7t l\u1ecbch xem nh\u00e0 S\u1ea3n ph\u1ea9m […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":5,"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/pages\/27\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/bds.davidphuong.com\/wp\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}