<?php
$pageTitle = "Home - Balaji Properties";
include "header.php" ?>
<style>
@media (max-width:780px) {
.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-91d7e69 {
display: none;
}
}
.elementor-4 .elementor-element.elementor-element-6b7d4e7 .uael-infobox-title {
color: #c90000;
margin: 0px 0px 10px 0px;
}
a,
.page-title {
color: #cea41b;
}
.carousel-caption {
top: 50%;
/* Move caption to middle */
transform: translateY(-50%);
/* Center vertically */
bottom: initial;
/* Remove bottom default */
text-align: center;
/* Center horizontally */
}
.carousel-caption h5 {
font-size: 2rem;
/* optional: adjust heading size */
font-weight: bold;
}
.carousel-caption p {
font-size: 1.2rem;
/* optional: adjust paragraph size */
}
.slider-section {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
}
.slider-section .slider-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 0;
transition: background-image 1s ease-in-out;
}
.slider-section .elementor-container {
position: relative;
z-index: 1;
/* Keep text above background */
}
.logo-slider {
overflow: hidden;
background-color: #f8f8f8;
padding: 20px 0;
}
.logo-slide-track {
display: flex;
width: calc(250px * 30);
/* Adjust width based on number of slides */
animation: scroll 30s linear infinite;
}
.slide {
display: flex;
align-items: center;
justify-content: center;
width: 250px;
/* Fixed width for each logo */
flex-shrink: 0;
padding: 0 15px;
}
.slide img {
max-width: 100%;
max-height: 80px;
object-fit: contain;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<div id="content" class="site-content">
<div class="ast-container">
<div id="primary" class="content-area primary">
<main id="main" class="site-main">
<article class="post-4 page type-page status-publish ast-article-single" id="post-4"
itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
<div class="entry-content clear" itemprop="text">
<div data-elementor-type="wp-post" data-elementor-id="4" class="elementor elementor-4">
<section style="position: relative; overflow: hidden; height: 80vh;"
class=" slider-section elementor-section elementor-top-section elementor-element elementor-element-88495be elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="88495be" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="slider-background"></div>
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70bff6"
data-id="c70bff6" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-0dc02ca elementor-widget elementor-widget-heading"
data-id="0dc02ca" data-element_type="widget"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">
Your Trusted Partner in Real Estate
</h1>
</div>
</div>
<div class="elementor-element elementor-element-cd39aff elementor-widget elementor-widget-text-editor"
data-id="cd39aff" data-element_type="widget"
data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>With years of proven experience and deep
market insights, we help brands and businesses find the
right spaces
to grow. Our commitment is to deliver profitable,
long-term leasing
solutions.!</p>
</div>
</div>
<div class="elementor-element elementor-element-45951c5 elementor-widget elementor-widget-spacer"
data-id="45951c5" data-element_type="widget"
data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function() {
const bgImages = [
'assets/images/slider-5.jpg',
'assets/images/slider-4.jpg',
'assets/images/slider-1.jpg'
];
const sliderBg = document.querySelector('.slider-section .slider-background');
let index = 0;
function changeSlide() {
sliderBg.style.backgroundImage = `url('${bgImages[index]}')`;
index = (index + 1) % bgImages.length;
}
changeSlide(); // initial slide
setInterval(changeSlide, 5000); // change every 5 seconds
});
.logo - slider {
overflow: hidden;
position: relative;
width: 100 % ;
background: #fff;
padding: 20 px 0;
}
/* Track */
.logo - slide - track {
display: flex;
width: calc(250 px * 26); /* 13 logos * 2 for seamless loop */
animation: scroll 40 s linear infinite;
}
/* Individual slide */
.slide {
display: flex;
align - items: center;
justify - content: center;
min - width: 250 px; /* width of each logo container */
margin: 0 15 px;
}
.slide img {
max - height: 80 px;
object - fit: contain;
}
/* Animation */
@keyframes scroll {
0 % {
transform: translateX(0);
}
100 % {
transform: translateX(-50 % ); /* move half the width (one full loop) */
}
}
/* Duplicate logos for seamless loop */
.logo - slide - track {
flex - wrap: nowrap;
}
.logo - slide - track.slide: nth - child(-n + 13) {
/* clone first 13 slides to the end */
}
/* Container */
.brand - section {
padding: 40 px 20 px;
background: #f9f9f9;
text - align: center;
}
/* Grid for logos */
.brand - grid {
display: grid;
grid - template - columns: repeat(auto - fit, minmax(150 px, 1 fr));
gap: 20 px;
justify - items: center;
align - items: center;
max - height: 200 px; /* initial visible logos */
overflow: hidden;
transition: max - height 0.5 s ease;
}
.brand - grid.expanded {
max - height: 1000 px; /* height after clicking view more */
}
/* Logos */
.brand - grid img {
max - height: 80 px;
object - fit: contain;
transition: transform 0.3 s;
}
.brand - grid img: hover {
transform: scale(1.1);
}
/* View More Button */
.view - more - btn {
margin - top: 20 px;
padding: 10 px 25 px;
background: #007bff;
color: # fff;
border: none;
border - radius: 5 px;
cursor: pointer;
font - size: 16 px;
transition: background 0.3 s;
}
.view - more - btn: hover {
background: #0056b3;
}
</script>
<section
class="elementor-section elementor-top-section elementor-element elementor-element-9da64fc elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="9da64fc" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c99eda8"
data-id="c99eda8" data-element_type="column">
<div class="elementor-widget-wrap">
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-462f777"
data-id="462f777" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-495d123 elementor-widget elementor-widget-uael-infobox"
data-id="495d123" data-element_type="widget"
data-widget_type="uael-infobox.default">
<div class="elementor-widget-container">
<div
class="uael-module-content uael-infobox uael-infobox-link-type-button">
<div class="uael-infobox-left-right-wrap">
<div class="uael-infobox-content">
<div class='uael-infobox-title-wrap'>
<h3 class="uael-infobox-title elementor-inline-editing"
data-elementor-setting-key="infobox_title"
data-elementor-inline-editing-toolbar="basic">
Your Partner in Premium Commercial Spaces
</h3>
</div>
<div class="uael-infobox-text-wrap">
<div class="uael-infobox-text elementor-inline-editing"
data-elementor-setting-key="infobox_description"
data-elementor-inline-editing-toolbar="advanced">
At <strong>Balaji Properties</strong>, we
specialize in creating
high-quality commercial spaces that support
business growth and brand presence. <br> <br>
From retail spaces, brand outlets, and shopping
centers to premium IT workspaces, every project
is thoughtfully designed to deliver comfort,
functionality, and long-term value.
</div>
<div
class="uael-button-wrapper elementor-widget-button">
<a href="contact"
class="elementor-button-link elementor-button elementor-size-md">
<span
class="elementor-button-content-wrapper">
<span
class="elementor-align-icon-right elementor-button-icon">
<i aria-hidden="true"
class="fas fa-angle-right"></i>
</span>
<span
class="elementor-button-text elementor-inline-editing"
data-elementor-setting-key="infobox_button_text"
data-elementor-inline-editing-toolbar="none">
Contact us
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-section elementor-top-section elementor-element elementor-element-06eef78 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="06eef78" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12b8c9f"
data-id="12b8c9f" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<section
class="elementor-section elementor-inner-section elementor-element elementor-element-6ac0153 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="6ac0153" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0272f79"
data-id="0272f79" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-50b5dcf elementor-widget elementor-widget-image"
data-id="50b5dcf" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<img fetchpriority="high" decoding="async"
width="647" height="720"
src="assets/images/your-partner-img-1.png"
class="attachment-large size-large wp-image-876"
alt=""
sizes="(max-width: 647px) 100vw, 647px" />
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fd64770"
data-id="fd64770" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-35086be elementor-widget elementor-widget-uael-infobox"
data-id="35086be" data-element_type="widget"
data-widget_type="uael-infobox.default">
<div class="elementor-widget-container">
<div
class="uael-module-content uael-infobox uael-infobox-left uael-infobox-link-type-none">
<div class="uael-infobox-left-right-wrap">
<div class="uael-infobox-content">
<div class='uael-infobox-title-wrap'>
<h4 class="uael-infobox-title elementor-inline-editing"
data-elementor-setting-key="infobox_title"
data-elementor-inline-editing-toolbar="basic">
Your Partner in Commercial Real
Estate Success
</h4>
</div>
<div class="uael-separator-parent">
<div class="uael-separator">
</div>
</div>
<div class="uael-infobox-text-wrap">
<div class="uael-infobox-text elementor-inline-editing"
data-elementor-setting-key="infobox_description"
data-elementor-inline-editing-toolbar="advanced">
At <strong>Balaji
Properties</strong>, led by
<strong>Rishi Aggarwal</strong>,
we are your
trusted partners in commercial
leasing across <strong>Retail
Spaces,
Brand Outlets, Shopping
Centers,
and IT Workspaces</strong>.
With deep
market insights and a proven
track record, we go beyond
transactions to deliver tailored
solutions that help businesses
grow, strengthen their presence,
and achieve long-term
success.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-b0b0ac9 elementor-widget elementor-widget-text-editor"
data-id="b0b0ac9" data-element_type="widget"
data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>We combine modern
design with green practices to
create spaces that elevate
everyday experiences and support
future-ready lifestyles.</p>
</div>
</div>
<div class="elementor-element elementor-element-41bc03b elementor-widget elementor-widget-button"
data-id="41bc03b" data-element_type="widget"
data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm"
href="http://dev.cccinfotech.com/balaji-properties/office-leasing">
<span
class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true"
class="fas fa-arrow-right"></i>
</span>
<span class="elementor-button-text">Read
More</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<?php include "inc/mission-section.php"; ?>
<?php include "inc/leasing-solutions.php"; ?>
<?php include "inc/our-brands.php"; ?>
<?php include "inc/lets-find.php"; ?>
<?php include "inc/get-in-touch.php"; ?>
<?php include "inc/our-latest-leasing.php"; ?>
</div>
</div><!-- .entry-content .clear -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
</div> <!-- ast-container -->
</div><!-- #content -->
<?php include 'footer.php' ?>