{"id":191,"date":"2026-10-15T10:54:58","date_gmt":"2026-10-15T10:54:58","guid":{"rendered":"https:\/\/www.emoji-sayari.info\/crestoria\/?page_id=191"},"modified":"2026-10-15T11:03:13","modified_gmt":"2026-10-15T11:03:13","slug":"gallery","status":"publish","type":"page","link":"https:\/\/www.emoji-sayari.info\/crestoria\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"191\" class=\"elementor elementor-191\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-243ea34 e-con-full e-flex e-con e-parent\" data-id=\"243ea34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51f85ef elementor-widget elementor-widget-shortcode\" data-id=\"51f85ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Google Font: Outfit & Poppins -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@500;600;700&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* ================= PURE THEME VARIABLES ================= *\/\n  .crestoria-gallery-wrapper {\n    --espresso: #181212;\n    --espresso-dark: #100C0C;\n    --teal: #148052;\n    --teal-hover: #0E5E3B;\n    --teal-soft: rgba(20, 128, 82, 0.08);\n    --gold: #C59A45;\n    --gold-light: #DFC07B;\n    --gold-soft: rgba(197, 154, 69, 0.12);\n    --bg-cream: #FAF8F5;\n    --bg-card: #FFFFFF;\n    --border-soft: #EAE4DA;\n    --border-gold: rgba(197, 154, 69, 0.35);\n    --text-main: #241D1D;\n    --text-muted: #6B6262;\n    --radius-sm: 8px;\n    --radius-md: 12px;\n    --radius-lg: 16px;\n    --transition: all 0.25s ease;\n\n    font-family: 'Poppins', sans-serif;\n    background-color: var(--bg-cream);\n    color: var(--text-main);\n    width: 100%;\n    max-width: 100%;\n    overflow-x: hidden;\n    line-height: 1.5;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    padding-bottom: 50px;\n  }\n\n  .crestoria-gallery-wrapper * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .crestoria-gallery-wrapper svg {\n    display: inline-block;\n    vertical-align: middle;\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  .cg-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 16px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  \/* ================= HERO HEADER ================= *\/\n  .cg-header-section {\n    background: linear-gradient(180deg, #FFFFFF 0%, var(--bg-cream) 100%);\n    border-bottom: 1px solid var(--border-soft);\n    padding: 48px 0 32px;\n    text-align: center;\n  }\n\n  .cg-sub-title {\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--gold);\n    text-transform: uppercase;\n    letter-spacing: 1.6px;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: var(--gold-soft);\n    padding: 4px 12px;\n    border-radius: 20px;\n    margin-bottom: 12px;\n    border: 1px solid rgba(197, 154, 69, 0.25);\n  }\n  .cg-sub-title svg { width: 12px; height: 12px; }\n\n  .cg-header-section h1 {\n    font-family: 'Outfit', sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--espresso);\n    letter-spacing: -0.5px;\n    margin-bottom: 8px;\n    line-height: 1.25;\n  }\n  .cg-header-section h1 span { color: var(--teal); }\n\n  .cg-header-section p {\n    font-size: 13.5px;\n    color: var(--text-muted);\n    max-width: 620px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* ================= FILTER BUTTONS ================= *\/\n  .cg-filter-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin: 28px 0 34px;\n    flex-wrap: wrap;\n  }\n\n  .cg-filter-btn {\n    padding: 8px 18px;\n    background: #FFFFFF;\n    border: 1.5px solid var(--border-soft);\n    border-radius: 25px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--espresso);\n    cursor: pointer;\n    touch-action: manipulation;\n    transition: var(--transition);\n  }\n  .cg-filter-btn:hover {\n    border-color: var(--gold);\n    color: var(--gold);\n  }\n  .cg-filter-btn.active {\n    background: var(--teal);\n    color: #FFFFFF !important;\n    border-color: var(--teal);\n    box-shadow: 0 4px 14px rgba(20, 128, 82, 0.25);\n  }\n\n  \/* ================= GALLERY GRID ================= *\/\n  .cg-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .cg-gallery-card {\n    background: #FFFFFF;\n    border: 1.5px solid var(--border-soft);\n    border-radius: var(--radius-md);\n    padding: 8px;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);\n    transition: var(--transition);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n  .cg-gallery-card:hover {\n    border-color: var(--gold);\n    transform: translateY(-4px);\n    box-shadow: 0 10px 26px rgba(197, 154, 69, 0.16);\n  }\n\n  \/* Card Featured (First Card spans 2 cols on desktop) *\/\n  .cg-gallery-card.featured-card {\n    grid-column: span 2;\n  }\n\n  .cg-card-img-box {\n    width: 100%;\n    height: 250px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    background: #181212;\n    position: relative;\n  }\n  .cg-gallery-card.featured-card .cg-card-img-box {\n    height: 340px;\n  }\n\n  .cg-card-img-box img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transition: transform 0.45s ease;\n  }\n  .cg-gallery-card:hover .cg-card-img-box img {\n    transform: scale(1.06);\n  }\n\n  \/* FLOATING ZOOM BADGE ON HOVER *\/\n  .cg-zoom-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(16, 12, 12, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: var(--transition);\n  }\n  .cg-gallery-card:hover .cg-zoom-overlay {\n    opacity: 1;\n  }\n  .cg-zoom-icon-badge {\n    background: rgba(255, 255, 255, 0.95);\n    color: var(--espresso);\n    padding: 7px 14px;\n    border-radius: 20px;\n    font-size: 11.5px;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.2);\n  }\n  .cg-zoom-icon-badge svg { width: 14px; height: 14px; color: var(--teal); }\n\n  \/* CARD CAPTION BAR *\/\n  .cg-card-caption {\n    padding: 10px 4px 4px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .cg-card-title {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--espresso);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .cg-card-tag {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--gold);\n    background: var(--gold-soft);\n    padding: 2px 7px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  \/* ================= VIP CTA BANNER ================= *\/\n  .cg-cta-banner {\n    background: linear-gradient(135deg, #1C1515, #261B1B);\n    border: 1px solid var(--border-gold);\n    border-radius: var(--radius-lg);\n    padding: 34px 20px;\n    color: #FFFFFF;\n    text-align: center;\n    margin-top: 48px;\n  }\n  .cg-cta-banner h2 {\n    font-family: 'Outfit', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .cg-cta-banner p {\n    font-size: 13px;\n    color: var(--gold-light);\n    margin-bottom: 20px;\n  }\n  .cg-call-btn-group {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  .cg-call-btn {\n    height: 44px;\n    padding: 0 22px;\n    border-radius: var(--radius-sm);\n    background: var(--teal);\n    color: #FFFFFF !important;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: var(--transition);\n  }\n  .cg-call-btn:hover { background: var(--teal-hover) !important; }\n  .cg-call-btn svg { width: 15px; height: 15px; }\n  .cg-call-btn-gold {\n    background: transparent;\n    border: 1.5px solid var(--gold);\n    color: var(--gold-light) !important;\n  }\n  .cg-call-btn-gold:hover {\n    background: var(--gold);\n    color: #FFF !important;\n  }\n\n  \/* ================= LIGHTBOX POPUP MODAL ================= *\/\n  .cg-lightbox-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(10, 8, 8, 0.96);\n    z-index: 9999999;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    user-select: none;\n  }\n  .cg-lightbox-modal.active { display: flex; }\n  \n  .cg-lightbox-content {\n    max-width: 95vw;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .cg-lightbox-img-wrapper {\n    position: relative;\n    max-width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .cg-lightbox-img {\n    max-width: 100%;\n    max-height: 76vh;\n    object-fit: contain;\n    border-radius: 6px;\n    border: 1px solid var(--border-gold);\n    background: #140F0F;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);\n  }\n\n  \/* MODAL NAVIGATION BUTTONS *\/\n  .cg-lightbox-close {\n    position: absolute;\n    top: -46px;\n    right: 0;\n    background: rgba(255, 255, 255, 0.2);\n    border: none;\n    color: #FFF;\n    font-size: 26px;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--transition);\n  }\n  .cg-lightbox-close:hover { background: var(--teal); }\n\n  .cg-lightbox-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(20, 16, 16, 0.75);\n    border: 1px solid rgba(197, 154, 69, 0.35);\n    color: #FFFFFF;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--transition);\n  }\n  .cg-lightbox-nav:hover {\n    background: var(--teal);\n    border-color: var(--teal);\n  }\n  .cg-lightbox-nav.prev { left: 16px; }\n  .cg-lightbox-nav.next { right: 16px; }\n  .cg-lightbox-nav svg { width: 20px; height: 20px; }\n\n  .cg-lightbox-meta {\n    margin-top: 12px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n  .cg-lightbox-caption {\n    color: #FFFFFF;\n    font-size: 13.5px;\n    font-weight: 600;\n  }\n  .cg-lightbox-counter {\n    color: var(--gold-light);\n    font-size: 11.5px;\n    font-weight: 500;\n  }\n\n  \/* ================= RESPONSIVE DESIGN ================= *\/\n  @media (max-width: 992px) {\n    .cg-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n    .cg-gallery-card.featured-card { grid-column: span 2; }\n    .cg-gallery-card.featured-card .cg-card-img-box { height: 280px; }\n  }\n\n  @media (max-width: 600px) {\n    .cg-header-section { padding: 36px 0 24px; }\n    .cg-header-section h1 { font-size: 24px; }\n    .cg-header-section p { font-size: 12px; }\n\n    .cg-filter-bar {\n      gap: 6px;\n      margin: 20px 0 24px;\n    }\n    .cg-filter-btn {\n      font-size: 11px;\n      padding: 7px 14px;\n    }\n\n    .cg-gallery-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n    .cg-gallery-card.featured-card { grid-column: span 1; }\n    .cg-card-img-box,\n    .cg-gallery-card.featured-card .cg-card-img-box {\n      height: 230px;\n    }\n\n    .cg-lightbox-nav {\n      width: 38px;\n      height: 38px;\n    }\n    .cg-lightbox-nav.prev { left: 6px; }\n    .cg-lightbox-nav.next { right: 6px; }\n\n    .cg-cta-banner { padding: 24px 14px; margin-top: 36px; }\n    .cg-cta-banner h2 { font-size: 19px; }\n    .cg-call-btn-group { flex-direction: column; width: 100%; }\n    .cg-call-btn { width: 100%; }\n  }\n<\/style>\n\n<!-- ================= START: GALLERY CONTENT ================= -->\n<div class=\"crestoria-gallery-wrapper\">\n\n  <!-- HEADER -->\n  <header class=\"cg-header-section\">\n    <div class=\"cg-container\">\n      <div class=\"cg-sub-title\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\n        S B Crestoria \u2022 Visual Showcase\n      <\/div>\n      <h1>Experience Life in <span>Every Detail<\/span><\/h1>\n      <p>Explore high-resolution captures of our masterplanned architecture, lush garden avenues, and vibrant family amenities at Nana Chiloda.<\/p>\n\n      <!-- FILTER TABS -->\n      <div class=\"cg-filter-bar\">\n        <button type=\"button\" class=\"cg-filter-btn active\" onclick=\"filterCgGallery('all', this)\">All Photos (11)<\/button>\n        <button type=\"button\" class=\"cg-filter-btn\" onclick=\"filterCgGallery('exterior', this)\">Elevation & Exterior<\/button>\n        <button type=\"button\" class=\"cg-filter-btn\" onclick=\"filterCgGallery('garden', this)\">Gardens & Greenery<\/button>\n        <button type=\"button\" class=\"cg-filter-btn\" onclick=\"filterCgGallery('lifestyle', this)\">Lifestyle & Amenities<\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- GALLERY GRID -->\n  <main class=\"cg-container\">\n    <div class=\"cg-gallery-grid\" id=\"cgGalleryGrid\">\n      \n      <!-- 1. GARDEN VIEW (FEATURED) -->\n      <div class=\"cg-gallery-card featured-card\" data-category=\"garden\" onclick=\"openCgLightboxIndex(0)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/Sb-Group_Garden_view--scaled.jpg\" alt=\"Lush Central Garden & Open Lawn\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\n              View High-Res\n            <\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Lush Central Garden & Open Lawn<\/span>\n          <span class=\"cg-card-tag\">Garden<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 2. S1 (EXTERIOR) -->\n      <div class=\"cg-gallery-card\" data-category=\"exterior\" onclick=\"openCgLightboxIndex(1)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s1-scaled.jpg\" alt=\"Grand Entrance Boulevard\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Grand Entrance Boulevard<\/span>\n          <span class=\"cg-card-tag\">Exterior<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 3. S2 (EXTERIOR) -->\n      <div class=\"cg-gallery-card\" data-category=\"exterior\" onclick=\"openCgLightboxIndex(2)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s2-scaled.jpg\" alt=\"Architectural C-Shape Wing View\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Architectural C-Shape Wing<\/span>\n          <span class=\"cg-card-tag\">Exterior<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 4. S3 (GARDEN) -->\n      <div class=\"cg-gallery-card\" data-category=\"garden\" onclick=\"openCgLightboxIndex(3)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s3-scaled.jpg\" alt=\"Landscaped Walkway & Seating\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Landscaped Walkway & Trees<\/span>\n          <span class=\"cg-card-tag\">Garden<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 5. S4 (LIFESTYLE) -->\n      <div class=\"cg-gallery-card\" data-category=\"lifestyle\" onclick=\"openCgLightboxIndex(4)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s4-scaled.jpg\" alt=\"Children Play Arena & Sit-Out\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Children's Play Arena<\/span>\n          <span class=\"cg-card-tag\">Lifestyle<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 6. S5 (GARDEN) -->\n      <div class=\"cg-gallery-card\" data-category=\"garden\" onclick=\"openCgLightboxIndex(5)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s5-scaled.jpg\" alt=\"Central Gazebo & Leisure Deck\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Central Gazebo & Leisure Deck<\/span>\n          <span class=\"cg-card-tag\">Garden<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 7. S6 (EXTERIOR) -->\n      <div class=\"cg-gallery-card\" data-category=\"exterior\" onclick=\"openCgLightboxIndex(6)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s6-scaled.jpg\" alt=\"Contemporary Facade Elevation\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Contemporary Facade Architecture<\/span>\n          <span class=\"cg-card-tag\">Exterior<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 8. S7 (LIFESTYLE) -->\n      <div class=\"cg-gallery-card\" data-category=\"lifestyle\" onclick=\"openCgLightboxIndex(7)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s7-scaled.jpg\" alt=\"Outdoor Recreation & Sports Area\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Recreation & Active Play Court<\/span>\n          <span class=\"cg-card-tag\">Lifestyle<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 9. S8 (GARDEN) -->\n      <div class=\"cg-gallery-card\" data-category=\"garden\" onclick=\"openCgLightboxIndex(8)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s8-scaled.jpg\" alt=\"Pergola Walkway & Flora\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Pergola Walkway & Green Pockets<\/span>\n          <span class=\"cg-card-tag\">Garden<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 10. S9 (EXTERIOR) -->\n      <div class=\"cg-gallery-card\" data-category=\"exterior\" onclick=\"openCgLightboxIndex(9)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s9-scaled.jpg\" alt=\"Evening Elevation & Ambient Lighting\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Evening Elevation & Ambient Glow<\/span>\n          <span class=\"cg-card-tag\">Exterior<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 11. S-10-1 (LIFESTYLE) -->\n      <div class=\"cg-gallery-card\" data-category=\"lifestyle\" onclick=\"openCgLightboxIndex(10)\">\n        <div class=\"cg-card-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s-10-1.jpg\" alt=\"Terrace Deck & Sky Lounge View\">\n          <div class=\"cg-zoom-overlay\">\n            <span class=\"cg-zoom-icon-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg> View<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cg-card-caption\">\n          <span class=\"cg-card-title\">Terrace Deck & Sky Lounge<\/span>\n          <span class=\"cg-card-tag\">Lifestyle<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- VIP CTA BANNER -->\n    <div class=\"cg-cta-banner\">\n      <h2>Experience S B Crestoria in Person<\/h2>\n      <p>Schedule your personalized site visit at Nana Chiloda and explore sample flat layouts today.<\/p>\n\n      <div class=\"cg-call-btn-group\">\n        <a href=\"tel:+918799257427\" class=\"cg-call-btn\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n          Call: +91-8799257427\n        <\/a>\n        <a href=\"https:\/\/wa.me\/918799257427?text=Hi,%20I%20am%20interested%20in%20visiting%20S%20B%20Crestoria%20site.\" target=\"_blank\" class=\"cg-call-btn cg-call-btn-gold\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.04 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.44 19.65L5.27 16.61L5.09 16.31C4.27 15.01 3.81 13.5 3.81 11.91C3.81 7.37 7.5 3.67 12.05 3.67Z\"\/><\/svg>\n          WhatsApp Site Visit\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/main>\n\n<\/div>\n<!-- ================= END: GALLERY CONTENT ================= -->\n\n<!-- FULLSCREEN LIGHTBOX WITH PREV \/ NEXT -->\n<div class=\"cg-lightbox-modal\" id=\"cgLightboxModal\" onclick=\"closeCgLightboxBg(event)\">\n  <div class=\"cg-lightbox-content\">\n    \n    <button type=\"button\" class=\"cg-lightbox-close\" onclick=\"closeCgLightbox()\" title=\"Close\">&times;<\/button>\n    \n    <!-- PREV \/ NEXT BUTTONS -->\n    <button type=\"button\" class=\"cg-lightbox-nav prev\" onclick=\"navigateCgLightbox(-1)\" title=\"Previous Photo\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n    <\/button>\n    <button type=\"button\" class=\"cg-lightbox-nav next\" onclick=\"navigateCgLightbox(1)\" title=\"Next Photo\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n    <\/button>\n\n    <div class=\"cg-lightbox-img-wrapper\">\n      <img decoding=\"async\" id=\"cgModalImg\" class=\"cg-lightbox-img\" src=\"\" alt=\"Gallery Image\">\n    <\/div>\n\n    <div class=\"cg-lightbox-meta\">\n      <div id=\"cgModalCaption\" class=\"cg-lightbox-caption\"><\/div>\n      <div id=\"cgModalCounter\" class=\"cg-lightbox-counter\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ GALLERY DATA SOURCE (ALL 11 IMAGES)\n  var cgGalleryList = [\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/Sb-Group_Garden_view--scaled.jpg', title: 'Lush Central Garden & Open Lawn', cat: 'garden' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s1-scaled.jpg', title: 'Grand Entrance Boulevard & Main Gate', cat: 'exterior' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s2-scaled.jpg', title: 'Architectural C-Shape Wing View', cat: 'exterior' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s3-scaled.jpg', title: 'Landscaped Walkway & Seating Pockets', cat: 'garden' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s4-scaled.jpg', title: \"Children's Play Arena & Sit-Out\", cat: 'lifestyle' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s5-scaled.jpg', title: 'Central Gazebo & Leisure Deck', cat: 'garden' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s6-scaled.jpg', title: 'Contemporary Facade Architecture', cat: 'exterior' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s7-scaled.jpg', title: 'Outdoor Recreation & Active Play Court', cat: 'lifestyle' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s8-scaled.jpg', title: 'Pergola Walkway & Flora Pockets', cat: 'garden' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s9-scaled.jpg', title: 'Evening Elevation & Ambient Illumination', cat: 'exterior' },\n    { src: 'https:\/\/www.emoji-sayari.info\/crestoria\/wp-content\/uploads\/2026\/10\/s-10-1.jpg', title: 'Terrace Deck & Sky Lounge View', cat: 'lifestyle' }\n  ];\n\n  var cgCurrentIndex = 0;\n  var cgActiveList = cgGalleryList.slice(); \/\/ Default: all items\n\n  \/\/ 1. FILTER FUNCTION\n  function filterCgGallery(cat, btn) {\n    document.querySelectorAll('.cg-filter-btn').forEach(function(b) {\n      b.classList.remove('active');\n    });\n    btn.classList.add('active');\n\n    var cards = document.querySelectorAll('.cg-gallery-card');\n    cards.forEach(function(card) {\n      var itemCat = card.getAttribute('data-category');\n      if (cat === 'all' || itemCat === cat) {\n        card.style.display = 'flex';\n      } else {\n        card.style.display = 'none';\n      }\n    });\n\n    \/\/ Update active list for Lightbox navigation\n    if (cat === 'all') {\n      cgActiveList = cgGalleryList.slice();\n    } else {\n      cgActiveList = cgGalleryList.filter(function(item) {\n        return item.cat === cat;\n      });\n    }\n  }\n\n  \/\/ 2. LIGHTBOX FUNCTIONS\n  function openCgLightboxIndex(originalIndex) {\n    var targetItem = cgGalleryList[originalIndex];\n    \/\/ Find index in current active filtered list\n    var foundIdx = cgActiveList.findIndex(function(item) {\n      return item.src === targetItem.src;\n    });\n\n    cgCurrentIndex = (foundIdx !== -1) ? foundIdx : 0;\n    updateCgModalContent();\n\n    var modal = document.getElementById('cgLightboxModal');\n    if (modal) {\n      modal.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    }\n  }\n\n  function updateCgModalContent() {\n    var currentItem = cgActiveList[cgCurrentIndex];\n    if (!currentItem) return;\n\n    var imgEl = document.getElementById('cgModalImg');\n    var capEl = document.getElementById('cgModalCaption');\n    var countEl = document.getElementById('cgModalCounter');\n\n    imgEl.src = currentItem.src;\n    imgEl.alt = currentItem.title;\n    capEl.innerText = currentItem.title;\n    countEl.innerText = (cgCurrentIndex + 1) + ' \/ ' + cgActiveList.length;\n  }\n\n  function navigateCgLightbox(direction) {\n    if (cgActiveList.length <= 1) return;\n    cgCurrentIndex = (cgCurrentIndex + direction + cgActiveList.length) % cgActiveList.length;\n    updateCgModalContent();\n  }\n\n  function closeCgLightbox() {\n    var modal = document.getElementById('cgLightboxModal');\n    if (modal) {\n      modal.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n  }\n\n  function closeCgLightboxBg(e) {\n    if (e.target.id === 'cgLightboxModal') {\n      closeCgLightbox();\n    }\n  }\n\n  \/\/ 3. KEYBOARD SHORTCUTS (LEFT \/ RIGHT \/ ESCAPE)\n  document.addEventListener('keydown', function(e) {\n    var modal = document.getElementById('cgLightboxModal');\n    if (modal && modal.classList.contains('active')) {\n      if (e.key === 'ArrowRight') navigateCgLightbox(1);\n      else if (e.key === 'ArrowLeft') navigateCgLightbox(-1);\n      else if (e.key === 'Escape') closeCgLightbox();\n    }\n  });\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>S B Crestoria \u2022 Visual Showcase Experience Life in Every Detail Explore high-resolution captures of our masterplanned architecture, lush garden avenues, and vibrant family amenities at Nana Chiloda. All Photos (11) Elevation &#038; Exterior Gardens &#038; Greenery Lifestyle &#038; Amenities View High-Res Lush Central Garden &#038; Open Lawn Garden View Grand Entrance Boulevard Exterior View [&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-191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":4,"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/pages\/191\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/www.emoji-sayari.info\/crestoria\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}