Yusuf-Sabuwala/profen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v5 safe

Browse Source
This commit is contained in:
Yusuf Sabuwala
2026-07-11 15:39:10 +00:00
parent e50ae8fa1c
commit 7fd56a3e0d
2 changed files with 48 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/data/home-content.html
View File

@@ -21,60 +21,6 @@ cooling System.</p><div class="btn-group" data-ani="slideinup" data-ani-delay="0
<div class="brand-sec3 "><div class="brand-inner"><div class="swiper th-slider" id="brandSlider3" data-slider-options='{"spaceBetween":30,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"4"},"1200":{"slidesPerView":"4"},"1300":{"slidesPerView":"5"},"1500":{"slidesPerView":"7"}}}'><div class="swiper-wrapper"><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt="" /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt="" /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt="" /></div></div><div class="swiper-slide"><div class="brand-card"><img decoding="async" src="index.html" alt="" /></div></div></div></div></div></div> </div>
</div>
</div>
<div class="elementor-element elementor-element-5ead1f4 e-flex e-con-boxed e-con e-parent" data-id="5ead1f4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-46a681a e-con-full e-flex e-con e-child" data-id="46a681a" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-5efe3e8 e-con-full e-flex e-con e-child" data-id="5efe3e8" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-9616bd1 elementor-widget elementor-widget-rakarsectiontitle" data-id="9616bd1" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
<div class="elementor-widget-container">
<div class="title-area text-left ">
<span class="sub-title2 "><img decoding="async" src="/wp-content/plugins/rakar-core/assets/img/title_icon5.svg" alt="Shape">About Us</span><h2 class="sec-title ">Building Future with Integrity</h2><p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp;Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-af95b28 elementor-widget elementor-widget-rakarfeatures" data-id="af95b28" data-element_type="widget" data-e-type="widget" data-widget_type="rakarfeatures.default">
<div class="elementor-widget-container">
<div class="about-media-wrap"><div class="about-media"><div class="box-icon"><img decoding="async" src="/wp-content/uploads/2024/07/about_media_1.svg" alt="about_media_1" /></div><h3 class="box-title">Efficient Use of Resources</h3><p class="box-text">Cost-effective planning to maximize value</p></div><div class="about-media"><div class="box-icon"><img decoding="async" src="/wp-content/uploads/2024/07/about_media_2.svg" alt="about_media_2" /></div><h3 class="box-title">Focus on Quality &amp; Safety</h3><p class="box-text">Built into every stage of the plan.</p></div></div> </div>
</div>
<div class="elementor-element elementor-element-29f108d e-con-full e-flex e-con e-child" data-id="29f108d" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-a13bc6b elementor-widget elementor-widget-rakarbutton" data-id="a13bc6b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
<div class="elementor-widget-container">
<div class="btn-wrapper"><a class="th-btn th_btn style4 rounded-10" href="/about">Discover More<i class="far fa-arrow-right"></i></a></div> </div>
</div>
<div class="elementor-element elementor-element-ac33de4 elementor-widget elementor-widget-html" data-id="ac33de4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="call-btn">
<div class="play-btn">
<i class="fas fa-phone"></i>
</div>
<div class="media-body">
<p class="box-label">Call Us </p>
<h6 class="box-link"><a href="tel: +97143200869"> +971 4 320 0869</a></h6>
</div>
</div> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4d50f48 e-con-full e-flex e-con e-child" data-id="4d50f48" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-6ab087a elementor-widget elementor-widget-rakarimage" data-id="6ab087a" data-element_type="widget" data-e-type="widget" data-widget_type="rakarimage.default">
<div class="elementor-widget-container">
<div class="img-box5"><div class="img1"><img decoding="async" src="/wp-content/uploads/2025/04/aboutcooling.png" alt="aboutcooling" /></div><div class="customer-box"><div class="media-body"><h4 class="box-title"><span class="counter-number">80</span>+</h4><p class="box-text">SATISFIED CLIENTS </p></div></div><div class="box-badge"><div class="spin-text"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" preserveAspectRatio="none" xml:space="preserve">
<defs>
<path id="circlePath5" d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 " />
</defs>
<circle cx="150" cy="100" r="75" fill="none" />
<g>
<use xlink:href="#circlePath5" fill="none" />
<text fill="#fff">
<textPath xlink:href="#circlePath5">PROFEN ENGINEERING LLC</textPath>
</text>
</g>
</svg></div><div class="box-icon"><img decoding="async" src="/wp-content/uploads/2024/07/about_badge.svg" alt="about_badge" /></div></div></div> </div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-fb76345 e-flex e-con-boxed e-con e-parent" data-id="fb76345" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-7f99e6d e-con-full e-flex e-con e-child" data-id="7f99e6d" data-element_type="container" data-e-type="container">
@@ -264,6 +210,48 @@ Chiller Hot &amp; Cool Solution</a></h3></div></div></div><div class="swiper-sli
</div>
</div>
</div>
<div class="elementor-element elementor-element-5ead1f4 e-flex e-con-boxed e-con e-parent" data-id="5ead1f4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-46a681a e-con-full e-flex e-con e-child" data-id="46a681a" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-5efe3e8 e-con-full e-flex e-con e-child" data-id="5efe3e8" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-9616bd1 elementor-widget elementor-widget-rakarsectiontitle" data-id="9616bd1" data-element_type="widget" data-e-type="widget" data-widget_type="rakarsectiontitle.default">
<div class="elementor-widget-container">
<div class="title-area text-left ">
<span class="sub-title2 "><img decoding="async" src="/wp-content/plugins/rakar-core/assets/img/title_icon5.svg" alt="Shape">About Us</span><h2 class="sec-title ">Building Future with Integrity</h2><p>Profen Engineering, your trusted partner in comprehensive Sustainability, MEP &amp;Construction Services. With a commitment to excellence, innovation, and client satisfaction, we stand as a beacon of reliability in the construction industry.</p> </div>
</div>
</div>
<div class="elementor-element elementor-element-af95b28 elementor-widget elementor-widget-rakarfeatures" data-id="af95b28" data-element_type="widget" data-e-type="widget" data-widget_type="rakarfeatures.default">
<div class="elementor-widget-container">
<div class="about-media-wrap"><div class="about-media"><div class="box-icon"><img decoding="async" src="/wp-content/uploads/2024/07/about_media_1.svg" alt="about_media_1" /></div><h3 class="box-title">Efficient Use of Resources</h3><p class="box-text">Cost-effective planning to maximize value</p></div><div class="about-media"><div class="box-icon"><img decoding="async" src="/wp-content/uploads/2024/07/about_media_2.svg" alt="about_media_2" /></div><h3 class="box-title">Focus on Quality &amp; Safety</h3><p class="box-text">Built into every stage of the plan.</p></div></div> </div>
</div>
<div class="elementor-element elementor-element-29f108d e-con-full e-flex e-con e-child" data-id="29f108d" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-a13bc6b elementor-widget elementor-widget-rakarbutton" data-id="a13bc6b" data-element_type="widget" data-e-type="widget" data-widget_type="rakarbutton.default">
<div class="elementor-widget-container">
<div class="btn-wrapper"><a class="th-btn th_btn style4 rounded-10" href="/about">Discover More<i class="far fa-arrow-right"></i></a></div> </div>
</div>
<div class="elementor-element elementor-element-ac33de4 elementor-widget elementor-widget-html" data-id="ac33de4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="call-btn">
<div class="play-btn">
<i class="fas fa-phone"></i>
</div>
<div class="media-body">
<p class="box-label">Call Us </p>
<h6 class="box-link"><a href="tel: +97143200869"> +971 4 320 0869</a></h6>
</div>
</div> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4d50f48 e-con-full e-flex e-con e-child" data-id="4d50f48" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-6ab087a elementor-widget elementor-widget-rakarimage" data-id="6ab087a" data-element_type="widget" data-e-type="widget" data-widget_type="rakarimage.default">
<div class="elementor-widget-container">
<div class="img-box5"><div class="img1"><img decoding="async" src="/wp-content/uploads/2025/04/aboutcooling.png" alt="aboutcooling" /></div><div class="customer-box"><div class="media-body"><h4 class="box-title"><span class="counter-number">80</span>+</h4><p class="box-text">SATISFIED CLIENTS </p></div></div></div> </div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-16406fa elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="16406fa" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-7ae256c e-con-full e-flex e-con e-child" data-id="7ae256c" data-element_type="container" data-e-type="container">

37
src/hooks/useLayoutInit.js
View File

@@ -4,42 +4,17 @@ import { useLocation } from 'react-router-dom'
export default function useLayoutInit() {
const { pathname } = useLocation()
// Re-initialize theme JS on route change
useEffect(() => {
let destroyed = false
let rafId = null
function tryInit() {
if (destroyed) return
// Apply data-bg-src to elements
document.querySelectorAll('[data-bg-src]').forEach(el => {
const src = el.getAttribute('data-bg-src')
if (src && !el.classList.contains('background-image')) {
el.style.backgroundImage = `url(${src})`
el.classList.add('background-image')
}
})
// Check if jQuery and theme init function are ready
if (typeof window.jQuery === 'function' && typeof window.rakar_content_load_scripts === 'function') {
try {
// Destroy ALL existing swiper instances to prevent duplicates
document.querySelectorAll('.swiper').forEach(el => {
if (el.swiper) {
try { el.swiper.destroy(true, true) } catch (e) { console.warn('useLayoutInit: swiper destroy failed:', e) }
}
})
// Run theme initialization
window.rakar_content_load_scripts()
window.__layoutReady = true
window.dispatchEvent(new Event('layout-ready'))
return true
} catch (e) {
console.warn('Theme init error:', e)
}
if (destroyed) return false
if (typeof window.rakar_content_load_scripts === 'function') {
window.rakar_content_load_scripts()
window.__layoutReady = true
window.dispatchEvent(new Event('layout-ready'))
return true
}
return false
}