Current File : /home/inlingua/www/avconexpoarchitects.in/index.php
<?php
include('includes/header.php');
?>

<div class="hero-1" id="hero">
  <div class="swiper th-slider hero-slider1" id="heroSlide1" data-slider-options='{"effect":"fade", "autoHeight": "true"}'>
    <div class="swiper-wrapper">
      <!-- Slider1 -->
      <div class="swiper-slide">
        <div class="hero-inner">
          <div class="th-hero-bg" data-bg-src="<?php echo IMG_PATH; ?>/hero/hero_bg_1_1.jpg"></div>
          <div class="hero-big-text">AVCONEXPO</div>
          <div class="container">
            <div class="row align-items-center">
              <div class="col-lg-8">
                <div class="hero-style1">
                  <h1 class="hero-title text-white">
                    <span class="title1" data-ani="slideindown" data-ani-delay="0.3s">
                      End to End </span>
                    <span class="title2" data-ani="slideindown" data-ani-delay="0.4s">
                      Architectural Solutions</span>
                  </h1>
                  <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.5s">We provide comprehensive architectural solutions, from concept to completion, ensuring every aspect of your project is thoughtfully designed and expertly executed.</p>
                  <a href="<?php echo BASE_URL; ?>/projects.php" class="th-btn btn-mask th-btn-icon" data-ani="slideinup" data-ani-delay="0.6s">Explore Projects</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Slider2 -->
      <div class="swiper-slide">
        <div class="hero-inner">
          <div class="th-hero-bg" data-bg-src="<?php echo IMG_PATH; ?>/hero/hero_bg_1_2.jpg"></div>
          <div class="hero-big-text">AVCONEXPO</div>
          <div class="container">
            <div class="row align-items-center">
              <div class="col-lg-8">
                <div class="hero-style1">
                  <h1 class="hero-title text-white">
                    <span class="title1" data-ani="slideindown" data-ani-delay="0.3s">
                      Architecture </span>
                    <span class="title2" data-ani="slideindown" data-ani-delay="0.4s">
                      and Design</span>
                  </h1>
                  <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.5s">Our architecture and design services blend creativity with functionality, creating spaces that are aesthetically pleasing and highly efficient.</p>
                  <a href="<?php echo BASE_URL; ?>/projects.php" class="th-btn btn-mask th-btn-icon" data-ani="slideinup" data-ani-delay="0.6s">Explore Projects</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Slider3 -->
      <div class="swiper-slide">
        <div class="hero-inner">
          <div class="th-hero-bg" data-bg-src="<?php echo IMG_PATH; ?>/hero/hero_bg_1_3.jpg"></div>
          <div class="hero-big-text">AVCONEXPO</div>
          <div class="container">
            <div class="row align-items-center">
              <div class="col-lg-8">
                <div class="hero-style1">
                  <h1 class="hero-title text-white">
                    <span class="title1" data-ani="slideindown" data-ani-delay="0.3s">
                      Master Planning </span>
                  </h1>
                  <p class="hero-text text-white" data-ani="slideinup" data-ani-delay="0.5s">We specialize in master planning, developing strategic, long-term plans that integrate land use, infrastructure, and sustainability for optimal growth and development.</p>
                  <a href="<?php echo BASE_URL; ?>/projects.php" class="th-btn btn-mask th-btn-icon" data-ani="slideinup" data-ani-delay="0.6s">Explore Projects</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="slider-pagination"></div>
  </div>
  <div class="hero-social-link">
    <div class="social-wrap">
      <a href="https://facebook.com/">FACEBOOK</a>
      <a href="https://instagram.com/">INSTAGRAM</a>
      <a href="https://youtube.com/">YOUTUBE</a>
    </div>
  </div>
  <div class="scroll-down">
    <a href="#about-sec" class="hero-scroll-wrap"><i class="fal fa-long-arrow-left"></i>Scroll</a>
  </div>
</div>

<div class="counter-area-1 bg-smoke">
  <div class="container">
    <div class="counter-card-wrap space">
      <div class="counter-card">
        <div class="media-body">
          <h2 class="box-number"><span class="counter-number">15</span>+</h2>
          <p class="box-text">GLOBAL PRESENCE</p>
        </div>
      </div>
      <div class="counter-card">
        <div class="media-body">
          <h2 class="box-number"><span class="counter-number">20</span>+</h2>
          <p class="box-text">YEARS OF EXPERIENCE</p>
        </div>
      </div>
      <div class="counter-card">
        <div class="media-body">
          <h2 class="box-number">$<span class="counter-number">150</span> million</h2>
          <p class="box-text">PROJECT VALUE</p>
        </div>
      </div>
      <div class="counter-card">
        <div class="media-body">
          <h2 class="box-number"><span class="counter-number">100</span>+</h2>
          <p class="box-text">HAPPY CLIENTS</p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="about-area-10 z-index-common position-relative space overflow-hidden" id="about-sec">
  <div class="container">
    <div class="row gx-80 justify-content-between align-items-center">
      <div class="col-xl-6 mb-40 mb-xl-0">
        <div class="img-box10">
          <div class="img1">
            <img src="<?php echo IMG_PATH; ?>/normal/about_10_1.png" alt="img">
          </div>
          <div class="img2">
            <img src="<?php echo IMG_PATH; ?>/normal/about_10_2.png" alt="img">
          </div>
          <div class="img3">
            <img src="<?php echo IMG_PATH; ?>/normal/about_10_3.png" alt="img">
          </div>
          <!--<div class="about-tag">-->
          <!--  <div class="about-experience-tag">-->
          <!--    <span class="circle-title-anime"><?php echo $meta['title']; ?></span>-->
          <!--  </div>-->
          <!--  <a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video"><i class="fa-sharp fa-solid fa-play"></i></a>-->
          <!--</div>-->
        </div>
      </div>
      <div class="col-xl-6">
        <div class="title-area mb-32">
          <span class="sub-title">About Us</span>
          <h2 class="sec-title text-theme">Who We Are</h2>
          <p class="sec-text text-theme">At AVCONEXPO Architects, we craft innovative design solutions that harmonize with our clients' needs and the environment.</p>
          <p class="sec-text text-theme">Our multidisciplinary team collaborates to ensure every project is:</p>
        </div>
        <div class="checklist style7">
          <ul>
            <li>Unique & Vastu-Inspired</li>
            <li>Sustainable & Functional</li>
            <li>Innovative & Efficient</li>
            <li>Socially & Environmentally Responsible</li>
          </ul>
        </div>        
      </div>
    </div>
    <div class="row gy-4 pt-80 justify-content-center align-items-center">
      <div class="title-area mb-2 text-center">
        <h2 class="sec-title text-theme">Our Vision & Mission</h2>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="rent-card">
          <div class="box-icon">
            <img src="<?php echo IMG_PATH; ?>/img2/vision_icon_2.png" style="filter:brightness(0) invert(1)" alt="img">
          </div>
          <h4 class="box-title text-white">Vision</h4>
          <p class="box-text">We envision a world where architecture empowers people and communities to thrive, fostering sustainability, inclusivity, and positive change.</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="rent-card">
          <div class="box-icon">
            <img src="<?php echo IMG_PATH; ?>/img2/mission_icon_2.png" style="filter:brightness(0) invert(1)" alt="img">
          </div>
          <h4 class="box-title text-white">Mission</h4>
          <p class="box-text">We provide comprehensive architectural solutions, partnering with clients to create transformative designs that uplift lives through integrity, empathy, and collaboration.</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="rent-card">
          <div class="box-icon">
            <img src="<?php echo IMG_PATH; ?>/img2/core-values_2.png" style="filter:brightness(0) invert(1)" alt="img">
          </div>
          <h4 class="box-title text-white">Our Core Values</h4>
          <p class="box-text">Care - Caring is our essence, shaping excellence and integrity.<br>Belief - Our faith in positive energy fuels every project’s success.</p>
        </div>
      </div>
    </div>
  </div>
</div>

<section class="service-area-3 space overflow-hidden bg-gray3">
  <div class="sec-bg-shape2-3 jump shape-mockup d-xl-block d-none" data-top="-2%" data-right="30%">
    <img src="<?php echo IMG_PATH; ?>/shape/section_shape_2_3.jpg" alt="img">
  </div>
  <div class="container">
    <div class="row justify-content-between align-items-center">
      <div class="col-xl-6 col-lg-8">
        <div class="title-area">
          <span class="sub-title">Our Services</span>
          <h2 class="sec-title text-theme">Best Possible Solutions</h2>
          <p class="text-theme">We offer a comprehensive range of design and engineering services to bring your vision to life</p>
        </div>
      </div>
      <div class="col-auto">
        <div class="sec-btn">
          <a href="#" class="th-btn style5 th-btn-icon">Browse All Services</a>
        </div>
      </div>
    </div>
    <div class="swiper th-slider service-slider5" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}},"autoHeight": true}'>
      <div class="swiper-wrapper">

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🏗️ Architectural Design</h3>
            <p class="box-text">Smart, functional, and creative building designs tailored to your needs.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/architectural_design.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🎨 Interior Design</h3>
            <p class="box-text">Stylish, comfortable interiors crafted to reflect your lifestyle and taste.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/interior_design.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🧘‍♂️ Vastu Consultation</h3>
            <p class="box-text">Guidance to harmonize your living spaces with the forces of nature for prosperity and peace.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/vastu_consultation.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🌿 Landscape Design</h3>
            <p class="box-text">Beautiful, sustainable outdoor spaces that blend nature with design.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/landscape_design.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🏗️ Structural Design</h3>
            <p class="box-text">Robust and safe structural designs that ensure the stability and longevity of your projects.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/structural_design.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🔧 MEPF</a></h3>
            <p class="box-text">Reliable Mechanical, Electrical, Plumbing & Firefighting systems built for safety.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/MEPF.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

        <div class="swiper-slide">
          <div class="service-card style6">
            <h3 class="box-title">🗺️ Map Approval</h3>
            <p class="box-text">Professional services to ensure your architectural plans meet regulatory requirements for approval.</p>
            <div class="service-img img-shine">
              <img src="<?php echo IMG_PATH; ?>/img2/service/map_approval.jpg" alt="img">
              <a href="#" class="icon-btn">
                <img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt="arrow-right">
              </a>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<section class="space overflow-hidden">
  <div class="sec-bg-shape2-1 spin shape-mockup d-xl-block d-none" data-top="6%" data-left="4%">
    <img src="<?php echo IMG_PATH; ?>/shape/section_shape_2_1.jpg" alt="img">
  </div>
  <!--<div class="sec-bg-shape2-2 wave-anim shape-mockup d-xl-block d-none" data-bg-src="<?php echo IMG_PATH; ?>/shape/section_shape_2_2.jpg" data-top="12%" data-right="4%"></div>-->
  <div class="sec-bg-shape2-3 jump shape-mockup d-xl-block d-none" data-bottom="0" data-left="3%">
    <img src="<?php echo IMG_PATH; ?>/shape/section_shape_2_3.jpg" alt="img">
  </div>
  <div class="container">
    <div class="row justify-content-center align-items-center">
      <div class="col-xxl-8 col-lg-8">
        <div class="title-area text-center">
          <span class="sub-title">Best Projects</span>
          <h2 class="sec-title text-theme">Our Featured Projects</h2>
          <p class="text-theme">Explore our carefully crafted projects that showcase innovation, attention to detail, and excellence. Each project reflects our commitment to quality and design.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid p-lg-0">
    <div class="slider-area project-slider4-1 slider-drag-wrap">
      <div class="swiper th-slider" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2.5"},"1500":{"slidesPerView":"2.5","spaceBetween":"64"}},"grabCursor":"true","slideToClickedSlide":"true","centeredSlides": "true"}'>
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Tripathi_Residence.png" alt="Tripathi's Residence">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Tripathi's Residence</a></h3>
                <p class="portfolio-text">A bespoke residential project that embodies Vastu principles, blending modern aesthetics with traditional design elements to create a harmonious living space.</p>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Luxury_Cottages.png" alt="Luxury Cottages">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Luxury Cottages</a></h3>
                <p class="portfolio-text">Eco-friendly cottages designed for comfort and sustainability, integrating seamlessly with their natural surroundings.</p>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Ambikapur_Farmhouse.png" alt="Ambikapur Farmhouse">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Ambikapur Farmhouse</a></h3>
                <p class="portfolio-text">A farmhouse that combines rustic charm with contemporary design, providing a functional and picturesque environment for relaxation and agriculture.</p>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Quality_Tamsa.png" alt="Quality Tamsa">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Quality Tamsa</a></h3>
                <p class="portfolio-text">A commercial project emphasizing innovation and functionality, ensuring efficient spatial planning while maintaining aesthetic appeal.</p>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Kalawati_Green_Retreat.png" alt="Kalawati Green Retreat">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Kalawati Green Retreat</a></h3>
                <p class="portfolio-text">An eco-tourism project emphasizing sustainable architecture, offering guests an immersive experience in nature while promoting environmental conservation.</p>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="portfolio-card style4">
              <div class="portfolio-img">
                <img src="<?php echo IMG_PATH; ?>/img2/project/Shayakye_Industries.png" alt="Shayakye Industries">
              </div>
              <div class="portfolio-content">
                <h3 class="portfolio-title"><a href="#">Shayakye Industries</a></h3>
                <p class="portfolio-text">A state-of-the-art industrial project designed for efficiency and sustainability, incorporating modern engineering solutions to enhance operational productivity.</p>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <div class="btn-wrap justify-content-center mt-55">
      <a href="<?php echo BASE_URL; ?>/projects.php" class="th-btn style4 th-btn-icon">Browse All Projects</a>
    </div>
  </div>
</section>

<section class="space gradient-body" id="team-sec">
  <div class="container">
    <div class="row justify-content-lg-center justify-content-center align-items-center">
      <div class="col-xxl-7 col-lg-7">
        <div class="title-area text-center">
          <h2 class="sec-title text-black">Our Expert Teams</h2>
          <p class="sec-text text-black">At Avconexpo, we believe in the power of a proficient and specialized team to drive the success of every project. We take pride in presenting our dedicated teams, each with a unique set of skills and experience to save, secure and streamline your Project.</p>
        </div>
      </div>
    </div>

    <div class="row justify-content-lg-center justify-content-center align-items-center">
      <div class="col-lg-10 col-md-12">
        <div class="slider-area team-slider2">
          <div class="swiper th-slider" id="teamSlider2" data-slider-options='{"loop": true,"breakpoints":{"0":{"slidesPerView":1},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"}}}'>
            <div class="swiper-wrapper">
              
              <div class="swiper-slide">
                <div class="th-team team-card style2">
                  <div class="img-wrap">
                    <div class="team-img">
                      <img src="<?php echo IMG_PATH; ?>/img2/team/Dilip-Singh.jpg" alt="Dilip Kumar Singh">
                    </div>
                  </div>
                  <div class="team-card-content">
                    <div class="media-left">
                      <h3 class="box-title"><a href="#">Dilip Kumar Singh</a></h3>
                      <span class="team-desig">24+ years of experience</span>
                    </div>
                  </div>
                </div>
              </div>

              <div class="swiper-slide">
                <div class="th-team team-card style2">
                  <div class="img-wrap">
                    <div class="team-img">
                      <img src="<?php echo IMG_PATH; ?>/img2/team/Sachin-dubey.png" alt="Ar. Sachin Kumar Dubey">
                    </div>
                  </div>
                  <div class="team-card-content">
                    <div class="media-left">
                      <h3 class="box-title"><a href="#">Ar. Sachin Kumar Dubey</a></h3>
                      <span class="team-desig">20+ years of experience</span>
                    </div>
                  </div>
                </div>
              </div>

              <div class="swiper-slide">
                <div class="th-team team-card style2">
                  <div class="img-wrap">
                    <div class="team-img">
                      <img src="<?php echo IMG_PATH; ?>/img2/team/Promod-Kumar.png" alt="Pramod Kumar Singh">
                    </div>
                  </div>
                  <div class="team-card-content">
                    <div class="media-left">
                      <h3 class="box-title"><a href="#">Pramod Kumar Singh</a></h3>
                      <span class="team-desig">35+ years of experience</span>
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>
          <!-- <button data-slider-prev="#teamSlider2" class="slider-arrow slider-prev"><img src="<?php echo IMG_PATH; ?>/icon/arrow-left.svg" alt=""></button>
          <button data-slider-next="#teamSlider2" class="slider-arrow slider-next"><img src="<?php echo IMG_PATH; ?>/icon/arrow-right.svg" alt=""></button> -->
        </div>
      </div>
    </div>
  </div>
</section>

<section class="testi-sec-1 overflow-hidden space overflow-hidden">
  <div class="container">
    <div class="row gy-80 flex-row-reverse">
      <div class="col-xl-5">
        <div class="testi-thumb-wrap">
          <div class="img1">
            <img src="<?php echo IMG_PATH; ?>/testimonial/testi_thumb_1_1.png" alt="img">
          </div>
          <div class="img2 jump">
            <img src="<?php echo IMG_PATH; ?>/testimonial/testi_thumb_1_2.png" alt="img">
          </div>
        </div>
      </div>
      <div class="col-xl-7">
        <div class="title-area">
          <span class="shadow-title style2">Testimonials</span>
          <h2 class="sec-title">What Our Clients Say</h2>
        </div>
        <div class="swiper th-slider testi-slider1" id="testiSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"1"},"1200":{"slidesPerView":"1"}}}'>
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="testi-card">
                <div class="testi-grid_review">
                  <i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
                </div>
                <p class="testi-card_text">There are so many wonderful things to say about Quere. Their staff genuinely cares about their clients and is competent and professional. They assisted me in locating the ideal house for my household.</p>
                <div class="testi-grid-wrap">
                  <div class="testi-card_profile">
                    <div class="avatar" data-mask-src="<?php echo IMG_PATH; ?>/shape/testi_1_1-mask.png">
                      <img src="<?php echo IMG_PATH; ?>/testimonial/testi_1_1.png" alt="avatar">
                    </div>
                    <div class="testi-card_profile-details">
                      <h3 class="testi-card_name">Janny Muna</h3>
                      <span class="testi-card_desig">CEO of Company</span>
                    </div>
                  </div>
                  <div class="quote-icon">
                    <img src="<?php echo IMG_PATH; ?>/icon/qoute.svg" alt="icon">
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="testi-card">
                <div class="testi-grid_review">
                  <i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
                </div>
                <p class="testi-card_text">Home is where love resides, memories are created, and dreams are nurtured. I've found my sanctuary in this beautiful property. Finding the perfect that resonates with your own coupled with modern.</p>
                <div class="testi-grid-wrap">
                  <div class="testi-card_profile">
                    <div class="avatar" data-mask-src="<?php echo IMG_PATH; ?>/shape/testi_1_1-mask.png">
                      <img src="<?php echo IMG_PATH; ?>/testimonial/testi_1_2.png" alt="avatar">
                    </div>
                    <div class="testi-card_profile-details">
                      <h3 class="testi-card_name">Alexan Micelito</h3>
                      <span class="testi-card_desig">Senior Manager</span>
                    </div>
                  </div>
                  <div class="quote-icon">
                    <img src="<?php echo IMG_PATH; ?>/icon/qoute.svg" alt="icon">
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="testi-card">
                <div class="testi-grid_review">
                  <i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i>
                </div>
                <p class="testi-card_text">A home that perfectly blends sustainability with luxury until I discovered Ecoland Residence. From the moment I stepped into this community, I knew it was where I wanted to live commitment to living.</p>
                <div class="testi-grid-wrap">
                  <div class="testi-card_profile">
                    <div class="avatar" data-mask-src="<?php echo IMG_PATH; ?>/shape/testi_1_1-mask.png">
                      <img src="<?php echo IMG_PATH; ?>/testimonial/testi_1_3.png" alt="avatar">
                    </div>
                    <div class="testi-card_profile-details">
                      <h3 class="testi-card_name">Brooklyn Simmons</h3>
                      <span class="testi-card_desig">Junior Manager</span>
                    </div>
                  </div>
                  <div class="quote-icon">
                    <img src="<?php echo IMG_PATH; ?>/icon/qoute.svg" alt="icon">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="slider-pagination style2"></div>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- <div class="client-area-4 space bg-theme overflow-hidden" data-bg-src="<?php echo IMG_PATH; ?>/bg/award-bg-1-1.png">
  <div class="container">
    <div class="swiper th-slider has-shadow" id="clientSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":2},"576":{"slidesPerView":"3"},"768":{"slidesPerView":"4"},"992":{"slidesPerView":"5"},"1200":{"slidesPerView":"6"}}}'>
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_1.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_2.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_3.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_4.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_5.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_6.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_1.svg" alt="Image">
          </a>
        </div>

        <div class="swiper-slide">
          <a href="#" class="client-card">
            <img src="<?php echo IMG_PATH; ?>/brand/brand_1_2.svg" alt="Image">
          </a>
        </div>

      </div>
    </div>
  </div>
</div> -->

<section class="overflow-hidden space overflow-hidden" id="blog-sec">
  <div class="sec-bg-shape2-3 jump shape-mockup d-xl-block d-none" data-bottom="0%" data-right="4%">
    <img src="<?php echo IMG_PATH; ?>/shape/section_shape_2_3.jpg" alt="img">
  </div>
  <div class="container">
    <div class="row justify-content-lg-between align-items-center">
      <div class="col-xxl-5 col-xl-6 col-lg-7">
        <div class="title-area">
          <span class="sub-title">News & Blog</span>
          <h2 class="sec-title text-theme">Read Our Insights</h2>
          <p class="sec-text text-theme">Architects and engineers collaborate to create detailed design plans that translate concepts into feasible structures. </p>
        </div>
      </div>
      <div class="col-auto">
        <div class="sec-btn">
          <a href="#" class="th-btn style2 th-btn-icon">Browse All Blog</a>
        </div>
      </div>
    </div>
    <div class="slider-area">
      <div class="swiper th-slider has-shadow slider-drag-wrap" id="blogSlider3" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"},"1500":{"slidesPerView":"3"}},"autoHeight":true}'>
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_1.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">April 22, 2025</a>
                  <a href="#">08 min read</a>
                </div>
                <h3 class="box-title"><a href="#">Innovative structures rise, blending Construction and project</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_2.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">June 16, 2025</a>
                  <a href="#">10 min read</a>
                </div>
                <h3 class="box-title"><a href="#">What trends do we expect to start growing in the coming future?</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_3.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">April 22, 2025</a>
                  <a href="#">08 min read</a>
                </div>
                <h3 class="box-title"><a href="#">Living sustainability: A day in the life at realar residence</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_4.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">June 16, 2025</a>
                  <a href="#">10 min read</a>
                </div>
                <h3 class="box-title"><a href="#">The workplace tells and screams for more top story bloggers.</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_1.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">April 22, 2025</a>
                  <a href="#">08 min read</a>
                </div>
                <h3 class="box-title"><a href="#">Innovative structures rise, blending Construction and project</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_2.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">June 16, 2025</a>
                  <a href="#">10 min read</a>
                </div>
                <h3 class="box-title"><a href="#">What trends do we expect to start growing in the coming future?</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_3.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">April 22, 2025</a>
                  <a href="#">08 min read</a>
                </div>
                <h3 class="box-title"><a href="#">Living sustainability: A day in the life at realar residence</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

          <div class="swiper-slide">
            <div class="blog-card style3">
              <div class="blog-img">
                <img src="<?php echo IMG_PATH; ?>/blog/blog_3_4.jpg" alt="blog image">
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <a href="#">June 16, 2025</a>
                  <a href="#">10 min read</a>
                </div>
                <h3 class="box-title"><a href="#">The workplace tells and screams for more top story bloggers.</a></h3>
                <a href="#" class="th-btn style-border2 th-btn-icon">Read More</a>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</section>

<?php include('includes/footer.php'); ?>