<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Báo Giá Dịch Vụ &#8211; Xây Nhà Tốc Độ</title>
	<atom:link href="https://xaynhatocdo.com/category/bao-gia-dich-vu/feed/" rel="self" type="application/rss+xml" />
	<link>https://xaynhatocdo.com</link>
	<description></description>
	<lastBuildDate>Mon, 27 Apr 2026 14:10:06 +0000</lastBuildDate>
	<language>vi</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://xaynhatocdo.com/wp-content/uploads/2026/02/cropped-logo-web1-1-1-32x32.png</url>
	<title>Báo Giá Dịch Vụ &#8211; Xây Nhà Tốc Độ</title>
	<link>https://xaynhatocdo.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>THI CÔNG ỐP LÁT TRỌN GÓI</title>
		<link>https://xaynhatocdo.com/thi-cong-op-lat-tron-goi/</link>
					<comments>https://xaynhatocdo.com/thi-cong-op-lat-tron-goi/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 11 Mar 2026 09:19:59 +0000</pubDate>
				<category><![CDATA[Nội Thất và Dịch Vụ khác]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2153</guid>

					<description><![CDATA[<p>CHUYÊN GIA HOÀN THIỆN BỀ MẶT SÀN &#38; TƯỜNG Giải Pháp Thi Công ỐP LÁT Trọn Gói Chuẩn Kỹ Thuật Xây Nhà Tốc Độ tự hào mang đến dịch vụ Thi Công ỐP LÁT chuyên nghiệp, cam kết sàn phẳng như gương, ron thẳng kẻ chỉ, tạo nên điểm nhấn thẩm mỹ tuyệt đối cho [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thi-cong-op-lat-tron-goi/">THI CÔNG ỐP LÁT TRỌN GÓI</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2153" class="elementor elementor-2153" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-ba1b92f e-flex e-con-boxed e-con e-parent" data-id="ba1b92f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-48e2cfc elementor-widget elementor-widget-html" data-id="48e2cfc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ================= THƯ VIỆN & CẤU HÌNH ================= -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Be Vietnam Pro", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-oplat-wrapper { 
        font-family: 'Be Vietnam Pro', sans-serif; 
        /* Kỹ thuật bẻ gãy padding Elementor, ép tràn viền 100% màn hình */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-oplat-wrapper h1, .xntd-oplat-wrapper h2, .xntd-oplat-wrapper h3, .xntd-oplat-wrapper h4, .xntd-oplat-wrapper h5, .xntd-oplat-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-oplat-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-oplat-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-oplat-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-oplat-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<!-- ================= NỘI DUNG CHÍNH ================= -->
<div class="xntd-oplat-wrapper bg-background-light text-slate-800 transition-colors duration-300">
    
    <!-- Hero Banner -->
    <section class="relative w-full min-h-[600px] lg:min-h-[75vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-24">
        <img decoding="async" alt="Giải Pháp Lát Nền Ốp Tường Chuyên Nghiệp" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJuiwJgoMRv4AhG07NOO-KjfnSJgWrFsc7DUfGJ9s5Uwd-9J9-aDsyrWU__ChfjEkb2999EBaXVXe-zsxxrdSApUAkqmb1KC23egi7C-8h_No4TImVARLSZamlBxb5Qkqr8-8HaHfawyKMAgzpaMacddMDSkrLEEVMUOYbvdFw6V8fEXmANbKCEW8DGxbS_fILhN5neKZZpteeWhY7vEkgb6i9805nShOGcXNQcX57IczapttVkSR298s4xNEfmmlIifxhgIO-M08"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-12 gap-12 items-center">
            <div class="lg:col-span-8 space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    CHUYÊN GIA HOÀN THIỆN BỀ MẶT SÀN &amp; TƯỜNG
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    Giải Pháp Thi Công ỐP LÁT Trọn Gói
                    <span class="block mt-1 lg:mt-2 text-primary">Chuẩn Kỹ Thuật</span>
                </h1>
                <p class="text-lg lg:text-xl text-gray-200 font-medium max-w-2xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    Xây Nhà Tốc Độ tự hào mang đến dịch vụ Thi Công ỐP LÁT chuyên nghiệp, cam kết sàn phẳng như gương, ron thẳng kẻ chỉ, tạo nên điểm nhấn thẩm mỹ tuyệt đối cho không gian sống của bạn.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center uppercase tracking-wide gap-2" href="#Lien-he">
                        Đăng Ký Khảo Sát Miễn Phí
                        <span class="material-symbols-outlined">assignment_turned_in</span>
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center uppercase tracking-wide gap-2" href="#pricing">
                        Xem Bảng Giá Nhân Công
                        <span class="material-symbols-outlined">payments</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Lợi thế -->
    <section class="relative z-20 -mt-10 lg:-mt-20 mb-16">
        <div class="container mx-auto px-4">
            <div class="bg-white rounded-xl shadow-2xl border border-gray-100 p-6 lg:p-10">
                <div class="grid md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100">
                    <div class="flex items-start gap-4 pt-6 md:pt-0 first:pt-0">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">grid_on</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary uppercase mb-1">Công Nghệ Ke Nêm Tiên Tiến</h3>
                            <p class="text-sm text-gray-500">Khóa chặt các viên gạch với nhau, đảm bảo bề mặt phẳng tuyệt đối, không gờ, không chênh phô giữa các mí ghép.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">straighten</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary uppercase mb-1">Bắn Cốt Laser Siêu Chuẩn</h3>
                            <p class="text-sm text-gray-500">Sử dụng máy laser tia xanh công suất cao để lấy trục chuẩn, giúp đường ron thẳng tắp và vuông vức theo đúng bản vẽ.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">format_paint</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary uppercase mb-1">Kỹ Thuật Trét Keo 2 Mặt</h3>
                            <p class="text-sm text-gray-500">Thợ lành nghề trực tiếp phủ keo răng lược đều lên cả sàn và lưng gạch, triệt tiêu 100% hiện tượng rỗng bộp bên dưới.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="py-16 bg-white" id="services">
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary mb-4 uppercase">Xóa Bỏ Nỗi Ám Ảnh Sàn Gạch Phồng Rộp</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 text-lg">Sàn nhà bị bộp, gạch ốp tường bong tróc hay đường ron xô lệch luôn là nỗi bực dọc lớn của gia chủ. Quá trình Thi Công ỐP LÁT của chúng tôi được giám sát gắt gao từng milimet, tuân thủ đúng định mức vật tư, giúp triệt tiêu hoàn toàn rủi ro hỏng hóc và kiến tạo không gian sống sang trọng nhất.</p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-7xl mx-auto">
                <div class="bg-white rounded-xl shadow-card border border-gray-100 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Hoàn Thiện Công Trình Mới Sàn Gạch" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah1.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary uppercase mb-2 group-hover:text-primary transition-colors">Hoàn Thiện Công Trình Mới</h3>
                        <p class="text-xs font-bold text-primary mb-3">NEW BUILDS TILING</p>
                        <p class="text-sm text-slate-600 mb-6 flex-1">Chuyên lát nền, ốp tường trọn gói cho nhà phố, biệt thự mới xây. Đảm bảo đúng cốt cao độ và độ dốc thoát nước tiêu chuẩn.</p>
                        <a class="text-sm font-bold text-secondary flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#Lien-he">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-card border border-gray-100 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Nâng Cấp & Thay Nền Gạch Cũ" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah5.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary uppercase mb-2 group-hover:text-primary transition-colors">Nâng Cấp &amp; Thay Nền Cũ</h3>
                        <p class="text-xs font-bold text-primary mb-3">RENOVATION</p>
                        <p class="text-sm text-slate-600 mb-6 flex-1">Đục bỏ lớp gạch lỗi thời, xử lý chống thấm nền móng triệt để và cán phẳng trước khi lát lớp hoàn thiện mới.</p>
                        <a class="text-sm font-bold text-secondary flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#Lien-he">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-card border border-gray-100 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Lát Gạch Kỹ Thuật Cao Khổ Lớn" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah6.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary uppercase mb-2 group-hover:text-primary transition-colors">Lát Gạch Kỹ Thuật Cao</h3>
                        <p class="text-xs font-bold text-primary mb-3">PREMIUM TILING</p>
                        <p class="text-sm text-slate-600 mb-6 flex-1">Xử lý hoàn hảo các vật liệu khó như gạch khổ lớn (Big Slab), gạch thẻ Mosaic hồ bơi hay cắt mòi 45 độ sắc nét cho góc cạnh.</p>
                        <a class="text-sm font-bold text-secondary flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#Lien-he">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="py-16 bg-light-gray" id="pricing">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary uppercase">Bảng Báo Giá Thi Công ỐP LÁT Chi Tiết 2026</h2>
                <p class="text-slate-600 mt-2">Chi phí nhân công minh bạch - Kỹ thuật cao cấp với giá cạnh tranh.</p>
            </div>
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
                <div class="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden">
                    <div class="bg-secondary p-4 text-white">
                        <h3 class="font-bold text-lg uppercase flex items-center gap-2">
                            <span class="material-symbols-outlined">apartment</span>
                            Đơn Giá Nhân Công Hoàn Thiện
                        </h3>
                    </div>
                    <div class="p-6 overflow-x-auto">
                        <table class="w-full text-sm text-left">
                            <thead class="text-xs text-gray-700 uppercase bg-gray-50">
                                <tr>
                                    <th class="px-4 py-3 rounded-l-lg">Hạng mục</th>
                                    <th class="px-4 py-3">Đơn vị</th>
                                    <th class="px-4 py-3 text-right rounded-r-lg">Đơn giá (VNĐ)</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100">
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Nhân công lát nền gạch Ceramic/Porcelain</td>
                                    <td class="px-4 py-3">m²</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">120.000 - 180.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Nhân công ốp tường trang trí/WC</td>
                                    <td class="px-4 py-3">m²</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">150.000 - 220.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Ốp lát gạch khổ lớn (Big Slab)</td>
                                    <td class="px-4 py-3">m²</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">350.000 - 550.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Gia công cắt mòi góc 45 độ</td>
                                    <td class="px-4 py-3">md</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">80.000 - 120.000</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden">
                    <div class="bg-primary p-4 text-white">
                        <h3 class="font-bold text-lg uppercase flex items-center gap-2">
                            <span class="material-symbols-outlined">build</span>
                            Gói Vật Tư Phụ Chất Lượng Cao
                        </h3>
                    </div>
                    <div class="p-6 overflow-x-auto">
                        <table class="w-full text-sm text-left">
                            <thead class="text-xs text-gray-700 uppercase bg-gray-50">
                                <tr>
                                    <th class="px-4 py-3 rounded-l-lg">Công việc / Vật tư</th>
                                    <th class="px-4 py-3">Đơn vị</th>
                                    <th class="px-4 py-3 text-right rounded-r-lg">Đơn giá (VNĐ)</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100">
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Keo dán gạch chuyên dụng (Weber/Crocodile)</td>
                                    <td class="px-4 py-3">Bao</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Báo theo định mức</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Keo chà ron chống thấm / Epoxy</td>
                                    <td class="px-4 py-3">Gói/Bộ</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Báo theo định mức</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Bộ ke nêm cân bằng mặt phẳng</td>
                                    <td class="px-4 py-3">Gói</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Tặng kèm (Gói Trọn Gói)</td>
                                </tr>
                                <tr class="hover:bg-gray-50">
                                    <td class="px-4 py-3 font-medium">Xử lý quét màng chống thấm Sika trước ốp lát</td>
                                    <td class="px-4 py-3">m²</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Khảo sát báo giá</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="text-center mt-8 italic text-sm text-gray-500">
                * Đơn giá trên chỉ mang tính chất tham khảo và có thể thay đổi tùy thuộc vào quy cách gạch, độ khó và điều kiện mặt bằng thi công thực tế.
            </div>
        </div>
    </section>

    <!-- Warranty Section -->
    <section class="py-16 bg-white" id="warranty">
        <div class="container mx-auto px-4 max-w-4xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary uppercase">Cam Kết Bền Vững - Không Bộp, Không Bong</h2>
                <p class="text-slate-600 mt-2">Yên tâm sử dụng với cam kết từ đội ngũ Xây Nhà Tốc Độ.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-surface-light rounded-lg shadow-sm border border-gray-200 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white hover:bg-gray-50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">domain</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary">Bảo Hành Kỹ Thuật Chuyên Sâu 12 Tháng</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 bg-gray-50/50">
                        <p class="text-slate-700 text-sm mt-4">Xây Nhà Tốc Độ chịu trách nhiệm hoàn toàn và xử lý miễn phí 100% nếu xảy ra các lỗi kỹ thuật như gạch bị bộp rỗng, nứt nẻ do thi công sai quy trình.</p>
                    </div>
                </details>
                <details class="group bg-surface-light rounded-lg shadow-sm border border-gray-200 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white hover:bg-gray-50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">handyman</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary">Xử Lý Chống Thấm Khối Ướt Tuyệt Đối</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 bg-gray-50/50">
                        <p class="text-slate-700 text-sm mt-4">Đặc biệt tại khu vực WC, ban công và sân thượng, chúng tôi cam kết thi công lớp màng chống thấm đạt chuẩn trước khi dán gạch, ngăn chặn rò rỉ vĩnh viễn.</p>
                    </div>
                </details>
                <details class="group bg-surface-light rounded-lg shadow-sm border border-gray-200 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white hover:bg-gray-50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">bolt</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary">Tốc Độ Xử Lý Chớp Nhoáng (Phản hồi 24H)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 bg-gray-50/50">
                        <p class="text-slate-700 text-sm mt-4">Bất cứ khi nào hệ thống mặt sàn hay đường ron có vấn đề, biệt đội kỹ thuật sẽ có mặt kịp thời trong vòng 24 giờ để đưa ra phương án khắc phục thẩm mỹ nhất.</p>
                    </div>
                </details>
            </div>
        </div>
    </section>

    <!-- Work Process Section -->
    <section class="py-20 bg-light-gray overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary mb-4 uppercase">Quy Trình Thực Hiện Tỉ Mỉ 5 Bước</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            
            <div class="relative max-w-5xl mx-auto hidden md:block">
                <div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-200 -translate-y-1/2 z-0"></div>
                <div class="grid grid-cols-5 gap-4 relative z-10">
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">call</span>
                        </div>
                        <h3 class="font-bold text-secondary text-lg mb-2">1. Khảo Sát Mặt Bằng</h3>
                        <p class="text-sm text-gray-500 px-2">Lắng nghe và kiểm tra cao độ thực tế</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">straighten</span>
                        </div>
                        <h3 class="font-bold text-secondary text-lg mb-2">2. Tư Vấn Vật Tư</h3>
                        <p class="text-sm text-gray-500 px-2">Đề xuất loại keo dán và gạch phù hợp</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white border-4 border-primary rounded-full flex items-center justify-center text-primary mb-6 shadow-lg group-hover:scale-110 transition duration-300">
                            <span class="material-symbols-outlined text-3xl">request_quote</span>
                        </div>
                        <h3 class="font-bold text-secondary text-lg mb-2">3. Chốt Phương Án</h3>
                        <p class="text-sm text-gray-500 px-2">Lên dự toán chi phí và kiểu dáng ron</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">construction</span>
                        </div>
                        <h3 class="font-bold text-secondary text-lg mb-2">4. Triển Khai Kỹ Thuật</h3>
                        <p class="text-sm text-gray-500 px-2">Cán nền, trét keo và dùng ke nêm cân bằng</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">check_circle</span>
                        </div>
                        <h3 class="font-bold text-secondary text-lg mb-2">5. Nghiệm Thu Bề Mặt</h3>
                        <p class="text-sm text-gray-500 px-2">Vệ sinh, chà ron và bàn giao thẩm mỹ</p>
                    </div>
                </div>
            </div>
            
            <div class="relative max-w-md mx-auto md:hidden">
                <div class="absolute left-6 top-4 bottom-4 w-0.5 bg-gray-200"></div>
                <div class="space-y-8">
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">call</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary">1. Khảo Sát Mặt Bằng</h3>
                            <p class="text-sm text-gray-500">Lắng nghe và kiểm tra cao độ, độ phẳng thực tế của sàn/tường.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">straighten</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary">2. Tư Vấn Vật Tư</h3>
                            <p class="text-sm text-gray-500">Đề xuất loại keo dán gạch, keo chà ron phù hợp với từng khu vực.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white border-4 border-primary rounded-full flex items-center justify-center text-primary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">request_quote</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary">3. Chốt Phương Án</h3>
                            <p class="text-sm text-gray-500">Gửi bảng dự toán chi tiết và phương án ốp lát (so le, xương cá...).</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">construction</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary">4. Triển Khai Kỹ Thuật</h3>
                            <p class="text-sm text-gray-500">Thực hiện cán phẳng, trét keo răng lược và định vị bằng cốt laser.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">check_circle</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary">5. Nghiệm Thu Bề Mặt</h3>
                            <p class="text-sm text-gray-500">Vệ sinh mặt gạch, chà ron thẩm mỹ và bàn giao công trình.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

 
    <script>
        // Script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-oplat-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b848594 e-flex e-con-boxed e-con e-parent" data-id="b848594" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-cf9ab3a e-con-full e-flex e-con e-child" data-id="cf9ab3a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c21f1d4 elementor-widget elementor-widget-html" data-id="c21f1d4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ================= WIDGET THÔNG TIN (Dành cho Cột Trái) ================= -->
<!-- Load thư viện Tailwind và Material Icons -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>

<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                }
            }
        }
    }
</script>
<style>
    .xntd-widget-info { font-family: 'Be Vietnam Pro', sans-serif; width: 100%; }
    .xntd-widget-info h2, .xntd-widget-info h4 { font-family: 'Montserrat', sans-serif; }
    .xntd-widget-info .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
</style>

<div class="xntd-widget-info bg-secondary p-8 flex flex-col justify-between text-white relative overflow-hidden rounded-2xl shadow-2xl h-full">
    <!-- Hiệu ứng đèn hắt ánh sáng -->
    <div class="absolute -top-10 -left-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl pointer-events-none"></div>
    <div class="absolute bottom-10 right-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl pointer-events-none"></div>
    
    <div class="relative z-10 flex-1">
        <h2 class="text-2xl font-bold mb-4 uppercase leading-tight">Vì Sao Nên Chọn Dịch Vụ Thi Công ỐP LÁT Tại Xây Nhà Tốc Độ?</h2>
        <p class="text-gray-300 text-sm mb-8">
            Đừng đánh đổi thẩm mỹ ngôi nhà bằng những người thợ tay ngang thiếu kinh nghiệm. Hãy để lại thông tin ngay bên dưới, chuyên gia của chúng tôi sẽ liên hệ đo đạc thực tế và cung cấp giải pháp Thi Công ỐP LÁT hoàn hảo, tôn lên vẻ đẹp đẳng cấp cho tổ ấm của bạn!
        </p>
        <div class="space-y-6">
            <div class="flex items-start gap-4">
                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                    <span class="material-symbols-outlined text-primary">straighten</span>
                </div>
                <div>
                    <h4 class="font-bold text-sm">Đo Đạc Tận Nhà</h4>
                    <p class="text-xs text-gray-400">Kỹ thuật viên đến tận nơi khảo sát mặt bằng miễn phí.</p>
                </div>
            </div>
            <div class="flex items-start gap-4">
                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                    <span class="material-symbols-outlined text-primary">architecture</span>
                </div>
                <div>
                    <h4 class="font-bold text-sm">Tư Vấn Kiểu Lát</h4>
                    <p class="text-xs text-gray-400">Tư vấn lát thẳng, xương cá, so le... phù hợp nhất với loại gạch.</p>
                </div>
            </div>
        </div>
    </div>
    
    <div class="mt-8 pt-72 border-t border-white/10 relative z-10">
        <div class="flex items-center gap-3 text-sm">
            <span class="material-symbols-outlined text-primary">call</span>
            <span class="font-bold">0866.186.189</span>
        </div>
    </div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-c93d2f5 e-con-full e-flex e-con e-child" data-id="c93d2f5" data-element_type="container" data-e-type="container" id="Lien-he">
				<div class="elementor-element elementor-element-d4612e5 elementor-widget elementor-widget-shortcode" data-id="d4612e5" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thi-cong-op-lat-tron-goi/">THI CÔNG ỐP LÁT TRỌN GÓI</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/thi-cong-op-lat-tron-goi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>THI CÔNG ĐIỆN NƯỚC TRỌN GÓI</title>
		<link>https://xaynhatocdo.com/thi-cong-dien-nuoc-tron-goi/</link>
					<comments>https://xaynhatocdo.com/thi-cong-dien-nuoc-tron-goi/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 11 Mar 2026 09:00:52 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<category><![CDATA[Nội Thất và Dịch Vụ khác]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2147</guid>

					<description><![CDATA[<p>CHUYÊN GIA CƠ ĐIỆN &#38; CẤP THOÁT NƯỚC (MEP) Giải Pháp Thi Công ĐIỆN NƯỚC Trọn Gói Chuẩn Kỹ Thuật Xây Nhà Tốc Độ tự hào mang đến dịch vụ Thi Công ĐIỆN NƯỚC chuyên nghiệp, an toàn và tối ưu chi phí cho mọi công trình từ nhà phố đến biệt thự. Cam kết [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thi-cong-dien-nuoc-tron-goi/">THI CÔNG ĐIỆN NƯỚC TRỌN GÓI</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2147" class="elementor elementor-2147" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-f4928e1 e-flex e-con-boxed e-con e-parent" data-id="f4928e1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e7a87ed elementor-widget elementor-widget-html" data-id="e7a87ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ================= THƯ VIỆN & CẤU HÌNH ================= -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Be Vietnam Pro", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-codien-wrapper { 
        font-family: 'Be Vietnam Pro', sans-serif; 
        /* Kỹ thuật bẻ gãy padding Elementor, ép tràn viền 100% màn hình */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-codien-wrapper h1, .xntd-codien-wrapper h2, .xntd-codien-wrapper h3, .xntd-codien-wrapper h4, .xntd-codien-wrapper h5, .xntd-codien-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-codien-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-codien-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-codien-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-codien-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<!-- ================= NỘI DUNG CHÍNH ================= -->
<div class="xntd-codien-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    
    <!-- Hero Banner -->
    <section class="relative w-full min-h-[600px] lg:min-h-[75vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-24">
        <img decoding="async" alt="Giải Pháp Thi Công ĐIỆN NƯỚC Trọn Gói Chuẩn Kỹ Thuật" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJuiwJgoMRv4AhG07NOO-KjfnSJgWrFsc7DUfGJ9s5Uwd-9J9-aDsyrWU__ChfjEkb2999EBaXVXe-zsxxrdSApUAkqmb1KC23egi7C-8h_No4TImVARLSZamlBxb5Qkqr8-8HaHfawyKMAgzpaMacddMDSkrLEEVMUOYbvdFw6V8fEXmANbKCEW8DGxbS_fILhN5neKZZpteeWhY7vEkgb6i9805nShOGcXNQcX57IczapttVkSR298s4xNEfmmlIifxhgIO-M08"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-12 gap-12 items-center">
            <div class="lg:col-span-8 space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    CHUYÊN GIA CƠ ĐIỆN & CẤP THOÁT NƯỚC (MEP)
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    Giải Pháp Thi Công ĐIỆN NƯỚC Trọn Gói
                    <span class="block mt-1 lg:mt-2 text-primary">Chuẩn Kỹ Thuật</span>
                </h1>
                <p class="text-lg lg:text-xl text-gray-200 font-medium max-w-2xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    Xây Nhà Tốc Độ tự hào mang đến dịch vụ Thi Công ĐIỆN NƯỚC chuyên nghiệp, an toàn và tối ưu chi phí cho mọi công trình từ nhà phố đến biệt thự. Cam kết bền bỉ vượt thời gian, không phát sinh chi phí.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center uppercase tracking-wide gap-2" href="#contact">
                        Đăng Ký Khảo Sát Miễn Phí
                        <span class="material-symbols-outlined">assignment_turned_in</span>
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center uppercase tracking-wide gap-2" href="#pricing">
                        Xem Bảng Giá Nhân Công
                        <span class="material-symbols-outlined">payments</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Lợi thế -->
    <section class="relative z-20 -mt-10 lg:-mt-20 mb-16">
        <div class="container mx-auto px-4">
            <div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl border border-gray-100 dark:border-gray-700 p-6 lg:p-10">
                <div class="grid md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100 dark:divide-gray-700">
                    <div class="flex items-start gap-4 pt-6 md:pt-0 first:pt-0">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">engineering</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Đội Ngũ Thợ Lành Nghề</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Kỹ thuật viên cơ điện được đào tạo bài bản, am hiểu sâu về mạch ngầm và ống luồn, đảm bảo an toàn tuyệt đối cho công trình.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">receipt_long</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Báo Giá Minh Bạch</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Bóc tách khối lượng vật tư và nhân công rõ ràng. Triển khai hệ thống điện nước trọn gói không phát sinh dù chỉ 1 đồng.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">shield_person</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Trách Nhiệm Tối Đa</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Bảo hành dài hạn bằng văn bản pháp lý. Chịu trách nhiệm 100% về chất lượng kỹ thuật của mọi đường ống, mối nối.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="py-16 bg-white dark:bg-slate-900" id="services">
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Giải Quyết Nỗi Lo Về Hệ Thống Cơ Điện</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Đừng để tình trạng rò rỉ âm tường hay chập cháy mạch điện ngầm làm bạn bất an mỗi ngày. Quá trình Thi Công ĐIỆN NƯỚC của chúng tôi được giám sát gắt gao từng chi tiết nhỏ nhất, giúp triệt tiêu hoàn toàn rủi ro hỏng hóc, đảm bảo hệ thống vận hành trơn tru và mang lại sự bình yên trọn vẹn cho gia đình bạn.</p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-7xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Lắp Đặt Công Trình Mới" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah1.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Lắp Đặt Công Trình Mới</h3>
                        <p class="text-xs font-bold text-primary mb-3">NEW BUILDS MEP</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-6 flex-1">Thiết kế và chạy đường dây điện, ống nước âm tường cho nhà phố, biệt thự mới xây. Đảm bảo đúng 100% bản vẽ kỹ thuật MEP.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Sửa Chữa & Nâng Cấp Tận Gốc" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah5.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Sửa Chữa &amp; Nâng Cấp Tận Gốc</h3>
                        <p class="text-xs font-bold text-primary mb-3">RENOVATION</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-6 flex-1">Dò tìm rò rỉ, xử lý chập điện ngầm, đi lại mạng lưới dây cáp cũ. Nâng cấp công suất tải để đáp ứng thiết bị điện tử hiện đại.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300 flex flex-col">
                    <div class="h-56 overflow-hidden relative block w-full">
                        <img decoding="async" alt="Lắp Đặt Thiết Bị Hoàn Thiện" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/ah6.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-8 flex flex-col flex-1">
                        <h3 class="text-xl font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Lắp Đặt Thiết Bị Hoàn Thiện</h3>
                        <p class="text-xs font-bold text-primary mb-3">MAINTENANCE &amp; ADDITIONS</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-6 flex-1">Gắn thiết bị vệ sinh cao cấp, bồn chứa, máy bơm tăng áp, bình nóng lạnh và hệ thống đèn chiếu sáng trang trí nghệ thuật.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all mt-auto" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="py-16 bg-light-gray dark:bg-slate-900/30" id="pricing">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Bảng Báo Giá Thi Công ĐIỆN NƯỚC Chi Tiết</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Chi phí cạnh tranh nhất thị trường - Tối ưu ngân sách cho chủ đầu tư.</p>
            </div>
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <div class="bg-secondary p-4 text-white">
                        <h3 class="font-bold text-lg uppercase flex items-center gap-2">
                            <span class="material-symbols-outlined">apartment</span>
                            Đơn Giá Nhân Công Hệ Thống Mới
                        </h3>
                    </div>
                    <div class="p-6 overflow-x-auto">
                        <table class="w-full text-sm text-left">
                            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-slate-700 dark:text-gray-300">
                                <tr>
                                    <th class="px-4 py-3 rounded-l-lg">Hạng mục</th>
                                    <th class="px-4 py-3">Đơn vị</th>
                                    <th class="px-4 py-3 text-right rounded-r-lg">Đơn giá (VNĐ)</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Thi công điện dán dây hoàn thiện</td>
                                    <td class="px-4 py-3">m² sàn</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">100.000 - 140.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Thi công điện rút dây (ống cứng)</td>
                                    <td class="px-4 py-3">m² sàn</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">140.000 - 180.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Thi công nước (lắp đặt ống + thiết bị)</td>
                                    <td class="px-4 py-3">Phòng WC</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">1.500.000 - 2.500.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Lắp đặt hệ thống nước toàn nhà</td>
                                    <td class="px-4 py-3">m² sàn</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Liên hệ</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <div class="bg-primary p-4 text-white">
                        <h3 class="font-bold text-lg uppercase flex items-center gap-2">
                            <span class="material-symbols-outlined">build</span>
                            Chi Phí Sửa Chữa &amp; Lắp Đặt Lẻ
                        </h3>
                    </div>
                    <div class="p-6 overflow-x-auto">
                        <table class="w-full text-sm text-left">
                            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-slate-700 dark:text-gray-300">
                                <tr>
                                    <th class="px-4 py-3 rounded-l-lg">Công việc</th>
                                    <th class="px-4 py-3">Đơn vị</th>
                                    <th class="px-4 py-3 text-right rounded-r-lg">Đơn giá (VNĐ)</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Lắp đặt bóng đèn, công tắc, ổ cắm</td>
                                    <td class="px-4 py-3">Điểm</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">50.000 - 100.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Lắp đặt quạt trần, đèn chùm</td>
                                    <td class="px-4 py-3">Bộ</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">200.000 - 400.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Lắp đặt lavabo, bồn cầu</td>
                                    <td class="px-4 py-3">Bộ</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">250.000 - 450.000</td>
                                </tr>
                                <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/50">
                                    <td class="px-4 py-3 font-medium">Sửa chữa chập điện, rò nước</td>
                                    <td class="px-4 py-3">Lần</td>
                                    <td class="px-4 py-3 text-right text-primary font-bold">Khảo sát báo giá</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="text-center mt-8 italic text-sm text-gray-500">
                * Đơn giá trên chỉ mang tính chất tham khảo và có thể thay đổi tùy thuộc vào khối lượng, điều kiện thi công thực tế.
            </div>
        </div>
    </section>

    <!-- Warranty Section -->
    <section class="py-16 bg-white dark:bg-slate-900" id="warranty">
        <div class="container mx-auto px-4 max-w-4xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary dark:text-white uppercase">Chính Sách Bảo Hành Kỹ Thuật Uy Tín</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Yên tâm sử dụng với cam kết từ Xây Nhà Tốc Độ.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">domain</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">Đối Với Dự Án Lắp Đặt Mới (12 - 24 Tháng)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Áp dụng cho các công trình triển khai trọn gói. Đảm bảo mạng lưới cấp thoát nước và đường điện hoạt động ổn định, an toàn cao nhất.</p>
                    </div>
                </details>
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">handyman</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">Với Hạng Mục Cải Tạo Nâng Cấp (6 - 12 Tháng)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Các hạng mục xử lý sự cố, thay thế vật tư lẻ sẽ được bảo hành theo đúng tiêu chuẩn nhà sản xuất và cam kết trên biên bản.</p>
                    </div>
                </details>
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">bolt</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">Tốc Độ Xử Lý Chớp Nhoáng (Phản hồi 24H)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Bất cứ khi nào hệ thống gặp vấn đề, biệt đội kỹ thuật sẽ có mặt kịp thời trong vòng 24 giờ để đưa ra phương án khắc phục triệt để.</p>
                    </div>
                </details>
            </div>
        </div>
    </section>

    <!-- Work Process Section -->
    <section class="py-20 bg-light-gray dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Quy Trình Triển Khai Cơ Điện Chuẩn Mực</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            
            <div class="relative max-w-5xl mx-auto hidden md:block">
                <div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-200 dark:bg-gray-700 -translate-y-1/2 z-0"></div>
                <div class="grid grid-cols-5 gap-4 relative z-10">
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">call</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">1. Tiếp Nhận Yêu Cầu</h3>
                        <p class="text-sm text-gray-500 px-2">Lắng nghe và tiếp nhận thông tin</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">straighten</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">2. Khảo Sát Thực Tế</h3>
                        <p class="text-sm text-gray-500 px-2">Đánh giá hiện trạng thực tế</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary mb-6 shadow-lg group-hover:scale-110 transition duration-300">
                            <span class="material-symbols-outlined text-3xl">request_quote</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">3. Lên Dự Toán Chi Phí</h3>
                        <p class="text-sm text-gray-500 px-2">Lên phương án &amp; chi phí</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">construction</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">4. Tiến Hành Kỹ Thuật</h3>
                        <p class="text-sm text-gray-500 px-2">Triển khai kỹ thuật an toàn</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">check_circle</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">5. Nghiệm Thu Bàn Giao</h3>
                        <p class="text-sm text-gray-500 px-2">Bàn giao &amp; kích hoạt bảo hành</p>
                    </div>
                </div>
            </div>
            
            <div class="relative max-w-md mx-auto md:hidden">
                <div class="absolute left-6 top-4 bottom-4 w-0.5 bg-gray-200 dark:bg-gray-700"></div>
                <div class="space-y-8">
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">call</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">1. Tiếp Nhận Yêu Cầu</h3>
                            <p class="text-sm text-gray-500">Lắng nghe và tiếp nhận thông tin khách hàng.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">straighten</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">2. Khảo Sát Thực Tế</h3>
                            <p class="text-sm text-gray-500">Kiểm tra thực tế tại công trình.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">request_quote</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">3. Lên Dự Toán Chi Phí</h3>
                            <p class="text-sm text-gray-500">Gửi bảng dự toán chi tiết.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">construction</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">4. Tiến Hành Kỹ Thuật</h3>
                            <p class="text-sm text-gray-500">Thực hiện công việc theo cam kết.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">check_circle</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">5. Nghiệm Thu Bàn Giao</h3>
                            <p class="text-sm text-gray-500">Nghiệm thu và kích hoạt bảo hành.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <script>
        // Script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-codien-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-f21cb70 e-flex e-con-boxed e-con e-parent" data-id="f21cb70" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-77b09f8 e-con-full e-flex e-con e-child" data-id="77b09f8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b9fb3c2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="b9fb3c2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- Contact Form Section - Tách 2 cột -->
    <section
        <div class="container mx-auto px-3 h-full-w-6x1">

                <!-- Khối 1: Thông tin (Trái) -->
                <div class="md:col-span-5 bg-secondary p-8 flex flex-col justify-between text-white relative overflow-hidden rounded-2xl shadow-2xl h-full">
                    <div class="absolute -top-10 -left-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="absolute bottom-10 right-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="relative z-10 flex-1">
                        <h2 class="text-2xl font-bold mb-4 font-display uppercase leading-tight">Sự Khác Biệt Khi Chọn Dịch Vụ Thi Công ĐIỆN NƯỚC Của Xây Nhà Tốc Độ</h2>
                        <p class="text-gray-300 text-sm mb-8">
                            Với kinh nghiệm thực chiến hàng ngàn dự án, Xây Nhà Tốc Độ cam kết mang lại không gian sống tiện nghi, loại bỏ 100% rủi ro chập cháy. Hãy để lại thông tin ngay bên dưới, chuyên gia của chúng tôi sẽ liên hệ khảo sát và tư vấn giải pháp Thi Công ĐIỆN NƯỚC tối ưu, tiết kiệm nhất cho tổ ấm của bạn!
                        </p>
                        <div class="space-y-6">
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">timer</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Phản Hồi Thần Tốc</h4>
                                    <p class="text-xs text-gray-400">Tiếp nhận và xử lý yêu cầu chỉ trong vài phút.</p>
                                </div>
                            </div>
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">engineering</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Khảo Sát Tận Nhà</h4>
                                    <p class="text-xs text-gray-400">Kỹ sư đến tận nơi đo đạc và tư vấn hoàn toàn miễn phí.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-20 pt-75 border-t border-white/10 relative z-10">
                        <div class="flex items-center gap-3 text-sm">
                            <span class="material-symbols-outlined text-primary">call</span>
                            <span class="font-bold">0866.186.189</span>
                        </div>
                    </div>
                </div>				</div>
				</div>
		<div class="elementor-element elementor-element-5e13947 e-con-full e-flex e-con e-child" data-id="5e13947" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-96e4b0d elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="96e4b0d" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thi-cong-dien-nuoc-tron-goi/">THI CÔNG ĐIỆN NƯỚC TRỌN GÓI</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/thi-cong-dien-nuoc-tron-goi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CƠ KHÍ XÂY DỰNG</title>
		<link>https://xaynhatocdo.com/co-khi-xay-dung-xay-nha-toc-do/</link>
					<comments>https://xaynhatocdo.com/co-khi-xay-dung-xay-nha-toc-do/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 10 Mar 2026 11:25:00 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<category><![CDATA[Nội Thất và Dịch Vụ khác]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2126</guid>

					<description><![CDATA[<p>XƯỞNG GIA CÔNG TRỰC TIẾP – THI CÔNG CHUẨN KỸ THUẬT CƠ KHÍ XÂY DỰNG CHẮC KẾT CẤU – ĐẸP HOÀN THIỆN – BỀN THEO NĂM THÁNG CƠ KHÍ XÂY DỰNG không chỉ là làm ra một bộ cửa, một chiếc lan can hay một hệ mái. Thứ khách hàng thật sự cần là độ [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/co-khi-xay-dung-xay-nha-toc-do/">CƠ KHÍ XÂY DỰNG</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2126" class="elementor elementor-2126" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-a92b2c7 e-flex e-con-boxed e-con e-parent" data-id="a92b2c7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-40964c0 elementor-widget elementor-widget-html" data-id="40964c0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ================= THƯ VIỆN & CẤU HÌNH ================= -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Be Vietnam Pro", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-cokhi-wrapper { 
        font-family: 'Be Vietnam Pro', sans-serif; 
        /* Kỹ thuật bẻ gãy padding Elementor, ép tràn viền 100% màn hình */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-cokhi-wrapper h1, .xntd-cokhi-wrapper h2, .xntd-cokhi-wrapper h3, .xntd-cokhi-wrapper h4, .xntd-cokhi-wrapper h5, .xntd-cokhi-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-cokhi-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-cokhi-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-cokhi-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-cokhi-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<!-- ================= NỘI DUNG CHÍNH ================= -->
<div class="xntd-cokhi-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    
    <!-- Hero Banner -->
    <section class="relative w-full min-h-[600px] lg:min-h-[75vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-24">
        <img decoding="async" alt="Công trình kết cấu thép quy mô lớn vững chắc" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://sieuthicuatudong.com/wp-content/uploads/2023/07/mau-cong-sat-biet-thu-sang-trong.jpg"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-12 gap-12 items-center">
            <div class="lg:col-span-8 space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    XƯỞNG GIA CÔNG TRỰC TIẾP – THI CÔNG CHUẨN KỸ THUẬT
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    CƠ KHÍ XÂY DỰNG
                    <span class="block mt-1 lg:mt-2 text-primary text-3xl lg:text-4xl">CHẮC KẾT CẤU – ĐẸP HOÀN THIỆN – BỀN THEO NĂM THÁNG</span>
                </h1>
                <p class="text-lg lg:text-xl text-gray-200 font-medium max-w-2xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    CƠ KHÍ XÂY DỰNG không chỉ là làm ra một bộ cửa, một chiếc lan can hay một hệ mái. Thứ khách hàng thật sự cần là độ chắc tay trong kết cấu, độ chuẩn trong từng chi tiết và một đơn vị làm đúng từ bản vẽ đến lúc bàn giao. Làm đẹp mà yếu thì không dùng lâu được. Làm chắc mà thô thì không thể gọi là hoàn thiện.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center uppercase tracking-wide gap-2" href="#contact">
                        Gửi Mẫu Bạn Thích
                        <span class="material-symbols-outlined">send</span>
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center uppercase tracking-wide gap-2" href="#warranty">
                        Xem Chế Độ Bảo Hành
                        <span class="material-symbols-outlined">verified_user</span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Lợi thế -->
    <section class="relative z-20 -mt-10 lg:-mt-20 mb-16">
        <div class="container mx-auto px-4">
            <div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl border border-gray-100 dark:border-gray-700 p-6 lg:p-10">
                <div class="grid md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100 dark:divide-gray-700">
                    <div class="flex items-start gap-4 pt-6 md:pt-0 first:pt-0">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">factory</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Gia Công Chủ Lực Tại Xưởng</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Phần lớn khối lượng được xử lý tại xưởng giúp kiểm soát kích thước, mối hàn và tiến độ tốt hơn, đồng thời giảm bụi bẩn và tiếng ồn tại công trình.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">handyman</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Mối Hàn Gọn, Bề Mặt Đẹp</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Không chỉ hàn cho dính. Chúng tôi xử lý mối nối, mài hoàn thiện và làm bề mặt kỹ để sản phẩm lên form gọn, nhìn chắc và có tính thẩm mỹ cao.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">verified_user</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Thép Đúng Loại, Đúng Độ Dày</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Vật liệu được chốt rõ ngay từ đầu. Không nhập nhằng độ dày, không đổi thép mỏng hơn khi thi công, không để khách hàng phải đoán mình đang nhận cái gì.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="py-16 bg-white dark:bg-slate-900" id="services">
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">DỊCH VỤ CƠ KHÍ XÂY DỰNG TRỌN GÓI</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Nỗi đau lớn nhất của khách hàng khi làm hạng mục sắt thép là nhìn hình thì đẹp nhưng lúc thi công lại thô, rung, nhanh rỉ hoặc lệch kích thước. CƠ KHÍ XÂY DỰNG muốn làm bài bản phải đi từ khảo sát thực tế, tư vấn đúng công năng, chốt vật liệu rõ ràng và thi công ra sản phẩm có thể dùng ổn định lâu dài.</p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-7xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300">
                    <div class="h-48 overflow-hidden relative">
                        <img decoding="async" alt="Thi công Cửa & Cổng Sắt chất lượng" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://cdn-i.doisongphapluat.com.vn/307/2014/6/3/cong-sat-ma-vang-tram-trieu-lam-sang-cho-biet-thu-nha-giau-2.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-lg font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Cửa &amp; Cổng Sắt</h3>
                        <p class="text-xs font-bold text-primary mb-3">CNC / SƠN HOÀN THIỆN CAO CẤP</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-4 line-clamp-3">Thiết kế theo phong cách mặt tiền của từng ngôi nhà, xử lý chắc phần khung, đẹp phần mặt và bền ở lớp hoàn thiện. Không chỉ chống rỉ, mà còn phải giữ được thần thái cho cả mặt đứng công trình.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300">
                    <div class="h-48 overflow-hidden relative">
                        <img decoding="async" alt="Thi công Lan Can & Cầu Thang thép" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://cauthangnghethuatdep.com/wp-content/uploads/2023/07/lan-can-ban-cong-nhom-duc-6.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-lg font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Lan Can &amp; Cầu Thang</h3>
                        <p class="text-xs font-bold text-primary mb-3">AN TOÀN KHI DÙNG MỖI NGÀY</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-4 line-clamp-3">Khoảng cách khe hở, cao độ tay vịn, độ đầm khi bước chân và cảm giác cầm nắm đều phải được xử lý đúng. Đây là hạng mục không được phép đẹp mà thiếu an toàn.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300">
                    <div class="h-48 overflow-hidden relative">
                        <img decoding="async" alt="Lắp đặt Khung Kèo & Mái thép" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaydungancu.com.vn/wp-content/uploads/2023/05/mai-he-khung-keo-go-sat-thep-ma-kem.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-lg font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Khung Kèo &amp; Mái</h3>
                        <p class="text-xs font-bold text-primary mb-3">CHỊU LỰC – CHỐNG DỘT – ỔN ĐỊNH NGOÀI TRỜI</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-4 line-clamp-3">Tính đúng nhịp, đúng khẩu độ, đúng liên kết để hệ mái đứng vững trước nắng mưa và gió lớn. Làm mái mà chỉ nhìn giá rẻ ban đầu, sau này rất dễ trả giá bằng thấm dột và võng kết cấu.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden group hover:-translate-y-2 transition-transform duration-300">
                    <div class="h-48 overflow-hidden relative">
                        <img decoding="async" alt="Xây dựng Nhà Thép Tiền Chế" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://stavianmetal.com/wp-content/uploads/2023/09/nha-thep-tien-che-1.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-lg font-bold text-secondary dark:text-white uppercase mb-2 group-hover:text-primary transition-colors">Nhà Thép Tiền Chế</h3>
                        <p class="text-xs font-bold text-primary mb-3">GIẢI PHÁP THI CÔNG NHANH</p>
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-4 line-clamp-3">Phù hợp showroom, quán café, kho, nhà xưởng hoặc công trình cần rút ngắn thời gian triển khai. Ưu điểm không chỉ là nhanh, mà là nhanh nhưng vẫn phải ra đúng công năng và hình ảnh thương hiệu.</p>
                        <a class="text-sm font-bold text-secondary dark:text-white flex items-center gap-1 hover:gap-2 transition-all" href="#contact">
                            Tư vấn ngay <span class="material-symbols-outlined text-sm">arrow_forward</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Projects Section -->
    <section class="py-16 bg-light-gray dark:bg-slate-900/30" id="projects">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">DẤU ẤN KỸ THUẬT QUA TỪNG CÔNG TRÌNH</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Mỗi công trình hoàn thiện đẹp là kết quả của nhiều thứ làm đúng ngay từ đầu: đo đúng, cắt đúng, hàn đúng, lắp đúng và hoàn thiện kỹ.</p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Mẫu cửa cổng sắt cắt CNC nghệ thuật" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://chohanghoa.com.vn/wp-content/uploads/2020/09/Mau-cong-sat-cnc-my-thuat-dep-57.jpg"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Cửa &amp; Cổng</span>
                        <p class="text-white font-bold text-lg">Cổng CNC Nghệ Thuật</p>
                    </div>
                </div>
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Thi công cầu thang xương cá sắt hộp" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://www.maymainenbetong.com.vn/images/upload/cau-tao-cua-cau-thang-xuong-ca-may-mai-nen-be-tong_1691648842.jpg"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Cầu Thang</span>
                        <p class="text-white font-bold text-lg">Cầu Thang Xương Cá</p>
                    </div>
                </div>
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Lắp dựng kết cấu thép cho showroom" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://hungphuthinh.vn/datafiles/images/nha-thep-tien-che.jpg"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Nhà Tiền Chế</span>
                        <p class="text-white font-bold text-lg">Showroom Kết Cấu Thép</p>
                    </div>
                </div>
            </div>
            <div class="text-center mt-12">
                <a class="inline-flex items-center px-8 py-3 border border-secondary text-secondary font-bold rounded hover:bg-secondary hover:text-white transition uppercase text-sm tracking-wide" href="#">
                    Xem Tất Cả Dự Án
                </a>
            </div>
        </div>
    </section>

    <!-- Warranty Section -->
    <section class="py-16 bg-white dark:bg-slate-900" id="warranty">
        <div class="container mx-auto px-4 max-w-4xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary dark:text-white uppercase">CHÍNH SÁCH BẢO HÀNH TOÀN DIỆN</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Khách hàng sợ nhất không phải lúc ký hợp đồng, mà là lúc công trình có vấn đề rồi không biết ai chịu trách nhiệm. Vì vậy bảo hành phải rõ phạm vi, rõ thời gian và rõ cách xử lý.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">security</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">BẢO HÀNH KẾT CẤU</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Bảo hành cho các lỗi kỹ thuật liên quan đến độ ổn định của khung, liên kết, mối hàn và khả năng chịu lực trong quá trình sử dụng bình thường. Hạng mục nào là phần khung xương thì phải được cam kết chắc chắn bằng trách nhiệm thật, không phải lời nói.</p>
                    </div>
                </details>
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">format_paint</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">BẢO HÀNH LỚP HOÀN THIỆN</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Áp dụng cho các lỗi bong tróc, phai màu bất thường hoặc các vấn đề phát sinh do lỗi xử lý bề mặt và thi công sơn. Một sản phẩm đẹp mà xuống màu quá nhanh thì coi như chưa làm tròn việc.</p>
                    </div>
                </details>
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">water_drop</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">BẢO HÀNH CHỐNG DỘT MÁI</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Đối với hệ mái, máng xối và các điểm tiếp giáp, chúng tôi kiểm tra và xử lý các lỗi gây thấm do thi công chưa chuẩn. Mùa mưa mới là lúc chất lượng thi công lộ ra rõ nhất.</p>
                    </div>
                </details>
                <details class="group bg-surface-light dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">settings</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">BẢO HÀNH PHỤ KIỆN</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <p class="text-slate-700 dark:text-slate-300 text-sm mt-4">Các phụ kiện như khóa, bản lề, tay nắm, ray trượt hoặc chi tiết đi kèm được áp dụng theo chính sách phù hợp của từng hãng và từng chủng loại đã chốt trong hợp đồng.</p>
                    </div>
                </details>
            </div>
        </div>
    </section>

    <!-- Work Process Section -->
    <section class="py-20 bg-light-gray dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">QUY TRÌNH THI CÔNG 4 BƯỚC</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            
            <div class="relative max-w-4xl mx-auto hidden md:block">
                <div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-200 dark:bg-gray-700 -translate-y-1/2 z-0"></div>
                <div class="grid grid-cols-4 gap-4 relative z-10">
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">call</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">1. Liên Hệ &amp; Tiếp Nhận Nhu Cầu</h3>
                        <p class="text-sm text-gray-500 px-2">Lắng nghe nhu cầu thực tế của khách hàng, xác định hạng mục cần làm, phong cách mong muốn và mức đầu tư dự kiến.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">straighten</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">2. Khảo Sát &amp; Đề Xuất Giải Pháp</h3>
                        <p class="text-sm text-gray-500 px-2">Đo đạc tại hiện trường, kiểm tra vị trí lắp đặt, xem điều kiện thi công và đưa ra phương án phù hợp thay vì báo giá theo cảm tính.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary mb-6 shadow-lg group-hover:scale-110 transition duration-300">
                            <span class="material-symbols-outlined text-3xl">request_quote</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">3. Chốt Giá, Chốt Mẫu, Chốt Vật Liệu</h3>
                        <p class="text-sm text-gray-500 px-2">Khi mọi thứ đã rõ thì công việc mới đi nhanh. Đây là bước khóa lại kích thước, kiểu dáng, vật liệu, màu sắc và phạm vi thực hiện để tránh phát sinh.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-20 h-20 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-6 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">construction</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white text-lg mb-2">4. Gia Công &amp; Lắp Đặt Hoàn Thiện</h3>
                        <p class="text-sm text-gray-500 px-2">Sản xuất tại xưởng, vận chuyển tới công trình, lắp đặt, căn chỉnh và hoàn thiện bề mặt trước khi bàn giao.</p>
                    </div>
                </div>
            </div>
            
            <div class="relative max-w-md mx-auto md:hidden">
                <div class="absolute left-6 top-4 bottom-4 w-0.5 bg-gray-200 dark:bg-gray-700"></div>
                <div class="space-y-8">
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">call</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">1. Liên Hệ &amp; Tiếp Nhận Nhu Cầu</h3>
                            <p class="text-sm text-gray-500">Lắng nghe nhu cầu thực tế của khách hàng, xác định hạng mục cần làm, phong cách mong muốn và mức đầu tư dự kiến.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">straighten</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">2. Khảo Sát &amp; Đề Xuất Giải Pháp</h3>
                            <p class="text-sm text-gray-500">Đo đạc tại hiện trường, kiểm tra vị trí lắp đặt, xem điều kiện thi công và đưa ra phương án phù hợp thay vì báo giá theo cảm tính.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">request_quote</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">3. Chốt Giá, Chốt Mẫu, Chốt Vật Liệu</h3>
                            <p class="text-sm text-gray-500">Khi mọi thứ đã rõ thì công việc mới đi nhanh. Đây là bước khóa lại kích thước, kiểu dáng, vật liệu, màu sắc và phạm vi thực hiện để tránh phát sinh.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">construction</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">4. Gia Công &amp; Lắp Đặt Hoàn Thiện</h3>
                            <p class="text-sm text-gray-500">Sản xuất tại xưởng, vận chuyển tới công trình, lắp đặt, căn chỉnh và hoàn thiện bề mặt trước khi bàn giao.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <script>
        // Script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-cokhi-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c0634d0 e-flex e-con-boxed e-con e-parent" data-id="c0634d0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-82291da e-con-full e-flex e-con e-child" data-id="82291da" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-2d5e7ba elementor-widget elementor-widget-html" data-id="2d5e7ba" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					 <div class="md:col-span-5 bg-secondary p-8 flex flex-col justify-between text-white relative overflow-hidden rounded-2xl shadow-2xl h-full">
                    <div class="absolute -top-10 -left-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="absolute bottom-10 right-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="md:hidden mb-6 block">
                        <div class="inline-flex bg-primary/90 text-white px-4 py-2 rounded-lg items-center gap-2 shadow-lg backdrop-blur-sm border border-white/20">
                            <span class="material-symbols-outlined text-xl animate-pulse">percent</span>
                            <span class="font-bold text-sm">ƯU ĐÃI ĐẶC BIỆT</span>
                        </div>
                    </div>
                    <div class="relative z-10 flex-1">
                        <h3 class="text-2xl font-bold mb-4 font-display uppercase leading-tight">LÀM ĐÚNG NGAY TỪ HỆ KHUNG<br/><span class="text-primary">ĐỂ NGÔI NHÀ CHẮC VÀ ĐẸP LÂU DÀI</span></h3>
                        <p class="text-gray-300 text-sm mb-8">
                            Gửi nhu cầu của anh cho Xây Nhà Tốc Độ, đội ngũ sẽ khảo sát, tư vấn hướng làm phù hợp và báo giá rõ từng hạng mục để anh dễ chốt phương án.
                        </p>
                        <div class="space-y-6">
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">draw</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Tặng Thiết Kế Mẫu Theo Nhu Cầu</h4>
                                    <p class="text-xs text-gray-400">Hỗ trợ dựng phương án sơ bộ để khách hàng dễ hình dung trước khi triển khai.</p>
                                </div>
                            </div>
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">price_check</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Ưu Đãi Cho Hợp Đồng Trọn Gói</h4>
                                    <p class="text-xs text-gray-400">Tối ưu chi phí hơn khi chốt đồng bộ nhiều hạng mục trong cùng một công trình.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-8 pt-8 border-t border-white/10 relative z-10">
                        <div class="flex items-center gap-3 text-sm">
                            <span class="material-symbols-outlined text-primary">call</span>
                            <span class="font-bold">0866.186.189</span>
                        </div>
                    </div>
                </div>
                				</div>
				</div>
		<div class="elementor-element elementor-element-7c11207 e-con-full e-flex e-con e-child" data-id="7c11207" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7151c15 elementor-widget elementor-widget-shortcode" data-id="7151c15" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/co-khi-xay-dung-xay-nha-toc-do/">CƠ KHÍ XÂY DỰNG</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/co-khi-xay-dung-xay-nha-toc-do/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Thiết Kế Thi công Nội Thất</title>
		<link>https://xaynhatocdo.com/thiet-ke-thi-cong-noi-that/</link>
					<comments>https://xaynhatocdo.com/thiet-ke-thi-cong-noi-that/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 10 Mar 2026 07:46:24 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<category><![CDATA[Nội Thất và Dịch Vụ khác]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2095</guid>

					<description><![CDATA[<p>GIẢI PHÁP NỘI THẤT TRỌN GÓI TỪ THIẾT KẾ ĐẾN BÀN GIAO THIẾT KẾ THI CÔNG NỘI THẤT ĐẸP ĐÚNG BẢN VẼ, CHẮC TỪNG CHI TIẾT THIẾT KẾ THI CÔNG NỘI THẤT không phải chuyện chọn vài món đồ cho đẹp mắt. Khách hàng cần một đơn vị hiểu công năng, kiểm soát ngân sách, [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thiet-ke-thi-cong-noi-that/">Thiết Kế Thi công Nội Thất</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2095" class="elementor elementor-2095" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-ee34e4f e-flex e-con-boxed e-con e-parent" data-id="ee34e4f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6245dac elementor-widget elementor-widget-html" data-id="6245dac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ================= THƯ VIỆN & CẤU HÌNH ================= -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Open Sans", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-noithat-wrapper { 
        font-family: 'Open Sans', sans-serif; 
        /* Kỹ thuật bẻ gãy padding Elementor, ép tràn viền 100% màn hình */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-noithat-wrapper h1, .xntd-noithat-wrapper h2, .xntd-noithat-wrapper h3, .xntd-noithat-wrapper h4, .xntd-noithat-wrapper h5, .xntd-noithat-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-noithat-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-noithat-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-noithat-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-noithat-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<!-- ================= NỘI DUNG CHÍNH ================= -->
<div class="xntd-noithat-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    
    <!-- Hero Banner -->
    <section class="relative w-full min-h-[600px] lg:min-h-[75vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-24">
        <img decoding="async" alt="Không gian phòng khách nội thất sang trọng, đẳng cấp" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://xhomesg.com.vn/wp-content/uploads/2025/05/thiet-ke-nha-pho-3-tang-ket-hop-phong-kham-4-1.jpg"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-12 gap-12 items-center">
            <div class="lg:col-span-7 space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    GIẢI PHÁP NỘI THẤT TRỌN GÓI TỪ THIẾT KẾ ĐẾN BÀN GIAO
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    THIẾT KẾ THI CÔNG NỘI THẤT
                    <span class="block mt-1 lg:mt-2 text-primary text-3xl lg:text-4xl">ĐẸP ĐÚNG BẢN VẼ, CHẮC TỪNG CHI TIẾT</span>
                </h1>
                <p class="text-lg lg:text-xl text-gray-200 font-medium max-w-xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    THIẾT KẾ THI CÔNG NỘI THẤT không phải chuyện chọn vài món đồ cho đẹp mắt. Khách hàng cần một đơn vị hiểu công năng, kiểm soát ngân sách, xử lý chi tiết kỹ thuật và làm ra thành phẩm thực sự dùng bền mỗi ngày. Làm đúng từ đầu thì đỡ sửa, đỡ phát sinh, đỡ mất thời gian.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center uppercase tracking-wide" href="#pricing">
                        Xem Báo Giá
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center uppercase tracking-wide" href="#projects">
                        Xem Công Trình Mẫu
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Lợi thế -->
    <section class="relative z-20 -mt-10 lg:-mt-20 mb-16">
        <div class="container mx-auto px-4">
            <div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl border border-gray-100 dark:border-gray-700 p-6 lg:p-10">
                <div class="grid md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100 dark:divide-gray-700">
                    <div class="flex items-start gap-4 pt-6 md:pt-0 first:pt-0">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">factory</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Triển Khai Theo Quy Trình Rõ Ràng</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Từ khảo sát, lên bản vẽ, chốt vật liệu đến thi công đều có trình tự rõ ràng, giúp chủ nhà kiểm soát công việc và hạn chế phát sinh.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">forest</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Vật Liệu Chốt Rõ Từ Đầu</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Báo giá thể hiện rõ chủng loại, quy cách và mức hoàn thiện. Không mập mờ, không đổi vật tư khi chưa có xác nhận.</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4 pt-6 md:pt-0 md:pl-8">
                        <div class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary shrink-0">
                            <span class="material-symbols-outlined text-3xl">straighten</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase mb-1">Đo Đạc Sát Hiện Trạng</h3>
                            <p class="text-sm text-gray-500 dark:text-gray-400">Từng góc khuất, cốt sàn, dầm, hộp kỹ thuật đều được kiểm tra kỹ để thi công khít thực tế, giảm lỗi khi lắp đặt.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="py-16 bg-white dark:bg-slate-900" id="pricing">
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Báo Giá THIẾT KẾ THI CÔNG NỘI THẤT</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Mỗi công trình có nhu cầu khác nhau: ở thực, cho thuê, cải tạo hay làm mới hoàn toàn. Chọn đúng gói ngay từ đầu sẽ tiết kiệm rất nhiều chi phí và thời gian xử lý về sau.</p>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden flex flex-col hover:border-secondary transition-colors duration-300 group">
                    <div class="h-64 overflow-hidden relative">
                        <img decoding="async" alt="Nội thất căn hộ dịch vụ studio" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Thiet-ke-CHDV-e1773129638907.png"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white">
                            <div class="font-bold text-xl">Gói Căn Hộ Dịch Vụ / Studio</div>
                            <div class="text-sm opacity-90">Tối Ưu Công Năng & Độ Bền Khai Thác</div>
                        </div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <div class="flex items-baseline justify-center gap-1 mb-6">
                            <span class="text-secondary dark:text-white font-extrabold text-3xl">19tr - 40tr</span>
                            <span class="text-gray-500 font-medium">/ phòng</span>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-4 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Thiết kế module gọn, dễ thi công, dễ thay thế khi cần bảo trì.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Ưu tiên vật liệu chịu ẩm, chống trầy, phù hợp công trình khai thác liên tục.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Bố trí đủ giường, tủ áo, bàn làm việc, bếp và hệ lưu trữ cơ bản.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Phù hợp chủ đầu tư cần bài toán nhanh, gọn, hiệu quả và bền vận hành.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-secondary hover:bg-secondary/90 text-white font-bold rounded-lg text-center text-sm transition uppercase tracking-wide" href="#contact">
                            Nhận Báo Giá Chi Tiết
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border-2 border-primary relative overflow-hidden flex flex-col hover:-translate-y-2 transition-transform duration-300">
                    <div class="absolute top-0 right-0 bg-primary text-white text-xs font-bold px-4 py-1.5 rounded-bl-xl z-20 shadow-md">CAO CẤP</div>
                    <div class="h-64 overflow-hidden relative group">
                        <img decoding="async" alt="Nội thất nhà phố sang trọng" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Elegant-living-room-with-classic-design-e1773129523774.png"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white">
                            <div class="font-bold text-xl">Gói Nhà Phố / Biệt Thự</div>
                            <div class="text-sm opacity-90">Cá Nhân Hóa Không Gian Sống</div>
                        </div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <div class="bg-orange-50 dark:bg-slate-700/50 p-2 rounded-lg mb-6 text-center border border-orange-100 dark:border-slate-600">
                            <p class="text-primary font-bold text-sm uppercase">Thiết kế và báo giá theo hiện trạng thực tế</p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-4 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Tùy chọn vật liệu theo gu thẩm mỹ và mức đầu tư: Laminate, Acrylic, Veneer, gỗ tự nhiên.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Tập trung xử lý các điểm người dùng chạm vào mỗi ngày: tủ bếp, tủ áo, lavabo, kệ TV, vách trang trí.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Kết hợp ánh sáng, ổ cắm, phụ kiện và thói quen sử dụng để không gian đẹp mà vẫn tiện.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Phối cảnh 3D đi kèm rà soát kỹ thuật trước khi vào sản xuất.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded-lg text-center text-sm transition shadow-lg shadow-orange-500/30 uppercase tracking-wide" href="#contact">
                            Đăng Ký Khảo Sát
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Material Details Accordion -->
    <section class="py-16 bg-light-gray dark:bg-slate-900/50">
        <div class="container mx-auto px-4 max-w-5xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary dark:text-white uppercase">Rõ Vật Liệu, Rõ Chất Lượng Hoàn Thiện</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Nỗi sợ lớn nhất của khách hàng là bản vẽ đẹp nhưng thi công ra khác, báo giá một kiểu nhưng vật liệu làm một kiểu. THIẾT KẾ THI CÔNG NỘI THẤT chỉ đáng tiền khi mọi chủng loại được chốt rõ trước lúc triển khai.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">layers</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase">CỐT GỖ VÀ VẬT LIỆU NỀN</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">MDF/MFC chống ẩm: phù hợp hầu hết khu vực khô trong nhà, cân bằng tốt giữa chi phí và độ bền.</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Tấm chịu nước: ưu tiên cho khu vực gần chậu rửa, khu bếp hoặc nơi có độ ẩm cao.</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Gỗ tự nhiên chọn lọc: dùng cho hạng mục cần cảm giác chắc tay, sang và có chiều sâu vật liệu.</span>
                            </div>
                        </div>
                    </div>
                </details>
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">format_paint</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase">BỀ MẶT, SƠN VÀ THẨM MỸ HOÀN THIỆN</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Sơn phủ: chú trọng độ bám màu, hạn chế ngả vàng và dễ vệ sinh trong quá trình sử dụng.</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Bề mặt hoàn thiện: Melamine, Laminate, Acrylic hoặc Veneer tùy phong cách và ngân sách đầu tư.</span>
                            </div>
                        </div>
                    </div>
                </details>
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">hardware</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white uppercase">PHỤ KIỆN VÀ CHI TIẾT CHUYỂN ĐỘNG</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Bản lề, ray trượt: vận hành êm, giảm chấn tốt, hạn chế xệ cánh và kẹt ngăn kéo sau thời gian dài.</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm">Phụ kiện bếp: tối ưu thao tác nấu nướng, tăng khả năng lưu trữ và giữ bếp gọn hơn mỗi ngày.</span>
                            </div>
                        </div>
                    </div>
                </details>
            </div>
        </div>
    </section>

    <!-- Work Process Section -->
    <section class="py-20 bg-surface-light dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Quy Trình Triển Khai Từ Bản Vẽ Đến Bàn Giao</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            
            <!-- Process for Desktop -->
            <div class="relative max-w-5xl mx-auto hidden md:block">
                <div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-200 dark:bg-gray-700 -translate-y-1/2 z-0"></div>
                <div class="grid grid-cols-5 gap-4 relative z-10">
                    <div class="text-center group">
                        <div class="w-16 h-16 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-4 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">square_foot</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white mb-2">Khảo Sát Hiện Trạng</h3>
                        <p class="text-xs text-gray-500 px-2">Đo đạc thực tế, ghi nhận nhu cầu sử dụng, rà các điểm khó và tư vấn hướng xử lý phù hợp.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-16 h-16 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-4 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">design_services</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white mb-2">Lên Phối Cảnh Và Kỹ Thuật</h3>
                        <p class="text-xs text-gray-500 px-2">Chốt phong cách, màu sắc, công năng và kích thước để tránh sửa đổi khi đã vào sản xuất.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-16 h-16 mx-auto bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary mb-4 shadow-lg group-hover:scale-110 transition duration-300">
                            <span class="material-symbols-outlined text-3xl">precision_manufacturing</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white mb-2">Gia Công Tại Xưởng</h3>
                        <p class="text-xs text-gray-500 px-2">Sản xuất theo bản vẽ đã duyệt, kiểm tra chi tiết trước khi đưa ra công trình lắp đặt.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-16 h-16 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-4 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">construction</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white mb-2">Thi Công Lắp Đặt</h3>
                        <p class="text-xs text-gray-500 px-2">Lắp đúng kỹ thuật, căn chỉnh phẳng, kín khít và giữ công trình gọn gàng trong suốt quá trình làm việc.</p>
                    </div>
                    <div class="text-center group">
                        <div class="w-16 h-16 mx-auto bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary mb-4 shadow-lg group-hover:scale-110 group-hover:border-primary group-hover:text-primary transition duration-300">
                            <span class="material-symbols-outlined text-3xl">verified_user</span>
                        </div>
                        <h3 class="font-bold text-secondary dark:text-white mb-2">Nghiệm Thu & Bảo Hành</h3>
                        <p class="text-xs text-gray-500 px-2">Bàn giao theo checklist rõ ràng, có đầu mối hỗ trợ nếu phát sinh trong quá trình sử dụng.</p>
                    </div>
                </div>
            </div>
            
            <!-- Process for Mobile -->
            <div class="relative max-w-md mx-auto md:hidden">
                <div class="absolute left-6 top-4 bottom-4 w-0.5 bg-gray-200 dark:bg-gray-700"></div>
                <div class="space-y-8">
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">square_foot</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">1. Khảo Sát Hiện Trạng</h3>
                            <p class="text-sm text-gray-500">Đo đạc thực tế, ghi nhận nhu cầu sử dụng, rà các điểm khó và tư vấn hướng xử lý phù hợp.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">design_services</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">2. Lên Phối Cảnh Và Kỹ Thuật</h3>
                            <p class="text-sm text-gray-500">Chốt phong cách, màu sắc, công năng và kích thước để tránh sửa đổi khi đã vào sản xuất.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-primary rounded-full flex items-center justify-center text-primary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">precision_manufacturing</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">3. Gia Công Tại Xưởng</h3>
                            <p class="text-sm text-gray-500">Sản xuất theo bản vẽ đã duyệt, kiểm tra chi tiết trước khi đưa ra công trình lắp đặt.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">construction</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">4. Thi Công Lắp Đặt</h3>
                            <p class="text-sm text-gray-500">Lắp đúng kỹ thuật, căn chỉnh phẳng, kín khít và giữ công trình gọn gàng trong suốt quá trình làm việc.</p>
                        </div>
                    </div>
                    <div class="flex gap-6 relative">
                        <div class="w-12 h-12 bg-white dark:bg-slate-800 border-4 border-secondary rounded-full flex items-center justify-center text-secondary shrink-0 z-10 shadow">
                            <span class="material-symbols-outlined text-xl">verified_user</span>
                        </div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white">5. Nghiệm Thu & Bảo Hành</h3>
                            <p class="text-sm text-gray-500">Bàn giao theo checklist rõ ràng, có đầu mối hỗ trợ nếu phát sinh trong quá trình sử dụng.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Projects Section -->
    <section class="py-16 bg-light-gray dark:bg-slate-900/30" id="projects">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Dự Án Nội Thất Tiêu Biểu</h2>
            </div>
            <div class="flex flex-wrap justify-center gap-4 mb-10">
                <span class="px-6 py-2 bg-primary text-white font-bold rounded-full text-sm cursor-pointer shadow-lg shadow-orange-500/30">Tất Cả</span>
                <span class="px-6 py-2 bg-white dark:bg-slate-800 hover:bg-gray-100 text-secondary dark:text-slate-300 font-bold rounded-full text-sm cursor-pointer border border-gray-200 dark:border-gray-700 transition">Phòng Bếp</span>
                <span class="px-6 py-2 bg-white dark:bg-slate-800 hover:bg-gray-100 text-secondary dark:text-slate-300 font-bold rounded-full text-sm cursor-pointer border border-gray-200 dark:border-gray-700 transition">Phòng Ngủ</span>
                <span class="px-6 py-2 bg-white dark:bg-slate-800 hover:bg-gray-100 text-secondary dark:text-slate-300 font-bold rounded-full text-sm cursor-pointer border border-gray-200 dark:border-gray-700 transition">Phòng Khách</span>
                <span class="px-6 py-2 bg-white dark:bg-slate-800 hover:bg-gray-100 text-secondary dark:text-slate-300 font-bold rounded-full text-sm cursor-pointer border border-gray-200 dark:border-gray-700 transition">Studio</span>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Nội thất Phòng Bếp Hiện Đại" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/bep-chu-L-e1773128128363.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Phòng Bếp</span>
                        <p class="text-white font-bold text-lg">Hệ Tủ Bếp Chữ L Tối Ưu Công Năng</p>
                    </div>
                </div>
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Nội thất Phòng Ngủ Master" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/ChatGPT-Image-Mar-10-2026-02_42_41-PM-e1773129120392.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Phòng Ngủ</span>
                        <p class="text-white font-bold text-lg">Phòng Ngủ Master Đồng Bộ Vật Liệu</p>
                    </div>
                </div>
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Nội thất Phòng Khách Sang Trọng" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Elegant-living-room-with-classic-design-e1773129523774.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Phòng Khách</span>
                        <p class="text-white font-bold text-lg">Sofa, Kệ TV Và Vách Trang Trí</p>
                    </div>
                </div>
                <div class="group relative aspect-[4/3] w-full overflow-hidden rounded-xl cursor-pointer shadow-md block">
                    <img decoding="async" alt="Căn Hộ Studio Thủ Đức" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Thiet-ke-CHDV-e1773129638907.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-100 transition-opacity flex flex-col justify-end p-6">
                        <span class="text-primary text-xs font-bold uppercase mb-1">Căn Hộ Studio</span>
                        <p class="text-white font-bold text-lg">Combo Hoàn Thiện Cho Thuê Nhanh</p>
                    </div>
                </div>
            </div>
            <div class="text-center mt-12">
                <a class="inline-flex items-center px-8 py-3 border border-secondary text-secondary font-bold rounded hover:bg-secondary hover:text-white transition uppercase text-sm tracking-wide" href="#">
                    Xem Tất Cả Dự Án
                </a>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="py-20 bg-white dark:bg-surface-dark">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Khách Hàng Nói Về Chúng Tôi</h2>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-light-gray dark:bg-slate-800 p-8 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 relative">
                    <span class="material-symbols-outlined text-6xl text-gray-200 dark:text-slate-700 absolute top-6 right-6 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Anh Hoàng" class="w-full h-full object-cover" src="https://lh3.googleusercontent.com/aida-public/AB6AXuArkN4u5SKiFFc5Bi2U4b0VA35Q4Q8o2IzYekszeEC2CUXxg-m6mHD1t4WEIArDwtTQcKgGye4xewQXhn8pgBGA9F7cew5Yw2FYxIXtBnhQKM-oDQsMFrPcS4LrlpTR99cBNGqZRGMota_gmKJiKMW1JcNS8C_HOt5HpK8HXGuMIWHqv41B-6h7QkTN_54UVrtXdu5yf25V2QF1ldx2DT_WD8wD9rwAqvVy-f2z27ZyITd_aWF5iexr781x8b_uug3XcSzbKnnOLLM"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Anh Hoàng</h4>
                            <p class="text-xs text-gray-500">Gò Vấp, TP.HCM</p>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Tôi từng làm nội thất một lần và bị phát sinh rất nhiều vì ban đầu không chốt kỹ. Lần này bên đội ngũ làm khá chắc: khảo sát kỹ, tư vấn thẳng, cái gì nên làm thì nói nên, cái gì chưa cần thì nói chưa cần. Tôi đánh giá cao nhất là lúc thi công lên đúng tinh thần bản vẽ và anh em làm việc có trách nhiệm."</p>
                </div>
                <div class="bg-light-gray dark:bg-slate-800 p-8 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 relative">
                    <span class="material-symbols-outlined text-6xl text-gray-200 dark:text-slate-700 absolute top-6 right-6 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Chị Mai Phương" class="w-full h-full object-cover" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCipYyi8pBTQMSwFTiIx0hwutxdFrtA8XU1mk_0KqcBkB470uo81BuRYx0T_aopCc7FUwyWyroehLFdhnVf1VqIStr1YnYet6cC3FGO899zifQUMsBeUYy61IV8t8DFhNcNV4CqABs7elyih43u0BvDYAiiR4NmV-QtwvVa1SWXh4Pzid1212a7yQ0DfC6t6MtHjDa76dw9IsGvm01mmx6TDlmzPYyPvkVo8esdmX4kgyBGggRRxsjUbh4BdixiKBydDJjmWzj4588"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Chị Mai Phương</h4>
                            <p class="text-xs text-gray-500">Quận 7, TP.HCM</p>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Nhà tôi cần hoàn thiện để kịp dọn vào ở nên rất sợ trễ tiến độ. Team cập nhật công việc rõ ràng, làm gọn, kiểm tra kỹ từng hạng mục trước khi bàn giao. Không gian sau khi hoàn thiện nhìn sang hơn tôi nghĩ và dùng hằng ngày rất tiện."</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Khối Khuyến Mãi Độc Lập -->
    <section class="py-16 bg-secondary text-white relative overflow-hidden">
        <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
        <div class="container mx-auto px-4 relative z-10 max-w-6xl">
            <div class="grid lg:grid-cols-2 gap-12 items-center">
                <div>
                    <div class="block lg:hidden mb-6">
                        <div class="inline-flex bg-primary text-white p-4 rounded-xl shadow-xl items-center gap-3">
                            <div class="bg-white/20 p-2 rounded-full">
                                <span class="material-symbols-outlined text-2xl">celebration</span>
                            </div>
                            <div>
                                <p class="font-bold text-xl leading-none">ƯU ĐÃI</p>
                                <p class="text-sm text-white/90">Tặng gói hoàn thiện</p>
                            </div>
                        </div>
                    </div>
                    <span class="bg-primary text-white text-xs font-bold px-3 py-1 rounded uppercase tracking-wider mb-4 inline-block shadow-sm">Ưu Đãi Đặc Biệt</span>
                    <h2 class="text-3xl lg:text-4xl font-extrabold mb-6 uppercase leading-tight">Vì Sao Khách Hàng Chọn<br/><span class="text-primary">THIẾT KẾ THI CÔNG NỘI THẤT</span></h2>
                    <ul class="space-y-6">
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0 shadow-inner">
                                <span class="material-symbols-outlined text-2xl">design_services</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Miễn Phí Hồ Sơ Phối Cảnh Khi Đủ Điều Kiện</h4>
                                <p class="text-gray-300 text-sm mt-1">Áp dụng cho khách hàng triển khai trọn gói theo khối lượng phù hợp.</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0 shadow-inner">
                                <span class="material-symbols-outlined text-2xl">kitchen</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Tặng Gói Phụ Kiện Hoàn Thiện Theo Hợp Đồng</h4>
                                <p class="text-gray-300 text-sm mt-1">Ưu đãi tập trung vào giá trị sử dụng thật, không phải tặng cho có.</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0 shadow-inner">
                                <span class="material-symbols-outlined text-2xl">local_shipping</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Miễn Phí Vận Chuyển &amp; Lắp Đặt Nội Thành</h4>
                            </div>
                        </li>
                    </ul>
                    <p class="text-gray-300 text-sm mt-8 pt-6 border-t border-white/20">THIẾT KẾ THI CÔNG NỘI THẤT chỉ đáng làm khi có người đứng ra chịu trách nhiệm đến cùng: đúng vật liệu, đúng bản vẽ, đúng tiến độ và bàn giao ra một không gian dùng được ngay, không để khách hàng tự đi xử lý phần còn lại.</p>
                </div>
                <div class="relative mt-8 lg:mt-0">
                    <img decoding="async" alt="Quà tặng nội thất tân gia" class="rounded-xl shadow-2xl border-4 border-white/10 rotate-2 hover:rotate-0 transition duration-500 w-full object-cover h-80 lg:h-96" src="https://noithatgiakhanh.com/wp-content/uploads/2024/09/noi-that-nha-bep-2-scaled.jpg"/>
                    <div class="absolute -bottom-6 -right-6 bg-primary text-white p-6 rounded-xl shadow-2xl hidden lg:block animate-bounce" style="animation-duration: 3s;">
                        <p class="font-bold text-2xl">ƯU ĐÃI</p>
                        <p class="text-sm font-medium mt-1">Tặng gói hoàn thiện</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <script>
        // Script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-noithat-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
				<div class="elementor-element elementor-element-3ebef03 elementor-widget elementor-widget-heading" data-id="3ebef03" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default"><div class="w-full max-w-[1300px] mx-auto px-4 md:px-6 mb-10 text-center md:text-center">
        <h2 class="text-2xl md:text-3xl font-display font-bold text-secondary uppercase tracking-wider"> Nhận tư vấn từ chuyên gia</h2>
        <div class="w-16 h-1 bg-primary mt-4 mx-auto md:mx"></div>
    </div></h2>				</div>
				<div class="elementor-element elementor-element-5f7e771 elementor-widget elementor-widget-shortcode" data-id="5f7e771" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thiet-ke-thi-cong-noi-that/">Thiết Kế Thi công Nội Thất</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/thiet-ke-thi-cong-noi-that/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Thiết Kế kiến trúc</title>
		<link>https://xaynhatocdo.com/thiet-ke-kien-truc/</link>
					<comments>https://xaynhatocdo.com/thiet-ke-kien-truc/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 05 Mar 2026 09:44:43 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2024</guid>

					<description><![CDATA[<p>&#160; Giải pháp thiết kế thực chiến &#8211; Đẹp trên giấy, Dễ ngoài đời Dịch vụ thiết kế kiến trúc Nhà Phố – Biệt Thự – CHDV Dẹp bỏ rủi ro &#8220;đội&#8221; vốn! Chúng tôi cung cấp thiết kế kiến trúc chuẩn kỹ thuật: Vừa thẩm mỹ, dễ thi công, vừa giúp bạn tối ưu [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thiet-ke-kien-truc/">Thiết Kế kiến trúc</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2024" class="elementor elementor-2024" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9a8e5d7 e-flex e-con-boxed e-con e-parent" data-id="9a8e5d7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7532f71 elementor-widget elementor-widget-html" data-id="7532f71" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Open Sans", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-trang1-wrapper { 
        font-family: 'Open Sans', sans-serif; 
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-trang1-wrapper h1, .xntd-trang1-wrapper h2, .xntd-trang1-wrapper h3, .xntd-trang1-wrapper h4, .xntd-trang1-wrapper h5, .xntd-trang1-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-trang1-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-trang1-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-trang1-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
</style>

<div class="xntd-trang1-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    
    <section class="relative w-full min-h-[600px] lg:min-h-[85vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-0">
        <img decoding="async" alt="Dịch vụ thiết kế kiến trúc chuẩn mực cho nhà phố và biệt thự" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/1234.jpg"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-2 gap-12 items-center">
            <div class="space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-semibold text-sm mb-2">
                    Giải pháp thiết kế thực chiến - Đẹp trên giấy, Dễ ngoài đời
                </div>
                <h1 class="text-4xl lg:text-6xl font-extrabold text-white !leading-snug uppercase">
                    Dịch vụ thiết kế kiến trúc
                    <span class="block mt-1 lg:mt-2 text-primary text-3xl lg:text-4xl">Nhà Phố – Biệt Thự – CHDV</span>
                </h1>
                <p class="text-xl text-gray-200 font-light max-w-xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    Dẹp bỏ rủi ro "đội" vốn! Chúng tôi cung cấp thiết kế kiến trúc chuẩn kỹ thuật: Vừa thẩm mỹ, dễ thi công, vừa giúp bạn tối ưu từng mét vuông và kiểm soát ngân sách tuyệt đối.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center" href="https://xaynhatocdo.com/lien-he">
                        Nhận Tư Vấn & Báo Giá Ngay
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center" href="#projects">
                        Xem Công Trình Thực Tế
                    </a>
                </div>
                <div class="block lg:hidden mt-8">
                    <div class="bg-surface-light/95 dark:bg-surface-dark/95 backdrop-blur-md p-6 rounded-xl shadow-2xl border border-white/20 dark:border-gray-700 w-full text-left">
                        <h3 class="text-[#004054] dark:text-white font-bold text-lg mb-4 border-b pb-2 border-gray-200 dark:border-gray-700">Giá trị thật chúng tôi mang lại:</h3>
                        <ul class="space-y-4">
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded text-[#D77829]">
                                    <span class="material-symbols-outlined text-2xl font-bold">aspect_ratio</span>
                                </span>
                                <div>
                                    <strong class="block text-[#004054] dark:text-gray-200 font-bold">Tối ưu từng centimet vuông</strong>
                                    <span class="text-sm text-gray-600 dark:text-gray-400 font-medium">Không góc chết, không gian thông thoáng, vừa thẩm mỹ vừa cực kỳ tiện dụng.</span>
                                </div>
                            </li>
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded text-[#D77829]">
                                    <span class="material-symbols-outlined text-2xl font-bold">construction</span>
                                </span>
                                <div>
                                    <strong class="block text-[#004054] dark:text-gray-200 font-bold">Thiết kế là để "Xây Được"</strong>
                                    <span class="text-sm text-gray-600 dark:text-gray-400 font-medium">Hồ sơ nét căng, thợ nhìn là hiểu. Đánh bay nỗi lo "vẽ một đường, làm một nẻo".</span>
                                </div>
                            </li>
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded text-[#D77829]">
                                    <span class="material-symbols-outlined text-2xl font-bold">savings</span>
                                </span>
                                <div>
                                    <strong class="block text-[#004054] dark:text-gray-200 font-bold">Chặn đứng chi phí phát sinh</strong>
                                    <span class="text-sm text-gray-600 dark:text-gray-400 font-medium">Bóc tách vật tư chuẩn xác, giúp bạn làm chủ tài chính ngay từ vạch xuất phát.</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="hidden lg:block relative">
                <div class="bg-surface-light/95 dark:bg-surface-dark/95 backdrop-blur-md p-8 rounded-xl shadow-2xl border border-white/20 dark:border-gray-700 max-w-md ml-auto">
                    <h3 class="text-secondary dark:text-white font-bold text-xl mb-4 border-b pb-2 border-gray-200 dark:border-gray-700">Giá trị thật chúng tôi mang lại:</h3>
                    <ul class="space-y-4">
                        <li class="flex items-start gap-3">
                            <span class="bg-primary/10 p-1 rounded text-primary">
                                <span class="material-symbols-outlined text-xl">aspect_ratio</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200">Tối ưu từng centimet vuông</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Không góc chết, không gian thông thoáng, vừa thẩm mỹ vừa cực kỳ tiện dụng.</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-3">
                            <span class="bg-primary/10 p-1 rounded text-primary">
                                <span class="material-symbols-outlined text-xl">construction</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200">Thiết kế là để "Xây Được"</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Hồ sơ nét căng, thợ nhìn là hiểu. Đánh bay nỗi lo "vẽ một đường, làm một nẻo".</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-3">
                            <span class="bg-primary/10 p-1 rounded text-primary">
                                <span class="material-symbols-outlined text-xl">savings</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200">Chặn đứng chi phí phát sinh</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Bóc tách vật tư chuẩn xác, giúp bạn làm chủ tài chính ngay từ vạch xuất phát.</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4">Thiết kế kiến trúc: Tấm khiên bảo vệ túi tiền của bạn</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400">Bạn có biết 80% rủi ro đập đi xây lại đến từ việc thiếu một bản vẽ chuẩn? Tại Xây Nhà Tốc Độ, chúng tôi tin rằng hồ sơ thiết kế không chỉ để lấy cái mặt tiền đẹp. Đó còn là "tấm bản đồ" quyết định sự thông thoáng, độ bền vững và việc dòng tiền của bạn có bị lãng phí hay không.</p>
            </div>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700 hover:shadow-xl transition group">
                    <div class="w-16 h-16 bg-blue-50 dark:bg-slate-700 rounded-full flex items-center justify-center mb-6 group-hover:bg-primary transition-colors">
                        <span class="material-symbols-outlined text-3xl text-secondary dark:text-blue-300 group-hover:text-white">crop_free</span>
                    </div>
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">Tận dụng triệt để không gian</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
                        Chia phòng thông minh, dẹp bỏ hoàn toàn góc chết. Mọi ngóc ngách đều được tính toán để đón trọn ánh sáng và gió trời, mang lại sinh khí cho ngôi nhà.
                    </p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700 hover:shadow-xl transition group">
                    <div class="w-16 h-16 bg-blue-50 dark:bg-slate-700 rounded-full flex items-center justify-center mb-6 group-hover:bg-primary transition-colors">
                        <span class="material-symbols-outlined text-3xl text-secondary dark:text-blue-300 group-hover:text-white">request_quote</span>
                    </div>
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">Dự trù tài chính chuẩn xác</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
                        Chỉ rõ bạn cần mua vật liệu gì, kết cấu ra sao ngay trên bản vẽ. Tạm biệt nỗi ám ảnh mang tên "chi phí phát sinh ngoài kiểm soát" khi bắt đầu xây dựng.
                    </p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700 hover:shadow-xl transition group">
                    <div class="w-16 h-16 bg-blue-50 dark:bg-slate-700 rounded-full flex items-center justify-center mb-6 group-hover:bg-primary transition-colors">
                        <span class="material-symbols-outlined text-3xl text-secondary dark:text-blue-300 group-hover:text-white">handyman</span>
                    </div>
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">Đẩy nhanh tiến độ thi công</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
                        Bản vẽ kiến trúc đồng bộ khớp nối hoàn hảo với điện nước, kết cấu. Đội thợ cứ thế mà làm, công việc diễn ra trơn tru, không có cảnh đập đi sửa lại.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-gray-50 dark:bg-slate-900">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <span class="text-primary font-bold tracking-wider uppercase text-sm">May đo theo từng mục đích</span>
                <h2 class="text-3xl font-bold text-secondary dark:text-white mt-2">Bản vẽ của bạn sinh ra để làm gì?</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-4 max-w-2xl mx-auto">Tư duy thiết kế một tổ ấm gia đình hoàn toàn khác biệt với thiết kế tòa nhà cho thuê. Tại Xây Nhà Tốc Độ, chúng tôi chia rõ 2 chiến lược thiết kế kiến trúc để mang lại hiệu quả cao nhất cho bạn.</p>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="relative group rounded-2xl overflow-hidden shadow-2xl h-96">
                    <img decoding="async" alt="Bản vẽ thiết kế kiến trúc căn hộ dịch vụ CHDV" class="absolute inset-0 w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBnKVZGAtyTJoVty_wJPfo6Ph7fb7VG79_gcIBzMY5vQ3rhvrSA1lYs7R8ARq7hGRMSK-EQwoaX5zgpgqiKnrZ3qvqXoMb5dRoKt3MlnuUQw2CvymQ6fuNf2DaVGGuQ4dVT4KJgrD88_FSwhml0rvmAj5P92V7tgbkKFDwT19OXRHr2PoyNX8j9FixoSio6KGvU5EB6n0rA1xinvH8CHJfOoHy5kW0TlTS-4g84vvrARCNXP9WFb4MVkVMaVAe9peSTqBOCyzoq8nk"/>
                    <div class="absolute inset-0 bg-secondary/80 mix-blend-multiply transition duration-300 group-hover:bg-secondary/70"></div>
                    <div class="absolute inset-0 p-8 flex flex-col justify-end">
                        <div class="transform translate-y-4 group-hover:translate-y-0 transition duration-300">
                            <span class="bg-primary text-white text-xs font-bold px-3 py-1 rounded-full uppercase mb-3 inline-block">Dòng Tiền Bền Vững</span>
                            <h3 class="text-2xl font-bold text-white mb-2">Thiết kế CHDV sinh lời tối đa</h3>
                            <p class="text-gray-200 text-sm mb-4 opacity-0 group-hover:opacity-100 transition duration-300 delay-100">
                                Làm sao để bố trí nhiều phòng nhất mà người thuê vẫn thấy thoải mái?<br> Chúng tôi giải bài toán diện tích cực gắt gao, thiết kế luồng giao thông hợp lý, dễ bảo trì bảo dưỡng. Đầu tư một lần, khai thác dòng tiền dài hạn!
                            </p>
                            <a class="inline-flex items-center text-white font-semibold hover:text-primary transition" href="https://xaynhatocdo.com/lien-he">
                                Tư vấn mô hình CHDV ngay <span class="material-symbols-outlined ml-1">arrow_forward</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="relative group rounded-2xl overflow-hidden shadow-2xl h-96">
                    <img decoding="async" alt="Hồ sơ thiết kế kiến trúc nhà phố và biệt thự cao cấp" class="absolute inset-0 w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJuiwJgoMRv4AhG07NOO-KjfnSJgWrFsc7DUfGJ9s5Uwd-9J9-aDsyrWU__ChfjEkb2999EBaXVXe-zsxxrdSApUAkqmb1KC23egi7C-8h_No4TImVARLSZamlBxb5Qkqr8-8HaHfawyKMAgzpaMacddMDSkrLEEVMUOYbvdFw6V8fEXmANbKCEW8DGxbS_fILhN5neKZZpteeWhY7vEkgb6i9805nShOGcXNQcX57IczapttVkSR298s4xNEfmmlIifxhgIO-M08"/>
                    <div class="absolute inset-0 bg-slate-900/60 mix-blend-multiply transition duration-300 group-hover:bg-slate-900/50"></div>
                    <div class="absolute inset-0 p-8 flex flex-col justify-end">
                        <div class="transform translate-y-4 group-hover:translate-y-0 transition duration-300">
                            <span class="bg-teal-500 text-white text-xs font-bold px-3 py-1 rounded-full uppercase mb-3 inline-block">Trải Nghiệm Sống Vàng</span>
                            <h3 class="text-2xl font-bold text-white mb-2">Thiết kế Nhà Phố & Biệt Thự độc bản</h3>
                            <p class="text-gray-200 text-sm mb-4 opacity-0 group-hover:opacity-100 transition duration-300 delay-100">
                                Đề cao cảm xúc và sự tiện nghi của gia đình. Lấy sáng khéo léo, đón gió thông minh, mặt tiền ấn tượng và đảm bảo tính riêng tư tuyệt đối. Ngôi nhà của bạn sẽ mang đậm dấu ấn cá nhân, không bị trộn lẫn.
                            </p>
                            <a class="inline-flex items-center text-white font-semibold hover:text-primary transition" href="https://xaynhatocdo.com/lien-he">
                                Gặp gỡ Kiến trúc sư <span class="material-symbols-outlined ml-1">arrow_forward</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4 grid lg:grid-cols-2 gap-16 items-center">
            <div class="order-2 lg:order-1">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-6">Điều gì tạo nên sự khác biệt trong thiết kế của Xây Nhà Tốc Độ?</h2>
                
                <p class="text-slate-600 dark:text-slate-400 mb-8">
                    Bạn từng nghe than vãn: "Bản vẽ trên giấy thì lung linh, ra công trường thợ chịu chết không làm nổi"? Chúng tôi hiểu nỗi sợ đó. Với triết lý "Thực Chiến", dịch vụ thiết kế kiến trúc của chúng tôi cam kết: Vẽ để xây được, vận hành mượt và ra tiền thật.
                </p>
                <div class="space-y-6">
                    <div class="flex gap-4">
                        <div class="flex-shrink-0 w-12 h-12 rounded bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-primary font-bold">01</div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white text-lg">Cân bằng giữa Nghệ thuật & Kỹ thuật</h3>
                            <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Đẹp thôi chưa đủ, kết cấu phải chuẩn và thi công phải dễ. Chúng tôi không bao giờ đánh đố đội thợ bằng những chi tiết rườm rà, phi thực tế.</p>
                        </div>
                    </div>
                    <div class="flex gap-4">
                        <div class="flex-shrink-0 w-12 h-12 rounded bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-primary font-bold">02</div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white text-lg">Thực chiến đa dạng mô hình</h3>
                            <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Dù bạn cần một không gian chill cho gia đình hay một dãy trọ dòng tiền, chúng tôi đều có công thức giải quyết bài toán không gian xuất sắc nhất.</p>
                        </div>
                    </div>
                    <div class="flex gap-4">
                        <div class="flex-shrink-0 w-12 h-12 rounded bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-primary font-bold">03</div>
                        <div>
                            <h3 class="font-bold text-secondary dark:text-white text-lg">Bệ phóng cho tiến độ thần tốc</h3>
                            <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Hồ sơ thiết kế chi tiết đến từng chiếc đinh, dọn sẵn đường cho thi công. Giảm thiểu rủi ro phải dừng chờ xử lý bản vẽ, đảm bảo giao nhà đúng hẹn.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-1 lg:order-2 relative">
                <div class="absolute -inset-4 bg-primary/20 rounded-full blur-3xl opacity-50"></div>
                <img decoding="async" alt="Hồ sơ thiết kế kiến trúc đồng bộ thẩm mỹ và kỹ thuật" class="relative rounded-lg shadow-2xl border-4 border-white dark:border-slate-700 z-10" src="https://xaynhatocdo.com/wp-content/uploads/2025/11/bg8.jpg"/>
            </div>
        </div>
    </section>

    <section class="py-20 bg-gray-50 dark:bg-slate-900">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center text-secondary dark:text-white mb-2">Báo giá thiết kế kiến trúc: Minh bạch, không góc khuất</h2>
            <p class="text-center text-slate-500 dark:text-slate-400 mb-12 max-w-2xl mx-auto">Đừng tiếc vài chục triệu tiền thiết kế để rồi phải mất hàng trăm triệu đập phá, sửa chữa. Đây chính là khoản "bảo hiểm" an toàn nhất giúp dự án của bạn đi đúng quỹ đạo.</p>
            <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-xl overflow-hidden border border-gray-100 dark:border-gray-700 flex flex-col hover:border-primary transition duration-300">
                    <div class="p-8 flex-1">
                        <h3 class="text-xl font-bold text-secondary dark:text-white uppercase tracking-wide mb-2">Gói Thiết Kế Tổ Ấm (Nhà Phố & Biệt Thự)</h3>
                        <p class="text-slate-500 dark:text-slate-400 text-sm mb-6 h-10">Lựa chọn số 1 để kiến tạo không gian sống mơ ước của gia đình.</p>
                        
                        <p class="text-sm text-slate-600 dark:text-slate-400 mb-6 italic border-l-2 border-gray-300 pl-3">Định hướng giá: Mức giá vô cùng hợp lý, được tính toán linh hoạt theo phong cách và diện tích thực tế.</p>
                        <ul class="space-y-3 mb-8">
                            <li class="flex items-start text-sm text-slate-600 dark:text-slate-300">
                                <span class="material-symbols-outlined text-green-500 text-base mr-2">check_circle</span>
                                Tràn ngập sinh khí (nắng, gió tự nhiên)
                            </li>
                            <li class="flex items-start text-sm text-slate-600 dark:text-slate-300">
                                <span class="material-symbols-outlined text-green-500 text-base mr-2">check_circle</span>
                                Thẩm mỹ mặt tiền độc bản, không đụng hàng
                            </li>
                            <li class="flex items-start text-sm text-slate-600 dark:text-slate-300">
                                <span class="material-symbols-outlined text-green-500 text-base mr-2">check_circle</span>
                                Hồ sơ dày dặn, bóc tách vật tư rõ ràng
                            </li>
                        </ul>
                    </div>
                    <div class="p-4 bg-gray-50 dark:bg-slate-700/50 border-t border-gray-100 dark:border-gray-700 text-center">
                        <a class="inline-block w-full py-3 bg-white dark:bg-slate-800 border-2 border-primary text-primary font-bold rounded hover:bg-primary hover:text-white transition" href="https://xaynhatocdo.com/lien-he">Báo Giá Gói Nhà Ở</a>
                    </div>
                </div>
                <div class="bg-secondary dark:bg-slate-800 rounded-2xl shadow-xl overflow-hidden border-2 border-primary/50 relative flex flex-col transform md:-translate-y-4">
                    <div class="absolute top-0 right-0 bg-primary text-white text-xs font-bold px-3 py-1 rounded-bl-lg uppercase">Sinh Lời Cao</div>
                    <div class="p-8 flex-1">
                        <h3 class="text-xl font-bold text-white uppercase tracking-wide mb-2">Gói Thiết Kế CHDV Tối Đa Dòng Tiền</h3>
                        <p class="text-gray-300 text-sm mb-6 h-10">Vũ khí sắc bén cho nhà đầu tư muốn tối ưu biên độ lợi nhuận.</p>
                        
                        <p class="text-sm text-gray-300 mb-6 italic border-l-2 border-primary/50 pl-3">Định hướng giá: Tương xứng với hàm lượng chất xám KTS bỏ ra để vắt kiệt công năng kinh doanh cho bạn.</p>
                        <ul class="space-y-3 mb-8">
                            <li class="flex items-start text-sm text-gray-200">
                                <span class="material-symbols-outlined text-primary text-base mr-2">check_circle</span>
                                Bố trí layout "vắt kiệt" không gian trống
                            </li>
                            <li class="flex items-start text-sm text-gray-200">
                                <span class="material-symbols-outlined text-primary text-base mr-2">check_circle</span>
                                Tăng tối đa số phòng, giữ chân khách thuê
                            </li>
                            <li class="flex items-start text-sm text-gray-200">
                                <span class="material-symbols-outlined text-primary text-base mr-2">check_circle</span>
                                Hệ thống MEP siêu bền, dễ dàng bảo trì
                            </li>
                        </ul>
                    </div>
                    <div class="p-4 bg-secondary/80 dark:bg-slate-700/50 border-t border-white/10 text-center">
                        <a class="inline-block w-full py-3 bg-primary text-white font-bold rounded hover:bg-orange-600 transition shadow-lg" href="https://xaynhatocdo.com/lien-he">Báo Giá Gói Đầu Tư</a>
                    </div>
                </div>
            </div>
            <p class="text-center text-sm text-slate-500 mt-6">* Ưu đãi ĐẶC BIỆT: Khấu trừ ngay chi phí thiết kế nếu chủ đầu tư lựa chọn thi công trọn gói cùng Xây Nhà Tốc Độ.</p>
        </div>
    </section>

    <section class="py-24 bg-white dark:bg-slate-900">
        <div class="container mx-auto px-4">
            <div class="text-center mb-10 md:mb-20">
                <h2 class="text-3xl lg:text-4xl font-extrabold text-secondary dark:text-white uppercase tracking-tight">
                    Quy trình thiết kế 5 bước: Chuyên nghiệp & Tốc độ
                </h2>
                <div class="w-16 h-1 bg-primary mx-auto mt-4 rounded-full"></div>
            </div>
            <div class="relative max-w-5xl mx-auto">
                <div class="absolute left-6 md:left-1/2 transform md:-translate-x-1/2 w-0.5 h-full bg-gray-200 dark:bg-gray-700 top-0 bottom-0"></div>
                
                <div class="relative grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-12 lg:gap-24 mb-12 md:mb-24 items-center">
                    <div class="order-1 md:order-1 pl-16 md:pl-0 md:pr-12 md:text-right text-left">
                        <div class="flex flex-col items-start md:items-end relative">
                            <div class="absolute left-[-2.65rem] md:hidden w-4 h-4 rounded-full bg-primary border-4 border-white dark:border-slate-900 top-2.5 z-10 shadow-sm"></div>
                            <h3 class="text-secondary dark:text-white text-2xl md:text-3xl font-extrabold mb-2">Bước 1: Bắt mạch nhu cầu & Khảo sát thực địa</h3>
                            <p class="text-slate-500 dark:text-slate-400 text-sm max-w-sm md:ml-auto">
                                Kiến trúc sư sẽ trực tiếp lắng nghe mong muốn, soi xét ngân sách và "đo khám" kỹ lưỡng đặc tính khu đất của bạn.
                            </p>
                        </div>
                    </div>
                    <div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 rounded-full bg-primary border-4 border-white dark:border-slate-900 z-10 hidden md:block"></div>
                    <div class="order-2 md:order-2 pl-16 md:pl-12 hidden md:block">
                        </div>
                </div>

                <div class="relative grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-12 lg:gap-24 mb-12 md:mb-24 items-center">
                    <div class="order-1 md:order-2 pl-16 md:pl-12 text-left">
                        <div class="flex flex-col items-start relative">
                            <div class="absolute left-[-2.65rem] md:hidden w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 top-2.5 z-10 shadow-sm"></div>
                            <h3 class="text-secondary dark:text-white text-2xl md:text-3xl font-extrabold mb-2">Bước 2: Phác thảo layout công năng</h3>
                            <p class="text-slate-500 dark:text-slate-400 text-sm max-w-sm">
                                Lên bản vẽ phân bổ không gian ban đầu. Bạn sẽ dễ dàng hình dung phòng khách ở đâu, cầu thang chỗ nào và tính khả thi của dòng tiền (nếu xây CHDV).
                            </p>
                        </div>
                    </div>
                    <div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 z-10 hidden md:block"></div>
                    <div class="order-2 md:order-1 pr-12 hidden md:block">
                        </div>
                </div>

                <div class="relative grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-12 lg:gap-24 mb-12 md:mb-24 items-center">
                    <div class="order-1 md:order-1 pl-16 md:pl-0 md:pr-12 md:text-right text-left">
                        <div class="flex flex-col items-start md:items-end relative">
                            <div class="absolute left-[-2.65rem] md:hidden w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 top-2.5 z-10 shadow-sm"></div>
                            <h3 class="text-secondary dark:text-white text-2xl md:text-3xl font-extrabold mb-2">Bước 3: Chốt "Concept" & Thống nhất lộ trình</h3>
                            <p class="text-slate-500 dark:text-slate-400 text-sm max-w-sm md:ml-auto">
                                Chọn bộ áo khoác (phong cách) hoàn hảo nhất cho công trình. Thống nhất sâu về mức đầu tư và thời gian hoàn thành bản vẽ.
                            </p>
                        </div>
                    </div>
                    <div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 z-10 hidden md:block"></div>
                    <div class="order-2 md:order-2 pl-16 md:pl-12 hidden md:block">
                        </div>
                </div>

                <div class="relative grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-12 lg:gap-24 mb-12 md:mb-24 items-center">
                    <div class="order-1 md:order-2 pl-16 md:pl-12 text-left">
                        <div class="flex flex-col items-start relative">
                            <div class="absolute left-[-2.65rem] md:hidden w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 top-2.5 z-10 shadow-sm"></div>
                            <h3 class="text-secondary dark:text-white text-2xl md:text-3xl font-extrabold mb-2">Bước 4: Dựng 3D & Khai triển kỹ thuật</h3>
                            <p class="text-slate-500 dark:text-slate-400 text-sm max-w-sm">
                                Biến ý tưởng thành hình ảnh 3D chân thực. Kỹ sư tiếp tay hoàn thiện bộ hồ sơ thi công dày dặn, chi tiết đến từng mm.
                            </p>
                        </div>
                    </div>
                    <div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 rounded-full bg-gray-300 dark:bg-slate-700 border-4 border-white dark:border-slate-900 z-10 hidden md:block"></div>
                    <div class="order-2 md:order-1 pr-12 hidden md:block">
                        </div>
                </div>

                <div class="relative grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-12 lg:gap-24 items-center">
                    <div class="order-1 md:order-1 pl-16 md:pl-0 md:pr-12 md:text-right text-left">
                        <div class="flex flex-col items-start md:items-end relative">
                            <div class="absolute left-[-2.65rem] md:hidden w-4 h-4 rounded-full bg-primary border-4 border-white dark:border-slate-900 top-2.5 z-10 shadow-sm"></div>
                            <h3 class="text-secondary dark:text-white text-2xl md:text-3xl font-extrabold mb-2">Bước 5: Bàn giao & Giám sát tác giả</h3>
                            <p class="text-slate-500 dark:text-slate-400 text-sm max-w-sm md:ml-auto">
                                Trao tận tay bạn bộ hồ sơ chuẩn. Đặc biệt, chúng tôi cam kết phối hợp, giải đáp mọi vướng mắc kỹ thuật cho đội thợ trong suốt quá trình xây dựng.
                            </p>
                        </div>
                    </div>
                    <div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 rounded-full bg-primary border-4 border-white dark:border-slate-900 z-10 hidden md:block"></div>
                    <div class="order-2 md:order-2 pl-16 md:pl-12 hidden md:block">
                        </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-24 bg-surface-light dark:bg-surface-dark border-t border-gray-100 dark:border-gray-800">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl lg:text-4xl font-extrabold text-secondary dark:text-white uppercase tracking-tight mb-4">Bạn sẽ nhận được gì trong bộ hồ sơ thiết kế?</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto mb-6 rounded-full"></div>
                <p class="text-slate-600 dark:text-slate-400 max-w-2xl mx-auto text-lg leading-relaxed">Cầm trên tay bộ hồ sơ này, bạn đã nắm chắc 90% thành công của công trình. Đây chính là "cuốn từ điển" dẫn đường, giúp bạn quản lý đội thợ nhàn tênh.</p>
            </div>
            <div class="max-w-5xl mx-auto grid gap-6">
                <details class="group bg-white dark:bg-slate-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 transition-all duration-300 hover:shadow-lg" open="">
                    <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                        <div class="flex items-center gap-5">
                            <div class="w-12 h-12 bg-secondary/5 dark:bg-secondary/20 rounded-lg flex items-center justify-center text-secondary dark:text-white group-open:bg-secondary group-open:text-white transition-colors duration-300">
                                <span class="material-symbols-outlined text-2xl">architecture</span>
                            </div>
                            <div>
                                <h3 class="font-bold text-xl text-secondary dark:text-white">Bản vẽ thiết kế kiến trúc</h3>
                            </div>
                        </div>
                        <div class="flex items-center gap-2">
                            <span class="text-sm font-bold text-primary opacity-0 group-open:opacity-100 transition-opacity">Đang xem</span>
                            <span class="material-symbols-outlined transition-transform duration-300 group-open:rotate-180 text-gray-400">expand_more</span>
                        </div>
                    </summary>
                    <div class="px-8 pb-8 pt-4 border-t border-gray-100 dark:border-gray-700">
                        <p class="text-slate-700 dark:text-slate-300">Chi tiết mặt bằng, mặt cắt, phối cảnh 3D siêu thực. Chúng tôi triển khai kỹ thuật từ số bậc cầu thang, loại gạch ốp tường đến từng bộ cửa kính.</p>
                    </div>
                </details>

                <details class="group bg-white dark:bg-slate-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 transition-all duration-300 hover:shadow-lg">
                    <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                        <div class="flex items-center gap-5">
                            <div class="w-12 h-12 bg-primary/5 dark:bg-primary/20 rounded-lg flex items-center justify-center text-primary group-open:bg-primary group-open:text-white transition-colors duration-300">
                                <span class="material-symbols-outlined text-2xl">foundation</span>
                            </div>
                            <div>
                                <h3 class="font-bold text-xl text-secondary dark:text-white">Bản vẽ kết cấu chịu lực</h3>
                            </div>
                        </div>
                        <span class="material-symbols-outlined transition-transform duration-300 group-open:rotate-180 text-gray-400">expand_more</span>
                    </summary>
                    <div class="px-8 pb-8 pt-4 border-t border-gray-100 dark:border-gray-700">
                         <p class="text-slate-700 dark:text-slate-300">Bảng tính toán độ lún, sắt thép móng, dầm, cột. Đảm bảo nhà bạn đứng vững chãi, không rạn nứt bất chấp sức tàn phá của thời gian.</p>
                    </div>
                </details>

                <details class="group bg-white dark:bg-slate-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 transition-all duration-300 hover:shadow-lg">
                    <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                        <div class="flex items-center gap-5">
                            <div class="w-12 h-12 bg-teal-50 dark:bg-teal-900/30 rounded-lg flex items-center justify-center text-teal-600 dark:text-teal-400 group-open:bg-teal-600 group-open:text-white transition-colors duration-300">
                                <span class="material-symbols-outlined text-2xl">electric_bolt</span>
                            </div>
                            <div>
                                <h3 class="font-bold text-xl text-secondary dark:text-white">Hồ sơ điện nước (MEP)</h3>
                            </div>
                        </div>
                        <span class="material-symbols-outlined transition-transform duration-300 group-open:rotate-180 text-gray-400">expand_more</span>
                    </summary>
                    <div class="px-8 pb-8 pt-4 border-t border-gray-100 dark:border-gray-700">
                        <p class="text-slate-700 dark:text-slate-300">Sơ đồ đi dây điện, ống nước, internet, camera an ninh khoa học. Tránh hoàn toàn viễn cảnh phải đục tường sửa nhà rò rỉ sau này.</p>
                    </div>
                </details>

                <details class="group bg-white dark:bg-slate-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700 transition-all duration-300 hover:shadow-lg">
                    <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                        <div class="flex items-center gap-5">
                            <div class="w-12 h-12 bg-orange-50 dark:bg-orange-900/30 rounded-lg flex items-center justify-center text-primary group-open:bg-primary group-open:text-white transition-colors duration-300">
                                <span class="material-symbols-outlined text-2xl">assignment_turned_in</span>
                            </div>
                            <div>
                                <h3 class="font-bold text-xl text-secondary dark:text-white">Bảng hỗ trợ kỹ thuật thi công</h3>
                            </div>
                        </div>
                        <span class="material-symbols-outlined transition-transform duration-300 group-open:rotate-180 text-gray-400">expand_more</span>
                    </summary>
                    <div class="px-8 pb-8 pt-4 border-t border-gray-100 dark:border-gray-700">
                        <p class="text-slate-700 dark:text-slate-300">Danh sách thống kê chi tiết vật tư cần mua. Chủ nhà cứ nhìn vào đó mà đi sắm, không lo bị "hớ" tiền hay mua thừa mứa lãng phí.</p>
                    </div>
                </details>
            </div>
        </div>
    </section>

    <section class="py-20 bg-gray-50 dark:bg-slate-900" id="projects">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-secondary dark:text-white mb-2">Chiêm ngưỡng các kiệt tác thiết kế kiến trúc</h2>
            <p class="text-slate-500 dark:text-slate-400 mb-10 max-w-3xl">Trăm nghe không bằng một thấy. Cùng ngắm nhìn những công trình thực tế mà đội ngũ Kiến trúc sư tại Xây Nhà Tốc Độ đã dồn trọn tâm huyết kiến tạo nên.</p>
            <div class="grid md:grid-cols-2 lg:grid-cols-2 gap-6">
                <div class="group relative overflow-hidden rounded-xl aspect-[4/3] cursor-pointer">
                    <img decoding="async" alt="Thiết kế kiến trúc căn hộ dịch vụ CHDV hái ra tiền tại TP. Thủ Đức" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/nha-ket-hop-cho-thue-scaled-e1774927609433.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-90"></div>
                    <div class="absolute bottom-0 left-0 p-6 w-full">
                        <h3 class="text-white font-bold text-lg">Dự án thiết kế CHDV "hái ra tiền" tại Thủ Đức</h3>
                        <p class="text-gray-300 text-sm mt-1">Tận dụng triệt để lô đất, tạo ra không gian sống thoáng đãng, dễ dàng full phòng ngay khi khai trương.</p>
                    </div>
                </div>
                <div class="group relative overflow-hidden rounded-xl aspect-[4/3] cursor-pointer">
                    <img decoding="async" alt="Mẫu thiết kế kiến trúc nhà phố thương mại siêu đỉnh" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Screenshot-2026-03-31-133736-e1774939201935.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-90"></div>
                    <div class="absolute bottom-0 left-0 p-6 w-full">
                        <h3 class="text-white font-bold text-lg">Mẫu thiết kế nhà phố kết hợp kinh doanh đa năng</h3>
                        <p class="text-gray-300 text-sm mt-1">Mặt tiền cực hút khách, không gian kinh doanh tầng 1 thoáng đãng nhưng nơi ở tầng trên vẫn vô cùng yên tĩnh.</p>
                    </div>
                </div>
                <div class="group relative overflow-hidden rounded-xl aspect-[4/3] cursor-pointer">
                    <img decoding="async" alt="Thiết kế kiến trúc biệt thự nghỉ dưỡng sang trọng" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/biet-thu-san-vuon-e1774940885737.png"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-90"></div>
                    <div class="absolute bottom-0 left-0 p-6 w-full">
                        <h3 class="text-white font-bold text-lg">Thiết kế biệt thự nghỉ dưỡng giữa lòng phố thị</h3>
                        <p class="text-gray-300 text-sm mt-1">Sự giao thoa hoàn hảo giữa ánh sáng, mảng xanh và hình khối sang trọng. Định hình đẳng cấp sống vương giả.</p>
                    </div>
                </div>
                <div class="group relative overflow-hidden rounded-xl aspect-[4/3] cursor-pointer">
                    <img decoding="async" alt="Dịch vụ thiết kế kiến trúc cải tạo nhà phố lâu năm" class="w-full h-full object-cover transition duration-500 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/cai-tao.jpg"/>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-90"></div>
                    <div class="absolute bottom-0 left-0 p-6 w-full">
                        <h3 class="text-white font-bold text-lg">Pha "Lột xác" ngoạn mục cho nhà phố lâu năm</h3>
                        <p class="text-gray-300 text-sm mt-1">Giữ nguyên khung kết cấu cốt lõi, thay áo mới cho mặt tiền và sắp xếp lại nội thất, tối ưu chi phí cực kỳ ấn tượng.</p>
                    </div>
                </div>
            </div>
            <div class="text-center mt-12">
                 <a class="inline-block px-10 py-4 bg-secondary text-white font-bold rounded shadow-lg hover:bg-[#002a3a] transition transform hover:-translate-y-1" href="https://xaynhatocdo.com/du-an">Xem Thêm Dự Án Của Chúng Tôi</a>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center text-secondary dark:text-white mb-6">4 Lời cam kết "Vàng" từ Kiến Trúc Sư Xây Nhà Tốc Độ</h2>
            <p class="text-center text-slate-600 dark:text-slate-400 mb-12 max-w-2xl mx-auto">Khi chọn chúng tôi, bạn không chỉ mua một tập giấy A3, bạn đang đầu tư vào sự an tâm tuyệt đối cho công trình của đời mình.</p>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700">
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">1. Thiết kế là phải thi công được</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm">Tuyệt đối nói không với "vẽ hươu vẽ vượn". Mọi chi tiết kiến trúc đều đã được kiểm chứng thực tế, thợ xây nhìn là làm được ngay.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700">
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">2. Minh bạch 100% tài chính</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm">Cam kết quy định rõ ràng về tiến độ giao bản vẽ, phạm vi công việc. Không mập mờ, không phí ẩn bủa vây khách hàng.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700">
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">3. Tối ưu đến tận cùng giá trị</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm">Với nhà ở: Sống trọn vẹn từng khoảnh khắc. Với CHDV: Sinh lời tối đa từng mét vuông. Không lãng phí dù chỉ một viên gạch.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border border-gray-100 dark:border-gray-700">
                    <h3 class="text-xl font-bold text-secondary dark:text-white mb-3">4. Đồng hành kỹ thuật trọn đời</h3>
                    <p class="text-slate-600 dark:text-slate-400 text-sm">Giao bản vẽ xong không có nghĩa là hết trách nhiệm. Đội ngũ KTS luôn túc trực, bám sát và xử lý kỹ thuật cùng thợ đến khi nhà hoàn thiện.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-gray-50 dark:bg-slate-900">
        <div class="container mx-auto px-4 max-w-4xl text-center">
            <h2 class="text-3xl font-bold text-secondary dark:text-white mb-10">Nghe khách hàng nói gì về thiết kế của chúng tôi?</h2>
            <div class="bg-white dark:bg-slate-800 p-10 rounded-2xl shadow-xl relative">
                
                <span class="material-symbols-outlined text-6xl text-gray-200 dark:text-slate-700 absolute top-4 left-6">format_quote</span>
                
                <p class="text-xl font-light italic leading-relaxed text-slate-700 dark:text-slate-300 relative z-10 mb-8">
                    "Xây công trình mà chỉ mất 4 tháng thì theo bạn liệu có đảm bảo chất lượng? Ban đầu tôi cũng rất lo. Nhưng điều làm tôi nể phục nhất ở Xây Nhà Tốc Độ là bộ hồ sơ <strong class="text-primary font-bold">thiết kế kiến trúc</strong> quá chi tiết và thực tế. Đội thợ cứ nhìn vào đó mà làm một mạch, chẳng phải dừng lại sửa chữa cái gì. Nhà lên vừa thoáng, vừa đẹp mà tuyệt vời nhất là KHÔNG PHÁT SINH thêm đồng nào so với dự toán!"
                </p>
                <div class="flex items-center justify-center gap-4">
                    <div class="w-12 h-12 bg-gray-300 rounded-full overflow-hidden">
                        <img decoding="async" alt="Khách hàng phản hồi về dịch vụ thiết kế kiến trúc" class="w-full h-full object-cover transition duration-500 hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Screenshot-2026-03-12-110331-e1773288280555.png"/>
                    </div>
                    <div class="text-left">
                        <strong class="block text-lg font-bold text-secondary dark:text-white">Anh Sơn</strong>
                        <span class="text-sm text-gray-500 dark:text-gray-400 font-medium">Chủ đầu tư CHDV tại TP. Thủ Đức</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

 
 
    <script>
        const details = document.querySelectorAll(".xntd-trang1-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-92a0842 e-flex e-con-boxed e-con e-parent" data-id="92a0842" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-484258b e-con-full e-flex e-con e-child" data-id="484258b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a322fb0 elementor-widget elementor-widget-html" data-id="a322fb0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					 <div class="md:col-span-5 bg-secondary p-8 flex flex-col justify-between text-white relative overflow-hidden rounded-2xl shadow-2xl h-full">
                    <div class="absolute -top-10 -left-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="absolute bottom-10 right-10 w-40 h-40 bg-primary/20 rounded-full blur-3xl"></div>
                    <div class="md:hidden mb-6 block">
                        <div class="inline-flex bg-primary/90 text-white px-4 py-2 rounded-lg items-center gap-2 shadow-lg backdrop-blur-sm border border-white/20">
                            <span class="material-symbols-outlined text-xl animate-pulse">percent</span>
                            <span class="font-bold text-sm">ƯU ĐÃI ĐẶC BIỆT</span>
                        </div>
                    </div>
                    <div class="relative z-10 flex-1">
                        <h3 class="text-2xl font-bold mb-4 font-display uppercase leading-tight">Bắt đầu từ một phương án đúng
                            <br/><span class="text-primary">để tiết kiệm cả chặng đường phía sau</span></h3>
                        <p class="text-gray-300 text-sm mb-8">
                            Nếu anh đang tìm một đơn vị vừa hiểu nhà ở dân dụng, vừa có kinh nghiệm tối ưu công năng cho mô hình cho thuê, thì Dịch vụ thiết kế kiến trúc của Xây Nhà Tốc Độ là bước khởi đầu rất đáng để trao đổi. Chúng tôi sẽ cùng anh nhìn bài toán một cách thực tế hơn: xây gì, bố trí ra sao, làm thế nào để vừa đẹp, vừa dễ thi công, vừa phù hợp với ngân sách và mục tiêu sử dụng lâu dài.
                        </p>
                        <div class="space-y-6">
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">draw</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Tặng Thiết Kế Mẫu Theo Nhu Cầu</h4>
                                    <p class="text-xs text-gray-400">Hỗ trợ dựng phương án sơ bộ để khách hàng dễ hình dung trước khi triển khai.</p>
                                </div>
                            </div>
                            <div class="flex items-start gap-4">
                                <div class="bg-primary/20 p-2 rounded-lg shrink-0">
                                    <span class="material-symbols-outlined text-primary">price_check</span>
                                </div>
                                <div>
                                    <h4 class="font-bold text-sm">Ưu Đãi Cho Hợp Đồng Trọn Gói</h4>
                                    <p class="text-xs text-gray-400">Tối ưu chi phí hơn khi chốt đồng bộ nhiều hạng mục trong cùng một công trình.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-8 pt-72 border-t border-white/10 relative z-10">
                        <div class="flex items-center gap-3 text-sm">
                            <span class="material-symbols-outlined text-primary">call</span>
                            <span class="font-bold">0866.186.189</span>
                        </div>
                    </div>
                </div>
                				</div>
				</div>
		<div class="elementor-element elementor-element-6db3bd6 e-con-full e-flex e-con e-child" data-id="6db3bd6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-db4cb2e elementor-widget elementor-widget-shortcode" data-id="db4cb2e" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/thiet-ke-kien-truc/">Thiết Kế kiến trúc</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/thiet-ke-kien-truc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>XÂY NHÀ PHỐ</title>
		<link>https://xaynhatocdo.com/xay-nha-pho/</link>
					<comments>https://xaynhatocdo.com/xay-nha-pho/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 05 Mar 2026 07:52:49 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=2003</guid>

					<description><![CDATA[<p>CHUYÊN GIA KIẾN TẠO NHÀ PHỐ &#038; BIỆT THỰ ĐỘC BẢN XÂY NHÀ PHỐ TRỌN GÓI TIẾN ĐỘ THẦN TỐC Giải pháp thi công thông minh từ những kỹ sư 15 năm kinh nghiệm. Miễn nhiễm với phát sinh chi phí, cam kết 100% vật liệu chuẩn chính hãng. Nhận Bảng Giá 2026 Công Trình [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/xay-nha-pho/">XÂY NHÀ PHỐ</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2003" class="elementor elementor-2003" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-dcc36c2 e-con-full e-flex e-con e-parent" data-id="dcc36c2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f479674 elementor-widget elementor-widget-html" data-id="f479674" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Open Sans", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-nhapho-wrapper { 
        font-family: 'Open Sans', sans-serif; 
        /* Kỹ thuật bẻ gãy padding Elementor, ép tràn viền 100% màn hình */
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-nhapho-wrapper h1, .xntd-nhapho-wrapper h2, .xntd-nhapho-wrapper h3, .xntd-nhapho-wrapper h4, .xntd-nhapho-wrapper h5, .xntd-nhapho-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-nhapho-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-nhapho-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-nhapho-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-nhapho-wrapper .text-gradient {
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #D77829, #FF9F55);
    }
    .xntd-nhapho-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<div class="xntd-nhapho-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    
    <section class="relative w-full min-h-[600px] lg:min-h-[85vh] flex items-center justify-center overflow-hidden pb-12 lg:pb-0">
        <img decoding="async" alt="Gia đình hạnh phúc trước ngôi nhà phố hiện đại" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://xhomesg.com.vn/wp-content/uploads/2025/09/Thiet-ke-cai-tao-biet-thu-Dia-Trung-Hai-3-tang-Vista-Lago-Villa-11.jpg"/>
        <div class="absolute inset-0 bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-2 gap-12 items-center">
            <div class="space-y-6 pt-20 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    CHUYÊN GIA KIẾN TẠO NHÀ PHỐ & BIỆT THỰ ĐỘC BẢN
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    XÂY NHÀ PHỐ<br> TRỌN GÓI
                    <span class="block mt-1 lg:mt-2 text-primary">TIẾN ĐỘ THẦN TỐC</span>
                </h1>
                <p class="text-xl text-gray-200 font-medium max-w-xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    Giải pháp thi công thông minh từ những kỹ sư 15 năm kinh nghiệm. Miễn nhiễm với phát sinh chi phí, cam kết 100% vật liệu chuẩn chính hãng.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center" href="#pricing">
                        Nhận Bảng Giá 2026
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center" href="#projects">
                        Công Trình Thực Tế
                    </a>
                </div>
                <div class="block lg:hidden relative mt-8 w-full max-w-md mx-auto">
                    <div class="bg-surface-light/95 dark:bg-surface-dark/95 backdrop-blur-md p-6 rounded-xl shadow-2xl border-t-4 border-primary text-left">
                        <h3 class="text-secondary dark:text-white font-bold text-xl mb-4 flex items-center gap-2">
                            <span class="material-symbols-outlined text-primary">verified_user</span>
                            Đặc Quyền Khách Hàng
                        </h3>
                        <ul class="space-y-4">
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded-full text-primary shrink-0">
                                    <span class="material-symbols-outlined text-xl">sentiment_satisfied</span>
                                </span>
                                <div>
                                    <strong class="block text-secondary dark:text-gray-200 text-base">Thảnh Thơi Nhận Nhà</strong>
                                    <span class="text-xs text-gray-500 dark:text-gray-400">Giao phó trọn gói A-Z, chủ nhà không cần nhúng tay.</span>
                                </div>
                            </li>
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded-full text-primary shrink-0">
                                    <span class="material-symbols-outlined text-xl">layers</span>
                                </span>
                                <div>
                                    <strong class="block text-secondary dark:text-gray-200 text-base">Vật Liệu Minh Bạch</strong>
                                    <span class="text-xs text-gray-500 dark:text-gray-400">Kiểm tra đầu vào khắt khe, đền bù gấp 10 nếu sai lệch.</span>
                                </div>
                            </li>
                            <li class="flex items-start gap-3">
                                <span class="bg-primary/10 p-2 rounded-full text-primary shrink-0">
                                    <span class="material-symbols-outlined text-xl">savings</span>
                                </span>
                                <div>
                                    <strong class="block text-secondary dark:text-gray-200 text-base">Chốt Giá 1 Lần</strong>
                                    <span class="text-xs text-gray-500 dark:text-gray-400">Tuyệt đối không có thuật ngữ "phát sinh chi phí".</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="hidden lg:block relative mt-10">
                <div class="bg-surface-light/95 dark:bg-surface-dark/95 backdrop-blur-md p-8 rounded-xl shadow-2xl border-t-4 border-primary max-w-md ml-auto">
                    <h3 class="text-secondary dark:text-white font-bold text-xl mb-6 flex items-center gap-2">
                        <span class="material-symbols-outlined text-primary">verified_user</span>
                        Đặc Quyền Khách Hàng
                    </h3>
                    <ul class="space-y-6">
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">sentiment_satisfied</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Thảnh Thơi Nhận Nhà</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Ủy thác hoàn toàn cho đội ngũ kỹ sư, gia chủ vẫn kiểm soát tiến độ qua app.</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">layers</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Vật Liệu Minh Bạch</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Từng viên gạch, bao xi măng đều khớp 100% với phụ lục hợp đồng.</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">savings</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Chốt Giá 1 Lần</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Cam kết báo giá Fixed-Price từ đầu, chặn đứng rủi ro lạm phát vật tư.</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-white dark:bg-slate-800">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Đập Tan Mọi Nỗi Ám Ảnh Khi Xây Nhà</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full mt-4"></div>
            </div>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-slate-50 dark:bg-slate-700/50 rounded-xl p-8 border border-gray-100 dark:border-gray-600 hover:shadow-lg transition">
                    <div class="flex items-center gap-4 mb-4">
                        <span class="material-symbols-outlined text-4xl text-red-500">warning</span>
                        <h3 class="text-xl font-bold text-secondary dark:text-white">Sợ Bị "Rút Ruột" Công Trình</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-300 text-sm mb-6">Nỗi lo chung của 90% chủ nhà là thầu tráo đổi vật tư kém chất lượng, ảnh hưởng độ bền và an toàn cốt lõi.</p>
                    <div class="bg-white dark:bg-slate-800 p-4 rounded-lg border-l-4 border-primary shadow-sm">
                        <p class="text-primary font-bold text-xs uppercase mb-1">Cam kết từ XNTĐ</p>
                        <p class="font-bold text-secondary dark:text-white text-sm">Chịu phạt 30% giá trị hợp đồng và bồi thường "1 đền 10" ngay lập tức nếu sai vật tư.</p>
                    </div>
                </div>
                <div class="bg-slate-50 dark:bg-slate-700/50 rounded-xl p-8 border border-gray-100 dark:border-gray-600 hover:shadow-lg transition">
                    <div class="flex items-center gap-4 mb-4">
                        <span class="material-symbols-outlined text-4xl text-red-500">trending_up</span>
                        <h3 class="text-xl font-bold text-secondary dark:text-white">Bẫy Chi Phí "Phát Sinh"</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-300 text-sm mb-6">Báo giá ban đầu rất rẻ để ký hợp đồng, sau đó vẽ thêm hạng mục khiến gia chủ điêu đứng tài chính.</p>
                    <div class="bg-white dark:bg-slate-800 p-4 rounded-lg border-l-4 border-primary shadow-sm">
                        <p class="text-primary font-bold text-xs uppercase mb-1">Cam kết từ XNTĐ</p>
                        <p class="font-bold text-secondary dark:text-white text-sm">Khảo sát kỹ, lên dự toán chuẩn xác 100%. Mọi phát sinh (nếu có do lỗi nhà thầu), chúng tôi chịu trách nhiệm.</p>
                    </div>
                </div>
                <div class="bg-slate-50 dark:bg-slate-700/50 rounded-xl p-8 border border-gray-100 dark:border-gray-600 hover:shadow-lg transition">
                    <div class="flex items-center gap-4 mb-4">
                        <span class="material-symbols-outlined text-4xl text-red-500">schedule</span>
                        <h3 class="text-xl font-bold text-secondary dark:text-white">Bôi Mập Dự Án, Chậm Trễ</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-300 text-sm mb-6">Thi công lai rai, thiếu thợ, hứa hẹn liên tục làm lỡ ngày đẹp nhập trạch và kế hoạch kinh doanh của bạn.</p>
                    <div class="bg-white dark:bg-slate-800 p-4 rounded-lg border-l-4 border-primary shadow-sm">
                        <p class="text-primary font-bold text-xs uppercase mb-1">Cam kết từ XNTĐ</p>
                        <p class="font-bold text-secondary dark:text-white text-sm">Áp dụng công nghệ quản lý Fast-Track. Chậm 1 ngày phạt thẳng tiền triệu vào đợt thanh toán cuối.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark relative" id="pricing">
        <div class="absolute inset-0 section-pattern pointer-events-none"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Bảng Giá Thi Công Nhà Phố & Biệt Thự</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Minh bạch, cạnh tranh và tương xứng với chất lượng thực tế. Lựa chọn giải pháp phù hợp nhất với dòng tiền của bạn.</p>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden flex flex-col hover:border-secondary transition-colors duration-300 group">
                    <div class="h-64 overflow-hidden relative">
                        <img decoding="async" alt="Thi công phần thô nhà phố" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xhomesg.com.vn/wp-content/uploads/2025/08/Thiet-ke-biet-thu-tan-co-dien-3-tang-1-tum.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white font-bold text-lg">Giải Pháp Kiến Tạo Cốt Lõi</div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <h3 class="text-xl font-bold text-secondary dark:text-white mb-1 uppercase text-center">GÓI THI CÔNG PHẦN THÔ</h3>
                        <span class="text-gray-400 font-bold text-sm mb-6 block text-center tracking-widest">(VỮNG CHẮC & CHỦ ĐỘNG)</span>
                        <div class="bg-gray-50 dark:bg-slate-700/30 p-4 rounded-xl mb-6 text-center border border-gray-100 dark:border-slate-700">
                            <p class="text-slate-500 dark:text-slate-300 text-xs font-bold uppercase mb-1">Mức đầu tư dự kiến</p>
                            <p class="text-secondary dark:text-white font-extrabold text-3xl">4.3 - 5<span class="text-lg font-normal text-gray-500"> Triệu/m2</span></p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-3 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span><strong>Khung xương thép Việt Nhật/Pomina</strong>, đảm bảo khả năng chịu lực vượt thời gian.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span><strong>Đội ngũ thợ mộc, thợ nề lành nghề</strong>, kiểm soát gắt gao bởi kỹ sư giám sát trạm.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span>Chế độ bảo hành kết cấu đặc quyền lên đến 15 năm.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-secondary hover:bg-secondary/90 text-white font-bold rounded-lg text-center text-sm transition uppercase tracking-wide" href="#contact">
                            Lên Dự Toán Ngay
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border-2 border-primary relative overflow-hidden flex flex-col hover:-translate-y-2 transition-transform duration-300">
                    <div class="absolute top-0 right-0 bg-primary text-white text-xs font-bold px-4 py-1.5 rounded-bl-xl z-20 shadow-md">ĐỀ XUẤT CHO BẠN</div>
                    <div class="h-64 overflow-hidden relative group">
                        <img decoding="async" alt="Xây nhà phố trọn gói chìa khóa trao tay" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xhomesg.com.vn/wp-content/uploads/2025/08/Du-an-Rubik-Building-1-2.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white font-bold text-lg">Chìa Khóa Trao Tay A-Z</div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <h3 class="text-xl font-extrabold text-secondary dark:text-white mb-1 uppercase text-center">XÂY NHÀ TRỌN GÓI</h3>
                        <span class="text-primary font-bold text-sm mb-6 block text-center tracking-widest">(TẬN HƯỞNG & ĐẲNG CẤP)</span>
                        <div class="bg-orange-50 dark:bg-slate-700/50 p-4 rounded-xl mb-6 text-center border border-orange-100 dark:border-slate-600">
                            <p class="text-slate-500 dark:text-slate-300 text-xs font-bold uppercase mb-1">Mức đầu tư dự kiến</p>
                            <p class="text-primary font-extrabold text-3xl">6.5 - 9<span class="text-lg font-normal text-gray-500"> Triệu/m2</span></p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-3 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span><strong>Tặng gói thiết kế nhà phố cao cấp</strong> & lo trọn gói giấy phép xây dựng.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span><strong>Nói không với phát sinh</strong>, rạch ròi chi phí vật tư hoàn thiện theo Catalogue.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Xách vali vào ở với không gian đã được vệ sinh công nghiệp sạch sẽ.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded-lg text-center text-sm transition shadow-lg shadow-orange-500/30 uppercase tracking-wide" href="#contact">
                            Đăng Ký Khảo Sát Tận Nơi
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-light-gray dark:bg-slate-900/50">
        <div class="container mx-auto px-4 max-w-5xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary dark:text-white uppercase">Danh Mục Vật Tư Thi Công Cốt Lõi</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Sự minh bạch làm nên thương hiệu. Mọi vật liệu đều đến từ thương hiệu top đầu ngành xây dựng.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">foundation</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">NHÓM VẬT TƯ CHỊU TẢI & KẾT CẤU (PHẦN THÔ)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Sắt thép:</strong> Việt Nhật / Hòa Phát (Theo tiêu chuẩn TCVN)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Xi măng:</strong> Insee đa dụng / Hà Tiên đổ bê tông</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span clas0 đồngs="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Gạch xây:</strong> Gạch Tuynel Bình Dương (Đồng Nai/Tám Quỳnh loại 1)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Đá xanh:</strong> Đá 1x2, 4x6 Đồng Nai tiêu chuẩn hạt sạch</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Cáp điện âm:</strong> Dây cáp đồng Cadivi chống cháy</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Ống cấp thoát nước:</strong> Nhựa Bình Minh (uPVC, PPR) chịu áp lực cao</span>
                            </div>
                        </div>
                    </div>
                </details>
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">palette</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">NHÓM VẬT TƯ KIẾN TRÚC & NỘI THẤT (HOÀN THIỆN)</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Sơn nước:</strong> Dulux Weathershield / Jotun Jotashield cao cấp</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Chống thấm:</strong> Hóa chất Sika Latex / KOVA CT11A chính hãng</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Thiết bị phòng tắm:</strong> TOTO / INAX phân khúc cao</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Gạch nền/tường:</strong> Taicera / Vietceramics / Gạch Ấn Độ</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Cầu thang, ngạch cửa:</strong> Đá hoa cương tự nhiên đen Kim Sa / Trắng Sứ</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Hệ thống cửa:</strong> Nhôm Xingfa nhập khẩu Quảng Đông, Kính cường lực 8-10ly</span>
                            </div>
                        </div>
                    </div>
                </details>
            </div>
            <div class="mt-8 text-center">
                <button class="inline-flex items-center px-8 py-3 border-2 border-primary text-primary font-bold rounded-full hover:bg-primary hover:text-white transition uppercase text-sm tracking-wide">
                    TẢI BẢNG VẬT TƯ ĐẦY ĐỦ CHI TIẾT
                    <span class="material-symbols-outlined text-sm ml-2">arrow_forward</span>
                </button>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Bốn Chữ Tín Tạo Nên Thương Hiệu Xây Nhà Tốc Độ</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
            </div>
            <div class="grid md:grid-cols-4 gap-6">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-primary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-primary">
                        <span class="material-symbols-outlined text-3xl">home_work</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Bảo Hành Kết Cấu Lên Đến 15 Năm</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Niềm tin lớn nhất đến từ kỹ thuật. Ngôi nhà của bạn sẽ vững chãi vượt qua thử thách của thời gian.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-secondary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-secondary">
                        <span class="material-symbols-outlined text-3xl">water_drop</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">4 Năm Bảo Hành Chống Thấm</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Quy trình xử lý chống thấm 5 lớp khép kín, triệt tiêu mọi rủi ro về ẩm mốc, dột nứt mùa mưa.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-primary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-primary">
                        <span class="material-symbols-outlined text-3xl">brush</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Bảo Hành Kiến Trúc & Hoàn Thiện 2 Năm</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Từ lớp sơn, mạch gạch đến thiết bị điện nước đều được hỗ trợ kiểm tra và bảo trì định kỳ.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-secondary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-secondary">
                        <span class="material-symbols-outlined text-3xl">policy</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Kỷ Luật Thép 4 KHÔNG</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">KHÔNG bán thầu - KHÔNG tráo vật tư - KHÔNG viện cớ phát sinh - KHÔNG lùi ngày bàn giao.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-secondary text-white relative overflow-hidden">
        <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="grid lg:grid-cols-2 gap-12 items-center">
                <div>
                    <div class="block lg:hidden mb-6">
                        <div class="inline-flex bg-primary text-white p-4 rounded-xl shadow-xl items-center gap-3">
                            <div class="bg-white/20 p-2 rounded-full">
                                <span class="material-symbols-outlined text-2xl">celebration</span>
                            </div>
                            <div>
                                <p class="font-bold text-xl leading-none">TRI ÂN</p>
                                <p class="text-sm text-white/90">Gói nội thất bếp Malloca</p>
                            </div>
                        </div>
                    </div>
                    <span class="bg-primary text-white text-xs font-bold px-3 py-1 rounded uppercase tracking-wider mb-4 inline-block">Món Quà Khởi Đầu Cát Tường</span>
                    <h2 class="text-3xl lg:text-4xl font-extrabold mb-6 uppercase">ĐẶC QUYỀN KHÁCH HÀNG KÝ HỢP ĐỒNG TRONG THÁNG NÀY</h2>
                    <ul class="space-y-6">
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">design_services</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Phí Thiết Kế Nhà Phố Chỉ Còn Nửa giá</h4>
                                <p class="text-gray-300 text-sm">Trao giảm nửa giá bộ hồ sơ kiến trúc, kỹ thuật kết cấu, điện nước & render mặt tiền 3D cao cấp.</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">celebration</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Mừng Tân Gia Bằng Thiết Bị Smart-Home</h4>
                                <p class="text-gray-300 text-sm">Nhận ngay Tivi 4K, hệ thống bếp âm hoặc khóa vân tay cao cấp (tùy giá trị hợp đồng).</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">description</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Đỡ Đần Thủ Tục Pháp Lý Phức Tạp</h4>
                                <p class="text-gray-300 text-sm">Bao trọn quy trình xin phép xây dựng, tháo dỡ và tư vấn chuẩn bị hồ sơ hoàn công.</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="relative">
                    <img decoding="async" alt="Hỗ trợ nội thất khi xây nhà phố trọn gói" class="rounded-xl shadow-2xl border-4 border-white/20 rotate-2 hover:rotate-0 transition duration-500 w-full object-cover h-80 lg:h-96" src="https://noithatgiakhanh.com/wp-content/uploads/2024/09/noi-that-nha-bep-2-scaled.jpg"/>
                    <div class="absolute -bottom-6 -right-6 bg-primary text-white p-6 rounded-xl shadow-xl hidden lg:block">
                        <p class="font-bold text-2xl">QUÀ TẶNG TRỊ GIÁ TỚI 50TR</p>
                        <p class="text-sm">Áp dụng cho gói Chìa khóa trao tay</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-light-gray dark:bg-slate-900/30">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Sự Hài Lòng Làm Nên Danh Tiếng</h2>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-2xl shadow-lg relative">
                    <span class="material-symbols-outlined text-6xl text-gray-100 dark:text-slate-700 absolute top-4 right-4 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Chị Thùy Dương" class="w-full h-full object-cover" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/Screenshot-2026-04-01-135538.png"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Chị Thùy Dương</h4>
                            <h5 class="text-xs text-gray-500">Chủ Nhà Phố CHDV Quận 10</h5>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Tôi xây để vừa ở vừa kết hợp kinh doanh căn hộ dịch vụ nên yêu cầu kỹ thuật rất khắt khe. Phải công nhận các kỹ sư bên Xây Nhà Tốc Độ thiết kế móng và kết cấu thép rất tối ưu diện tích. Nhà lên hình thực tế xuất sắc hơn bản 3D rất nhiều!"</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-2xl shadow-lg relative">
                    <span class="material-symbols-outlined text-6xl text-gray-100 dark:text-slate-700 absolute top-4 right-4 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Anh Tuấn Lộc" class="w-full h-full object-cover" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCipYyi8pBTQMSwFTiIx0hwutxdFrtA8XU1mk_0KqcBkB470uo81BuRYx0T_aopCc7FUwyWyroehLFdhnVf1VqIStr1YnYet6cC3FGO899zifQUMsBeUYy61IV8t8DFhNcNV4CqABs7elyih43u0BvDYAiiR4NmV-QtwvVa1SWXh4Pzid1212a7yQ0DfC6t6MtHjDa76dw9IsGvm01mmx6TDlmzPYyPvkVo8esdmX4kgyBGggRRxsjUbh4BdixiKBydDJjmWzj4588"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Anh Tuấn Lộc</h4>
                            <h5 class="text-xs text-gray-500">Chủ Biệt Thự Khu Tên Lửa</h5>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Điều làm tôi yên tâm nhất là sự minh bạch. Từ đống cát, bao xi măng đến cốt thép công ty đều gọi tôi ra nghiệm thu trước khi thi công. Chốt giá xong là đúng y giá đó, cuối công trình tôi hoàn toàn không bù thêm một đồng cắc nào."</p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">Quy Trình Xây Nhà Trọn Gói Tiêu Chuẩn</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            <div class="relative max-w-4xl mx-auto">
                <div class="absolute left-4 md:left-1/2 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-gray-700 -translate-x-1/2 md:translate-x-0"></div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Tiếp Nhận Nhu Cầu & Khảo Sát Đất</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Kỹ sư tới tận nơi đo đạc, kiểm tra thổ nhưỡng, quy hoạch khu vực và lắng nghe mong muốn tài chính của gia chủ.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">1</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-right pr-12 hidden md:block"></div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">2</div>
                    <div class="order-1 md:w-5/12 text-left pl-12 md:pl-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Thiết Kế Cơ Sở & Chốt Dự Toán</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Đội ngũ KTS lên mặt bằng công năng. Dựa trên đó lập bảng dự toán bóc tách chi tiết từng hạng mục vật tư, nhân công.</p>
                    </div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Ký Kết Hợp Đồng Pháp Lý</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Giải thích cặn kẽ quyền lợi chủ nhà, các mốc thời gian, bảng vật liệu và tiến hành nộp hồ sơ xin phép xây dựng.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">3</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-right pr-12 hidden md:block"></div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-primary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg shadow-orange-500/50 group-hover:scale-110 transition">4</div>
                    <div class="order-1 md:w-5/12 text-left pl-12 md:pl-12">
                        <h3 class="font-bold text-xl text-primary mb-2">Triển Khai Cắm Mốc & Thi Công</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Ép cọc, làm móng, đổ tấm theo quy chuẩn an toàn. Báo cáo bằng hình ảnh/video qua nhóm Zalo cho chủ nhà mỗi ngày.</p>
                    </div>
                </div>
                <div class="relative z-10 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Nghiệm Thu Bàn Giao Cùng Mái Ấm Mới</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Tổng vệ sinh công trình, dọn dẹp sạch sẽ. Chìa khóa trao tay, gia chủ tự do tận hưởng không gian sống đẳng cấp.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">5</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-light-gray dark:bg-slate-900/30" id="projects">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">Cảm Hứng Thiết Kế Nhà Phố, Biệt Thự Mới Nhất</h2>
            </div>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Mẫu Nhà Phố Hiện Đại 2 Tầng Quận 7" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/3.png"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Nhà Phố 2 Tầng Xanh - Quận 7</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Biệt Thự Vườn Phong Cách Địa Trung Hải Thủ Đức" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/4.png"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Biệt Thự Nghỉ Dưỡng - TP. Thủ Đức</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Thiết kế thi công Nhà Phố kết hợp kinh doanh Gò Vấp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/1-2.png"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Nhà Phố Kế Hợp CHDV - Gò Vấp</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Xây dựng biệt thự độc bản 4 tầng Quận 2" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/2-2.png"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Biệt Thự Hiện Đại 4 Tầng - Quận 2</p>
                    </div>
                </div>
            </div>
            <div class="text-center mt-8">
                <a class="inline-flex items-center gap-2 text-primary font-bold hover:underline" href="#">Khám phá thêm <span class="material-symbols-outlined text-sm">arrow_forward</span></a>
            </div>
        </div>
    </section>

    
   
    <script>
        // Simple script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-nhapho-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-4550651 e-flex e-con-boxed e-con e-parent" data-id="4550651" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-863af1a elementor-widget elementor-widget-html" data-id="863af1a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="container mx-auto px-4 max-w-4xl">
<div class="text-center mb-10">
<h2 class="text-3xl font-bold text-secondary dark:text-white uppercase mb-4">Đăng Ký Tư Vấn & Nhận Dự Toán </h2>
<div class="w-20 h-1.5 bg-primary mx-auto rounded-full mb-4"></div>
<p class="text-slate-600 dark:text-slate-400">Vui lòng điền thông tin bên dưới, kỹ sư chuyên môn của chúng tôi sẽ liên hệ hỗ trợ bạn trong thời gian sớm nhất.</p>
</div>
</div>
				</div>
				<div class="elementor-element elementor-element-fd7eeca elementor-widget elementor-widget-shortcode" data-id="fd7eeca" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/xay-nha-pho/">XÂY NHÀ PHỐ</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/xay-nha-pho/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>XÂY CĂN HỘ DỊCH VỤ</title>
		<link>https://xaynhatocdo.com/xay-can-ho-dich-vu-2/</link>
					<comments>https://xaynhatocdo.com/xay-can-ho-dich-vu-2/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 05 Mar 2026 07:01:31 +0000</pubDate>
				<category><![CDATA[Báo Giá Dịch Vụ]]></category>
		<guid isPermaLink="false">https://xaynhatocdo.com/?p=1991</guid>

					<description><![CDATA[<p>https://www.youtube.com/watch?v=VpicDC4LPNA BÀI TOÁN DÒNG TIỀN TỐI ƯU CHO QUÝ ANH CHỊ XÂY CĂN HỘ DỊCH VỤ TỐI ƯU HÓA DÒNG TIỀN Quý Anh chị đang cầm trong tay một quỹ đất trống và tự hỏi: Làm sao để xây căn hộ dịch vụ giúp mảnh đất này tự &#8220;đẻ&#8221; ra tiền mỗi tháng? Xây Nhà [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/xay-can-ho-dich-vu-2/">XÂY CĂN HỘ DỊCH VỤ</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1991" class="elementor elementor-1991" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-2b816e0 e-flex e-con-boxed e-con e-parent" data-id="2b816e0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e6b3788 elementor-widget elementor-widget-video" data-id="e6b3788" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=VpicDC4LPNA&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ffdff6e e-con-full e-flex e-con e-parent" data-id="ffdff6e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a6cd1f5 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="a6cd1f5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script>
    tailwind.config = {
        darkMode: "class",
        theme: {
            extend: {
                colors: {
                    primary: "#D77829",
                    secondary: "#004054",
                    "background-light": "#F8FAFC",
                    "background-dark": "#0F172A",
                    "surface-light": "#FFFFFF",
                    "surface-dark": "#1E293B",
                    "light-gray": "#F5F7FA"
                },
                fontFamily: {
                    display: ["Montserrat", "sans-serif"],
                    body: ["Open Sans", "sans-serif"],
                },
                borderRadius: {
                    DEFAULT: "0.5rem",
                },
                boxShadow: {
                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.1)',
                    'glow': '0 0 20px rgba(215, 120, 41, 0.3)',
                }
            },
        },
    };
</script>
<style type="text/tailwindcss">
    .xntd-chdv-wrapper { 
        font-family: 'Open Sans', sans-serif; 
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .xntd-chdv-wrapper h1, .xntd-chdv-wrapper h2, .xntd-chdv-wrapper h3, .xntd-chdv-wrapper h4, .xntd-chdv-wrapper h5, .xntd-chdv-wrapper h6 { font-family: 'Montserrat', sans-serif; }
    .xntd-chdv-wrapper .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .xntd-chdv-wrapper details > summary::-webkit-details-marker {
        display: none;
    }
    .xntd-chdv-wrapper details[open] summary ~ * {
        animation: slideDown 0.3s ease-in-out;
    }
    @keyframes slideDown {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .xntd-chdv-wrapper .text-gradient {
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #D77829, #FF9F55);
    }
    .xntd-chdv-wrapper .section-pattern {
        background-image: radial-gradient(#D77829 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: 0.05;
    }
</style>

<div class="xntd-chdv-wrapper bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 transition-colors duration-300">
    <section class="relative w-full min-h-[650px] lg:min-h-[90vh] flex items-center justify-center overflow-hidden pb-20 lg:pb-0">
        <img decoding="async" alt="Dự án xây căn hộ dịch vụ trọn gói tối ưu dòng tiền từ Xây Nhà Tốc Độ" class="absolute inset-0 w-full h-full object-cover object-center z-0" src="https://kientrucdoorway.com.vn/wp-content/uploads/2025/05/M%E1%BA%ABu-Thi%E1%BA%BFt-K%E1%BA%BF-c%C4%83n-h%E1%BB%99-d%E1%BB%8Bch-v%E1%BB%A5-thu%C3%AA3.jpg"/>
        <div class="absolute inset-0 bg-secondary/90 lg:bg-secondary/80 backdrop-blur-md z-0"></div>
        
        <div class="container mx-auto px-4 z-10 relative text-center lg:text-left grid lg:grid-cols-2 gap-12 items-center">
            <div class="space-y-6 pt-16 lg:pt-0">
                <div class="inline-block bg-primary/20 backdrop-blur-sm border border-primary/30 rounded-full px-4 py-1 text-primary dark:text-orange-400 font-bold text-xs md:text-sm mb-2 uppercase tracking-wide">
                    BÀI TOÁN DÒNG TIỀN TỐI ƯU CHO QUÝ ANH CHỊ
                </div>
                <h1 class="text-4xl lg:text-5xl xl:text-6xl font-extrabold text-white !leading-snug uppercase">
                    XÂY CĂN HỘ DỊCH VỤ <br> 
                    <span class="block mt-1 lg:mt-2 text-primary">TỐI ƯU HÓA DÒNG TIỀN</span>
                </h1>
                <p class="text-xl text-gray-200 font-medium max-w-xl mx-auto lg:mx-0 border-l-4 border-primary pl-4">
                    Quý Anh chị đang cầm trong tay một quỹ đất trống và tự hỏi: Làm sao để <strong>xây căn hộ dịch vụ</strong> giúp mảnh đất này tự "đẻ" ra tiền mỗi tháng? <a href="https://xaynhatocdo.com" target="_blank" class="text-primary hover:underline font-bold">Xây Nhà Tốc Độ</a> ở đây để giúp Anh chị giải quyết dứt điểm bài toán thiết kế, pháp lý và đưa tài sản vào sinh lời nhanh nhất.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4">
                    <a class="px-8 py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded shadow-lg shadow-orange-500/40 transition transform hover:-translate-y-1 flex items-center justify-center" href="#pricing">
                        Nhận Lời Giải Bài Toán Chi Phí   <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                    </a>
                    <a class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur border border-white/30 text-white font-bold rounded transition flex items-center justify-center" href="#projects">
                        Xem Công Trình Thực Tế
                    </a>
                </div>
            </div>
            <div class="hidden lg:block relative mt-10 pb-8">
                <div class="bg-surface-light/95 dark:bg-surface-dark/95 backdrop-blur-md p-8 rounded-xl shadow-2xl border-t-4 border-primary max-w-md ml-auto">
                    <h3 class="text-secondary dark:text-white font-bold text-xl mb-4 flex items-center gap-2">
                        <span class="material-symbols-outlined text-primary">verified</span>
                        TẠI SAO LÀ XÂY NHÀ TỐC ĐỘ?
                    </h3>
                    <p class="text-sm text-gray-600 dark:text-gray-300 mb-6 italic">
                        "Xây công trình tiền tỷ mà chỉ mất vài tháng, liệu có chất lượng?" – Đây là câu hỏi chúng tôi nhận được rất nhiều. Chúng tôi trả lời bằng kỷ luật thép và những cam kết thực tế:
                    </p>
                    <ul class="space-y-6">
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">trending_up</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Suất Đầu Tư Cực Gọn</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Thiết kế không dư thừa chi tiết. Nhồi tối đa diện tích phòng cho thuê trên cùng một quy mô sàn để Anh chị thu tiền nhiều nhất có thể.</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">bolt</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Rút Ngắn 30% Thời Gian</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Ứng dụng thi công Fast-track. Hoàn thiện nhanh, đón khách thuê sớm, dòng tiền về ví Anh chị ngay lập tức.</span>
                            </div>
                        </li>
                        <li class="flex items-start gap-4">
                            <span class="bg-primary/10 p-3 rounded-full text-primary shrink-0">
                                <span class="material-symbols-outlined">hotel_class</span>
                            </span>
                            <div>
                                <strong class="block text-secondary dark:text-gray-200 text-lg">Không Lo Sửa Chữa Lặt Vặt</strong>
                                <span class="text-sm text-gray-500 dark:text-gray-400">Vật tư 100% chuẩn hãng, chống thấm nhiều lớp. Xây xong là vận hành trơn tru, không đau đầu bảo trì.</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
       
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark relative" id="pricing">
        <div class="absolute inset-0 section-pattern pointer-events-none"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">BÁO GIÁ XÂY CĂN HỘ DỊCH VỤ: MINH BẠCH ĐẾN TỪNG VIÊN GẠCH</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Dù Quý Anh chị là nhà đầu tư "lão làng" hay người mới (F0) cần gỡ rối quy trình – Chúng tôi đều có giải pháp may đo riêng biệt. Tham khảo chi tiết các <a href="https://xaynhatocdo.com/bao-gia-xay-nha-tron-goi" target="_blank" class="text-primary font-semibold hover:underline">gói xây nhà trọn gói</a> dưới đây.</p>
            </div>
            <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto">
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border-2 border-primary relative overflow-hidden flex flex-col hover:-translate-y-2 transition-transform duration-300">
                    <div class="absolute top-0 right-0 bg-red-600 text-white text-xs font-bold px-4 py-1.5 rounded-bl-xl z-20 shadow-md">CHUYÊN GIA KHUYÊN DÙNG</div>
                    <div class="h-56 overflow-hidden relative group">
                        <img decoding="async" alt="Mô hình quản lý thi công xây căn hộ dịch vụ từ A-Z" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/cong-nhan-tay-l-en-ngu.png"/>
                        <div class="absolute inset-0 bg-secondary/80 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                            <a class="bg-white text-secondary px-6 py-2 rounded-full font-bold text-sm hover:bg-primary hover:text-white transition" href="#contact">Hỏi Nhanh Chi Phí</a>
                        </div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <h3 class="text-xl font-extrabold text-secondary dark:text-white mb-1 uppercase text-center">Quản Lý Dự Án</h3>
                        <span class="text-primary font-bold text-sm mb-6 block text-center tracking-widest">TỪ A ĐẾN Z</span>
                        <div class="bg-orange-50 dark:bg-slate-700/50 p-4 rounded-xl mb-6 text-center border border-orange-100 dark:border-slate-600">
                            <p class="text-slate-500 dark:text-slate-300 text-xs font-bold uppercase mb-1">Mô hình Cost + Fee tiên tiến</p>
                            <p class="text-secondary dark:text-white font-bold text-sm">Chỉ lấy phí quản lý</p>
                            <p class="text-primary font-extrabold text-3xl">7 - 15%</p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-3 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span><strong>Tiền nào của nấy:</strong> Anh chị trực tiếp thanh toán tiền vật tư với đại lý theo giá gốc, không sợ bị kê khống.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Đội ngũ kỹ sư của Xây Nhà Tốc Độ sẽ thay Anh chị đứng công trình, "vắt kiệt" công suất thợ.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check_circle</span> <span>Rất hợp lý cho những nhà đầu tư thích cầm trịch tài chính, minh bạch từng đồng.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-primary hover:bg-orange-600 text-white font-bold rounded-lg text-center text-sm transition shadow-lg shadow-orange-500/30 uppercase tracking-wide" href="#contact">
                            GỬI YÊU CẦU DỰ TOÁN MẪU
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden flex flex-col hover:border-secondary transition-colors duration-300 group">
                    <div class="h-56 overflow-hidden relative">
                        <img decoding="async" alt="Báo giá xây dựng phần thô căn hộ dịch vụ" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/IMG_2782-scaled-e1772701328885.jpg"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white font-bold text-lg">Gói Nền Tảng</div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <h3 class="text-xl font-bold text-secondary dark:text-white mb-1 uppercase text-center">Thi Công Phần Thô</h3>
                        <span class="text-gray-400 font-bold text-sm mb-6 block text-center tracking-widest">&amp; NHÂN CÔNG HOÀN THIỆN</span>
                        <div class="bg-gray-50 dark:bg-slate-700/30 p-4 rounded-xl mb-6 text-center border border-gray-100 dark:border-slate-700">
                            <p class="text-slate-500 dark:text-slate-300 text-xs font-bold uppercase mb-1">Mức giá tham khảo</p>
                            <p class="text-secondary dark:text-white font-extrabold text-3xl">4.3 - 4.5<span class="text-lg font-normal text-gray-500">Tr/m2</span></p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-3 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span><strong>Khung xương vững chắc:</strong> Thép Việt Nhật, xi măng Insee. Cân đo đong đếm ngay trước mắt Anh chị.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span>Tránh rủi ro về kết cấu lún nứt, yên tâm khai thác cả chục năm không suy suyển.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span>Phần hoàn thiện Anh chị tự do rải ngân, chọn gạch ngói, sơn bả theo ý thích.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-secondary hover:bg-secondary/90 text-white font-bold rounded-lg text-center text-sm transition uppercase tracking-wide" href="#contact">
                            XEM DANH MỤC VẬT TƯ THÔ
                        </a>
                    </div>
                </div>
                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-card border border-gray-100 dark:border-gray-700 overflow-hidden flex flex-col hover:border-secondary transition-colors duration-300 group">
                    <div class="h-56 overflow-hidden relative">
                        <img decoding="async" alt="Xây căn hộ dịch vụ trọn gói chìa khóa trao tay" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Xay-Nha-Tron-Goi.png"/>
                        <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
                        <div class="absolute bottom-4 left-4 text-white font-bold text-lg">Gói Thảnh Thơi</div>
                    </div>
                    <div class="p-8 flex-1 flex flex-col">
                        <h3 class="text-xl font-bold text-secondary dark:text-white mb-1 uppercase text-center">Chìa Khóa Trao Tay</h3>
                        <span class="text-gray-400 font-bold text-sm mb-6 block text-center tracking-widest">(GIAO KHOÁN TRỌN GÓI)</span>
                        <div class="bg-gray-50 dark:bg-slate-700/30 p-4 rounded-xl mb-6 text-center border border-gray-100 dark:border-slate-700">
                            <p class="text-slate-500 dark:text-slate-300 text-xs font-bold uppercase mb-1">Mức giá tham khảo</p>
                            <p class="text-secondary dark:text-white font-extrabold text-3xl">6.5 - 7.2<span class="text-lg font-normal text-gray-500">Tr/m2</span></p>
                        </div>
                        <ul class="text-sm text-slate-600 dark:text-slate-400 space-y-3 mb-8 flex-1">
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span><strong>Giao trọn gói:</strong> Giao phó toàn bộ từ xin phép, thi công, hoàn thiện cho chúng tôi. Tới ngày là vào nhận nhà.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span>Chốt ngân sách 1 lần trên hợp đồng. Cam kết tuyệt đối <strong>KHÔNG</strong> vòi vĩnh, phát sinh.</span></li>
                            <li class="flex items-start gap-3"><span class="material-symbols-outlined text-primary text-base shrink-0">check</span> <span>Rất lý tưởng cho Anh chị Việt kiều, người bận rộn không có thời gian chạy ra chạy vào công trình.</span></li>
                        </ul>
                        <a class="mt-auto w-full py-4 bg-secondary hover:bg-secondary/90 text-white font-bold rounded-lg text-center text-sm transition uppercase tracking-wide" href="#contact">
                            NHẬN BÁO GIÁ ĐÍCH DANH
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-light-gray dark:bg-slate-900/50">
        <div class="container mx-auto px-4 max-w-5xl">
            <div class="text-center mb-10">
                <h2 class="text-2xl lg:text-3xl font-bold text-secondary dark:text-white uppercase">Vật Tư Chính Hãng - Chìa Khóa Của Độ Bền</h2>
                <p class="text-slate-600 dark:text-slate-400 mt-2">Nền móng có vững thì dòng tiền mới bền. Xây Nhà Tốc Độ làm việc bằng uy tín, Anh chị trực tiếp nghiệm thu từng bao xi măng, từng cây thép trước khi đưa vào đổ móng.</p>
            </div>
            <div class="space-y-4">
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden" open="">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">foundation</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">Phần Thô - Cốt Lõi Không Thể Thay Thế</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Thép chịu lực:</strong> Việt Nhật / Pomina (Có chứng nhận kiểm định)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Xi măng kết cấu:</strong> Insee / Hà Tiên</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Gạch xây:</strong> Tuynel Bình Dương (Đất sét nung chuẩn, không nát vụn)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Cát đá:</strong> Tuyển chọn sạch, đúng tiêu chuẩn cấp phối</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Dây cáp điện:</strong> Cadivi (Lõi đồng nguyên chất, an toàn PCCC)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Ống nước:</strong> Nhựa Bình Minh (Dày dặn, chịu áp lực nước mạnh)</span>
                            </div>
                        </div>
                    </div>
                </details>
                <details class="group bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden">
                    <summary class="flex items-center justify-between p-5 cursor-pointer bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700/50 transition select-none">
                        <div class="flex items-center gap-4">
                            <div class="bg-primary/10 p-2 rounded text-primary">
                                <span class="material-symbols-outlined">palette</span>
                            </div>
                            <h3 class="font-bold text-lg text-secondary dark:text-white">Phần Hoàn Thiện - Chống Xuống Cấp Khi Vận Hành</h3>
                        </div>
                        <span class="material-symbols-outlined text-gray-400 group-open:rotate-180 transition-transform">expand_more</span>
                    </summary>
                    <div class="p-6 pt-0 border-t border-gray-100 dark:border-gray-700 bg-gray-50/50 dark:bg-slate-800">
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Sơn nội/ngoại:</strong> Dulux / Jotun (Dễ lau chùi, bền màu)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Chống thấm:</strong> KOVA / Sika (Xử lý kỹ 2-3 lớp tại các vùng yết hầu)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Thiết bị vệ sinh:</strong> Toto / Inax / Viglacera (Tùy gói đầu tư)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Gạch ốp lát:</strong> Đồng Tâm / Vietceramics (Chống trơn trượt)</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Đá hoa cương:</strong> Kim Sa / Đen Huế tự nhiên</span>
                            </div>
                            <div class="flex items-start gap-3">
                                <span class="material-symbols-outlined text-primary text-sm mt-1">check_circle</span>
                                <span class="text-slate-700 dark:text-slate-300 text-sm"><strong>Hệ cửa:</strong> Nhôm Xingfa / Gỗ công nghiệp An Cường (Cách âm, cách nhiệt)</span>
                            </div>
                        </div>
                    </div>
                </details>
            </div>
            <div class="mt-8 text-center">
                <button class="inline-flex items-center px-8 py-3 border-2 border-primary text-primary font-bold rounded-full hover:bg-primary hover:text-white transition uppercase text-sm tracking-wide">
                    Tải Toàn Bộ Hồ Sơ Vật Tư (Bản PDF)
                    <span class="material-symbols-outlined text-sm ml-2">download</span>
                </button>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">CAM KẾT TỪ NGƯỜI CHỈ HUY: NÓI ĐƯỢC, LÀM ĐƯỢC</h2>
                <div class="w-24 h-1.5 bg-primary mx-auto rounded-full"></div>
                <p class="mt-4 text-slate-600 dark:text-slate-400 text-lg">Hợp tác cùng Xây Nhà Tốc Độ, Anh chị không phải nghe lời hứa suông. Mọi thứ được ấn định bằng giấy trắng mực đen.</p>
            </div>
            <div class="grid md:grid-cols-4 gap-6">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-primary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-primary">
                        <span class="material-symbols-outlined text-3xl">speed</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Bảo Vệ Tiến Độ Bằng Tiền</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Trễ một ngày phạt tiền một ngày. Chúng tôi đẩy nhanh tiến độ để dòng tiền đổ về túi Anh chị sớm nhất có thể.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-secondary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-secondary">
                        <span class="material-symbols-outlined text-3xl">policy</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Chốt Giá Là Xong</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Không vẽ vời, không xin xỏ phụ phí. Nếu do lỗi kỹ thuật bóc tách sai, Xây Nhà Tốc Độ tự bỏ tiền túi ra bù đắp.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-primary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-primary">
                        <span class="material-symbols-outlined text-3xl">verified</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Kiểm Tra Gắt Gao 3 Lớp</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Từ chỉ huy trưởng, giám sát viên đến kiểm định độc lập. Khung bê tông mẻ một góc, chúng tôi bắt đập đi làm lại.</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-xl shadow-lg border-t-4 border-secondary text-center hover:-translate-y-2 transition duration-300">
                    <div class="w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-secondary">
                        <span class="material-symbols-outlined text-3xl">support_agent</span>
                    </div>
                    <h3 class="font-bold text-lg mb-3 text-secondary dark:text-white">Đồng Hành 10 Năm</h3>
                    <p class="text-sm text-slate-600 dark:text-slate-400">Xây xong không phải là hết trách nhiệm. Bảo hành kết cấu lên đến 10 năm, hỏng hóc gọi là có thợ xuống xử lý trong 24h.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-secondary text-white relative overflow-hidden">
        <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="grid lg:grid-cols-2 gap-12 items-center">
                <div>
                    <span class="bg-primary text-white text-xs font-bold px-3 py-1 rounded uppercase tracking-wider mb-4 inline-block">Món Quà Dành Tặng Riêng Trong Tháng</span>
                    <h2 class="text-3xl lg:text-4xl font-extrabold mb-6">XÓA BỎ NỖI LO PHÁP LÝ & BẢN VẼ</h2>
                    <p class="mb-8 text-gray-300">Anh chị chốt gói Chìa Khóa Trao Tay? Chúng tôi lo luôn những khâu nhức đầu nhất:</p>
                    <ul class="space-y-6">
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">design_services</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Tặng  50% Chi phí Thiết Kế</h4>
                                <p class="text-gray-300 text-sm">Đầy đủ từ phối cảnh 3D đến bản vẽ ME điện nước. Không nháp bừa, thiết kế sát thực tế để kinh doanh ngay.</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">description</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Bao Trọn Gói Xin Phép Xây Dựng</h4>
                                <p class="text-gray-300 text-sm">Hồ sơ hành chính rườm rà? Cứ để đội chuyên trách của chúng tôi lo. Nhanh gọn, đúng luật định của nhà nước.</p>
                            </div>
                        </li>
                        <li class="flex items-center gap-4">
                            <div class="w-12 h-12 bg-white/10 rounded-full flex items-center justify-center text-primary shrink-0">
                                <span class="material-symbols-outlined text-2xl">security</span>
                            </div>
                            <div>
                                <h4 class="font-bold text-lg">Hỗ Trợ Thủ Tục Hoàn Công</h4>
                                <p class="text-gray-300 text-sm">Giúp Anh chị cập nhật tài sản lên sổ hồng, làm tăng giá trị pháp lý và tính thanh khoản của cả tòa nhà.</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="relative">
                    <img decoding="async" alt="Ưu đãi tư vấn thiết kế thi công căn hộ dịch vụ trọn gói" class="rounded-xl shadow-2xl border-4 border-white/20 rotate-2 hover:rotate-0 transition duration-500 w-full object-cover h-80 lg:h-96" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Bo-noi-that.png"/>
                    <div class="absolute -bottom-6 -right-6 bg-primary text-white p-6 rounded-xl shadow-xl hidden md:block">
                        <p class="font-bold text-2xl">ĐẶC QUYỀN ĐI KÈM</p>
                        <p class="text-sm">Gói tư vấn quy hoạch nội thất chuẩn tệp khách</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-light-gray dark:bg-slate-900/30">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">NGƯỜI THẬT VIỆC THẬT: KHÁCH HÀNG NÓI GÌ VỀ CHÚNG TÔI?</h2>
            </div>
            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
                <div class="bg-white dark:bg-slate-800 p-8 rounded-2xl shadow-lg relative">
                    <span class="material-symbols-outlined text-6xl text-gray-100 dark:text-slate-700 absolute top-4 right-4 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Đánh giá từ khách hàng về dịch vụ xây căn hộ dịch vụ" class="w-full h-full object-cover" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Gemini_Generated_Image_3q2vp53q2vp53q2v-e1772339857407.png"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Anh Minh Tuấn</h4>
                            <p class="text-xs text-gray-500">Chủ đầu tư CHDV 30 phòng (Q. Gò Vấp)</p>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Tôi là dân tài chính, chỉ quan tâm đến con số. Xây Nhà Tốc Độ làm tôi nể vì họ bàn giao nhà chỉ trong 4 tháng. Nhờ xong sớm 2 tháng so với mặt bằng chung, tôi kịp cho sinh viên thuê đợt khai giảng, lấp đầy 90% phòng luôn. Bài toán dòng tiền được giải quyết rất mượt."</p>
                </div>
                <div class="bg-white dark:bg-slate-800 p-8 rounded-2xl shadow-lg relative">
                    <span class="material-symbols-outlined text-6xl text-gray-100 dark:text-slate-700 absolute top-4 right-4 -z-0">format_quote</span>
                    <div class="flex items-center gap-4 mb-6 z-10 relative">
                        <div class="w-14 h-14 bg-gray-200 rounded-full overflow-hidden">
                            <img decoding="async" alt="Đánh giá từ khách hàng thi công CHDV trọn gói" class="w-full h-full object-cover" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/Gemini_Generated_Image_odbi5sodbi5sodbi-e1772340012285.png"/>
                        </div>
                        <div>
                            <h4 class="font-bold text-secondary dark:text-white">Chú Nguyễn Văn Sáu</h4>
                            <p class="text-xs text-gray-500">Chủ đầu tư Tòa CHDV 5 Tầng (Q.3)</p>
                        </div>
                        <div class="ml-auto text-primary flex text-sm">
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                            <span class="material-symbols-outlined text-sm">star</span>
                        </div>
                    </div>
                    <p class="text-slate-600 dark:text-slate-300 italic relative z-10">"Chú đang định cư bên Úc nên phải khoán trắng cho công ty. Mới đầu cũng lo, nhưng mấy đứa kỹ sư ngày nào cũng gửi clip, gửi ảnh lên nhóm zalo báo cáo rõ ràng. Ngày về nhận nhà thấy sắc nét y chang bản vẽ. Dù ở xa nửa vòng trái đất, chú vẫn thấy yên tâm giao tiền cho Xây Nhà Tốc Độ."</p>
                </div>
            </div>
        </div>
    </section>

    <section class="py-20 bg-surface-light dark:bg-surface-dark overflow-hidden">
        <div class="container mx-auto px-4">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="text-3xl lg:text-4xl font-bold text-secondary dark:text-white mb-4 uppercase">5 BƯỚC THI CÔNG KHÉP KÍN: KỶ LUẬT THÉP TRÊN CÔNG TRƯỜNG</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            <div class="relative max-w-4xl mx-auto">
                <div class="absolute left-4 md:left-1/2 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-gray-700 -translate-x-1/2 md:translate-x-0"></div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Bước 1: Khám Bệnh Trực Tiếp Mảnh Đất</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Đội ngũ kỹ sư sẽ xuống tận nơi đo đạc, sau đó tư vấn cho Anh chị xem khu vực này nên nhắm vào sinh viên hay dân văn phòng, từ đó phân bổ số lượng phòng hợp lý nhất.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">1</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-right pr-12 hidden md:block"></div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">2</div>
                    <div class="order-1 md:w-5/12 text-left pl-12 md:pl-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Bước 2: Lên Bài Toán Hợp Tác Gọn Gàng</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Anh chị muốn khoán trắng hay tự mua vật tư? Dựa vào tài chính và thời gian, chúng tôi sẽ tư vấn phương án làm việc vừa vặn và an toàn nhất.</p>
                    </div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Bước 3: Chốt Cứng Giấy Tờ Bút Tích</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Nhìn tận mắt bản vẽ 3D, gật đầu chốt phương án. Mọi khâu đi lại phức tạp, đội ngũ của chúng tôi sẽ lo liệu xong xuôi thủ tục <a href="https://xaynhatocdo.com/thu-tuc-xin-phep-xay-dung" target="_blank" class="text-primary hover:underline">xin phép xây dựng</a>.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">3</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
                <div class="relative z-10 mb-12 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-right pr-12 hidden md:block"></div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-primary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg shadow-orange-500/50 group-hover:scale-110 transition">4</div>
                    <div class="order-1 md:w-5/12 text-left pl-12 md:pl-12">
                        <h3 class="font-bold text-xl text-primary mb-2">Bước 4: Đánh Nhanh Rút Gọn Tại Hiện Trường</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Đội thợ dồn lực thi công. Quý Anh chị chỉ cần mở điện thoại là xem được hệ thống camera hoặc báo cáo tiến độ tường tận mỗi ngày.</p>
                    </div>
                </div>
                <div class="relative z-10 flex flex-col md:flex-row items-center justify-between w-full group">
                    <div class="order-1 md:w-5/12 text-left md:text-right pl-12 md:pl-0 md:pr-12">
                        <h3 class="font-bold text-xl text-secondary dark:text-white mb-2 group-hover:text-primary transition">Bước 5: Chìa Khóa Trao Tay, Tiền Bay Vào Túi</h3>
                        <p class="text-sm text-slate-600 dark:text-slate-400">Nghiệm thu từng ngóc ngách xong xuôi. Chúng tôi trao cho Anh chị một cơ ngơi nguyên vẹn, dọn dẹp sạch sẽ, sẵn sàng đón khách vào ở ngay.</p>
                    </div>
                    <div class="order-1 absolute left-4 md:left-1/2 -translate-x-1/2 flex items-center justify-center w-10 h-10 rounded-full bg-secondary border-4 border-white dark:border-slate-800 text-white font-bold z-20 shadow-lg group-hover:scale-110 transition">5</div>
                    <div class="order-1 md:w-5/12 md:pl-12 hidden md:block"></div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 bg-light-gray dark:bg-slate-900/30" id="projects">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-secondary dark:text-white uppercase">CÁC KHỐI TÀI SẢN CHÚNG TÔI ĐÃ BÀN GIAO</h2>
            </div>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Thi công xây căn hộ dịch vụ trọn gói tại Bình Thạnh" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/20250823_113958-scaled-e1774956919409.jpg"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">CHDV Phân khúc Sinh viên - Q. Bình Thạnh</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Xây dựng tòa nhà căn hộ dịch vụ 6 tầng Thủ Đức" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/03/20250826_110813-EDIT-1-scaled-e1774957392311.jpg"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Tòa nhà 6 Tầng - TP. Thủ Đức</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Dự án đầu tư xây dựng nhà cho thuê Gò Vấp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/image-8.png"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Tổ hợp CHDV 33 Phòng - Q.5</p>
                    </div>
                </div>
                <div class="group relative aspect-square overflow-hidden rounded-lg cursor-pointer">
                    <img decoding="async" alt="Thi công căn hộ dịch vụ cao cấp tại Quận 7" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" src="https://xaynhatocdo.com/wp-content/uploads/2026/04/20250823_104145-e1776332300832.jpg"/>
                    <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-4">
                        <p class="text-white font-bold text-sm">Căn Hộ 12 phòng tại Tân Phú</p>
                    </div>
                </div>
            </div>
            <div class="text-center mt-8">
                <a class="inline-flex items-center gap-2 text-primary font-bold hover:underline" href="https://xaynhatocdo.com/du-an" target="_blank">Xem chi tiết hồ sơ năng lực dự án <span class="material-symbols-outlined text-sm">arrow_forward</span></a>
            </div>
        </div>
    </section>

    <section class="py-16 bg-secondary text-white relative overflow-hidden">
        <div class="absolute -top-20 -left-20 w-64 h-64 bg-primary/20 rounded-full blur-3xl"></div>
        <div class="absolute bottom-0 right-0 w-64 h-64 bg-primary/20 rounded-full blur-3xl"></div>
        <div class="container mx-auto px-4 max-w-5xl relative z-10 text-center">
            <h2 class="text-3xl lg:text-4xl font-bold mb-6 font-display uppercase">ANH CHỊ ĐÃ SẴN SÀNG BIẾN QUỸ ĐẤT THÀNH CỖ MÁY IN TIỀN?</h2>
            <p class="text-gray-300 text-lg mb-10 max-w-2xl mx-auto">
                Đất để trống là Anh chị đang đánh rơi tiền mỗi ngày. Đừng chần chừ nữa! Hãy để đội ngũ kỹ sư thực chiến của Xây Nhà Tốc Độ lên bảng dự toán hoàn toàn miễn phí cho Anh chị.
            </p>
            <div class="grid md:grid-cols-2 gap-6 max-w-3xl mx-auto mb-10 text-left">
                <div class="bg-white/10 backdrop-blur border border-white/20 p-6 rounded-xl flex items-start gap-4">
                    <div class="bg-primary/20 p-3 rounded-lg shrink-0">
                        <span class="material-symbols-outlined text-primary text-2xl">calculate</span>
                    </div>
                    <div>
                        <h4 class="font-bold text-lg text-white mb-1">Cố vấn dòng tiền miễn phí</h4>
                        <p class="text-sm text-gray-300">Phân tích rõ ràng chỉ số ROI, đo đếm chính xác bao lâu thì Anh chị thu hồi vốn.</p>
                    </div>
                </div>
                <div class="bg-white/10 backdrop-blur border border-white/20 p-6 rounded-xl flex items-start gap-4">
                    <div class="bg-primary/20 p-3 rounded-lg shrink-0">
                        <span class="material-symbols-outlined text-primary text-2xl">verified_user</span>
                    </div>
                    <div>
                        <h4 class="font-bold text-lg text-white mb-1">Định vị đúng người thuê</h4>
                        <p class="text-sm text-gray-300">Nhắm trúng túi tiền của khách khu vực đó, xây ra là cháy phòng.</p>
                    </div>
                </div>
            </div>
            <a href="tel:0866186189" class="inline-flex items-center gap-3 bg-primary hover:bg-orange-600 px-8 py-4 rounded-full text-white font-bold shadow-lg shadow-orange-500/30 text-lg transition-transform hover:-translate-y-1">
                <span class="material-symbols-outlined text-2xl animate-pulse">call</span>
                GỌI NGAY CHO KỸ SƯ: 0866.186.189
            </a>
            <p class="mt-4 text-sm text-gray-400 italic">Khảo sát & tư vấn tận nơi hoàn toàn không mất phí</p>
        </div>
    </section>
    
    <script>
        // Simple script to toggle details one at a time for accordion effect
        const details = document.querySelectorAll(".xntd-chdv-wrapper details");
        details.forEach((targetDetail) => {
            targetDetail.addEventListener("toggle", (e) => {
                if (targetDetail.open) {
                    details.forEach((detail) => {
                        if (detail !== targetDetail) {
                            detail.removeAttribute("open");
                        }
                    });
                }
            });
        });
    </script>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-6d08be9 e-grid e-con-full e-con e-parent" data-id="6d08be9" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-5b2c71e e-con-full e-flex e-con e-child" data-id="5b2c71e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b8f1ea1 elementor-widget__width-inherit elementor-widget elementor-widget-video" data-id="b8f1ea1" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=Y54zmwc44Vo&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-5aa7981 e-con-full e-flex e-con e-child" data-id="5aa7981" data-element_type="container" data-e-type="container">
				</div>
				</div>
		<div class="elementor-element elementor-element-f457f1d e-flex e-con-boxed e-con e-parent" data-id="f457f1d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-59bb381 e-con-full e-flex e-con e-child" data-id="59bb381" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0b42df6 elementor-widget elementor-widget-html" data-id="0b42df6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="container mx-auto px-4 max-w-4xl">
<div class="text-center mb-10">
<h2 class="text-3xl font-bold text-secondary dark:text-white uppercase mb-4">Đăng Ký Tư Vấn & Nhận Dự Toán Đầu Tư</h2>
<div class="w-20 h-1.5 bg-primary mx-auto rounded-full mb-4"></div>
<p class="text-slate-600 dark:text-slate-400">Vui lòng điền thông tin bên dưới, kỹ sư chuyên môn của chúng tôi sẽ liên hệ hỗ trợ bạn trong thời gian sớm nhất.</p>
</div>
</div>
				</div>
				<div class="elementor-element elementor-element-4afee05 elementor-widget elementor-widget-shortcode" data-id="4afee05" data-element_type="widget" data-e-type="widget" id="contact" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="container" data-elementor-id="682" class="elementor elementor-682" data-elementor-post-type="elementor_library">
				<div class="elementor-element elementor-element-cad13a4 e-flex e-con-boxed e-con e-parent" data-id="cad13a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a27298 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2a27298" data-element_type="widget" data-e-type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
							<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
			<input type="hidden" name="post_id" value="682"/>
			<input type="hidden" name="form_id" value="2a27298"/>
			<input type="hidden" name="referer_title" value="Báo Giá Dịch Vụ" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-above">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Họ và Tên (*)" required="required">
											</div>
								<div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
							<input size="1" type="tel" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Số Điện Thoại (*)" required="required" pattern="[0-9()#&amp;+*-=.]+" title="Only numbers and phone characters (#, -, *, etc) are accepted.">

						</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_c16a51e elementor-col-100 elementor-field-required">
													<input size="1" type="email" name="form_fields[field_c16a51e]" id="form-field-field_c16a51e" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[message]" id="form-field-message" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Diện Tích Đất &amp; Số Tầng Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e1d9d8 elementor-col-100 elementor-field-required">
													<input size="1" type="text" name="form_fields[field_5e1d9d8]" id="form-field-field_5e1d9d8" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Địa Phương Muốn Xây (*)" required="required">
											</div>
								<div class="elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_fb1a38c elementor-col-100 elementor-field-required">
												<label for="form-field-field_fb1a38c" class="elementor-field-label">
								Ngân Sách (*)							</label>
						<div class="elementor-field-subgroup  elementor-subgroup-inline"><span class="elementor-field-option"><input type="radio" value="1,5 - 1,6 tỷ" id="form-field-field_fb1a38c-0" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-0">1,5 - 1,6 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="1,7 - 1,9 tỷ" id="form-field-field_fb1a38c-1" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-1">1,7 - 1,9 tỷ</label></span><span class="elementor-field-option"><input type="radio" value="2 - 2,4t tỷ" id="form-field-field_fb1a38c-2" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-2">2 - 2,4t tỷ</label></span><span class="elementor-field-option"><input type="radio" value="Trên 2,5 tỷ" id="form-field-field_fb1a38c-3" name="form_fields[field_fb1a38c]" required="required"> <label for="form-field-field_fb1a38c-3">Trên 2,5 tỷ</label></span></div>				</div>
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ef6a549 elementor-col-100">
													<input size="1" type="text" name="form_fields[field_ef6a549]" id="form-field-field_ef6a549" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Yêu Cầu Chi Tiết (nếu có)">
											</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button class="elementor-button elementor-size-sm elementor-animation-shrink" type="submit">
						<span class="elementor-button-content-wrapper">
																						<span class="elementor-button-text">GỬI YÊU CẦU</span>
													</span>
					</button>
				</div>
			</div>
		</form>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-29ea486 e-flex e-con-boxed e-con e-parent" data-id="29ea486" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a rel="nofollow" href="https://xaynhatocdo.com/xay-can-ho-dich-vu-2/">XÂY CĂN HỘ DỊCH VỤ</a> appeared first on <a rel="nofollow" href="https://xaynhatocdo.com">Xây Nhà Tốc Độ</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://xaynhatocdo.com/xay-can-ho-dich-vu-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
