import React, { useState, useEffect, useRef } from 'react'; import { QrCode, Link, MessageSquare, User, Download, Copy, Check } from 'lucide-react'; const TRANSLATIONS = { "en-US": { "appTitle": "Easy QR Code Generator", "appDescription": "Generate QR codes for URLs, text, and contact information", "urlTab": "URL", "textTab": "Text", "contactTab": "Contact", "enterUrl": "Enter URL", "enterText": "Enter Text", "contactInformation": "Contact Information", "websiteUrl": "Website URL", "urlPlaceholder": "example.com or https://example.com", "urlHelp": "Enter a website URL. If you don't include http://, we'll add https:// automatically.", "textContent": "Text Content", "textPlaceholder": "Enter any text to generate QR code...", "firstName": "First Name", "firstNamePlaceholder": "John", "lastName": "Last Name", "lastNamePlaceholder": "Doe", "phoneNumber": "Phone Number", "phonePlaceholder": "+1 (555) 123-4567", "emailAddress": "Email Address", "emailPlaceholder": "john.doe@example.com", "organization": "Organization", "organizationPlaceholder": "Company Name", "website": "Website", "websitePlaceholder": "https://example.com", "clearAllFields": "Clear All Fields", "generatedQrCode": "Generated QR Code", "scanQrCode": "Scan this QR code with your device", "fillFormPrompt": "Fill in the form to generate your QR code", "download": "Download", "copyData": "Copy Data", "copied": "Copied!", "qrCodeData": "QR Code Data:", "footerText": "Generate QR codes instantly • No data stored • Free to use", "qrCodeAlt": "Generated QR Code" }, "es-ES": { "appTitle": "Generador de Códigos QR", "appDescription": "Genera códigos QR para URLs, texto e información de contacto", "urlTab": "URL", "textTab": "Texto", "contactTab": "Contacto", "enterUrl": "Ingresa URL", "enterText": "Ingresa Texto", "contactInformation": "Información de Contacto", "websiteUrl": "URL del Sitio Web", "urlPlaceholder": "ejemplo.com o https://ejemplo.com", "urlHelp": "Ingresa una URL de sitio web. Si no incluyes http://, agregaremos https:// automáticamente.", "textContent": "Contenido de Texto", "textPlaceholder": "Ingresa cualquier texto para generar código QR...", "firstName": "Nombre", "firstNamePlaceholder": "Juan", "lastName": "Apellido", "lastNamePlaceholder": "Pérez", "phoneNumber": "Número de Teléfono", "phonePlaceholder": "+1 (555) 123-4567", "emailAddress": "Dirección de Correo", "emailPlaceholder": "juan.perez@ejemplo.com", "organization": "Organización", "organizationPlaceholder": "Nombre de la Empresa", "website": "Sitio Web", "websitePlaceholder": "https://ejemplo.com", "clearAllFields": "Limpiar Todos los Campos", "generatedQrCode": "Código QR Generado", "scanQrCode": "Escanea este código QR con tu dispositivo", "fillFormPrompt": "Completa el formulario para generar tu código QR", "download": "Descargar", "copyData": "Copiar Datos", "copied": "¡Copiado!", "qrCodeData": "Datos del Código QR:", "footerText": "Genera códigos QR al instante • No se almacenan datos • Gratis", "qrCodeAlt": "Código QR Generado" } }; const appLocale = '{{APP_LOCALE}}'; const browserLocale = navigator.languages?.[0] || navigator.language || 'en-US'; const findMatchingLocale = (locale) => { if (TRANSLATIONS[locale]) return locale; const lang = locale.split('-')[0]; const match = Object.keys(TRANSLATIONS).find(key => key.startsWith(lang + '-')); return match || 'en-US'; }; const locale = (appLocale !== '{{APP_LOCALE}}') ? findMatchingLocale(appLocale) : findMatchingLocale(browserLocale); const t = (key) => TRANSLATIONS[locale]?.[key] || TRANSLATIONS['en-US'][key] || key; const QRCodeGenerator = () => { const [activeTab, setActiveTab] = useState('url'); const [qrData, setQrData] = useState(''); const [copied, setCopied] = useState(false); const qrContainerRef = useRef(null); // Form states for different types const [urlInput, setUrlInput] = useState(''); const [textInput, setTextInput] = useState(''); const [contactInfo, setContactInfo] = useState({ firstName: '', lastName: '', phone: '', email: '', organization: '', url: '' }); // QR Code generation using QRious library via CDN const generateQRCode = async (text) => { if (!text.trim()) { if (qrContainerRef.current) { qrContainerRef.current.innerHTML = ''; } return; } try { // Load QRious library dynamically if (!window.QRious) { const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js'; script.onload = () => { createQR(text); }; document.head.appendChild(script); } else { createQR(text); } } catch (error) { console.error('Error loading QR library:', error); // Fallback to Google Charts API generateFallbackQR(text); } }; const createQR = (text) => { if (!qrContainerRef.current) return; try { // Clear previous QR code qrContainerRef.current.innerHTML = ''; // Create canvas element const canvas = document.createElement('canvas'); qrContainerRef.current.appendChild(canvas); // Generate QR code const qr = new window.QRious({ element: canvas, value: text, size: 300, background: 'white', foreground: 'black', level: 'M' }); // Style the canvas canvas.className = 'w-full h-auto rounded-xl shadow-lg bg-white'; canvas.style.maxWidth = '300px'; canvas.style.height = 'auto'; } catch (error) { console.error('Error creating QR code:', error); generateFallbackQR(text); } }; const generateFallbackQR = (text) => { if (!qrContainerRef.current) return; // Clear previous content qrContainerRef.current.innerHTML = ''; // Create img element for fallback const img = document.createElement('img'); const encodedData = encodeURIComponent(text); img.src = `https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=${encodedData}&choe=UTF-8`; img.alt = t('qrCodeAlt'); img.className = 'w-full h-auto rounded-xl shadow-lg bg-white p-4'; img.style.maxWidth = '300px'; img.style.height = 'auto'; // Add error handling for the fallback image img.onerror = () => { // If Google Charts also fails, try QR Server API img.src = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodedData}&format=png&margin=10`; }; qrContainerRef.current.appendChild(img); }; const formatUrl = (url) => { if (!url.trim()) return ''; // Add protocol if missing if (!url.startsWith('http://') && !url.startsWith('https://')) { return 'https://' + url; } return url; }; const generateVCard = (contact) => { const vcard = `BEGIN:VCARD VERSION:3.0 FN:${contact.firstName} ${contact.lastName} N:${contact.lastName};${contact.firstName};;; ORG:${contact.organization} TEL:${contact.phone} EMAIL:${contact.email} URL:${contact.url} END:VCARD`; return vcard; }; useEffect(() => { let data = ''; switch (activeTab) { case 'url': data = formatUrl(urlInput); break; case 'text': data = textInput; break; case 'contact': if (contactInfo.firstName || contactInfo.lastName || contactInfo.phone || contactInfo.email) { data = generateVCard(contactInfo); } break; default: data = ''; } setQrData(data); generateQRCode(data); }, [activeTab, urlInput, textInput, contactInfo]); const downloadQRCode = () => { if (!qrData) return; const canvas = qrContainerRef.current?.querySelector('canvas'); const img = qrContainerRef.current?.querySelector('img'); if (canvas) { // Download from canvas const link = document.createElement('a'); link.download = `qr-code-${activeTab}.png`; link.href = canvas.toDataURL(); link.click(); } else if (img) { // Download from image const link = document.createElement('a'); link.download = `qr-code-${activeTab}.png`; link.href = img.src; link.click(); } }; const copyToClipboard = async () => { if (qrData) { try { await navigator.clipboard.writeText(qrData); setCopied(true); setTimeout(() => setCopied(false), 2000); } catch (err) { console.error('Failed to copy text: ', err); } } }; const resetForm = () => { setUrlInput(''); setTextInput(''); setContactInfo({ firstName: '', lastName: '', phone: '', email: '', organization: '', url: '' }); setQrData(''); if (qrContainerRef.current) { qrContainerRef.current.innerHTML = ''; } }; const tabs = [ { id: 'url', label: t('urlTab'), icon: Link }, { id: 'text', label: t('textTab'), icon: MessageSquare }, { id: 'contact', label: t('contactTab'), icon: User } ]; return (

{t('appTitle')}

{t('appDescription')}

{/* Tab Navigation */}

{tabs.map((tab) => { const IconComponent = tab.icon; return ( ); })}

{/* Input Section */}

{activeTab === 'url' && t('enterUrl')} {activeTab === 'text' && t('enterText')} {activeTab === 'contact' && t('contactInformation')}

{/* URL Input */} {activeTab === 'url' && (

{t('websiteUrl')} setUrlInput(e.target.value)} placeholder={t('urlPlaceholder')} className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200" />

{t('urlHelp')}

)} {/* Text Input */} {activeTab === 'text' && (

{t('textContent')}

setTextInput(e.target.value)}
                      placeholder={t('textPlaceholder')}
                      rows={4}
                      className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200 resize-none"
                    />
                  </div>
                )}

{/* Contact Input */}
                {activeTab === 'contact' && (
                  <div className="space-y-4">
                    <div className="grid grid-cols-2 gap-4">
                      <div>
                        <label className="block text-sm font-medium text-gray-700 mb-2">
                          {t('firstName')}
                        </label>
                        <input
                          type="text"
                          value={contactInfo.firstName}
                          onChange={(e) => setContactInfo({...contactInfo, firstName: e.target.value})}
                          placeholder={t('firstNamePlaceholder')}
                          className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                        />
                      </div>
                      <div>
                        <label className="block text-sm font-medium text-gray-700 mb-2">
                          {t('lastName')}
                        </label>
                        <input
                          type="text"
                          value={contactInfo.lastName}
                          onChange={(e) => setContactInfo({...contactInfo, lastName: e.target.value})}
                          placeholder={t('lastNamePlaceholder')}
                          className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                        />
                      </div>
                    </div>
                    
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">
                        {t('phoneNumber')}
                      </label>
                      <input
                        type="tel"
                        value={contactInfo.phone}
                        onChange={(e) => setContactInfo({...contactInfo, phone: e.target.value})}
                        placeholder={t('phonePlaceholder')}
                        className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                      />
                    </div>
                    
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">
                        {t('emailAddress')}
                      </label>
                      <input
                        type="email"
                        value={contactInfo.email}
                        onChange={(e) => setContactInfo({...contactInfo, email: e.target.value})}
                        placeholder={t('emailPlaceholder')}
                        className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                      />
                    </div>
                    
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">
                        {t('organization')}
                      </label>
                      <input
                        type="text"
                        value={contactInfo.organization}
                        onChange={(e) => setContactInfo({...contactInfo, organization: e.target.value})}
                        placeholder={t('organizationPlaceholder')}
                        className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                      />
                    </div>
                    
                    <div>
                      <label className="block text-sm font-medium text-gray-700 mb-2">
                        {t('website')}
                      </label>
                      <input
                        type="url"
                        value={contactInfo.url}
                        onChange={(e) => setContactInfo({...contactInfo, url: e.target.value})}
                        placeholder={t('websitePlaceholder')}
                        className="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200"
                      />
                    </div>
                  </div>
                )}

<button
                  onClick={resetForm}
                  className="w-full px-6 py-3 bg-gray-100 text-gray-700 rounded-xl hover:bg-gray-200 transition-all duration-200 font-medium"
                >
                  {t('clearAllFields')}
                </button>
              </div>

{/* QR Code Display Section */}
              <div className="flex flex-col items-center space-y-6">
                <h2 className="text-2xl font-semibold text-gray-800">{t('generatedQrCode')}</h2>
                
                <div className="bg-gray-50 rounded-2xl p-8 w-full max-w-sm">
                  {qrData ? (
                    <div className="text-center">
                      <div ref={qrContainerRef} className="flex justify-center">
                        {/* QR code will be dynamically inserted here */}
                      </div>
                      <p className="text-sm text-gray-600 mt-4">
                        {t('scanQrCode')}
                      </p>
                    </div>
                  ) : (
                    <div className="text-center py-16">
                      <QrCode className="w-16 h-16 text-gray-300 mx-auto mb-4" />
                      <p className="text-gray-500">
                        {t('fillFormPrompt')}
                      </p>
                    </div>
                  )}
                </div>

{qrData && (
                  <div className="flex gap-4 w-full max-w-sm">
                    <button
                      onClick={downloadQRCode}
                      className="flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-purple-600 to-blue-600 text-white rounded-xl hover:from-purple-700 hover:to-blue-700 transition-all duration-200 font-medium shadow-lg"
                    >
                      <Download className="w-4 h-4" />
                      {t('download')}
                    </button>
                    
                    <button
                      onClick={copyToClipboard}
                      className="flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-gray-100 text-gray-700 rounded-xl hover:bg-gray-200 transition-all duration-200 font-medium"
                    >
                      {copied ? (
                        <>
                          <Check className="w-4 h-4 text-green-600" />
                          {t('copied')}
                        </>
                      ) : (
                        <>
                          <Copy className="w-4 h-4" />
                          {t('copyData')}
                        </>
                      )}
                    </button>
                  </div>
                )}

{qrData && (
                  <div className="w-full max-w-sm">
                    <h3 className="text-sm font-medium text-gray-700 mb-2">{t('qrCodeData')}</h3>
                    <div className="bg-gray-100 rounded-lg p-3 text-xs text-gray-600 max-h-32 overflow-y-auto">
                      <pre className="whitespace-pre-wrap break-words">{qrData}</pre>
                    </div>
                  </div>
                )}
              </div>
            </div>
          </div>
        </div>

<div className="text-center mt-8 text-gray-500 text-sm">
          <p>{t('footerText')}</p>
        </div>
      </div>
    </div>
  );
};

export default QRCodeGenerator;				</div>
					</div>
				</div>
				</div>
		
	
	
</div>

</article>

</main>
			
		
	</div>

</div> 
	</div>
<footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p>Copyright © 2025 Tools | Powered by <a href="https://wpastra.com" rel="nofollow noopener" target="_blank">Astra WordPress Theme</a></p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer>
	</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
						<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
			<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script src="https://tools.pixelsutra.in/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.11.15" id="astra-theme-js-js"></script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.33.2" id="elementor-webpack-runtime-js"></script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.33.2" id="elementor-frontend-modules-js"></script>
<script src="https://tools.pixelsutra.in/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.33.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"e_pro_free_trial_popup":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/tools.pixelsutra.in\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/tools.pixelsutra.in\/wp-admin\/admin-ajax.php","uploadUrl":"http:\/\/tools.pixelsutra.in\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"216c814c3a"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":22,"title":"EASY%20QR%20CODE%20GENERATOR%20%E2%80%93%20Tools","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.33.2" id="elementor-frontend-js"></script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.32.2" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://tools.pixelsutra.in/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script src="https://tools.pixelsutra.in/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/tools.pixelsutra.in\/wp-admin\/admin-ajax.php","nonce":"15e469daef","urls":{"assets":"https:\/\/tools.pixelsutra.in\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/tools.pixelsutra.in\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/tools.pixelsutra.in\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.32.2" id="elementor-pro-frontend-js"></script>
<script src="https://tools.pixelsutra.in/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.32.2" id="pro-elements-handlers-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://tools.pixelsutra.in/wp-includes/js/wp-emoji-release.min.js?ver=6.9"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://tools.pixelsutra.in/wp-includes/js/wp-emoji-loader.min.js
</script>
	</body>
</html>