inasa-healthcare/app/__generated__/[contact]._index.tsx

738 lines
29 KiB
TypeScript

/* eslint-disable */
/* This is a auto generated file for building the project */
import { Fragment, useState } from "react";
import { useResource, useVariableState } from "@webstudio-is/react-sdk/runtime";
import { Fragment as Fragment_1, HtmlEmbed as HtmlEmbed, Slot as Slot, Image as Image, Input as Input, Textarea as Textarea, Box as Box, Text as Text } from "@webstudio-is/sdk-components-react";
import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-is/sdk-components-react-router";
import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as DialogOverlay, DialogContent as DialogContent, DialogTitle as DialogTitle, DialogClose as DialogClose } from "@webstudio-is/sdk-components-react-radix";
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2026-02-08T13:38:46.057Z";
export const siteName = "Inasa Healthcare";
export const breakpoints = [{"id":"5zaWVFAeAfWgFjJNQ0GET"},{"id":"qOHlWr9cjM-6l364uX_FK","maxWidth":991},{"id":"8_hh5VMsAyWW46cnpT5HQ","maxWidth":767},{"id":"swNXPQRoKH4ij-T-zGDE7","maxWidth":479}];
export const favIconAsset: string | undefined =
"site_logo_v2_tkO8siNGRoA3_S158EWRH.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
[]
export const pageBackgroundImageAssets: string[] =
[]
const Page = (_props: { system: any; }) => {
let [WINDMILL_BASE_URL, set$WINDMILL_BASE_URL] = useVariableState<any>("https://windmill.bsidesolutions.net/api")
let [BREVO_JWT_TOKEN, set$BREVO_JWT_TOKEN] = useVariableState<any>("VTU7hlcLX0LDE2tyEYIQ1XSe4hVPU10I")
let [BREVO_API_ACCESS_KEY_LITERAL, set$BREVO_API_ACCESS_KEY_LITERAL] = useVariableState<any>("$res:u/oonyeje/brevo_access_key")
let [PROJECT_NAME, set$PROJECT_NAME] = useVariableState<any>("Inasa Healthcare")
let [OWNER_CONTACT_DOMAIN, set$OWNER_CONTACT_DOMAIN] = useVariableState<any>("inasahealthcare.com")
let [RECAPTCHA_API_KEY, set$RECAPTCHA_API_KEY] = useVariableState<any>("AIzaSyC38BNWhzaCmJWR7PZT1B7KsfWH9zPMGDY")
let [RECAPTCHA_KEY, set$RECAPTCHA_KEY] = useVariableState<any>("6LfI0kcsAAAAAFzNYUT50DLtU5RjCbIyOUQ-CXTA")
let [CONTACT_FORM_WEBHOOK_URL_PATH, set$CONTACT_FORM_WEBHOOK_URL_PATH] = useVariableState<any>("w/bside-hosted-websites/jobs/run/p/f/email_automations/send_a_transactional_email_for_website_contact_form")
return <Body
className={`w-element cdh6bof`}>
<Slot>
<Fragment_1>
<div
id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div
className={`w-element c1jdf9hf c11b4pmf c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf`}>
<Link
href={"/"}
className={`w-element c11b4pmf crww4sf c99w2b6 c9l3dkg cn1iies ckqrydf coutbuw cd5fk7w ccis0ah ca6r2qs c1jdf9hf c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/site_logo_v2_tkO8siNGRoA3_S158EWRH.png"}
width={500}
height={500}
loading={"eager"}
alt={""}
decoding={"async"}
className={`w-image cd5fk7w ca6r2qs c11b4pmf c1jdf9hf c14gusvn cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link
href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}>
<b
className={`w-element`}>
{"About"}
</b>
</Link>
<Link
href={"/insurance"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Insurance"}
</b>
</Link>
<Link
href={"/services"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Services"}
</b>
</Link>
<Link
href={"/contact"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Contact"}
</b>
</Link>
</div>
<div
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link
href={"https://portal.kareo.com/app/new/login"}
className={`w-element c1nogioa c116uun9 ctb0i89 c1xokafg coz667r c1no8buc c1chgf3q c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cibf3js cgzvhla c1eeyz1i c1ed0kk c1w1sxa6 cfg632o cd5r9k0`}>
{"Patient Portal"}
</Link>
</div>
<button
id={"menu-toggle-btn"}
className={`w-element c1sp6vd9 cw9hbgv cl30q92 c107nwhl c514454 c1vgf0es c1eipde2 cgocpdy ccqat67 cfpdywo caqkwpi cr3uuuc cx93287 ckqrydf c7c6iu ct0f37y c16ciwp8 cf8lsye`}>
<svg
xmlns={"http://www.w3.org/2000/svg"}
xlink={"http://www.w3.org/1999/xlink"}
x={"0px"}
y={"0px"}
viewBox={"0 0 32 32"}
fill={"black"}
id={"mobile-menu-icon"}
width={"32"}
height={"32"}
className={`w-element c110a4uj c39v9qm c1aqrz9t c1w8xp1f c14cftng`}>
<rect
x={"0"}
y={"3"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-1"}
className={`w-element`} />
<rect
x={"0"}
y={"14"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-2"}
className={`w-element`} />
<rect
x={"0"}
y={"25"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-3"}
className={`w-element`} />
</svg>
</button>
</div>
</div>
<div
id={"mobile-vertical-menu"}
className={`w-element cr3uuuc c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 ct0f37y c1h947w8 c8wv80m c4b9143 c14cftng c16ciwp8 c8f35fv c1lderqd c1lqdum6 cn5jbbd ${"mobile-menu"}`}>
<Link
href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx c13bvsfm`}>
<b
className={`w-element`}>
{"About"}
</b>
</Link>
<Link
href={"/insurance"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Insurance"}
</b>
</Link>
<Link
href={"/services"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Services"}
</b>
</Link>
<Link
href={"/contact"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Contact"}
</b>
</Link>
</div>
<HtmlEmbed
executeScriptOnCanvas={true}
code={"<style>\n .mobile-menu {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.5s ease-in-out;\n display: none; /* Initially hidden */\n }\n\n .mobile-menu.visible {\n visibility: visible;\n opacity: 1;\n display: flex; /* Make it visible for the transition */\n }\n</style>\n<script src=\"https://cdn.jsdelivr.net/npm/motion/dist/motion.js\"></script>\n<script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const { animate } = Motion;\n const panel = document.getElementById(\"top\");\n const btn = document.getElementById(\"menu-toggle-btn\");\n const verticalMenu = document.getElementById(\"mobile-vertical-menu\");\n const verticalMenuIcon = document.getElementById(\"mobile-menu-icon\")\n \n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n if (open) {\n verticalMenuIcon.getElementById(\"rect-2\").style.display = 'inline'\n } else {\n verticalMenuIcon.getElementById(\"rect-2\").style.display = 'none'\n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n verticalMenu.style.display = 'none';\n verticalMenu.removeEventListener('transitionend', handler);\n });\n } else {\n verticalMenu.classList.add('visible')\n\n verticalMenu.style.display = 'flex';\n // Force reflow to ensure display change takes effect before opacity transition\n verticalMenu.offsetWidth; \n verticalMenu.classList.add('visible');\n }\n \n open = !open;\n });\n });\n</script>\n"}
clientOnly={true}
className={`w-html-embed`} />
</div>
</Fragment_1>
</Slot>
<div
id={"top"}
className={`w-element cfm4hf3 crww4sf c3g7ft6 c15fz3od`}>
<Slot>
<Fragment_1>
<div
className={`w-element crww4sf c3g7ft6 c116qtv c154m00f cx93287 ckqrydf c3shrxx c1tn6hsy c1bqa3yi c571dfw c1dphl9v cz4jznh coiridq cds9k0c`}>
<Dialog>
<DialogTrigger>
<button
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c6eniwt c1opy1an c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i ccis0ah crww4sf c15fz3od ckqrydf c7c6iu c1gdpstt`}>
<Slot>
<Fragment_1>
<div
className={`w-element cfm4hf3 crww4sf c99w2b6 cx93287 ckqrydf c1o3gzl4 cd5fk7w`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 20 20\">\n <path fill=\"currentColor\" d=\"M1 4c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm2 2v12h14V6H3zm2-6h2v2H5V0zm8 0h2v2h-2V0zM5 9h2v2H5V9zm0 4h2v2H5v-2zm4-4h2v2H9V9zm0 4h2v2H9v-2zm4-4h2v2h-2V9zm0 4h2v2h-2v-2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay c3shrxx cud6u35 cmw8vlv c1n5jp6m c1d3y53 c1jdgo8g c1d213ou c57zr4m crww4sf c11do2ie cg93c1i`}>
<DialogContent
className={`w-dialog-content cd5fk7w c1jdgo8g crww4sf c3g7ft6 c1lll4jc ci596ri c1klvqsi c1xunj7p c1q2bn09 cfm4hf3 c1mcgxgr c17vun2v cxharj0`}>
<Box
className={`w-box crww4sf c3g7ft6 cu5viv c1m4gklp c1l0qkn3`}>
<DialogTitle
className={`w-dialog-title c19yfdn6 cqjpqux c15wo4ls c4r4hj8 c1d9e12k`}>
{"Book Through Our Service Partners"}
</DialogTitle>
</Box>
<div
className={`w-element crww4sf c99w2b6 cx93287 c1ontqe3 c1o3gzl4`}>
<div
className={`w-element`}>
<Text
className={`w-text ckscd18 c4r4hj8 c98g4tl ct0f37y`}>
{"ZocDoc"}
</Text>
<div
className={`w-element`}>
<Link
href={"https://www.zocdoc.com/practice/inasa-healthcare-llc-168676?lock=true&isNewPatient=false&referrerType=widget"}
data-type={"book-button"}
data-practice-id={"168676"}
title={"Inasa Healthcare, LLC"}
className={`w-element c17zll0l ${"zd-plugin"}`}>
<Image
src={"/assets/rb_BookOnline_White_162x71_nM5SAipMNltvGoLVDaIUy.png"}
width={162}
height={71}
alt={""}
title={"Inasa Healthcare, LLC"}
className={`w-image cv9zpwk`} />
</Link>
</div>
</div>
<div
className={`w-element crww4sf c3g7ft6`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c6eniwt c1opy1an c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i ccis0ah crww4sf c15fz3od ckqrydf c11b4pmf`}>
<Slot>
<Fragment_1>
<div
className={`w-element cfm4hf3 crww4sf c99w2b6 cx93287 ckqrydf c1o3gzl4 cd5fk7w`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 20 20\">\n <path fill=\"currentColor\" d=\"M1 4c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm2 2v12h14V6H3zm2-6h2v2H5V0zm8 0h2v2h-2V0zM5 9h2v2H5V9zm0 4h2v2H5v-2zm4-4h2v2H9V9zm0 4h2v2H9v-2zm4-4h2v2h-2V9zm0 4h2v2h-2v-2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
<Text
className={`w-text ckscd18 c4r4hj8 c98g4tl`}>
<span
className={`w-element c1z0llsw c1p0nz92`}>
{"powered by"}
</span>
{" Tebra"}
</Text>
</div>
</div>
<DialogClose
className={`w-close-button c113py9s c1lp6c13 c7yiwr1 c14dwtj8 c11bct49 c13eslry cmd4v5u c4ttaev crww4sf cx93287 ckqrydf c1vnd0br c12w6qz4 cop75xo cdqqz4l cv9zpwk c1ramsrz c31x9c0`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed c7c6iu`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</div>
</Fragment_1>
</Slot>
<div
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
<div
className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Slot>
<Fragment_1>
<section
id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r cdh6bof ck52z3u`}>
<HtmlEmbed
code={"<script src=\"https://www.google.com/recaptcha/api.js\" async defer></script>"}
executeScriptOnCanvas={false}
className={`w-html-embed`} />
<div
className={`w-element crww4sf c3g7ft6 c4b9143`}>
<div
className={`w-element crww4sf c99w2b6 c15fz3od c4b9143`}>
<RemixForm
id={"contact.form"}
encType={"application/x-www-form-urlencoded"}
action={"?"}
method={"post"}
className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r c10x4uj1`}>
<div
className={`w-element c16ciwp8 c4b9143`}>
<h1
className={`w-element c8m2yga c1jkytp4 c4r4hj8 ch1x1p6 c1jha0i3`}>
{"Contact Us"}
</h1>
<p
className={`w-element cd5fk7w cdh6bof ctcym5x c8m2yga c1w8xp1f`}>
{"Reach out today and let us accompany you on your patient journey!"}
</p>
</div>
<div
className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f c14m1hll`}>
<label
htmlFor={"contact.name"}
className={`w-element`}>
{"Name:"}
</label>
<Input
type={"text"}
id={"contact.name"}
name={"contact.name"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.subject"}
className={`w-element`}>
{"Subject:"}
</label>
<Input
type={"text"}
id={"contact.subject"}
name={"contact.subject"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.email"}
className={`w-element`}>
{"Email:"}
</label>
<Input
type={"email"}
id={"contact.email"}
name={"contact.email"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.message"}
className={`w-element`}>
{"Message:"}
</label>
<Textarea
id={"contact.message"}
name={"contact.message"}
rows={5}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<div
className={`w-element crww4sf c1ukwrqd c1o3gzl4 cx93287 c1nuvu2f c1lll4jc ci596ri`}>
<HtmlEmbed
code={`<script>\n async function onRecaptcha(token) {\n const waitForJobCompletion = (UUID) => {\n return new Promise(async (resolve, reject) => {\n try {\n const endpoint = \`${WINDMILL_BASE_URL}/w/bside-hosted-websites/jobs_u/completed/get_result_maybe/\${UUID}\`;\n const checkResponse = await fetch(endpoint, {\n method: 'GET',\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer ${BREVO_JWT_TOKEN}\"\n }\n });\n \n const checkData = await checkResponse.json();\n \n if (checkData.completed) {\n document.getElementById('contact.responseMessage').innerText = 'Message sent successfully!';\n console.log('Success'); \n document.getElementById('contact.form').reset(); // Clear the form\n resolve(checkData);\n } else {\n // If not completed, wait for a second then try again\n setTimeout(async () => {\n const result = await waitForJobCompletion(UUID);\n resolve(result);\n }, 1000);\n }\n } catch (error) {\n document.getElementById('contact.responseMessage').innerText = 'Error sending message.';\n console.error('Error:', error);\n reject(error);\n }\n });\n }\n \n const triggerJob = async () => {\n const webhookUrl = \"${WINDMILL_BASE_URL}/w/bside-hosted-websites/jobs/run/p/f/email_automations/send_a_transactional_email_for_website_contact_form\"; \n\nconst name = document.getElementById('contact.name').value;\n const subject = document.getElementById('contact.subject').value;\n const email = document.getElementById('contact.email').value;\n const message = document.getElementById('contact.message').value;\n \n const formData = {\n auth: \"${BREVO_API_ACCESS_KEY_LITERAL}\",\n body: {\n subject,\n sender: {\n name: \"${PROJECT_NAME} Website Correspondance\",\n email: \"site-contact@${OWNER_CONTACT_DOMAIN}\"\n },\n to: [{\n name: 'No Reply | ${PROJECT_NAME}',\n email: \"info@${OWNER_CONTACT_DOMAIN}\"\n }],\n textContent: \`\${name} (\${email}) has sent the following message:\\n\\n\${message}\`,\n subject,\n replyTo: {\n name,\n email\n }\n }\n };\n \n return await fetch(webhookUrl, {\n method: 'POST',\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer ${BREVO_JWT_TOKEN}\"\n },\n body: JSON.stringify(formData) // Send data as JSON\n })\n }\n \n if (!token.length > 0) {\n throw new Error(\"reCaptcha Token Response missing\")\n }\n\n try {\n const response = await fetch(\`https://recaptchaenterprise.googleapis.com/v1/projects/bside-hosted-webistes/assessments?key=${RECAPTCHA_API_KEY}\`, {\n method: 'POST',\n body: JSON.stringify({\n \"event\": {\n token,\n siteKey: "${RECAPTCHA_KEY}",\n }\n })\n })\n\n \n const data = await response.json()\n\n if ('tokenProperties' in data && data.tokenProperties?.valid) {\n if (document.getElementById('contact.form').reportValidity()) {\n const jobTriggerResponse = await triggerJob();\n const UUID = await jobTriggerResponse.text();\n const jobCompletionData = await waitForJobCompletion(UUID);\n \n return jobCompletionData;\n }\n }\n \n } catch (error) {\n console.log(error)\n throw new Error(\"reCaptcha Token Response score failed to verify\") \n }\n }\n</script>`}
executeScriptOnCanvas={false}
clientOnly={false}
className={`w-html-embed`} />
<button
type={"submit"}
data-sitekey={RECAPTCHA_KEY}
data-callback={"onRecaptcha"}
data-action={"submit"}
data-badge={"inline"}
data-size={"invisible"}
className={`w-element c4trja3 c1xunj7p c3hg53i cibf3js cgzvhla c1eeyz1i c1ed0kk c1vub16f c7c6iu c43t0qt ${"g-recaptcha"}`}>
{"Submit"}
</button>
</div>
<div
id={"contact.responseMessage"}
className={`w-element crww4sf c99w2b6 cx93287 ckqrydf c1ed0fez cjesh6`} />
</div>
</RemixForm>
<div
className={`w-element crww4sf c3g7ft6 c1wob7x0 cx93287 ckqrydf c11b4pmf c4r4hj8 cak81v1`}>
<p
className={`w-element c1wob7x0 cdh6bof c1wuw6ta c1oi72ah c16wpn9q c122j58o c9frhl4 c1icx67s cibf3js cgzvhla c1eeyz1i c1ed0kk c1w8xp1f c8m2yga c17xvvto`}>
<span
className={`w-element`}>
<b
className={`w-element cdh6bof c1oi72ah ch1x1p6`}>
{"5450 Reisterstown Rd Ste 204"}
</b>
{""}
<br />
{""}
<b
className={`w-element cdh6bof c1oi72ah ch1x1p6`}>
{"Baltimore, MD 21215"}
</b>
</span>
<div
className={`w-element c404j15`}>
{"inasahealthcare@gmail.com"}
<br />
{"(443) 631-3354"}
</div>
</p>
</div>
</div>
<div
className={`w-element cd5fk7w`}>
<div
id={"map"}
className={`w-element c1w8xp1f`}>
<iframe
src={"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3085.394060214603!2d-76.69269462563281!3d39.34731202003477!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c81a5783c70acd%3A0xb4704e47c019e02!2sROGERS%20PROFESSIONAL%20BUILDING%2C%205450%20Reisterstown%20Rd%20%23204%2C%20Baltimore%2C%20MD%2021215!5e0!3m2!1sen!2sus!4v1764803005072!5m2!1sen!2sus"}
height={450}
allowFullScreen={true}
loading={"lazy"}
referrerPolicy={"no-referrer-when-downgrade"}
className={`w-element cd5fk7w cv9zpwk`} />
</div>
</div>
<HtmlEmbed
executeScriptOnCanvas={false}
code={`\n<script>\n document.getElementById('contact.form').addEventListener('submit', async function(event) {\n const waitForJobCompletion = (UUID) => {\n return new Promise(async (resolve, reject) => {\n try {\n const endpoint = \`${WINDMILL_BASE_URL}/w/bside-hosted-websites/jobs_u/completed/get_result_maybe/\${UUID}\`;\n const checkResponse = await fetch(endpoint, {\n method: 'GET',\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer ${BREVO_JWT_TOKEN}\"\n }\n });\n \n const checkData = await checkResponse.json();\n \n if (checkData.completed) {\n document.getElementById('contact.responseMessage').innerText = 'Message sent successfully!';\n console.log('Success'); \n document.getElementById('contact.form').reset(); // Clear the form\n resolve(checkData);\n } else {\n // If not completed, wait for a second then try again\n setTimeout(async () => {\n const result = await waitForJobCompletion(UUID);\n resolve(result);\n }, 1000);\n }\n } catch (error) {\n document.getElementById('contact.responseMessage').innerText = 'Error sending message.';\n console.error('Error:', error);\n reject(error);\n }\n });\n }\n \n const triggerJob = async () => {\n const webhookUrl = \"${WINDMILL_BASE_URL}/${CONTACT_FORM_WEBHOOK_URL_PATH}\"; \n\n\n const name = document.getElementById('contact.name').value;\n const subject = document.getElementById('contact.subject').value;\n const email = document.getElementById('contact.email').value;\n const message = document.getElementById('contact.message').value;\n \n const formData = {\n auth: \"${BREVO_API_ACCESS_KEY_LITERAL}\",\n body: {\n subject,\n sender: {\n name: \"Inasa Healthcare Website Correspondance\",\n email: \"site-contact@${OWNER_CONTACT_DOMAIN}\"\n },\n to: [{\n name: 'No Reply | Inasa Healthcare',\n email: \"info@${OWNER_CONTACT_DOMAIN}\"\n }],\n textContent: \`\${name} (\${email}) has sent the following message:\\n\\n\${message}\`,\n subject,\n replyTo: {\n name,\n email\n }\n }\n };\n \n return await fetch(webhookUrl, {\n method: 'POST',\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer ${BREVO_JWT_TOKEN}\"\n },\n body: JSON.stringify(formData) // Send data as JSON\n })\n }\n \n event.preventDefault(); // Prevent default form submission\n const jobTriggerResponse = await triggerJob();\n const UUID = await jobTriggerResponse.text();\n const jobCompletionData = await waitForJobCompletion(UUID);\n return jobCompletionData;\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 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div
href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
<div
className={`w-element c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf cef87he cd5fk7w c1w8xp1f`}>
<Link
href={"/"}
className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/site_logo_v2_tkO8siNGRoA3_S158EWRH.png"}
width={500}
height={500}
loading={"lazy"}
alt={""}
decoding={"async"}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div>
</Link>
</div>
</div>
<div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3
className={`w-element c4r4hj8 c3hg53i`}>
{"Visit us Today!"}
</h3>
</div>
<div
className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul
className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"9am - 7pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"9am - 7pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"9am - 7pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"9am - 7pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"9am - 5pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
<span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li>
</ul>
</div>
</div>
<div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3
className={`w-element cbf49fz c1w8xp1f`}>
<span
className={`w-element`}>
{"Links"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp cd5fk7w c1w8xp1f`}>
<li
className={`w-element`}>
<Link
href={"/"}
className={`w-element c1uqshd ccis0ah c3hg53i`}>
{"Home"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"/about"}
className={`w-element c1uqshd ccis0ah c3hg53i`}>
{"About"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"/insurance"}
className={`w-element c1uqshd ccis0ah c3hg53i`}>
{"Insurance"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"/services"}
className={`w-element c1uqshd ccis0ah c3hg53i`}>
{"Services"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"/contact"}
className={`w-element c1uqshd ccis0ah c3hg53i`}>
{"Contact"}
</Link>
</li>
</ul>
</div>
<div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<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`}>
<Dialog>
<DialogTrigger>
<button
className={`w-element c1uqshd c3hg53i ccis0ah cgocpdy ccqat67 cfpdywo caqkwpi cop75xo c7c6iu cs2rn1m`}>
{"Book Appointment"}
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay c3shrxx cud6u35 cmw8vlv c1n5jp6m c1d3y53 c1jdgo8g c1d213ou c57zr4m crww4sf c11do2ie cg93c1i`}>
<DialogContent
className={`w-dialog-content cd5fk7w c1jdgo8g crww4sf c3g7ft6 c1lll4jc ci596ri c1klvqsi c1xunj7p c1q2bn09 cfm4hf3 c1mcgxgr c17vun2v cxharj0`}>
<Box
className={`w-box crww4sf c3g7ft6 cu5viv c1m4gklp c1l0qkn3`}>
<DialogTitle
className={`w-dialog-title c19yfdn6 cqjpqux c15wo4ls c4r4hj8 c1d9e12k`}>
{"Book Through Our Service Partners"}
</DialogTitle>
</Box>
<div
className={`w-element crww4sf c99w2b6 cx93287 c1ontqe3 c1o3gzl4`}>
<div
className={`w-element`}>
<Text
className={`w-text ckscd18 c4r4hj8 c98g4tl ct0f37y`}>
{"ZocDoc"}
</Text>
<div
className={`w-element`}>
<Link
href={"https://www.zocdoc.com/practice/inasa-healthcare-llc-168676?lock=true&isNewPatient=false&referrerType=widget"}
data-type={"book-button"}
data-practice-id={"168676"}
title={"Inasa Healthcare, LLC"}
className={`w-element c17zll0l ${"zd-plugin"}`}>
<Image
src={"/assets/rb_BookOnline_White_162x71_nM5SAipMNltvGoLVDaIUy.png"}
width={162}
height={71}
alt={""}
title={"Inasa Healthcare, LLC"}
className={`w-image cv9zpwk`} />
</Link>
</div>
</div>
<div
className={`w-element crww4sf c3g7ft6`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c6eniwt c1opy1an c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i ccis0ah crww4sf c15fz3od ckqrydf c11b4pmf`}>
<Slot>
<Fragment_1>
<div
className={`w-element cfm4hf3 crww4sf c99w2b6 cx93287 ckqrydf c1o3gzl4 cd5fk7w`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 20 20\">\n <path fill=\"currentColor\" d=\"M1 4c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm2 2v12h14V6H3zm2-6h2v2H5V0zm8 0h2v2h-2V0zM5 9h2v2H5V9zm0 4h2v2H5v-2zm4-4h2v2H9V9zm0 4h2v2H9v-2zm4-4h2v2h-2V9zm0 4h2v2h-2v-2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
<Text
className={`w-text ckscd18 c4r4hj8 c98g4tl`}>
<span
className={`w-element c1z0llsw c1p0nz92`}>
{"powered by"}
</span>
{" Tebra"}
</Text>
</div>
</div>
<DialogClose
className={`w-close-button c113py9s c1lp6c13 c7yiwr1 c14dwtj8 c11bct49 c13eslry cmd4v5u c4ttaev crww4sf cx93287 ckqrydf c1vnd0br c12w6qz4 cop75xo cdqqz4l cv9zpwk c1ramsrz c31x9c0`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed c7c6iu`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</li>
</ul>
</div>
</div>
</div>
</Fragment_1>
</Slot>
</div>
</Body>
}
export { Page }