\n \n"} className={`w-html-embed c11b4pmf`} />

{"Contact Us"}

{"Let people know what to reach out about and what to expect after contacting you. Don’t forget to choose a storage option for submissions"}

{"inasahealthcare@gmail.com"}
{"(443) 631-3354"}

{"Name:"}
{"Subject:"}
{"Email:"}
{"Message:"}

<br
className={`w-element`} />
<button
type={"submit"}
className={`w-element`}>
{"Send Message"}
</button>
<div
id={"contact.responseMessage"}
className={`w-element`} />
</div>
</RemixForm>
<div
className={`w-element cd5fk7w`}>
<div
id={"map"}
className={`w-element`} />
<HtmlEmbed
code={"<link href=\"https://api.mapbox.com/mapbox-gl-js/v3.4.0/mapbox-gl.css\" rel=\"stylesheet\">\n<script src=\"https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.js\"></script>\n<style>\n    body { margin: 0; padding: 0; }\n    #map { width: 100%; height: 100% }\n</style>\n<script>\n\t// TO MAKE THE MAP APPEAR YOU MUST\n\t// ADD YOUR ACCESS TOKEN FROM\n\t// https://account.mapbox.com\n    mapboxgl.accessToken = 'sk.eyJ1IjoiYnNpZGUtZGV2IiwiYSI6ImNtaWsyd254eDE5M2szZHB4aWR2ZnFveDUifQ.oa-Kf1sbA--WyIJ2UmV8lg';\n    const map = new mapboxgl.Map({\n        container: 'map', // container ID\n        center: [-74.5, 40], // starting position [lng, lat]. Note that lat must be set between -90 and 90\n        zoom: 9 // starting zoom\n    });\n</script>\n"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</div>
<HtmlEmbed
executeScriptOnCanvas={false}
code={"<script>\n  document.getElementById('contact.form').addEventListener('submit', function(event) {\n    event.preventDefault(); // Prevent default form submission\n\n    const webhookUrl = `${N$56$N_BASE_URL/CONTACT_FORM_WEBHOOK_URL_PATH}`; \n    \n    const name = document.getElementById('contact.name').value;\n    const subject = document.getElementById('contact.subject').value;\n    const sender = document.getElementById('contact.email').value;\n    const message = document.getElementById('contact.message').value;\n    const recipient = OWNER_CONTACT_EMAIL;\n\n    const formData = {\n        name,\n        subject,\n        sender,\n        message,\n        recipient\n    };\n\n    fetch(webhookUrl, {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application/json' // Or 'application/x-www-form-urlencoded' if your webhook expects that\n        },\n        body: JSON.stringify(formData) // Send data as JSON\n    })\n    .then(response => {\n        if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        return response.json(); // Or response.text() if your webhook doesn't return JSON\n    })\n    .then(data => {\n        document.getElementById('contact.responseMessage').innerText = 'Message sent successfully!';\n        console.log('Success:', data);\n        document.getElementById('contact.form').reset(); // Clear the form\n    })\n    .catch(error => {\n        document.getElementById('contact.responseMessage').innerText = 'Error sending message.';\n        console.error('Error:', error);\n    });\n});\n</script>\n"}
className={`w-html-embed`} />
</div>
</section>
</Fragment_1>
</Slot>
</div>
</div>
<Slot>
<Fragment_1>
<div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c18mbblj c12eqyaq`}>
<div
href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cn1iies c1nuvu2f coutbuw c1l0xs1g ccis0ah cnrsfp7 c18mbblj`}>
<div
className={`w-element c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf c11b4pmf`}>
<Link
href={"/"}
className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
</div>
</Link>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies c1o3gzl4`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Quick Links"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
{"Home"}
</li>
<li
className={`w-element`}>
{"About"}
</li>
<li
className={`w-element`}>
{"Insurance"}
</li>
<li
className={`w-element`}>
{"Services"}
</li>
<li
className={`w-element`}>
{"Contact"}
</li>
</ul>
</div>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Our Services"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
<Link
href={"/services"}
className={`w-element c1uqshd c3hg53i ccis0ah`}>
{"View All Services"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element c1uqshd c3hg53i ccis0ah`}>
{"Book Appointment"}
</Link>
</li>
</ul>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Contact Info"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
{"Home"}
</li>
<li
className={`w-element`}>
{"About"}
</li>
<li
className={`w-element`}>
{"Insurance"}
</li>
<li
className={`w-element`}>
{"Services"}
</li>
<li
className={`w-element`}>
{"Contact"}
</li>
</ul>
</div>
</div>
</Fragment_1>
</Slot>
</div>
</Body>
}

export { Page }