<?php
require_once __DIR__ . '/includes/site_data.php';
?>
<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Residential Plots | <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?> Zirakpur</title>
    <meta name="AdsBot-Google" content="noindex follow" />
    <meta name="description" content="Explore luxury residential plots in Zirakpur at <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?>. Plots available in 90, 125 and 150 Sq. Yd.">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<?php if (!empty($siteSettings['header_scripts'])): echo $siteSettings['header_scripts']; endif; ?>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" />

    <!-- CSS (Font, Vendor, Icon, Plugins & Style CSS files) -->

    <!-- Font CSS -->
    <!-- <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=karla:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> -->


    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&amp;family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">

    <!-- Vendor CSS (Bootstrap & Icon Font) -->

    <!-- Plugins CSS (All Plugins Files) -->

    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />

    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css" />


    <!-- Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css?v=<?php echo time(); ?>" />

</head>


<body class="font-karla text-body text-tiny">
    <div class="overflow-hidden">

        <!-- Header start -->
        <div class="medallion-header-wrapper absolute top-0 left-0 w-full z-[35]">
            <header id="sticky-header" class="medallion-header-bar secondary-sticky">
                <div class="container">
                    <div class="grid grid-cols-12">
                        <div class="col-span-12">
                            <div class="flex items-center justify-between w-full">
                                <!-- Logo on Left -->
                                <a href="./" class="block py-1 shrink-0">
                                    <img src="assets/images/logo/medallion-brochure-logo-white.svg" alt="Medallion Aero Park" class="medallion-header-logo drop-shadow-md" style="height: 58px; width: auto; max-width: 270px; object-fit: contain; display: block;">
                                </a>

                                <!-- Menu Centrally Aligned -->
                                <nav class="medallion-nav-center">
                                    <ul class="medallion-nav-links font-lora">
                                        <li><a href="./">Home</a></li>
                                        <li><a href="about">About</a></li>
                                        <li><a href="plots" class="active">Plots</a></li>
                                        <li><a href="amenities">Amenities</a></li>
                                        <li><a href="blog">Blog</a></li>
                                        <li><a href="contact">Contact</a></li>
                                    </ul>
                                </nav>

                                <!-- Enquire Button and Mobile Toggle on Right -->
                                <div class="flex items-center gap-3 shrink-0">
                                    <a href="contact" class="medallion-enquire-btn before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-[#b89558] before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] xl:px-[24px] py-[13px] capitalize font-medium text-white text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-[#a3824f] after:rounded-md after:transition-all shadow-md">Enquire Now</a>
                                    <a href="#offcanvas-mobile-menu" class="offcanvas-toggle flex lg:hidden text-white hover:text-secondary p-1">
                                        <svg width="24" height="24" class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                                            <path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
        </div>
        <!-- offcanvas-overlay start -->
        <div class="offcanvas-overlay hidden fixed inset-0 bg-black opacity-50 z-50"></div>
        <!-- offcanvas-overlay end -->
        <!-- offcanvas-mobile-menu start -->
        <div id="offcanvas-mobile-menu" class="offcanvas left-0 transform -translate-x-full fixed font-normal text-sm top-0 z-50 h-screen xs:w-[300px] lg:w-[380px] transition-all ease-in-out duration-300 bg-white">
            <div class="py-12 pr-5 h-[100vh] overflow-y-auto">
                <button class="offcanvas-close text-primary text-[25px] w-10 h-10 absolute right-0 top-0 z-[1]" aria-label="offcanvas">x</button>
                <nav class="offcanvas-menu mr-[20px]">
                    <ul>
                        <li class="relative block border-b-primary border-b first:border-t first:border-t-primary"><a href="./" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Home</a></li>
                        <li class="relative block border-b-primary border-b"><a href="about" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">About</a></li>
                        <li class="relative block border-b-primary border-b"><a href="plots" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Plots</a></li>
                        <li class="relative block border-b-primary border-b"><a href="amenities" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Amenities</a></li>
                        <li class="relative block border-b-primary border-b"><a href="blog" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Blog</a></li>
                        <li class="relative block border-b-primary border-b"><a href="contact" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Contact</a></li>
                    </ul>
                </nav>
                <div class="px-5 flex flex-wrap mt-3 sm:hidden">
                    <a href="tel:+917837335599" class="bg-[#0b2c3d] text-white px-5 py-3 rounded-md font-medium text-center w-full block">Call +91 78373 35599</a>
                </div>
            </div>
        </div>
        <!-- offcanvas-mobile-menu end -->
        <!-- Header end -->

        <!-- Inner Page Hero Section Start -->
        <section class="medallion-inner-hero">
            <!-- Hero Background Image -->
            <div class="absolute inset-0 w-full h-full pointer-events-none z-[1]">
                <img class="w-full h-full object-cover object-center" src="assets/images/blog-covers/zirakpur-plotted-development.jpg?v=2" alt="Luxury Residential Plots Medallion Aero Park">
            </div>

            <!-- Balanced Dark Vignette Overlay -->
            <div class="medallion-inner-hero-overlay"></div>

            <!-- Hero Content -->
            <div class="container relative z-[5]">
                <div class="grid grid-cols-12">
                    <div class="col-span-12 lg:col-span-10 text-left">
                        <span class="medallion-inner-hero-tag">M E D A L L I O N&nbsp;&nbsp; A E R O&nbsp;&nbsp; P A R K</span>
                        <h1 class="medallion-inner-hero-title">
                            Luxury Residential Plots
                        </h1>
                        <p class="medallion-inner-hero-desc">
                            Explore premium 90, 125 &amp; 150 Sq. Yd. residential plots with stilt+3 permission and immediate possession.
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Inner Page Hero Section End -->

                <!-- Medallion Aero Park 3 Exclusive Plot Options Start -->
        <section class="plots-page-section">
            <div class="container">
                
                <!-- Section Header -->
                <div class="plots-section-header" data-sr="fade-up">
                    <span class="plots-eyebrow">RERA Approved Plotted Development</span>
                    <h2>Available Residential Plot Configurations</h2>
                    <p>Choose from three prime plot sizes designed for luxury independent living, with Stilt + 3 construction permissions, 100% boundary security, and direct 200-ft PR-7 Airport Road connectivity.</p>
                </div>

                <!-- Dynamic Spacious Horizontal Plot Cards Stack -->
                <div class="plots-cards-stack">
                    <?php if (!empty($sitePlots)): ?>
                        <?php foreach ($sitePlots as $pIndex => $plot): ?>
                        <div class="plot-card-horizontal" data-sr="fade-up" data-sr-delay="<?php echo ($pIndex % 3) * 100; ?>">
                            <!-- Left Image Box -->
                            <div class="plot-card-image-box">
                                <?php if (!empty($plot['tag_top'])): ?>
                                <span class="plot-card-tag-top"><?php echo htmlspecialchars($plot['tag_top'], ENT_QUOTES, 'UTF-8'); ?></span>
                                <?php endif; ?>
                                <img src="<?php echo htmlspecialchars($plot['image'], ENT_QUOTES, 'UTF-8'); ?>" loading="lazy" width="440" height="360" alt="<?php echo htmlspecialchars($plot['title'], ENT_QUOTES, 'UTF-8'); ?> - <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?>">
                                <?php if (!empty($plot['tag_bottom'])): ?>
                                <span class="plot-card-tag-bottom"><?php echo htmlspecialchars($plot['tag_bottom'], ENT_QUOTES, 'UTF-8'); ?></span>
                                <?php endif; ?>
                            </div>
                            <!-- Right Info Box -->
                            <div class="plot-card-body">
                                <div>
                                    <div class="plot-card-top-row">
                                        <h3 class="plot-card-title"><?php echo htmlspecialchars($plot['title'], ENT_QUOTES, 'UTF-8'); ?></h3>
                                        <div class="plot-card-price-wrap">
                                            <div class="plot-card-price-label">Starting Price</div>
                                            <div class="plot-card-price-val"><?php echo htmlspecialchars($plot['price_starting'], ENT_QUOTES, 'UTF-8'); ?></div>
                                        </div>
                                    </div>
                                    <div class="plot-card-location">
                                        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
                                        <span><?php echo htmlspecialchars($plot['location_text'], ENT_QUOTES, 'UTF-8'); ?></span>
                                    </div>
                                    <p class="plot-card-desc">
                                        <?php echo htmlspecialchars($plot['description'], ENT_QUOTES, 'UTF-8'); ?>
                                    </p>
                                    <!-- Specs Row -->
                                    <div class="plot-specs-row">
                                        <?php if (!empty($plot['dimension'])): ?>
                                        <div class="plot-spec-item">
                                            <span class="plot-spec-title">Plot Dimension</span>
                                            <span class="plot-spec-value">
                                                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 5v14h18V5H3zm16 12H5V7h14v10z"/></svg>
                                                <?php echo htmlspecialchars($plot['dimension'], ENT_QUOTES, 'UTF-8'); ?>
                                            </span>
                                        </div>
                                        <?php endif; ?>
                                        <?php if (!empty($plot['construction_approval'])): ?>
                                        <div class="plot-spec-item">
                                            <span class="plot-spec-title">Construction</span>
                                            <span class="plot-spec-value">
                                                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 3L2 12h3v8h14v-8h3L12 3zm0 2.5l7 6.3V18H5v-7.2l7-6.3z"/></svg>
                                                <?php echo htmlspecialchars($plot['construction_approval'], ENT_QUOTES, 'UTF-8'); ?>
                                            </span>
                                        </div>
                                        <?php endif; ?>
                                        <?php if (!empty($plot['road_frontage'])): ?>
                                        <div class="plot-spec-item">
                                            <span class="plot-spec-title">Road Frontage</span>
                                            <span class="plot-spec-value">
                                                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 16l-1-4h2l-1 4zm0-6l-1-4h2l-1 4zm0-6l-1-4h2l-1 4z"/></svg>
                                                <?php echo htmlspecialchars($plot['road_frontage'], ENT_QUOTES, 'UTF-8'); ?>
                                            </span>
                                        </div>
                                        <?php endif; ?>
                                        <?php if (!empty($plot['registry_status'])): ?>
                                        <div class="plot-spec-item">
                                            <span class="plot-spec-title">Registry Status</span>
                                            <span class="plot-spec-value">
                                                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                                                <?php echo htmlspecialchars($plot['registry_status'], ENT_QUOTES, 'UTF-8'); ?>
                                            </span>
                                        </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                                <!-- Footer & Actions -->
                                <div class="plot-card-footer">
                                    <div class="plot-highlights-pills">
                                        <?php if (!empty($plot['highlights_json']) && is_array($plot['highlights_json'])): ?>
                                            <?php foreach ($plot['highlights_json'] as $highlight): ?>
                                                <span class="plot-pill">✓ <?php echo htmlspecialchars($highlight, ENT_QUOTES, 'UTF-8'); ?></span>
                                            <?php endforeach; ?>
                                        <?php endif; ?>
                                    </div>
                                    <div class="plot-card-actions">
                                        <a href="contact" class="plot-btn-primary">
                                            <span>Enquire Now</span>
                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                        </a>
                                        <?php if (!empty($plot['layout_image'])): ?>
                                        <a href="<?php echo htmlspecialchars($plot['layout_image'], ENT_QUOTES, 'UTF-8'); ?>" class="plot-btn-secondary" target="_blank">
                                            <span>View Layout</span>
                                        </a>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>

            </div>
        </section>
        <!-- Medallion Aero Park 3 Exclusive Plot Options End -->

<?php include __DIR__ . '/footer.php'; ?>
        <a id="scrollUp" class="w-12 h-12 rounded-full bg-primary text-white fixed right-5 bottom-16 flex flex-wrap items-center justify-center transition-all duration-300 z-10" href="#" aria-label="scroll up">

            <svg width="25" height="25" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z" />
            </svg>

        </a>
    </div>


    <!-- JS Vendor, Plugins & Activation Script Files -->

    <!-- Vendors JS -->
    <script src="assets/js/vendor/modernizr-3.11.7.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <!-- Plugins JS -->
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/parallax.min.js"></script>
    <script src="assets/js/plugins/jquery.waypoints.js"></script>
    <script src="assets/js/plugins/jquery.counterup.min.js"></script>

    <!-- Activation JS -->
    <script src="assets/js/main.js"></script>

</body>


<!-- Mirrored from htmldemo.net/bery/bery/properties-v2.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 22 Sep 2026 10:14:17 GMT -->
</html>











