{"id":18530,"date":"2026-02-26T10:54:27","date_gmt":"2026-02-26T10:54:27","guid":{"rendered":"https:\/\/homebuddy.co.in\/?page_id=18530"},"modified":"2026-03-18T05:55:20","modified_gmt":"2026-03-18T05:55:20","slug":"asansol","status":"publish","type":"page","link":"https:\/\/homebuddy.co.in\/index.php\/asansol\/","title":{"rendered":"ASANSOL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18530\" class=\"elementor elementor-18530\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e83003 e-con-full e-flex e-con e-parent\" data-id=\"7e83003\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-660fe71 elementor-widget elementor-widget-html\" data-id=\"660fe71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ASANSOL FLATS - COMPLETE PRODUCTION-READY HTML -->\r\n<style>\r\n\/* ================================================\r\n   HOMEBUDDY ASANSOL - STYLES\r\n   ================================================ *\/\r\n\r\n.homebuddy-asansol-container {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    color: #333;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 0px;\r\n}\r\n\r\n\/* Header *\/\r\n.asansol-header {\r\n    background: linear-gradient(135deg, #D51B22 0%, #a01218 100%);\r\n    color: white;\r\n    padding: 60px 40px;\r\n    margin-bottom: 60px;\r\n    text-align: center;\r\n}\r\n\r\n.asansol-header .page-title {\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    margin: 0 0 14px;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.asansol-header .page-subtitle {\r\n    font-size: 17px;\r\n    opacity: 0.9;\r\n    max-width: 640px;\r\n    margin: 0 auto !important;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* Projects Grid *\/\r\n.projects-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 60px;                  \/* was 40px \u2014 more breathing between cards *\/\r\n    padding: 0 24px;\r\n}\r\n\r\n\/* Project Card *\/\r\n.project-card {\r\n    background: #fff;\r\n    border-radius: 20px;        \/* was 16px *\/\r\n    box-shadow: 0 6px 32px rgba(0,0,0,0.10);\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n    min-height: 520px;          \/* ensures cards always feel substantial *\/\r\n}\r\n\r\n.project-card:hover {\r\n    box-shadow: 0 14px 48px rgba(213,27,34,0.13);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n\/* Gallery *\/\r\n.project-gallery {\r\n    background: #f0f0f0;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.gallery-main {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    min-height: 340px;          \/* was 260px \u2014 taller, more impactful image *\/\r\n    max-height: 420px;\r\n}\r\n\r\n.gallery-main .main-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: opacity 0.2s ease;\r\n}\r\n\r\n\/* Thumbnail Slider *\/\r\n.gallery-slider-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    background: #1a1a1a;\r\n    padding: 12px 12px;\r\n    gap: 8px;\r\n}\r\n\r\n.gallery-thumbnails-container {\r\n    flex: 1;\r\n    overflow: hidden;\r\n}\r\n\r\n.gallery-thumbnails {\r\n    display: flex;\r\n    gap: 8px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.gallery-thumbnails .thumb {\r\n    width: 80px;\r\n    min-width: 80px;\r\n    max-width: 80px;\r\n    height: 60px;\r\n    min-height: 60px;\r\n    max-height: 60px;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    border: 2px solid transparent;\r\n    transition: border-color 0.2s, opacity 0.2s;\r\n    opacity: 0.75;\r\n}\r\n\r\n.gallery-thumbnails .thumb:hover,\r\n.gallery-thumbnails .thumb.active {\r\n    border-color: #D51B22;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Slider Arrows *\/\r\n.slider-arrow {\r\n    background: rgba(255,255,255,0.1);\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 32px;\r\n    height: 32px;\r\n    min-width: 32px;\r\n    min-height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    transition: background 0.2s;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.slider-arrow:hover:not(:disabled) {\r\n    background: #D51B22;\r\n}\r\n\r\n.slider-arrow:disabled {\r\n    opacity: 0.3;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* Project Details *\/\r\n.project-details {\r\n    padding: 44px 40px;         \/* was 32px \u2014 much more breathing room *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 28px;                  \/* was 24px *\/\r\n    justify-content: space-between;\r\n}\r\n\r\n.project-header .project-name {\r\n    font-size: 26px;            \/* was 22px *\/\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    margin: 0 0 12px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.project-location {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    color: #666;\r\n    font-size: 14px;\r\n    margin: 0;\r\n}\r\n\r\n.project-location svg {\r\n    flex-shrink: 0;\r\n    color: #D51B22;\r\n}\r\n\r\n\/* Info Grid *\/\r\n.project-info-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;                  \/* was 12px *\/\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;                   \/* was 4px *\/\r\n    padding: 18px 16px;         \/* was 14px *\/\r\n    background: #f8f8f8;\r\n    border-radius: 10px;        \/* was 8px *\/\r\n    border-left: 4px solid #D51B22;  \/* was 3px *\/\r\n}\r\n\r\n.info-label {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #999;\r\n}\r\n\r\n.info-value {\r\n    font-size: 15px;            \/* was 14px *\/\r\n    font-weight: 600;\r\n    color: #222;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Action Buttons *\/\r\n.project-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    margin-top: auto;\r\n    padding-top: 8px;\r\n}\r\n\r\n.btn-primary {\r\n    flex: 1;\r\n    background: #D51B22;\r\n    color: white;\r\n    padding: 15px 24px;         \/* was 13px 20px *\/\r\n    border-radius: 10px;        \/* was 8px *\/\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;\r\n    display: block;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #b5161c;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 18px rgba(213,27,34,0.3);\r\n    color: white;\r\n    text-decoration: none;\r\n}\r\n\r\n.btn-secondary {\r\n    flex: 1;\r\n    background: transparent;\r\n    color: #D51B22;\r\n    padding: 15px 24px;         \/* was 13px 20px *\/\r\n    border-radius: 10px;        \/* was 8px *\/\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    border: 2px solid #D51B22;\r\n    transition: all 0.2s;\r\n    display: block;\r\n    letter-spacing: 0.2px;\r\n}\r\n\r\n.btn-secondary:hover {\r\n    background: #D51B22;\r\n    color: white;\r\n    transform: translateY(-2px);\r\n    text-decoration: none;\r\n}\r\n\r\n\/* Contact Section *\/\r\n.contact-section {\r\n    margin: 70px 24px 0;        \/* was 60px 0 *\/\r\n    padding: 60px 50px;         \/* was 50px 40px *\/\r\n    background: #f9f9f9;\r\n    border-radius: 20px;\r\n    border: 1px solid #eee;\r\n}\r\n\r\n.contact-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.contact-header h2 {\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    margin: 0 0 12px;\r\n}\r\n\r\n.contact-header p {\r\n    color: #666;\r\n    font-size: 16px;\r\n    margin: 0;\r\n}\r\n\r\n.contact-form {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;                  \/* was 16px *\/\r\n}\r\n\r\n.form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n}\r\n\r\n.form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n    padding: 15px 18px;         \/* was 13px 16px *\/\r\n    border: 1.5px solid #ddd;\r\n    border-radius: 10px;        \/* was 8px *\/\r\n    font-size: 15px;\r\n    font-family: inherit;\r\n    color: #333;\r\n    transition: border-color 0.2s, box-shadow 0.2s;\r\n    background: #fff;\r\n    outline: none;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n    border-color: #D51B22;\r\n    box-shadow: 0 0 0 3px rgba(213,27,34,0.08);\r\n}\r\n\r\n.btn-submit {\r\n    background: #D51B22;\r\n    color: white;\r\n    padding: 17px 40px;         \/* was 15px 40px *\/\r\n    border: none;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;\r\n    align-self: center;\r\n    width: 100%;\r\n    font-family: inherit;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n.btn-submit:hover {\r\n    background: #b5161c;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(213,27,34,0.3);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n    .project-card {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n    }\r\n\r\n    .gallery-main {\r\n        min-height: 260px;\r\n        max-height: 320px;\r\n    }\r\n\r\n    .asansol-header .page-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .project-details {\r\n        padding: 32px 28px;\r\n    }\r\n\r\n    .form-row {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .projects-container {\r\n        gap: 44px;\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .contact-section {\r\n        margin: 50px 16px 0;\r\n        padding: 40px 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .asansol-header {\r\n        padding: 40px 20px;\r\n    }\r\n\r\n    .asansol-header .page-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .gallery-main {\r\n        min-height: 200px;\r\n        max-height: 240px;\r\n    }\r\n\r\n    .gallery-thumbnails .thumb {\r\n        width: 60px !important;\r\n        min-width: 60px !important;\r\n        max-width: 60px !important;\r\n        height: 48px !important;\r\n        min-height: 48px !important;\r\n        max-height: 48px !important;\r\n    }\r\n\r\n    .slider-arrow {\r\n        width: 28px !important;\r\n        height: 28px !important;\r\n        min-width: 28px !important;\r\n        min-height: 28px !important;\r\n    }\r\n\r\n    .project-details {\r\n        padding: 24px 20px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .project-header .project-name {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .project-actions {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .contact-section {\r\n        padding: 32px 20px;\r\n        margin: 40px 12px 0;\r\n    }\r\n\r\n    .contact-header h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .projects-container {\r\n        gap: 36px;\r\n        padding: 0 12px;\r\n    }\r\n}\r\n\r\n@media print {\r\n    .project-actions,\r\n    .contact-section,\r\n    .gallery-slider-wrapper {\r\n        display: none !important;\r\n    }\r\n\r\n    .project-card {\r\n        page-break-inside: avoid !important;\r\n        box-shadow: none !important;\r\n        border: 1px solid #ddd !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"homebuddy-asansol-container\">\r\n\r\n    <!-- Page Header -->\r\n    <section class=\"asansol-header\">\r\n        <div class=\"header-content\">\r\n            <h1 class=\"page-title\">Residential Projects in Asansol<\/h1>\r\n            <p class=\"page-subtitle\">Explore premium residential apartments and housing complexes in Asansol by trusted developers. RERA approved projects with world-class amenities.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Projects Grid -->\r\n    <div class=\"projects-container\">\r\n\r\n        <!-- PROJECT 1: Aashiyana Residency -->\r\n        <article class=\"project-card\" id=\"aashiyana-residency\">\r\n            <div class=\"project-gallery\">\r\n                <div class=\"gallery-main\">\r\n                    <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Aashiyana-Residency-main.jpg\"\r\n                         alt=\"Aashiyana Residency\"\r\n                         class=\"main-image\">\r\n                <\/div>\r\n                <div class=\"gallery-slider-wrapper\">\r\n                    <button class=\"slider-arrow slider-prev\" aria-label=\"Previous images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <div class=\"gallery-thumbnails-container\">\r\n                        <div class=\"gallery-thumbnails\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Aashiyana-Residency-main.jpg\" alt=\"Aashiyana Residency\" class=\"thumb\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Aashiyana-Residency-1.jpg\" alt=\"Aashiyana Residency\" class=\"thumb\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Aashiyana-Residency-2.jpg\" alt=\"Aashiyana Residency\" class=\"thumb\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Aashiyana-Residency-3.jpg\" alt=\"Aashiyana Residency\" class=\"thumb\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"slider-arrow slider-next\" aria-label=\"Next images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"project-details\">\r\n                <div class=\"project-header\">\r\n                    <h2 class=\"project-name\">Aashiyana Residency<\/h2>\r\n                    <p class=\"project-location\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        Asansol\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"project-info-grid\">\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Builder<\/span>\r\n                        <span class=\"info-value\">Aashiyana Developers<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">RERA<\/span>\r\n                        <span class=\"info-value\">Available on Request<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Marketing Partner<\/span>\r\n                        <span class=\"info-value\">Homebuddy Real Estate LLP<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-actions\">\r\n                    <a href=\"tel:+919876543210\" class=\"btn-primary\">Call Now<\/a>\r\n                    <a href=\"#asansol-contact-form\" class=\"btn-secondary\">Enquire Now<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- PROJECT 2: Megha Apartment -->\r\n        <article class=\"project-card\" id=\"megha-apartment\">\r\n            <div class=\"project-gallery\">\r\n                <div class=\"gallery-main\">\r\n                    <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/MEGHA-APARTMENT.jpeg\"\r\n                         alt=\"Megha Apartment\"\r\n                         class=\"main-image\">\r\n                <\/div>\r\n                <div class=\"gallery-slider-wrapper\">\r\n                    <button class=\"slider-arrow slider-prev\" aria-label=\"Previous images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <div class=\"gallery-thumbnails-container\">\r\n                        <div class=\"gallery-thumbnails\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/MEGHA-APARTMENT.jpeg\" alt=\"Megha Apartment\" class=\"thumb\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"slider-arrow slider-next\" aria-label=\"Next images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"project-details\">\r\n                <div class=\"project-header\">\r\n                    <h2 class=\"project-name\">Megha Apartment<\/h2>\r\n                    <p class=\"project-location\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        Asansol\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"project-info-grid\">\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Builder<\/span>\r\n                        <span class=\"info-value\">Megha Developers<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">RERA<\/span>\r\n                        <span class=\"info-value\">Available on Request<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Marketing Partner<\/span>\r\n                        <span class=\"info-value\">Homebuddy Real Estate LLP<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-actions\">\r\n                    <a href=\"tel:+919876543210\" class=\"btn-primary\">Call Now<\/a>\r\n                    <a href=\"#asansol-contact-form\" class=\"btn-secondary\">Enquire Now<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- PROJECT 3: Ekadant Residency -->\r\n        <article class=\"project-card\" id=\"ekadant-residency\">\r\n            <div class=\"project-gallery\">\r\n                <div class=\"gallery-main\">\r\n                    <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Ekdanta-Residency-main.jpg\"\r\n                         alt=\"Ekadant Residency\"\r\n                         class=\"main-image\">\r\n                <\/div>\r\n                <div class=\"gallery-slider-wrapper\">\r\n                    <button class=\"slider-arrow slider-prev\" aria-label=\"Previous images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <div class=\"gallery-thumbnails-container\">\r\n                        <div class=\"gallery-thumbnails\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Ekdanta-Residency-main.jpg\" alt=\"Ekadant Residency\" class=\"thumb\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/Ekdanta-Residency-1.jpg\" alt=\"Ekadant Residency\" class=\"thumb\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"slider-arrow slider-next\" aria-label=\"Next images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"project-details\">\r\n                <div class=\"project-header\">\r\n                    <h2 class=\"project-name\">Ekadant Residency<\/h2>\r\n                    <p class=\"project-location\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        Asansol\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"project-info-grid\">\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Builder<\/span>\r\n                        <span class=\"info-value\">Ekadant Developers<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">RERA<\/span>\r\n                        <span class=\"info-value\">Available on Request<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Marketing Partner<\/span>\r\n                        <span class=\"info-value\">Homebuddy Real Estate LLP<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-actions\">\r\n                    <a href=\"tel:+919876543210\" class=\"btn-primary\">Call Now<\/a>\r\n                    <a href=\"#asansol-contact-form\" class=\"btn-secondary\">Enquire Now<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- PROJECT 4: Sai Darbar Plaza -->\r\n        <article class=\"project-card\" id=\"sai-darbar-plaza\">\r\n            <div class=\"project-gallery\">\r\n                <div class=\"gallery-main\">\r\n                    <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/SAI-DARBAR-PLAZA.jpg\"\r\n                         alt=\"Sai Darbar Plaza\"\r\n                         class=\"main-image\">\r\n                <\/div>\r\n                <div class=\"gallery-slider-wrapper\">\r\n                    <button class=\"slider-arrow slider-prev\" aria-label=\"Previous images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <div class=\"gallery-thumbnails-container\">\r\n                        <div class=\"gallery-thumbnails\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/SAI-DARBAR-PLAZA.jpg\" alt=\"Sai Darbar Plaza\" class=\"thumb\">\r\n                            <img decoding=\"async\" src=\"https:\/\/homebuddy.co.in\/wp-content\/uploads\/2026\/02\/SAI-DARBAR-PLAZA-1.jpg\" alt=\"Sai Darbar Plaza\" class=\"thumb\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"slider-arrow slider-next\" aria-label=\"Next images\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"project-details\">\r\n                <div class=\"project-header\">\r\n                    <h2 class=\"project-name\">Sai Darbar Plaza<\/h2>\r\n                    <p class=\"project-location\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        Asansol\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"project-info-grid\">\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Builder<\/span>\r\n                        <span class=\"info-value\">Sai Darbar Developers<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">RERA<\/span>\r\n                        <span class=\"info-value\">Available on Request<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-label\">Marketing Partner<\/span>\r\n                        <span class=\"info-value\">Homebuddy Real Estate LLP<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"project-actions\">\r\n                    <a href=\"tel:+919876543210\" class=\"btn-primary\">Call Now<\/a>\r\n                    <a href=\"#asansol-contact-form\" class=\"btn-secondary\">Enquire Now<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- Contact Form Section -->\r\n    <section class=\"contact-section\" id=\"asansol-contact-form\">\r\n        <div class=\"contact-container\">\r\n            <div class=\"contact-header\">\r\n                <h2>Interested in a Property?<\/h2>\r\n                <p>Fill in your details and our team will get back to you within 24 hours<\/p>\r\n            <\/div>\r\n            <form class=\"contact-form\">\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <input type=\"text\" name=\"name\" placeholder=\"Your Name *\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <input type=\"email\" name=\"email\" placeholder=\"Your Email *\" required>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <input type=\"tel\" name=\"phone\" placeholder=\"Your Phone *\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <select name=\"project\" required>\r\n                            <option value=\"\">Select Project *<\/option>\r\n                            <option value=\"aashiyana-residency\">Aashiyana Residency<\/option>\r\n                            <option value=\"megha-apartment\">Megha Apartment<\/option>\r\n                            <option value=\"ekadant-residency\">Ekadant Residency<\/option>\r\n                            <option value=\"sai-darbar-plaza\">Sai Darbar Plaza<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <textarea name=\"message\" rows=\"4\" placeholder=\"Your Message\"><\/textarea>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"btn-submit\">Submit Enquiry<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- JavaScript for Gallery -->\r\n<script>\r\n(function() {\r\n    'use strict';\r\n\r\n    document.querySelectorAll('.homebuddy-asansol-container .gallery-thumbnails .thumb').forEach(thumb => {\r\n        thumb.addEventListener('click', function() {\r\n            const projectCard = this.closest('.project-card');\r\n            const mainImage = projectCard.querySelector('.main-image');\r\n            const clickedSrc = this.src;\r\n            mainImage.style.opacity = '0.5';\r\n            setTimeout(() => {\r\n                mainImage.src = clickedSrc;\r\n                mainImage.style.opacity = '1';\r\n            }, 200);\r\n            projectCard.querySelectorAll('.thumb').forEach(t => t.classList.remove('active'));\r\n            this.classList.add('active');\r\n        });\r\n    });\r\n\r\n    document.querySelectorAll('.homebuddy-asansol-container .project-card').forEach(projectCard => {\r\n        initializeAsansolSlider(projectCard);\r\n    });\r\n\r\n    function initializeAsansolSlider(projectCard) {\r\n        const thumbnailsContainer = projectCard.querySelector('.gallery-thumbnails');\r\n        const prevButton = projectCard.querySelector('.slider-prev');\r\n        const nextButton = projectCard.querySelector('.slider-next');\r\n        if (!thumbnailsContainer || !prevButton || !nextButton) return;\r\n\r\n        const thumbnails = thumbnailsContainer.querySelectorAll('.thumb');\r\n        const totalThumbnails = thumbnails.length;\r\n        const THUMBNAILS_VISIBLE = 5;\r\n        const THUMBNAIL_WIDTH = 88;\r\n        const GAP = 8;\r\n        const SLIDE_AMOUNT = THUMBNAIL_WIDTH + GAP;\r\n        let currentPosition = 0;\r\n        let maxPosition = Math.max(0, totalThumbnails - THUMBNAILS_VISIBLE);\r\n\r\n        function updateButtons() {\r\n            prevButton.disabled = currentPosition === 0;\r\n            nextButton.disabled = currentPosition >= maxPosition;\r\n        }\r\n\r\n        function slideThumbnails(direction) {\r\n            if (direction === 'next' && currentPosition < maxPosition) currentPosition++;\r\n            else if (direction === 'prev' && currentPosition > 0) currentPosition--;\r\n            thumbnailsContainer.style.transform = `translateX(${-(currentPosition * SLIDE_AMOUNT)}px)`;\r\n            updateButtons();\r\n        }\r\n\r\n        prevButton.addEventListener('click', () => slideThumbnails('prev'));\r\n        nextButton.addEventListener('click', () => slideThumbnails('next'));\r\n        updateButtons();\r\n\r\n        if (totalThumbnails <= THUMBNAILS_VISIBLE) {\r\n            prevButton.style.display = 'none';\r\n            nextButton.style.display = 'none';\r\n        }\r\n    }\r\n\r\n    document.querySelectorAll('.homebuddy-asansol-container a[href=\"#asansol-contact-form\"]').forEach(link => {\r\n        link.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            document.querySelector('#asansol-contact-form').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        });\r\n    });\r\n\r\n    let resizeTimer;\r\n    window.addEventListener('resize', function() {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(function() {\r\n            document.querySelectorAll('.homebuddy-asansol-container .project-card').forEach(projectCard => {\r\n                const tc = projectCard.querySelector('.gallery-thumbnails');\r\n                if (tc) {\r\n                    tc.style.transform = 'translateX(0)';\r\n                    initializeAsansolSlider(projectCard);\r\n                }\r\n            });\r\n        }, 250);\r\n    });\r\n\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Residential Projects in Asansol Explore premium residential apartments and housing complexes in Asansol by trusted developers. RERA approved projects with world-class amenities. Aashiyana Residency Asansol Builder Aashiyana Developers RERA Available on Request Marketing Partner Homebuddy Real Estate LLP Call Now Enquire Now Megha Apartment Asansol Builder Megha Developers RERA Available on Request Marketing Partner Homebuddy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-18530","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/18530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=18530"}],"version-history":[{"count":31,"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/18530\/revisions"}],"predecessor-version":[{"id":18809,"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/18530\/revisions\/18809"}],"wp:attachment":[{"href":"https:\/\/homebuddy.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=18530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}