{"id":703,"date":"2026-08-08T09:24:01","date_gmt":"2026-08-08T09:24:01","guid":{"rendered":"https:\/\/karanmathur.site\/?page_id=703"},"modified":"2026-08-25T11:45:56","modified_gmt":"2026-08-25T11:45:56","slug":"shouryapuram","status":"publish","type":"page","link":"https:\/\/karanmathur.site\/?page_id=703","title":{"rendered":"SHOURYAPURAM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"703\" class=\"elementor elementor-703\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84b6562 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"84b6562\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8acfe5e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8acfe5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================================\r\n     SHOURYAPURAM - PREMIUM REAL ESTATE LANDING PAGE (UPDATED)\r\n     ====================================================================== -->\r\n<style>\r\n\/* ------------------------\r\n   SCOPED CSS VARIABLES\r\n------------------------ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');\r\n\r\n.shouryapuram-landing-page {\r\n    --sh-primary: #28769D;\r\n    --sh-primary-dark: #1e5a78;\r\n    --sh-navy: #153c50;\r\n    --sh-white: #ffffff;\r\n    --sh-off-white: #f8f9fa;\r\n    --sh-light-blue-grey: #eef2f5;\r\n    --sh-gold: #c7a871;\r\n    --sh-text: #222222;\r\n    --sh-text-light: #444444;\r\n    --sh-border: #dcdcdc;\r\n    \r\n    \/* Entire page now uses Cormorant Garamond *\/\r\n    --sh-font-luxury: 'Cormorant Garamond', serif;\r\n    \r\n    --sh-spacing-sm: 1.5rem;\r\n    --sh-spacing-md: 4rem;\r\n    --sh-spacing-lg: 6rem;\r\n    \r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: var(--sh-white);\r\n    color: var(--sh-text);\r\n    font-family: var(--sh-font-luxury);\r\n    overflow-x: hidden;\r\n    line-height: 1.5;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.shouryapuram-landing-page *,\r\n.shouryapuram-landing-page *::before,\r\n.shouryapuram-landing-page *::after {\r\n    box-sizing: inherit;\r\n}\r\n\r\n\/* ------------------------\r\n   TYPOGRAPHY\r\n------------------------ *\/\r\n.shouryapuram-landing-page h1, \r\n.shouryapuram-landing-page h2, \r\n.shouryapuram-landing-page h3, \r\n.shouryapuram-landing-page h4 {\r\n    font-family: var(--sh-font-luxury);\r\n    margin-top: 0;\r\n    font-weight: 600;\r\n    line-height: 1.1;\r\n}\r\n\r\n.shouryapuram-landing-page p, \r\n.shouryapuram-landing-page li {\r\n    font-family: var(--sh-font-luxury);\r\n    font-weight: 500;\r\n    font-size: 1.25rem; \/* Garamond is visually smaller, so size is increased *\/\r\n    color: var(--sh-text-light);\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.sh-highlight-text {\r\n    font-family: var(--sh-font-luxury);\r\n    font-size: 1.8rem;\r\n    color: var(--sh-primary);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    border-left: 2px solid var(--sh-primary);\r\n    padding-left: 1.5rem;\r\n    margin: 2rem 0;\r\n    font-style: italic;\r\n}\r\n\r\n\/* ------------------------\r\n   BUTTONS\r\n------------------------ *\/\r\n.sh-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1rem 2.5rem;\r\n    font-family: var(--sh-font-luxury);\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.4s ease;\r\n    cursor: pointer;\r\n    border-radius: 0;\r\n}\r\n\r\n.sh-btn-primary {\r\n    background-color: var(--sh-primary);\r\n    color: var(--sh-white) !important;\r\n    border: 1px solid var(--sh-primary);\r\n}\r\n\r\n.sh-btn-primary:hover {\r\n    background-color: var(--sh-primary-dark);\r\n    border-color: var(--sh-primary-dark);\r\n}\r\n\r\n.sh-btn-secondary {\r\n    background-color: transparent;\r\n    color: var(--sh-white) !important;\r\n    border: 1px solid var(--sh-white);\r\n}\r\n\r\n.sh-btn-secondary:hover {\r\n    background-color: var(--sh-white);\r\n    color: var(--sh-primary) !important;\r\n}\r\n\r\n.sh-cta-group {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n    margin-top: 2rem;\r\n}\r\n\r\n\/* ------------------------\r\n   ANIMATIONS\r\n------------------------ *\/\r\n.sh-fade-up {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 1s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n.sh-fade-up.sh-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* ------------------------\r\n   IMAGES\r\n------------------------ *\/\r\n.sh-editorial-img {\r\n    width: 100%;\r\n    max-width: 570px; \r\n    height: auto;\r\n    aspect-ratio: 19 \/ 14;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* ------------------------\r\n   HERO SECTION (LOWER HEIGHT)\r\n------------------------ *\/\r\n.sh-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 60vh; \/* Reduced height as requested *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    background-color: var(--sh-navy);\r\n}\r\n\r\n.sh-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    z-index: 1;\r\n    transform: scale(1.05);\r\n    animation: sh-zoom-out 10s ease-out forwards;\r\n}\r\n\r\n@keyframes sh-zoom-out {\r\n    from { transform: scale(1.1); }\r\n    to { transform: scale(1); }\r\n}\r\n\r\n.sh-hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(21, 60, 80, 0.5) 0%, rgba(21, 60, 80, 0.75) 100%);\r\n    z-index: 2;\r\n}\r\n\r\n.sh-hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    max-width: 800px;\r\n    padding: 0 1.5rem;\r\n    color: var(--sh-white);\r\n    width: 100%;\r\n}\r\n\r\n.sh-hero-title {\r\n    font-size: clamp(3rem, 6vw, 4.5rem);\r\n    letter-spacing: 3px;\r\n    margin-bottom: 0.5rem;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sh-hero-subtitle {\r\n    font-family: var(--sh-font-luxury);\r\n    font-size: clamp(1.5rem, 3vw, 2.2rem);\r\n    font-weight: 500;\r\n    margin-bottom: 1.5rem;\r\n    font-style: italic;\r\n    color: var(--sh-gold);\r\n}\r\n\r\n.sh-hero-text {\r\n    font-size: 1.3rem;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    max-width: 650px;\r\n    margin: 0 auto 2rem auto;\r\n}\r\n\r\n.sh-hero .sh-cta-group {\r\n    justify-content: center;\r\n}\r\n\r\n\/* ------------------------\r\n   SECTION LAYOUTS\r\n------------------------ *\/\r\n.sh-section {\r\n    padding: var(--sh-spacing-lg) 5%;\r\n    width: 100%;\r\n}\r\n\r\n.sh-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.sh-split-layout {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 4rem;\r\n}\r\n\r\n.sh-split-content {\r\n    flex: 1;\r\n    max-width: 600px;\r\n}\r\n\r\n.sh-split-image {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n.sh-section-tag {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    color: var(--sh-primary);\r\n    margin-bottom: 1rem;\r\n    display: block;\r\n    font-weight: 600;\r\n}\r\n\r\n.sh-section-title {\r\n    font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n    color: var(--sh-navy);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n\/* ------------------------\r\n   STATISTICS\r\n------------------------ *\/\r\n.sh-stats-section {\r\n    padding: 3rem 5%;\r\n    background-color: var(--sh-white);\r\n    border-top: 1px solid var(--sh-border);\r\n    border-bottom: 1px solid var(--sh-border);\r\n}\r\n\r\n.sh-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n    text-align: center;\r\n}\r\n\r\n.sh-stat-item {\r\n    position: relative;\r\n    padding: 0 1rem;\r\n}\r\n\r\n.sh-stat-item:not(:last-child)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: -1rem;\r\n    top: 10%;\r\n    height: 80%;\r\n    width: 1px;\r\n    background-color: var(--sh-border);\r\n}\r\n\r\n.sh-stat-number {\r\n    font-family: var(--sh-font-luxury);\r\n    font-size: 4rem;\r\n    color: var(--sh-primary);\r\n    line-height: 1;\r\n    margin-bottom: 0.5rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.sh-stat-desc {\r\n    font-size: 1.1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--sh-text-light);\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ------------------------\r\n   FEATURE RIBBON\r\n------------------------ *\/\r\n.sh-ribbon {\r\n    background-color: var(--sh-primary);\r\n    color: var(--sh-white);\r\n    padding: 0.8rem 0;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.sh-ribbon-title {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    height: 100%;\r\n    background-color: var(--sh-navy);\r\n    color: var(--sh-white);\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 2rem;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sh-ribbon-content {\r\n    display: inline-block;\r\n    animation: sh-marquee 35s linear infinite;\r\n    padding-left: 100%;\r\n}\r\n\r\n.sh-ribbon:hover .sh-ribbon-content {\r\n    animation-play-state: paused;\r\n}\r\n\r\n.sh-ribbon-item {\r\n    display: inline-block;\r\n    font-size: 1.4rem;\r\n    margin-right: 4rem;\r\n    font-style: italic;\r\n    font-weight: 500;\r\n}\r\n\r\n.sh-ribbon-item::after {\r\n    content: '\u2022';\r\n    margin-left: 4rem;\r\n    color: var(--sh-gold);\r\n    font-style: normal;\r\n}\r\n\r\n@keyframes sh-marquee {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-100%, 0, 0); }\r\n}\r\n\r\n\/* ------------------------\r\n   ABOUT HIGHLIGHTS\r\n------------------------ *\/\r\n.sh-highlights {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 3rem;\r\n    margin-top: 4rem;\r\n    padding-top: 4rem;\r\n    border-top: 1px solid var(--sh-border);\r\n}\r\n\r\n.sh-hl-title {\r\n    font-size: 1.3rem;\r\n    letter-spacing: 2px;\r\n    color: var(--sh-primary);\r\n    text-transform: uppercase;\r\n    margin-bottom: 0.5rem;\r\n    font-weight: 700;\r\n}\r\n\r\n.sh-hl-text {\r\n    font-size: 1.15rem;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ------------------------\r\n   COMMERCIAL & RESIDENTIAL\r\n------------------------ *\/\r\n.sh-bg-blue {\r\n    background-color: var(--sh-navy);\r\n    color: var(--sh-white);\r\n}\r\n\r\n.sh-bg-blue .sh-section-title {\r\n    color: var(--sh-white);\r\n}\r\n\r\n.sh-bg-blue .sh-section-tag {\r\n    color: var(--sh-gold);\r\n}\r\n\r\n.sh-bg-blue p {\r\n    color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.sh-pricing-blocks {\r\n    margin-top: 2rem;\r\n}\r\n\r\n.sh-price-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    padding: 1.2rem 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.sh-price-row:first-child {\r\n    border-top: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.sh-price-title {\r\n    font-size: 2rem;\r\n    color: var(--sh-white);\r\n    font-weight: 500;\r\n}\r\n\r\n.sh-price-title span {\r\n    display: block;\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--sh-gold);\r\n    margin-top: 0.25rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.sh-price-value {\r\n    font-size: 1.4rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.sh-plot-sizes {\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    margin-top: 2rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.sh-size-box {\r\n    border: 1px solid var(--sh-primary);\r\n    padding: 1.5rem;\r\n    text-align: center;\r\n    flex: 1;\r\n}\r\n\r\n.sh-size-num {\r\n    font-size: 3rem;\r\n    color: var(--sh-primary);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n}\r\n\r\n.sh-size-unit {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--sh-text-light);\r\n    margin-top: 0.5rem;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* ------------------------\r\n   LOCATION (NEW FOOTER ENDING)\r\n------------------------ *\/\r\n.sh-location-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n}\r\n\r\n.sh-loc-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.sh-loc-list li {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 1rem 0;\r\n    border-bottom: 1px solid var(--sh-border);\r\n    font-size: 1.25rem;\r\n    color: var(--sh-text-light);\r\n}\r\n\r\n.sh-loc-list li span:last-child {\r\n    font-weight: 700;\r\n    color: var(--sh-primary);\r\n}\r\n\r\n.sh-map-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 400px;\r\n    background-color: var(--sh-light-blue-grey);\r\n}\r\n\r\n.sh-map-container iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n    filter: grayscale(20%) contrast(1.1);\r\n}\r\n\r\n\/* Page effectively ends after location section, adding bottom padding *\/\r\n#location {\r\n    padding-bottom: var(--sh-spacing-lg);\r\n}\r\n\r\n\/* ------------------------\r\n   RESPONSIVE DESIGN\r\n------------------------ *\/\r\n@media (max-width: 991px) {\r\n    .sh-split-layout {\r\n        flex-direction: column;\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .sh-split-layout.sh-reverse {\r\n        flex-direction: column-reverse;\r\n    }\r\n    \r\n    .sh-split-content,\r\n    .sh-split-image {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .sh-stats-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        row-gap: 3rem;\r\n    }\r\n\r\n    .sh-stat-item:nth-child(2)::after {\r\n        display: none;\r\n    }\r\n\r\n    .sh-highlights {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n    \r\n    .sh-location-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .sh-ribbon-title {\r\n        position: relative;\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 1rem;\r\n    }\r\n    \r\n    .sh-ribbon {\r\n        flex-direction: column;\r\n        padding: 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .shouryapuram-landing-page p, \r\n    .shouryapuram-landing-page li {\r\n        font-size: 1.15rem; \/* Slightly smaller on phones *\/\r\n    }\r\n    \r\n    .sh-hero {\r\n        min-height: 50vh; \/* Even smaller hero for phones *\/\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sh-section {\r\n        padding: 4rem 1.5rem;\r\n    }\r\n\r\n    .sh-stats-grid {\r\n        grid-template-columns: 1fr;\r\n        row-gap: 2.5rem;\r\n    }\r\n\r\n    .sh-stat-item::after {\r\n        display: none;\r\n    }\r\n\r\n    .sh-plot-sizes {\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .sh-price-row {\r\n        flex-direction: column;\r\n        gap: 0.2rem;\r\n    }\r\n    \r\n    .sh-loc-list li {\r\n        flex-direction: column;\r\n        gap: 0.2rem;\r\n    }\r\n    \r\n    .sh-cta-group {\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n    \r\n    .sh-btn {\r\n        width: 100%;\r\n    }\r\n    \r\n    .sh-map-container {\r\n        min-height: 300px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"shouryapuram-landing-page\">\r\n\r\n    <!-- HERO SECTION (Lowered Height) -->\r\n    <section class=\"sh-hero\">\r\n        <img src=\"https:\/\/karanmathur.site\/wp-content\/uploads\/2026\/07\/HERO-SLIDER-4.png\" \r\n             alt=\"Shouryapuram Residential Township\" \r\n             class=\"sh-hero-bg\"\r\n             fetchpriority=\"high\"\r\n             decoding=\"async\">\r\n        <div class=\"sh-hero-overlay\"><\/div>\r\n        <div class=\"sh-hero-content sh-fade-up\">\r\n            <h1 class=\"sh-hero-title\">Shouryapuram<\/h1>\r\n            <div class=\"sh-hero-subtitle\">Incredible Piece of Home, Full of Luxury & Elegance<\/div>\r\n            <p class=\"sh-hero-text\">A thoughtfully planned residential destination in Ghaziabad, designed around space, connectivity and modern living.<\/p>\r\n            <div class=\"sh-cta-group\">\r\n                <a href=\"#explore\" class=\"sh-btn sh-btn-primary\">Explore Shouryapuram<\/a>\r\n                <a href=\"#location\" class=\"sh-btn sh-btn-secondary\">View Location<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- INTRODUCTION SECTION -->\r\n    <section id=\"explore\" class=\"sh-section\">\r\n        <div class=\"sh-container sh-split-layout\">\r\n            <div class=\"sh-split-content sh-fade-up\">\r\n                <span class=\"sh-section-tag\">Introduction<\/span>\r\n                <h2 class=\"sh-section-title\">Incredible Piece of Home Full of Luxury & Elegance<\/h2>\r\n                <p>Shouryapuram is strategically located in Ghaziabad along the NH-24 corridor and is envisioned as a thoughtfully planned residential destination. The development brings together the comfort of spacious living, convenient connectivity and the everyday advantages of a well-planned environment.<\/p>\r\n                <p>With residential plot options designed for families who value space and flexibility, Shouryapuram offers the opportunity to create a home around your own lifestyle. Its location also places residents within easy reach of major roads, educational institutions, commercial destinations and important city corridors.<\/p>\r\n                <div class=\"sh-highlight-text\">\r\n                    More space. Better connectivity.<br>A better way to live.\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sh-split-image sh-fade-up\">\r\n                <img loading=\"lazy\" src=\"https:\/\/karanmathur.site\/wp-content\/uploads\/2026\/08\/luxury_living_room_570x420.png\" \r\n                     alt=\"Shouryapuram Luxury Interior\" \r\n                     class=\"sh-editorial-img\" \r\n                     width=\"570\" height=\"420\"\r\n                     loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- STATISTICS SECTION -->\r\n    <section class=\"sh-stats-section\">\r\n        <div class=\"sh-container sh-stats-grid\">\r\n            <div class=\"sh-stat-item sh-fade-up\">\r\n                <div class=\"sh-stat-number\" data-target=\"12\">0<\/div>\r\n                <div class=\"sh-stat-desc\">Towers<br>(2 or 3 BHK)<\/div>\r\n            <\/div>\r\n            <div class=\"sh-stat-item sh-fade-up\" style=\"transition-delay: 0.1s\">\r\n                <div class=\"sh-stat-number\" data-target=\"175\">0<\/div>\r\n                <div class=\"sh-stat-desc\">Sq. Yard<br>Area Covered<\/div>\r\n            <\/div>\r\n            <div class=\"sh-stat-item sh-fade-up\" style=\"transition-delay: 0.2s\">\r\n                <div class=\"sh-stat-number\" data-target=\"856\">0<\/div>\r\n                <div class=\"sh-stat-desc\">No. of Flats<\/div>\r\n            <\/div>\r\n            <div class=\"sh-stat-item sh-fade-up\" style=\"transition-delay: 0.3s\">\r\n                <div class=\"sh-stat-number\">20k<\/div>\r\n                <div class=\"sh-stat-desc\">Sq. Ft.<br>Commercial Area<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FEATURE RIBBON -->\r\n    <div class=\"sh-ribbon\">\r\n        <div class=\"sh-ribbon-title\">The Shouryapuram Advantage<\/div>\r\n        <div class=\"sh-ribbon-content\">\r\n            <span class=\"sh-ribbon-item\">105-Acre Integrated Township<\/span>\r\n            <span class=\"sh-ribbon-item\">24\u00d77 Security<\/span>\r\n            <span class=\"sh-ribbon-item\">CBSE School Nearby<\/span>\r\n            <span class=\"sh-ribbon-item\">Approx 100 Metres from NH-24<\/span>\r\n            <span class=\"sh-ribbon-item\">Up to 90% Finance Available*<\/span>\r\n            <span class=\"sh-ribbon-item\">330+ Units Sold<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ABOUT SECTION -->\r\n    <section class=\"sh-section sh-bg-light\">\r\n        <div class=\"sh-container sh-fade-up\">\r\n            <span class=\"sh-section-tag\">About Shouryapuram<\/span>\r\n            <h2 class=\"sh-section-title\">A thoughtfully planned destination for modern living.<\/h2>\r\n            <div style=\"max-width: 800px;\">\r\n                <p>Shouryapuram is strategically positioned in Ghaziabad along the NH-24 corridor, bringing together the advantages of connectivity, planned development and residential comfort.<\/p>\r\n                <p>The project offers residential plot options that give families the freedom to create a home around their own lifestyle. With spacious planning and access to surrounding conveniences, Shouryapuram is designed around the belief that a home should provide more than just an address \u2014 it should provide comfort, flexibility and a sense of belonging.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"sh-highlights\">\r\n                <div class=\"sh-hl-item\">\r\n                    <h4 class=\"sh-hl-title\">Connected<\/h4>\r\n                    <p class=\"sh-hl-text\">Strategically positioned near important road and city corridors.<\/p>\r\n                <\/div>\r\n                <div class=\"sh-hl-item\">\r\n                    <h4 class=\"sh-hl-title\">Spacious<\/h4>\r\n                    <p class=\"sh-hl-text\">Residential plot options designed around comfortable living.<\/p>\r\n                <\/div>\r\n                <div class=\"sh-hl-item\">\r\n                    <h4 class=\"sh-hl-title\">Convenient<\/h4>\r\n                    <p class=\"sh-hl-text\">Located within reach of major destinations and everyday conveniences.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- COMMERCIAL SPACE -->\r\n    <section class=\"sh-section sh-bg-blue\">\r\n        <div class=\"sh-container sh-split-layout sh-reverse\">\r\n            <div class=\"sh-split-image sh-fade-up\">\r\n                <img loading=\"lazy\" src=\"https:\/\/karanmathur.site\/wp-content\/uploads\/2026\/08\/shouryapuram-fountain.png\" \r\n                     alt=\"Shouryapuram Fountain & Commercial Area\" \r\n                     class=\"sh-editorial-img\"\r\n                     width=\"570\" height=\"420\"\r\n                     loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n            <div class=\"sh-split-content sh-fade-up\">\r\n                <span class=\"sh-section-tag\">Commercial Space<\/span>\r\n                <h2 class=\"sh-section-title\">Where Business Meets Opportunity<\/h2>\r\n                <p>Shouryapuram also brings together commercial opportunities for businesses, professionals and entrepreneurs seeking a strategically positioned address within a growing urban environment.<\/p>\r\n                \r\n                <ul style=\"list-style: none; padding:0; margin: 1.5rem 0; opacity: 0.9;\">\r\n                    <li>\u2014 50% Finance Available<\/li>\r\n                    <li>\u2014 No CIBIL Score Required<\/li>\r\n                    <li>\u2014 Working Capital Loan Available for Shops<\/li>\r\n                <\/ul>\r\n\r\n                <div class=\"sh-pricing-blocks\">\r\n                    <div class=\"sh-price-row\">\r\n                        <div class=\"sh-price-title\">Shops <span>Starting From 200 Sq. Ft.<\/span><\/div>\r\n                        <div class=\"sh-price-value\">From \u20b935 Lacs<\/div>\r\n                    <\/div>\r\n                    <div class=\"sh-price-row\">\r\n                        <div class=\"sh-price-title\">Office Space<\/div>\r\n                        <div class=\"sh-price-value\">From 500 Sq. Ft.<\/div>\r\n                    <\/div>\r\n                    <div class=\"sh-price-row\">\r\n                        <div class=\"sh-price-title\">Warehouse<\/div>\r\n                        <div class=\"sh-price-value\">Lease @ \u20b970 \/ Sq. Ft.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- RESIDENTIAL PLOTS -->\r\n    <section class=\"sh-section\">\r\n        <div class=\"sh-container sh-split-layout\">\r\n            <div class=\"sh-split-content sh-fade-up\">\r\n                <span class=\"sh-section-tag\">Delhi\u2013Meerut Expressway<\/span>\r\n                <h2 class=\"sh-section-title\">Residential Plots<br><span style=\"font-size: 1.6rem; font-weight: 500; color: var(--sh-text-light);\">Shouryapuram \u2014 105-Acre Township<\/span><\/h2>\r\n                \r\n                <p>Choose a plot that gives you the freedom to build a home around your lifestyle. With multiple plot sizes available, Shouryapuram offers flexibility for families looking to create a spacious and personalized residence.<\/p>\r\n                \r\n                <div class=\"sh-plot-sizes\">\r\n                    <div class=\"sh-size-box\">\r\n                        <div class=\"sh-size-num\">114<\/div>\r\n                        <div class=\"sh-size-unit\">Sq. Yard<\/div>\r\n                    <\/div>\r\n                    <div class=\"sh-size-box\">\r\n                        <div class=\"sh-size-num\">175<\/div>\r\n                        <div class=\"sh-size-unit\">Sq. Yard<\/div>\r\n                    <\/div>\r\n                    <div class=\"sh-size-box\">\r\n                        <div class=\"sh-size-num\">205<\/div>\r\n                        <div class=\"sh-size-unit\">Sq. Yard<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"font-size: 2.2rem; color: var(--sh-primary); border-left: 2px solid var(--sh-primary); padding-left: 1rem; font-weight: 600;\">\r\n                    \u20b997,000\/- <span style=\"font-size: 1.2rem; color: var(--sh-text-light); text-transform: uppercase;\">Per Sq. Yard<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sh-split-image sh-fade-up\">\r\n                <img loading=\"lazy\" src=\"https:\/\/karanmathur.site\/wp-content\/uploads\/2026\/08\/Untitled-design-1.png\" \r\n                     alt=\"Shouryapuram Residential Homes\" \r\n                     class=\"sh-editorial-img\"\r\n                     width=\"570\" height=\"420\"\r\n                     loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- LOCATION SECTION (Page Ends Here) -->\r\n    <section id=\"location\" class=\"sh-section\" style=\"background-color: var(--sh-off-white);\">\r\n        <div class=\"sh-container\">\r\n            <div style=\"text-align: center; margin-bottom: 4rem;\" class=\"sh-fade-up\">\r\n                <span class=\"sh-section-tag\">Location Benefits<\/span>\r\n                <h2 class=\"sh-section-title\">Nearby Places<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"sh-location-grid\">\r\n                <div class=\"sh-fade-up\">\r\n                    <ul class=\"sh-loc-list\">\r\n                        <li><span>Akshardham<\/span> <span>30 Min Drive<\/span><\/li>\r\n                        <li><span>Delhi\u2013Meerut Expressway<\/span> <span>500 Mtr<\/span><\/li>\r\n                        <li><span>IMS Ghaziabad<\/span> <span>1 Km<\/span><\/li>\r\n                        <li><span>Aditya World City<\/span> <span>3 Km*<\/span><\/li>\r\n                        <li><span>Wave City Ghaziabad<\/span> <span>5 Km<\/span><\/li>\r\n                        <li><span>Eastern Peripheral Expressway<\/span> <span>6 Km*<\/span><\/li>\r\n                        <li><span>Ghaziabad Railway Station<\/span> <span>7 Km*<\/span><\/li>\r\n                        <li><span>Shaheed Sthal Metro Station<\/span> <span>8 Km*<\/span><\/li>\r\n                        <li><span>Noida Electronic City Metro<\/span> <span>12 Min Drive*<\/span><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"sh-map-container sh-fade-up\">\r\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d112117.84666490332!2d77.37976219356613!3d28.657076633659228!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cf1a403cb92b5%3A0xc319119615fc0f40!2sNH-24%2C%20Ghaziabad%2C%20Uttar%20Pradesh!5e0!3m2!1sen!2sin!4v1714567890123!5m2!1sen!2sin\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- NO EXTRA CONTENT ADDED HERE - PAGE ENDS AFTER MAP AS REQUESTED -->\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/* ------------------------\r\n   INTERACTION SCRIPTS\r\n------------------------ *\/\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ 1. Scroll Fade Animations\r\n    const fadeElements = document.querySelectorAll('.sh-fade-up');\r\n    \r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('sh-visible');\r\n                \r\n                \/\/ Trigger Number Counter if it exists in the section\r\n                const counters = entry.target.querySelectorAll('.sh-stat-number[data-target]');\r\n                counters.forEach(counter => {\r\n                    const target = +counter.getAttribute('data-target');\r\n                    const duration = 2000; \/\/ 2 seconds\r\n                    const increment = target \/ (duration \/ 16); \/\/ 60fps\r\n                    \r\n                    let current = 0;\r\n                    const updateCounter = () => {\r\n                        current += increment;\r\n                        if (current < target) {\r\n                            counter.innerText = Math.ceil(current);\r\n                            requestAnimationFrame(updateCounter);\r\n                        } else {\r\n                            counter.innerText = target;\r\n                        }\r\n                    };\r\n                    \r\n                    if(counter.innerText === \"0\") {\r\n                        updateCounter();\r\n                    }\r\n                });\r\n\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    fadeElements.forEach(el => observer.observe(el));\r\n\r\n    \/\/ 2. Smooth Scrolling for anchor links\r\n    document.querySelectorAll('.shouryapuram-landing-page a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            const targetId = this.getAttribute('href');\r\n            if(targetId === '#') return;\r\n            \r\n            const targetElement = document.querySelector(targetId);\r\n            if(targetElement) {\r\n                targetElement.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n<!-- ======================================================================\r\n     END SHOURYAPURAM PAGE\r\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>Shouryapuram Incredible Piece of Home, Full of Luxury &#038; Elegance A thoughtfully planned residential destination in Ghaziabad, designed around space, connectivity and modern living. Explore Shouryapuram View Location Introduction Incredible Piece of Home Full of Luxury &#038; Elegance Shouryapuram is strategically located in Ghaziabad along the NH-24 corridor and is envisioned as a thoughtfully planned residential destination. The development brings together the comfort of spacious living, convenient connectivity and the everyday advantages of a well-planned environment. With residential plot options designed for families who value space and flexibility, Shouryapuram offers the opportunity to create a home around your own lifestyle. Its location also places residents within easy reach of major roads, educational institutions, commercial destinations and important city corridors. More space. Better connectivity.A better way to live. 0 Towers(2 or 3 BHK) 0 Sq. YardArea Covered 0 No. of Flats 20k Sq. Ft.Commercial Area The Shouryapuram Advantage 105-Acre Integrated Township 24\u00d77 Security CBSE School Nearby Approx 100 Metres from NH-24 Up to 90% Finance Available* 330+ Units Sold About Shouryapuram A thoughtfully planned destination for modern living. Shouryapuram is strategically positioned in Ghaziabad along the NH-24 corridor, bringing together the advantages of connectivity, planned development and residential comfort. The project offers residential plot options that give families the freedom to create a home around their own lifestyle. With spacious planning and access to surrounding conveniences, Shouryapuram is designed around the belief that a home should provide more than just an address \u2014 it should provide comfort, flexibility and a sense of belonging. Connected Strategically positioned near important road and city corridors. Spacious Residential plot options designed around comfortable living. Convenient Located within reach of major destinations and everyday conveniences. Commercial Space Where Business Meets Opportunity Shouryapuram also brings together commercial opportunities for businesses, professionals and entrepreneurs seeking a strategically positioned address within a growing urban environment. \u2014 50% Finance Available \u2014 No CIBIL Score Required \u2014 Working Capital Loan Available for Shops Shops Starting From 200 Sq. Ft. From \u20b935 Lacs Office Space From 500 Sq. Ft. Warehouse Lease @ \u20b970 \/ Sq. Ft. Delhi\u2013Meerut Expressway Residential PlotsShouryapuram \u2014 105-Acre Township Choose a plot that gives you the freedom to build a home around your lifestyle. With multiple plot sizes available, Shouryapuram offers flexibility for families looking to create a spacious and personalized residence. 114 Sq. Yard 175 Sq. Yard 205 Sq. Yard \u20b997,000\/- Per Sq. Yard Location Benefits Nearby Places Akshardham 30 Min Drive Delhi\u2013Meerut Expressway 500 Mtr IMS Ghaziabad 1 Km Aditya World City 3 Km* Wave City Ghaziabad 5 Km Eastern Peripheral Expressway 6 Km* Ghaziabad Railway Station 7 Km* Shaheed Sthal Metro Station 8 Km* Noida Electronic City Metro 12 Min Drive*<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/pages\/703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karanmathur.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=703"}],"version-history":[{"count":16,"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/pages\/703\/revisions"}],"predecessor-version":[{"id":725,"href":"https:\/\/karanmathur.site\/index.php?rest_route=\/wp\/v2\/pages\/703\/revisions\/725"}],"wp:attachment":[{"href":"https:\/\/karanmathur.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}