{"id":24,"date":"2026-08-09T18:16:26","date_gmt":"2026-08-09T18:16:26","guid":{"rendered":"https:\/\/www.anantlanddevelopers.com\/?page_id=24"},"modified":"2026-10-19T07:39:03","modified_gmt":"2026-10-19T07:39:03","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.anantlanddevelopers.com\/?page_id=24","title":{"rendered":"About Us"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Playfair+Display:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<script>window.tailwind=window.tailwind||{};window.tailwind.config={\n      theme: {\n        extend: {\n          colors: {\n            brand: {\n              blue: '#1e3a8a',\n              'blue-dark': '#0f2354',\n              'blue-light': '#3b82f6',\n              'blue-soft': '#eff6ff',\n              gold: '#c9a227',\n              'gold-light': '#e8c66a',\n              'gold-dark': '#a0821d',\n              charcoal: '#1f2937'\n            }\n          },\n          fontFamily: {\n            sans: ['Inter', 'sans-serif'],\n            display: ['Playfair Display', 'serif'],\n          }\n        }\n      }\n    };<\/script>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>#anant-about-root{margin:0}#anant-about-root,#anant-about-root *{box-sizing:border-box}body.page-id-24,body.elementor-page-24{margin:0}body.page-id-24>header,body.page-id-24 header.site-header{display:none!important}body.page-id-24 .page-header{display:none!important}body.page-id-24 .site-main,body.page-id-24 .page-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}body.admin-bar #anant-about-root nav#navbar{top:32px}@media (max-width:782px){body.admin-bar #anant-about-root nav#navbar{top:46px}}.elementor-24 .elementor-widget-container{margin:0}\n#anant-about-root .font-sans{font-family:Inter,sans-serif}#anant-about-root .font-display{font-family:\"Playfair Display\",serif}#anant-about-root .text-brand-blue{color:#1e3a8a}#anant-about-root .text-brand-blue-dark{color:#0f2354}#anant-about-root .text-brand-blue-light{color:#3b82f6}#anant-about-root .text-brand-gold{color:#c9a227}#anant-about-root .text-brand-gold-light{color:#e8c66a}#anant-about-root .text-brand-gold-dark{color:#a0821d}#anant-about-root .text-brand-charcoal{color:#1f2937}#anant-about-root .bg-brand-blue{background-color:#1e3a8a}#anant-about-root .bg-brand-blue-dark{background-color:#0f2354}#anant-about-root .bg-brand-blue-light{background-color:#3b82f6}#anant-about-root .bg-brand-blue-soft{background-color:#eff6ff}#anant-about-root .bg-brand-charcoal{background-color:#1f2937}#anant-about-root .bg-brand-gold{background-color:#c9a227}#anant-about-root .bg-brand-gold\\\/20{background-color:rgba(201,162,39,.2)}#anant-about-root .bg-brand-blue\\\/20{background-color:rgba(30,58,138,.2)}#anant-about-root .bg-white\\\/98{background-color:rgba(255,255,255,.98)}#anant-about-root .border-brand-blue{border-color:#1e3a8a}#anant-about-root .border-brand-gold{border-color:#c9a227}#anant-about-root .border-brand-blue\\\/5{border-color:rgba(30,58,138,.05)}#anant-about-root .border-brand-blue\\\/10{border-color:rgba(30,58,138,.10)}#anant-about-root .hover\\:text-brand-blue:hover{color:#1e3a8a}#anant-about-root .hover\\:text-brand-gold:hover{color:#c9a227}#anant-about-root .hover\\:bg-brand-gold:hover{background-color:#c9a227}#anant-about-root .hover\\:bg-brand-blue-soft:hover{background-color:#eff6ff}#anant-about-root .hover\\:border-brand-gold:hover{border-color:#c9a227}\n\n    :root {\n      --gold: #c9a227;\n      --gold-light: #e8c66a;\n      --gold-dark: #a0821d;\n      --blue: #1e3a8a;\n    }\n    html { scroll-behavior: smooth; }\n    .gold-text {\n      background: linear-gradient(135deg, #c9a227 0%, #e8c66a 50%, #a0821d 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n    .gold-bg {\n      background: linear-gradient(135deg, #c9a227 0%, #e8c66a 50%, #a0821d 100%);\n    }\n    .gold-border {\n      border-image: linear-gradient(135deg, #c9a227 0%, #e8c66a 50%, #a0821d 100%) 1;\n    }\n    .hero-overlay {\n      background: linear-gradient(135deg, rgba(15, 35, 84, 0.94) 0%, rgba(30, 58, 138, 0.85) 50%, rgba(15, 35, 84, 0.94) 100%);\n    }\n    .reveal {\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .reveal.active {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    .card-hover {\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .card-hover:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.18);\n    }\n    .stat-card {\n      transition: all 0.3s ease;\n    }\n    .stat-card:hover {\n      background: rgba(255,255,255,0.08);\n      transform: translateY(-4px);\n    }\n    .btn-primary {\n      background: linear-gradient(135deg, #c9a227 0%, #e8c66a 50%, #a0821d 100%);\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n    .btn-primary::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      transition: left 0.5s ease;\n    }\n    .btn-primary:hover::before { left: 100%; }\n    .btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 24px -6px rgba(201, 162, 39, 0.4);\n    }\n    .btn-outline {\n      transition: all 0.3s ease;\n    }\n    .btn-outline:hover {\n      background: rgba(201, 162, 39, 0.08);\n      border-color: #c9a227;\n      color: #c9a227;\n    }\n    .nav-link {\n      position: relative;\n    }\n    .nav-link::after {\n      content: '';\n      position: absolute;\n      bottom: -4px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #c9a227, #e8c66a);\n      transition: width 0.3s ease;\n    }\n    .nav-link:hover::after,\n    .nav-link.active::after {\n      width: 100%;\n    }\n    .mobile-menu {\n      transform: translateX(100%);\n      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .mobile-menu.open {\n      transform: translateX(0);\n    }\n    .modal-backdrop {\n      opacity: 0;\n      visibility: hidden;\n      transition: all 0.3s ease;\n    }\n    .modal-backdrop.open {\n      opacity: 1;\n      visibility: visible;\n    }\n    .modal-content {\n      transform: scale(0.95) translateY(20px);\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .modal-backdrop.open .modal-content {\n      transform: scale(1) translateY(0);\n    }\n    .form-input:focus {\n      border-color: #c9a227;\n      box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);\n    }\n    .faq-item {\n      transition: all 0.3s ease;\n    }\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.4s ease;\n    }\n    .faq-item.open .faq-answer {\n      max-height: 300px;\n      padding-top: 1rem;\n    }\n    .faq-item.open .faq-icon {\n      transform: rotate(180deg);\n    }\n    .faq-icon {\n      transition: transform 0.3s ease;\n    }\n    .team-card {\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .team-card:hover {\n      transform: translateY(-8px);\n    }\n    .team-card:hover .team-avatar {\n      transform: scale(1.05);\n    }\n    .team-avatar {\n      transition: transform 0.4s ease;\n    }\n    .value-card {\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .value-card:hover {\n      transform: translateY(-6px);\n      border-color: #c9a227;\n    }\n    .value-card:hover .value-icon-wrap {\n      transform: scale(1.1) rotate(5deg);\n    }\n    .value-icon-wrap {\n      transition: transform 0.4s ease;\n    }\n    .testimonial-card {\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .testimonial-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.15);\n    }\n    .project-card {\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .project-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 25px 50px -12px rgba(30, 58, 138, 0.2);\n    }\n    .project-card:hover .project-overlay {\n      opacity: 1;\n    }\n    .project-overlay {\n      opacity: 0.6;\n      transition: opacity 0.4s ease;\n    }\n  \n\/* Mobile layout hardening *\/\nhtml, body { max-width: 100%; overflow-x: hidden; }\n#anant-homepage-root, #anant-about-root, #anant-contact-root, #anant-projects-root, #anant-completed-root { max-width: 100%; overflow-x: hidden; }\n#anant-homepage-root *, #anant-about-root *, #anant-contact-root *, #anant-projects-root *, #anant-completed-root * { min-width: 0; }\n#anant-homepage-root nav img[alt=\"Anant Land Developers\"], #anant-about-root nav img[alt=\"Anant Land Developers\"], #anant-contact-root nav img[alt=\"Anant Land Developers\"], #anant-projects-root nav img[alt=\"Anant Land Developers\"], #anant-completed-root nav img[alt=\"Anant Land Developers\"] { max-width: 190px; max-height: 56px; object-fit: contain; }\n#anant-homepage-root .mobile-menu, #anant-about-root .mobile-menu, #anant-contact-root .mobile-menu, #anant-projects-root .mobile-menu, #anant-completed-root .mobile-menu { background: #ffffff !important; color: #1f2937 !important; opacity: 1 !important; width: min(20rem, 88vw) !important; max-width: 88vw !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; box-shadow: -24px 0 48px rgba(15, 35, 84, .22) !important; }\n#anant-homepage-root .mobile-menu:not(.open), #anant-about-root .mobile-menu:not(.open), #anant-contact-root .mobile-menu:not(.open), #anant-projects-root .mobile-menu:not(.open), #anant-completed-root .mobile-menu:not(.open) { pointer-events: none; }\n#anant-homepage-root .mobile-link, #anant-about-root .mobile-link, #anant-contact-root .mobile-link, #anant-projects-root .mobile-link, #anant-completed-root .mobile-link { color: #1f2937 !important; background: transparent; display: block; }\n#anant-homepage-root .mobile-link.text-brand-blue, #anant-about-root .mobile-link.text-brand-blue, #anant-contact-root .mobile-link.text-brand-blue, #anant-projects-root .mobile-link.text-brand-blue, #anant-completed-root .mobile-link.text-brand-blue { color: #1e3a8a !important; }\n#anant-homepage-root .mobile-link.btn-primary, #anant-about-root .mobile-link.btn-primary, #anant-contact-root .mobile-link.btn-primary, #anant-projects-root .mobile-link.btn-primary, #anant-completed-root .mobile-link.btn-primary { color: #ffffff !important; text-align: center; }\n#anant-homepage-root #menuOverlay, #anant-about-root #menuOverlay, #anant-contact-root #menuOverlay, #anant-projects-root #menuOverlay, #anant-completed-root #menuOverlay { background: rgba(0, 0, 0, .58) !important; }\n#anant-homepage-root iframe, #anant-about-root iframe, #anant-contact-root iframe, #anant-projects-root iframe, #anant-completed-root iframe { max-width: 100%; }\n#anant-homepage-root .overflow-x-auto, #anant-about-root .overflow-x-auto, #anant-contact-root .overflow-x-auto, #anant-projects-root .overflow-x-auto, #anant-completed-root .overflow-x-auto { overflow-x: auto !important; }\n@media (max-width: 767px) {\n  #anant-homepage-root nav .h-20, #anant-about-root nav .h-20, #anant-contact-root nav .h-20, #anant-projects-root nav .h-20, #anant-completed-root nav .h-20 { height: 4.75rem !important; }\n  #anant-homepage-root nav img[alt=\"Anant Land Developers\"], #anant-about-root nav img[alt=\"Anant Land Developers\"], #anant-contact-root nav img[alt=\"Anant Land Developers\"], #anant-projects-root nav img[alt=\"Anant Land Developers\"], #anant-completed-root nav img[alt=\"Anant Land Developers\"] { max-width: 148px; max-height: 44px; }\n  #anant-homepage-root h1, #anant-about-root h1, #anant-contact-root h1, #anant-projects-root h1, #anant-completed-root h1 { font-size: clamp(2.25rem, 11vw, 3.75rem) !important; line-height: 1.08 !important; overflow-wrap: anywhere; }\n  #anant-homepage-root h2, #anant-about-root h2, #anant-contact-root h2, #anant-projects-root h2, #anant-completed-root h2 { font-size: clamp(1.9rem, 8vw, 3rem) !important; line-height: 1.12 !important; overflow-wrap: anywhere; }\n  #anant-homepage-root h3, #anant-about-root h3, #anant-contact-root h3, #anant-projects-root h3, #anant-completed-root h3 { overflow-wrap: anywhere; }\n  #anant-homepage-root section, #anant-about-root section, #anant-contact-root section, #anant-projects-root section, #anant-completed-root section { overflow: hidden; }\n  #anant-homepage-root .rounded-2xl, #anant-about-root .rounded-2xl, #anant-contact-root .rounded-2xl, #anant-projects-root .rounded-2xl, #anant-completed-root .rounded-2xl { max-width: 100%; }\n  #anant-homepage-root table, #anant-about-root table, #anant-contact-root table, #anant-projects-root table, #anant-completed-root table { min-width: 640px; }\n}\n@media (max-width: 420px) {\n  #anant-homepage-root .mobile-menu, #anant-about-root .mobile-menu, #anant-contact-root .mobile-menu, #anant-projects-root .mobile-menu, #anant-completed-root .mobile-menu { width: 86vw !important; padding: 1.5rem !important; }\n  #anant-homepage-root nav img[alt=\"Anant Land Developers\"], #anant-about-root nav img[alt=\"Anant Land Developers\"], #anant-contact-root nav img[alt=\"Anant Land Developers\"], #anant-projects-root nav img[alt=\"Anant Land Developers\"], #anant-completed-root nav img[alt=\"Anant Land Developers\"] { max-width: 128px; max-height: 40px; }\n}\n\n#anant-homepage-root .mobile-menu, #anant-about-root .mobile-menu, #anant-contact-root .mobile-menu, #anant-projects-root .mobile-menu, #anant-completed-root .mobile-menu { position: fixed !important; top: 0 !important; right: 0 !important; height: 100vh !important; z-index: 9999 !important; padding: 2rem !important; transform: translateX(100%); transition: transform .35s ease; }\n#anant-homepage-root .mobile-menu.open, #anant-about-root .mobile-menu.open, #anant-contact-root .mobile-menu.open, #anant-projects-root .mobile-menu.open, #anant-completed-root .mobile-menu.open { transform: translateX(0) !important; }\n#anant-homepage-root #menuOverlay, #anant-about-root #menuOverlay, #anant-contact-root #menuOverlay, #anant-projects-root #menuOverlay, #anant-completed-root #menuOverlay { position: fixed !important; inset: 0 !important; z-index: 9998 !important; }\n#anant-homepage-root #menuOverlay.hidden, #anant-about-root #menuOverlay.hidden, #anant-contact-root #menuOverlay.hidden, #anant-projects-root #menuOverlay.hidden, #anant-completed-root #menuOverlay.hidden { display: none !important; }\n@media (max-width: 1023px) {\n  #anant-homepage-root nav .hidden.lg\\:flex, #anant-about-root nav .hidden.lg\\:flex, #anant-contact-root nav .hidden.lg\\:flex, #anant-projects-root nav .hidden.lg\\:flex, #anant-completed-root nav .hidden.lg\\:flex { display: none !important; }\n  #anant-homepage-root #menuBtn, #anant-about-root #menuBtn, #anant-contact-root #menuBtn, #anant-projects-root #menuBtn, #anant-completed-root #menuBtn { display: inline-flex !important; align-items: center; justify-content: center; }\n}\n@media (min-width: 1024px) {\n  #anant-homepage-root #menuBtn, #anant-about-root #menuBtn, #anant-contact-root #menuBtn, #anant-projects-root #menuBtn, #anant-completed-root #menuBtn, #anant-homepage-root .mobile-menu, #anant-about-root .mobile-menu, #anant-contact-root .mobile-menu, #anant-projects-root .mobile-menu, #anant-completed-root .mobile-menu, #anant-homepage-root #menuOverlay, #anant-about-root #menuOverlay, #anant-contact-root #menuOverlay, #anant-projects-root #menuOverlay, #anant-completed-root #menuOverlay { display: none !important; }\n}\n\n<\/style>\n<div id=\"anant-about-root\" class=\"font-sans text-gray-800 antialiased bg-white\">\n  <nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white\/95 backdrop-blur-md shadow-sm\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex items-center justify-between h-20\">\n      <a href=\"\/\" class=\"flex items-center group\" aria-label=\"Anant Land Developers Home\"><img decoding=\"async\" src=\"https:\/\/www.anantlanddevelopers.com\/wp-content\/uploads\/2026\/08\/ant-logo.png\" alt=\"Anant Land Developers\" class=\"h-12 sm:h-14 w-auto object-contain\"><\/a>\n      <div class=\"hidden lg:flex items-center gap-8\"><a href=\"\/\" class=\"nav-link text-sm font-medium hover:text-brand-blue text-gray-700\">Home<\/a><a href=\"\/?page_id=24\" class=\"nav-link text-sm font-medium hover:text-brand-blue text-brand-blue active\">About Us<\/a><div class=\"relative group\"><button class=\"nav-link text-gray-700 text-sm font-medium hover:text-brand-blue flex items-center gap-1\">Projects<svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/button><div class=\"absolute top-full left-0 w-56 bg-white shadow-xl rounded-xl py-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 border border-gray-100\"><a href=\"\/?page_id=35\" class=\"block px-4 py-2 text-sm text-gray-700 hover:bg-brand-blue-soft hover:text-brand-blue\">Ongoing Projects<\/a><a href=\"\/?page_id=130\" class=\"block px-4 py-2 text-sm text-gray-700 hover:bg-brand-blue-soft hover:text-brand-blue\">Completed Projects<\/a><\/div><\/div><a href=\"\/?page_id=29\" class=\"nav-link text-sm font-medium hover:text-brand-blue text-gray-700\">Contact Us<\/a><a href=\"\/?page_id=29\" class=\"btn-primary text-white px-6 py-2.5 rounded-full text-sm font-semibold shadow-lg\">Enquire Now<\/a><\/div>\n      <button id=\"menuBtn\" class=\"lg:hidden p-2 rounded-lg text-brand-blue hover:bg-brand-blue-soft transition-colors\" aria-label=\"Open menu\"><svg id=\"menuIcon\" class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"\/><\/svg><svg id=\"closeIcon\" class=\"w-6 h-6 hidden\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg><\/button>\n    <\/div><\/div>\n    <div id=\"mobileMenu\" class=\"mobile-menu fixed top-0 right-0 h-full w-80 bg-white shadow-2xl z-50 p-8 lg:hidden\"><div class=\"flex justify-end mb-8\"><button id=\"closeMenuBtn\" class=\"p-2 rounded-lg text-brand-blue hover:bg-brand-blue-soft\" aria-label=\"Close menu\"><svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg><\/button><\/div><div class=\"flex flex-col gap-6\"><a href=\"\/\" class=\"mobile-link text-lg font-medium text-gray-800 hover:text-brand-gold\">Home<\/a><a href=\"\/?page_id=24\" class=\"mobile-link text-lg font-semibold text-brand-blue\">About Us<\/a><a href=\"\/?page_id=35\" class=\"mobile-link text-lg font-medium text-gray-800 hover:text-brand-gold\">Ongoing Projects<\/a><a href=\"\/?page_id=130\" class=\"mobile-link text-lg font-medium text-gray-800 hover:text-brand-gold\">Completed Projects<\/a><a href=\"\/?page_id=29\" class=\"mobile-link text-lg font-medium text-gray-800 hover:text-brand-gold\">Contact Us<\/a><a href=\"\/?page_id=29\" class=\"mobile-link btn-primary text-white px-6 py-3 rounded-full text-center font-semibold mt-4\">Enquire Now<\/a><\/div><\/div><div id=\"menuOverlay\" class=\"fixed inset-0 bg-black\/50 z-40 hidden lg:hidden\"><\/div>\n  <\/nav>\n\n<!-- SECTION 1: HERO BANNER (Modified to match the centered sleek banner layout in your reference image) -->\n  <section id=\"home\" class=\"relative h-[420px] flex items-center justify-center pt-20\">\n    <div class=\"absolute inset-0\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=2070&#038;q=80\" alt=\"Anant Land Developers Banner\" class=\"w-full h-full object-cover\">\n      <div class=\"absolute inset-0 hero-overlay\"><\/div>\n    <\/div>\n    \n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center mt-8\">\n      <h1 class=\"font-display text-4xl sm:text-5xl md:text-6xl font-bold text-white tracking-wide mb-4\">\n        About Us\n      <\/h1>\n      <!-- Breadcrumbs exactly matching reference: Home > About -->\n      <div class=\"flex items-center justify-center gap-2 text-sm text-white\/80 font-medium\">\n        <a href=\"\/\" class=\"hover:text-brand-gold transition-colors\">Home<\/a>\n        <svg class=\"w-4 h-4 text-brand-gold\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\"\/>\n        <\/svg>\n        <span class=\"text-brand-gold font-semibold\">About<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 1B: TRUST BAR -->\n  <section class=\"bg-brand-charcoal py-12 relative -mt-1 z-20\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-8\">\n        <div class=\"stat-card text-center p-6 rounded-2xl border border-white\/10 reveal\">\n          <div class=\"text-4xl sm:text-5xl font-bold font-display gold-text mb-2\">\n            <span class=\"counter\" data-target=\"8\">8<\/span> Years\n          <\/div>\n          <div class=\"text-white\/80 text-sm font-medium uppercase tracking-wider\">Of Building Trust<\/div>\n        <\/div>\n        \n        <div class=\"stat-card text-center p-6 rounded-2xl border border-white\/10 reveal\">\n          <div class=\"text-4xl sm:text-5xl font-bold font-display gold-text mb-2\">\n            <span class=\"counter\" data-target=\"4\">0<\/span> Projects\n          <\/div>\n          <div class=\"text-white\/80 text-sm font-medium uppercase tracking-wider\">Delivered Successfully<\/div>\n        <\/div>\n        \n        <div class=\"stat-card text-center p-6 rounded-2xl border border-white\/10 reveal\">\n          <div class=\"text-4xl sm:text-5xl font-bold font-display gold-text mb-2\">\n            3.41K <span class=\"text-2xl\">sq. ft.<\/span>\n          <\/div>\n          <div class=\"text-white\/80 text-sm font-medium uppercase tracking-wider\">Sq. Ft. Developed &amp; Planned<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 2: OUR STORY (Introductory section precisely styled after \"About Mansarovar\" layout) -->\n  <section id=\"about\" class=\"py-20 lg:py-28 bg-[#0f2354] text-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\n        <!-- Content Column (Left Side) -->\n        <div class=\"lg:col-span-7 space-y-6 reveal\">\n          <h2 class=\"text-4xl sm:text-5xl font-semibold font-display tracking-wide leading-tight gold-text\">\n            About Anant Land Developers\n          <\/h2>\n          <h3 class=\"text-lg font-medium text-white\/90 tracking-wide border-l-4 border-brand-gold pl-4\">\n            A Real Estate Developer Shaping Spaces Across Mumbai &amp; Palghar District\n          <\/h3>\n          <div class=\"space-y-4 text-white\/80 leading-relaxed text-base sm:text-lg font-light\">\n            <p>\n              Founded in 2018, Anant Land Developers is a Vasai-Virar-based real estate developer creating residential, industrial, and commercial spaces across Mumbai and Palghar District.<\/p><p>Our journey began with Pushkarni Residency in Vasai West, marking our entry into real estate development. We later expanded into industrial and commercial developments with projects such as North Seven in Pelhar, followed by ongoing developments in Pelhar and Maljipada.<\/p><p>Our approach is built around quality construction, practical planning, transparent dealings and strategically connected locations. We focus on creating spaces that serve real-world needs, whether it is a home for families, an industrial space for businesses or a commercial property for entrepreneurs and investors.<\/p><p>With a growing portfolio across Vasai-Virar, Pelhar, Maljipada and Vasai West, Anant Land Developers continues to build with a focus on functionality, quality and long-term value.<\/p><p>We believe every development should do more than occupy land. It should create a space that remains valuable to the people and businesses who use it.\n          <\/div>\n        <\/div>\n        \n        <!-- Overlapping Visual Images Container (Right Side) -->\n        <div class=\"lg:col-span-5 relative h-[500px] w-full reveal\">\n          <div class=\"absolute -inset-4 bg-gradient-to-r from-brand-gold\/15 to-brand-blue\/15 rounded-3xl blur-2xl\"><\/div>\n          <!-- Primary Image -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565008447742-97f6f38c985c?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Modern Industrial Building\" class=\"absolute top-0 right-0 rounded-2xl shadow-2xl w-[85%] h-[380px] object-cover border border-white\/10\">\n          <!-- Overlapping Secondary Image -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Anant Commercial Real Estate\" class=\"absolute bottom-0 left-0 rounded-2xl shadow-2xl w-[65%] h-[240px] object-cover border-4 border-[#0f2354]\">\n          \n          <!-- Floating Emblem\/Badge -->\n          <div class=\"absolute top-8 left-4 bg-brand-gold p-4 rounded-xl shadow-xl\">\n            <div class=\"text-center\">\n              <div class=\"text-2xl font-bold text-[#0f2354]\">Since<\/div>\n              <div class=\"text-sm font-semibold text-white uppercase tracking-wider\">2018<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 3: MISSION & VISION -->\n  <section class=\"py-20 lg:py-28 bg-brand-blue-soft\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">Our Guiding Framework<\/span>\n        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-brand-blue font-display mt-3 mb-4\">Driven by Quality. Guided by Trust. Built for Growth.<\/h2>\n      <\/div>\n      \n      <div class=\"grid md:grid-cols-3 gap-8 lg:gap-10\">\n        <div class=\"bg-white p-8 lg:p-10 rounded-2xl shadow-lg card-hover reveal border-t-4 border-brand-gold\"><h3 class=\"text-2xl font-bold text-brand-blue mb-4 font-display\">Our Purpose<\/h3><p class=\"text-gray-600 leading-relaxed text-lg\">To create functional, high-utility spaces that empower businesses to scale efficiently and offer families enduring comfort and security.<\/p><\/div>\n        <div class=\"bg-white p-8 lg:p-10 rounded-2xl shadow-lg card-hover reveal border-t-4 border-brand-gold\"><h3 class=\"text-2xl font-bold text-brand-blue mb-4 font-display\">Our Mission<\/h3><p class=\"text-gray-600 leading-relaxed text-lg\">To deliver freehold, strategically located industrial, commercial, and residential developments built with uncompromising engineering, statutory compliance, and complete transactional transparency.<\/p><\/div>\n        <div class=\"bg-white p-8 lg:p-10 rounded-2xl shadow-lg card-hover reveal border-t-4 border-brand-gold\"><h3 class=\"text-2xl font-bold text-brand-blue mb-4 font-display\">Our Vision<\/h3><p class=\"text-gray-600 leading-relaxed text-lg\">To be the benchmark real estate developer across Vasai-Virar, Palghar, and the Mumbai growth corridor, recognized for transforming raw land into self-contained, high-value assets.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 4: MEET THE TEAM -->\n  <section id=\"team\" class=\"py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">Leadership<\/span>\n        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-brand-blue font-display mt-3 mb-4\">Meet Our Founders<\/h2>\n        <h3 class=\"text-xl text-gray-600 font-medium\">40+ Years of Combined Real Estate Experience Guiding Our Developments<\/h3>\n      <\/div>\n      \n      <p class=\"text-center text-gray-600 text-lg max-w-4xl mx-auto mb-16 reveal\">\n        Anant Land Developers is guided by founders who contribute complementary experience across land acquisition, regulatory coordination, construction planning, market understanding, and project execution.<\/p>\n      \n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n        <div class=\"team-card bg-white rounded-2xl shadow-lg border border-gray-100 p-8 reveal\"><h4 class=\"text-xl font-bold text-brand-blue mb-1 font-display\">Vrindesh Doshi<\/h4><p class=\"text-sm text-gray-500 mb-4\">Founder | 15+ Years Experience<\/p><p class=\"text-gray-600 text-sm leading-relaxed\">Contributes to strategic planning, land acquisition, regulatory coordination, and overall project execution across the Vasai-Virar and Palghar development corridors.<\/p><\/div>\n        <div class=\"team-card bg-white rounded-2xl shadow-lg border border-gray-100 p-8 reveal\"><h4 class=\"text-xl font-bold text-brand-blue mb-1 font-display\">Hiren Vora<\/h4><p class=\"text-sm text-gray-500 mb-4\">Founder | 9+ Years Experience<\/p><p class=\"text-gray-600 text-sm leading-relaxed\">Contributes to commercial planning, project operations, and construction coordination, supporting functional and business-ready developments.<\/p><\/div>\n        <div class=\"team-card bg-white rounded-2xl shadow-lg border border-gray-100 p-8 reveal\"><h4 class=\"text-xl font-bold text-brand-blue mb-1 font-display\">Gautam Jain<\/h4><p class=\"text-sm text-gray-500 mb-4\">Founder | 8+ Years Experience<\/p><p class=\"text-gray-600 text-sm leading-relaxed\">Contributes to project strategy, market understanding, and development planning across residential, industrial, and commercial projects.<\/p><\/div><div class=\"team-card bg-white rounded-2xl shadow-lg border border-gray-100 p-8 reveal\"><h4 class=\"text-xl font-bold text-brand-blue mb-1 font-display\">Gajendra Gundecha<\/h4><p class=\"text-sm text-gray-500 mb-4\">Founder | 8+ Years Experience<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 5: CORE VALUES -->\n  <section id=\"values\" class=\"py-20 lg:py-28 bg-brand-blue-soft\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">What We Stand For<\/span>\n        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-brand-blue font-display mt-3 mb-4\">Our Core Values<\/h2>\n        <h3 class=\"text-xl text-gray-600 font-medium\">The Principles That Guide Every Development<\/h3>\n      <\/div>\n      \n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n        <!-- Value 1 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Integrity<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            We believe in honest communication, ethical business practices, and delivering on every commitment we make.\n          <\/p>\n        <\/div>\n        \n        <!-- Value 2 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Quality Construction<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            Every project is developed with attention to detail, reliable materials, and construction standards that create lasting value.\n          <\/p>\n        <\/div>\n        \n        <!-- Value 3 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Regional Expertise<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            Being based in Vasai-Virar gives us a deep understanding of the region&#8217;s industrial and commercial landscape, helping us develop projects in locations that support business growth.\n          <\/p>\n        <\/div>\n        \n        <!-- Value 4 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Transparency<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            From documentation and pricing to project updates, we maintain complete transparency throughout every stage of the customer journey.\n          <\/p>\n        <\/div>\n        \n        <!-- Value 5 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Customer-Centric Approach<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            We develop spaces with our customers&#8217; business needs in mind, creating practical layouts and infrastructure that support long-term success.\n          <\/p>\n        <\/div>\n        \n        <!-- Value 6 -->\n        <div class=\"value-card bg-white p-8 rounded-2xl shadow-lg border border-gray-100 reveal\">\n          <div class=\"value-icon-wrap w-14 h-14 rounded-xl bg-brand-blue\/10 flex items-center justify-center mb-6\">\n            <svg class=\"w-7 h-7 text-brand-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"text-xl font-bold text-brand-blue mb-3 font-display\">Long-Term Value<\/h4>\n          <p class=\"text-gray-600 text-sm leading-relaxed\">\n            Our focus is on developing industrial and commercial spaces that offer functionality, durability, and lasting investment potential for businesses and investors alike.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 6: CLIENT TESTIMONIALS -->\n  <section class=\"py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">In Their Words<\/span>\n        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-brand-blue font-display mt-3 mb-4\">What Our Businesses Say<\/h2>\n        <h3 class=\"text-xl text-gray-600 font-medium\">Real Feedback From Real Tenants Across Vasai-Virar &amp; Palghar<\/h3>\n      <\/div>\n      \n      <div class=\"grid md:grid-cols-3 gap-6 lg:gap-8\">\n        <!-- Testimonial 1 -->\n        <div class=\"testimonial-card bg-brand-blue-soft p-8 rounded-2xl border border-brand-blue\/10 reveal\">\n          <div class=\"flex gap-1 mb-4\">\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <p class=\"text-gray-700 leading-relaxed mb-6 italic\">\n            &#8220;Working with Anant Land Developers was a smooth experience from start to finish. The team was transparent, professional, and delivered exactly what was promised. The quality of construction and timely support gave us complete confidence in our investment.&#8221;\n          <\/p>\n          <div class=\"flex items-center gap-3 pt-4 border-t border-brand-blue\/10\">\n            <div class=\"w-12 h-12 rounded-full gold-bg flex items-center justify-center\">\n              <span class=\"text-white font-bold font-display\">CN<\/span>\n            <\/div>\n            <div>\n              <p class=\"font-bold text-brand-blue\">Client Name<\/p>\n              <p class=\"text-sm text-gray-500\">Tenant, Vasai-Virar<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Testimonial 2 -->\n        <div class=\"testimonial-card bg-brand-blue-soft p-8 rounded-2xl border border-brand-blue\/10 reveal\">\n          <div class=\"flex gap-1 mb-4\">\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <p class=\"text-gray-700 leading-relaxed mb-6 italic\">\n            &#8220;We were looking for a well-connected industrial space in the Vasai-Virar region, and Anant Land Developers exceeded our expectations. Their attention to detail and commitment to quality made the entire process hassle-free.&#8221;\n          <\/p>\n          <div class=\"flex items-center gap-3 pt-4 border-t border-brand-blue\/10\">\n            <div class=\"w-12 h-12 rounded-full gold-bg flex items-center justify-center\">\n              <span class=\"text-white font-bold font-display\">CN<\/span>\n            <\/div>\n            <div>\n              <p class=\"font-bold text-brand-blue\">Client Name<\/p>\n              <p class=\"text-sm text-gray-500\">Tenant, Palghar<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Testimonial 3 -->\n        <div class=\"testimonial-card bg-brand-blue-soft p-8 rounded-2xl border border-brand-blue\/10 reveal\">\n          <div class=\"flex gap-1 mb-4\">\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <svg class=\"w-5 h-5 text-brand-gold\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <p class=\"text-gray-700 leading-relaxed mb-6 italic\">\n            &#8220;From documentation to project handover, everything was handled professionally. We appreciate their honest approach and would confidently recommend Anant Land Developers to anyone looking for industrial or commercial property.&#8221;\n          <\/p>\n          <div class=\"flex items-center gap-3 pt-4 border-t border-brand-blue\/10\">\n            <div class=\"w-12 h-12 rounded-full gold-bg flex items-center justify-center\">\n              <span class=\"text-white font-bold font-display\">CN<\/span>\n            <\/div>\n            <div>\n              <p class=\"font-bold text-brand-blue\">Client Name<\/p>\n              <p class=\"text-sm text-gray-500\">Business Owner, Vasai-Virar<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 7: OUR PROJECTS SNAPSHOT -->\n  <!-- SECTION 7: PROJECTS -->\n  <section id=\"projects\" class=\"py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">Our Projects<\/span>\n      <\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n        <a href=\"\/?page_id=130#pushkarni-apartments\" class=\"block bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100 card-hover reveal\"><div class=\"p-6\"><span class=\"px-3 py-1 rounded-full bg-green-500 text-white text-xs font-semibold uppercase tracking-wider\">Completed<\/span><h4 class=\"text-xl font-bold text-brand-blue mt-5 mb-2 font-display\">Pushkarni Apartments<\/h4><p class=\"text-sm text-gray-600\">Residential landmark in Vasai West.<\/p><\/div><\/a>\n        <a href=\"\/?page_id=130#north-seven\" class=\"block bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100 card-hover reveal\"><div class=\"p-6\"><span class=\"px-3 py-1 rounded-full bg-green-500 text-white text-xs font-semibold uppercase tracking-wider\">Completed, Ready to Sell<\/span><h4 class=\"text-xl font-bold text-brand-blue mt-5 mb-2 font-display\">North Seven<\/h4><p class=\"text-sm text-gray-600\">Ready industrial buildings in Pelhar.<\/p><\/div><\/a>\n        <a href=\"\/?page_id=35#sai-sannidhi\" class=\"block bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100 card-hover reveal\"><div class=\"p-6\"><span class=\"px-3 py-1 rounded-full bg-amber-500 text-white text-xs font-semibold uppercase tracking-wider\">Ongoing<\/span><h4 class=\"text-xl font-bold text-brand-blue mt-5 mb-2 font-display\">Sai Sannidhi Industrial Park<\/h4><p class=\"text-sm text-gray-600\">Industrial development at Maljipada.<\/p><\/div><\/a>\n        <a href=\"\/?page_id=35#nivant\" class=\"block bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100 card-hover reveal\"><div class=\"p-6\"><span class=\"px-3 py-1 rounded-full bg-blue-500 text-white text-xs font-semibold uppercase tracking-wider\">Upcoming<\/span><h4 class=\"text-xl font-bold text-brand-blue mt-5 mb-2 font-display\">Nivant<\/h4><p class=\"text-sm text-gray-600\">Future industrial development in Pelhar.<\/p><\/div><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 8: CTA -->\n  <section id=\"contact\" class=\"py-20 lg:py-28 relative overflow-hidden\">\n    <div class=\"absolute inset-0 bg-brand-blue\"><\/div>\n    <div class=\"absolute inset-0 opacity-10\">\n      <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\">\n          <path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\n        <\/pattern>\n        <rect width=\"100\" height=\"100\" fill=\"url(#grid)\"\/>\n      <\/svg>\n    <\/div>\n    <div class=\"absolute top-0 right-0 w-96 h-96 bg-brand-gold\/20 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/2\"><\/div>\n    <div class=\"absolute bottom-0 left-0 w-96 h-96 bg-brand-gold\/20 rounded-full blur-3xl translate-y-1\/2 -translate-x-1\/2\"><\/div>\n    \n    <div class=\"relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal\">\n      <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white font-display mb-6\">Ready to Build With Us?<\/h2>\n      <p class=\"text-xl text-white\/80 mb-10 max-w-2xl mx-auto\">Talk to our team about current and upcoming projects.<\/p>\n      \n      <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n        <button onclick=\"openModal()\" class=\"btn-primary text-white px-8 py-4 rounded-full font-semibold inline-flex items-center justify-center gap-2 pulse-gold\">\n          Get in Touch\n          <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 9: FAQs -->\n  <section class=\"py-20 lg:py-28 bg-white\">\n    <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n        <span class=\"text-brand-gold font-semibold text-sm uppercase tracking-widest\">Got Questions?<\/span>\n        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-brand-blue font-display mt-3 mb-4\">Frequently Asked Questions<\/h2>\n        <h3 class=\"text-xl text-gray-600 font-medium\">About Anant Land Developers<\/h3>\n      <\/div>\n      \n      <div class=\"space-y-4\">\n        <!-- FAQ 1 -->\n        <div class=\"faq-item bg-brand-blue-soft rounded-xl border border-brand-blue\/10 overflow-hidden reveal\">\n          <button class=\"faq-toggle w-full flex items-center justify-between p-6 text-left\" onclick=\"toggleFAQ(this)\">\n            <span class=\"text-lg font-semibold text-brand-blue\">Who founded Anant Land Developers?<\/span>\n            <svg class=\"faq-icon w-5 h-5 text-brand-gold shrink-0 ml-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"faq-answer px-6\">\n            <p class=\"text-gray-600 leading-relaxed pb-6\">\n              Anant Land Developers was founded in 2018 and is guided by founders with strong real estate, planning, and project execution experience across Vasai-Virar and Palghar.\n            <\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- FAQ 2 -->\n        <div class=\"faq-item bg-brand-blue-soft rounded-xl border border-brand-blue\/10 overflow-hidden reveal\">\n          <button class=\"faq-toggle w-full flex items-center justify-between p-6 text-left\" onclick=\"toggleFAQ(this)\">\n            <span class=\"text-lg font-semibold text-brand-blue\">Where is Anant Land Developers based?<\/span>\n            <svg class=\"faq-icon w-5 h-5 text-brand-gold shrink-0 ml-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"faq-answer px-6\">\n            <p class=\"text-gray-600 leading-relaxed pb-6\">\n              We are based in Vasai-Virar and develop residential, industrial and commercial projects across Mumbai and Palghar District, including Vasai-Virar, Pelhar, Maljipada and Vasai West.\n            <\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- FAQ 3 -->\n        <div class=\"faq-item bg-brand-blue-soft rounded-xl border border-brand-blue\/10 overflow-hidden reveal\">\n          <button class=\"faq-toggle w-full flex items-center justify-between p-6 text-left\" onclick=\"toggleFAQ(this)\">\n            <span class=\"text-lg font-semibold text-brand-blue\">How many projects has Anant Land Developers completed?<\/span>\n            <svg class=\"faq-icon w-5 h-5 text-brand-gold shrink-0 ml-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"faq-answer px-6\">\n            <p class=\"text-gray-600 leading-relaxed pb-6\">\n              Our portfolio includes Pushkarni Residency, North Seven, Sai Sannidhi Industrial Park and Nivant, representing residential, industrial and commercial developments across Vasai-Virar and Palghar District.\n            <\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- FAQ 4 -->\n        <div class=\"faq-item bg-brand-blue-soft rounded-xl border border-brand-blue\/10 overflow-hidden reveal\">\n          <button class=\"faq-toggle w-full flex items-center justify-between p-6 text-left\" onclick=\"toggleFAQ(this)\">\n            <span class=\"text-lg font-semibold text-brand-blue\">What types of properties does Anant Land Developers develop?<\/span>\n            <svg class=\"faq-icon w-5 h-5 text-brand-gold shrink-0 ml-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"faq-answer px-6\">\n            <p class=\"text-gray-600 leading-relaxed pb-6\">\n              We develop industrial Gala units, industrial plots, commercial spaces, and multi-floor industrial complexes across Vasai-Virar and Palghar district.\n            <\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- FAQ 5 -->\n        <div class=\"faq-item bg-brand-blue-soft rounded-xl border border-brand-blue\/10 overflow-hidden reveal\">\n          <button class=\"faq-toggle w-full flex items-center justify-between p-6 text-left\" onclick=\"toggleFAQ(this)\">\n            <span class=\"text-lg font-semibold text-brand-blue\">How do I get in touch with Anant Land Developers?<\/span>\n            <svg class=\"faq-icon w-5 h-5 text-brand-gold shrink-0 ml-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n            <\/svg>\n          <\/button>\n          <div class=\"faq-answer px-6\">\n            <p class=\"text-gray-600 leading-relaxed pb-6\">\n              Send us an enquiry or visit our Vasai West office to discuss your requirements. K.T. Signature, Ambadi Road, Vasai (West).\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<!-- Enquiry Modal -->\n  <div id=\"enquiryModal\" class=\"modal-backdrop fixed inset-0 z-[60] flex items-center justify-center p-4 bg-black\/60 backdrop-blur-sm\">\n    <div class=\"modal-content bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden\">\n      <div class=\"bg-brand-blue p-6 flex justify-between items-center\">\n        <div>\n          <h3 class=\"text-2xl font-bold text-white font-display\">Enquire Now<\/h3>\n          <p class=\"text-white\/80 text-sm mt-1\">Anant Land Developers<\/p>\n        <\/div>\n        <button onclick=\"closeModal()\" class=\"text-white\/80 hover:text-white transition-colors\" aria-label=\"Close modal\">\n          <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n      \n      <form id=\"enquiryForm\" class=\"p-6 space-y-5\">\n        <div>\n          <label class=\"block text-sm font-medium text-gray-700 mb-1\">Full Name *<\/label>\n          <input type=\"text\" name=\"name\" required class=\"form-input w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-all\" placeholder=\"Enter your full name\">\n        <\/div>\n        \n        <div>\n          <label class=\"block text-sm font-medium text-gray-700 mb-1\">Phone Number *<\/label>\n          <input type=\"tel\" name=\"phone\" required pattern=\"[0-9]{10}\" class=\"form-input w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-all\" placeholder=\"Enter 10-digit mobile number\">\n        <\/div>\n        \n        <div>\n          <label class=\"block text-sm font-medium text-gray-700 mb-1\">Email Address<\/label>\n          <input type=\"email\" name=\"email\" class=\"form-input w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-all\" placeholder=\"Enter your email\">\n        <\/div>\n        \n        <div>\n          <label class=\"block text-sm font-medium text-gray-700 mb-1\">Interested In<\/label>\n          <select name=\"interest\" class=\"form-input w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-all\">\n            <option value=\"\">Select an option<\/option>\n            <option value=\"industrial\">Industrial Gala Units<\/option>\n            <option value=\"commercial\">Commercial Spaces<\/option>\n            <option value=\"plots\">Industrial Plots<\/option>\n            <option value=\"site-visit\">Site Visit<\/option>\n          <\/select>\n        <\/div>\n        \n        <div>\n          <label class=\"block text-sm font-medium text-gray-700 mb-1\">Message<\/label>\n          <textarea name=\"message\" rows=\"3\" class=\"form-input w-full px-4 py-3 rounded-lg border border-gray-300 outline-none transition-all resize-none\" placeholder=\"Tell us about your requirements\"><\/textarea>\n        <\/div>\n        \n        <button type=\"submit\" class=\"btn-primary w-full text-white py-4 rounded-lg font-semibold text-lg\">\n          Submit Enquiry\n        <\/button>\n      <\/form>\n      \n      <div id=\"formSuccess\" class=\"hidden p-8 text-center\">\n        <div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4\">\n          <svg class=\"w-8 h-8 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n          <\/svg>\n        <\/div>\n        <h4 class=\"text-2xl font-bold text-brand-blue font-display mb-2\">Thank You!<\/h4>\n        <p class=\"text-gray-600 mb-6\">Your enquiry has been submitted. Our team will contact you shortly.<\/p>\n        <button onclick=\"closeModal()\" class=\"btn-primary text-white px-8 py-3 rounded-full font-semibold\">Close<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Floating Call Button (Mobile) -->\n<script>\n    \/\/ Mobile Menu Toggle\n    const menuBtn = document.getElementById('menuBtn');\n    const closeMenuBtn = document.getElementById('closeMenuBtn');\n    const mobileMenu = document.getElementById('mobileMenu');\n    const menuOverlay = document.getElementById('menuOverlay');\n    const menuIcon = document.getElementById('menuIcon');\n    const closeIcon = document.getElementById('closeIcon');\n    const mobileLinks = document.querySelectorAll('.mobile-link');\n    \n    function openMenu() {\n      mobileMenu.classList.add('open');\n      menuOverlay.classList.remove('hidden');\n      menuIcon.classList.add('hidden');\n      closeIcon.classList.remove('hidden');\n      document.body.style.overflow = 'hidden';\n    }\n    \n    function closeMenu() {\n      mobileMenu.classList.remove('open');\n      menuOverlay.classList.add('hidden');\n      menuIcon.classList.remove('hidden');\n      closeIcon.classList.add('hidden');\n      document.body.style.overflow = '';\n    }\n    \n    menuBtn.addEventListener('click', openMenu);\n    closeMenuBtn.addEventListener('click', closeMenu);\n    menuOverlay.addEventListener('click', closeMenu);\n    mobileLinks.forEach(link => link.addEventListener('click', closeMenu));\n    \n    \/\/ Modal Functions\n    const modal = document.getElementById('enquiryModal');\n    const enquiryForm = document.getElementById('enquiryForm');\n    const formSuccess = document.getElementById('formSuccess');\n    \n    function openModal() {\n      modal.classList.add('open');\n      document.body.style.overflow = 'hidden';\n    }\n    \n    function closeModal() {\n      modal.classList.remove('open');\n      document.body.style.overflow = '';\n      setTimeout(() => {\n        enquiryForm.reset();\n        enquiryForm.classList.remove('hidden');\n        formSuccess.classList.add('hidden');\n      }, 300);\n    }\n    \n    modal.addEventListener('click', function(e) {\n      if (e.target === modal) closeModal();\n    });\n    \n    enquiryForm.addEventListener('submit', function(e) {\n      e.preventDefault();\n      const submitBtn = enquiryForm.querySelector('button[type=\"submit\"]');\n      const originalText = submitBtn.textContent;\n      submitBtn.textContent = 'Submitting...';\n      submitBtn.disabled = true;\n      setTimeout(() => {\n        enquiryForm.classList.add('hidden');\n        formSuccess.classList.remove('hidden');\n        submitBtn.textContent = originalText;\n        submitBtn.disabled = false;\n      }, 1500);\n    });\n    \n    \/\/ Navbar Scroll Effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      if (window.scrollY > 50) {\n        navbar.classList.add('shadow-md', 'bg-white\/98');\n        navbar.classList.remove('bg-white\/95');\n      } else {\n        navbar.classList.remove('shadow-md', 'bg-white\/98');\n        navbar.classList.add('bg-white\/95');\n      }\n    });\n    \n    \/\/ Active Nav Link\n    const sections = document.querySelectorAll('section[id]');\n    const navLinks = document.querySelectorAll('.nav-link');\n    \n    window.addEventListener('scroll', function() {\n      let current = '';\n      sections.forEach(section => {\n        const sectionTop = section.offsetTop;\n        if (scrollY >= sectionTop - 200) {\n          current = section.getAttribute('id');\n        }\n      });\n      navLinks.forEach(link => {\n        link.classList.remove('active', 'text-brand-gold');\n        if (link.getAttribute('href') === '#' + current) {\n          link.classList.add('active', 'text-brand-gold');\n        }\n      });\n    });\n    \n    \/\/ Scroll Reveal Animation\n    const revealElements = document.querySelectorAll('.reveal');\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach((entry, index) => {\n        if (entry.isIntersecting) {\n          setTimeout(() => {\n            entry.target.classList.add('active');\n          }, index * 100);\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    });\n    revealElements.forEach(el => revealObserver.observe(el));\n    \n    \/\/ Counter Animation\n    const counters = document.querySelectorAll('.counter');\n    let countersStarted = false;\n    \n    function animateCounters() {\n      counters.forEach(counter => {\n        const target = parseInt(counter.getAttribute('data-target'));\n        const duration = 2000;\n        const step = target \/ (duration \/ 16);\n        let current = 0;\n        const updateCounter = () => {\n          current += step;\n          if (current < target) {\n            counter.textContent = Math.floor(current).toLocaleString();\n            requestAnimationFrame(updateCounter);\n          } else {\n            counter.textContent = target.toLocaleString();\n          }\n        };\n        updateCounter();\n      });\n    }\n    \n    const statsSection = document.querySelector('.stat-card').parentElement.parentElement;\n    const statsObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && !countersStarted) {\n          countersStarted = true;\n          animateCounters();\n        }\n      });\n    }, { threshold: 0.5 });\n    statsObserver.observe(statsSection);\n    \n    \/\/ FAQ Accordion\n    function toggleFAQ(button) {\n      const faqItem = button.parentElement;\n      const isOpen = faqItem.classList.contains('open');\n      document.querySelectorAll('.faq-item').forEach(item => item.classList.remove('open'));\n      if (!isOpen) {\n        faqItem.classList.add('open');\n      }\n    }\n    \n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n      anchor.addEventListener('click', function(e) {\n        e.preventDefault();\n        const target = document.querySelector(this.getAttribute('href'));\n        if (target) {\n          const headerOffset = 80;\n          const elementPosition = target.getBoundingClientRect().top;\n          const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n          window.scrollTo({\n            top: offsetPosition,\n            behavior: 'smooth'\n          });\n        }\n      });\n    });\n    \n    \/\/ Escape key to close modal and menu\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape') {\n        closeModal();\n        closeMenu();\n      }\n    });\n  <\/script>\n\n\n  <footer class=\"bg-brand-blue-dark text-white py-16\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-10 mb-12\"><div><div class=\"mb-6\"><img decoding=\"async\" src=\"https:\/\/www.anantlanddevelopers.com\/wp-content\/uploads\/2026\/08\/ant-logo.png\" alt=\"Anant Land Developers\" class=\"h-16 w-auto object-contain\"><\/div><p class=\"text-white\/60 text-sm leading-relaxed\">Building industrial futures in Vasai-Virar with quality, trust, and long-term value.<\/p><\/div><div><h4 class=\"text-lg font-bold mb-6 font-display text-brand-gold\">Quick Links<\/h4><ul class=\"space-y-3\"><li><a href=\"\/\" class=\"text-white\/60 hover:text-brand-gold transition-colors text-sm\">Home<\/a><\/li><li><a href=\"\/?page_id=24\" class=\"text-white\/60 hover:text-brand-gold transition-colors text-sm\">About Us<\/a><\/li><li><a href=\"\/?page_id=35\" class=\"text-white\/60 hover:text-brand-gold transition-colors text-sm\">Ongoing Projects<\/a><\/li><li><a href=\"\/?page_id=130\" class=\"text-white\/60 hover:text-brand-gold transition-colors text-sm\">Completed Projects<\/a><\/li><li><a href=\"\/?page_id=29\" class=\"text-white\/60 hover:text-brand-gold transition-colors text-sm\">Contact Us<\/a><\/li><\/ul><\/div><div><h4 class=\"text-lg font-bold mb-6 font-display text-brand-gold\">Projects<\/h4><ul class=\"space-y-3 text-sm text-white\/60\"><li><a href=\"\/?page_id=130#pushkarni-apartments\" class=\"hover:text-brand-gold transition-colors\">Pushkarni Apartments<\/a><\/li><li><a href=\"\/?page_id=130#north-seven\" class=\"hover:text-brand-gold transition-colors\">North Seven<\/a><\/li><li><a href=\"\/?page_id=35#sai-sannidhi\" class=\"hover:text-brand-gold transition-colors\">Sai Sannidhi Industrial Park<\/a><\/li><li><a href=\"\/?page_id=35#nivant\" class=\"hover:text-brand-gold transition-colors\">Nivant<\/a><\/li><\/ul><\/div><div><h4 class=\"text-lg font-bold mb-6 font-display text-brand-gold\">Contact<\/h4><p class=\"text-white\/60 text-sm mb-4\">B 107 Gopal Building, Above Ola Showroom, Ambadi Road, Vasai West, Maharashtra 401202<\/p><a href=\"\/?page_id=29\" class=\"text-sm font-bold text-white\/80 hover:text-brand-gold transition-colors\">Send an enquiry<\/a><\/div><\/div><div class=\"border-t border-white\/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-white\/40 text-xs\"><p>&copy; 2026 Anant Land Developers. All Rights Reserved.<\/p><p>Powered By <span class=\"text-brand-gold font-semibold\">DAM Networks<\/span><\/p><\/div><\/div><\/footer><\/div>\n","protected":false},"excerpt":{"rendered":"<p>HomeAbout Us Projects Ongoing ProjectsCompleted Projects Contact UsEnquire Now HomeAbout UsOngoing ProjectsCompleted ProjectsContact UsEnquire Now About Us Home About 8 Years Of Building Trust 0 Projects Delivered Successfully 3.41K sq. ft. Sq. Ft. Developed &amp; Planned About Anant Land Developers A Real Estate Developer Shaping Spaces Across Mumbai &amp; Palghar District Founded in 2018, Anant [&hellip;]<\/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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":27,"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/www.anantlanddevelopers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}