bside-solution-client-websites/inasa-healthcare
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

- updated look of contact form with bubble info div as sibling element

Browse Source 
- updated global fonts for website
- updated email to inasahealthcare@gmail.com
This commit is contained in:
oonyeje 2025-12-07 11:38:13 -05:00
parent 922e2e289e
commit 78f35718bf
9 changed files with 3921 additions and 1822 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4811
.webstudio/data.json
View File

File diff suppressed because it is too large Load Diff

93
app/__generated__/$.tsx generated
View File

@ -10,7 +10,7 @@ import { Fragment as Fragment_1, Slot as Slot, HtmlEmbed as HtmlEmbed, Image as
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -30,12 +30,12 @@ import { Fragment as Fragment_1, Slot as Slot, HtmlEmbed as HtmlEmbed, Image as
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element crww4sf ckqrydf cn1iies c9frhl4`}> className={`w-element crww4sf ckqrydf cn1iies c9frhl4 cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -55,7 +55,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -93,7 +93,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -107,6 +107,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -177,7 +178,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -228,7 +229,7 @@ className={`w-element ctcx9n8 ckscd18 c1fj3gs0 c1syul9i cec5wga ccktgr0 cxiii4b
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -251,7 +252,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -260,45 +261,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -326,7 +369,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

2
app/__generated__/$resources.sitemap.xml.ts generated
View File

@ -2,7 +2,7 @@
export const sitemap = [ export const sitemap = [
{ {
"path": "/", "path": "/",
"lastModified": "2025-12-06" "lastModified": "2025-12-07"
} }
]; ];

116
app/__generated__/[about]._index.tsx generated
View File

@ -10,7 +10,7 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -30,12 +30,12 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element`}> className={`w-element cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -55,7 +55,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -93,7 +93,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -107,6 +107,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -177,7 +178,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -204,21 +205,6 @@ className={`w-html-embed c11b4pmf`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</Link> </Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c1gdpstt c1gdv9co c1vub16f c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i cblg0tc`}>
<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 400 448\">\n <path fill=\"currentColor\" d=\"m44 273l156-139l156 137q4 4 15 4q10 0 17-6q13-15-2-30L200 79L14 241q-14 16-2 30q14 13 32 2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div> </div>
</Fragment_1> </Fragment_1>
</Slot> </Slot>
@ -230,7 +216,7 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Fragment_1> <Fragment_1>
<section <section
id={"about"} id={"about"}
className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r`}> className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r cdh6bof`}>
<div <div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}> className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1 <h1
@ -243,7 +229,7 @@ className={`w-element crww4sf c1fu4nwy ctwnth8`}>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 c8m2yga`}>
<p <p
className={`w-element c1uqshd c14f4hco c1w9myra c18k0d33 c1w8xp1f`}> className={`w-element c1uqshd c14f4hco c1w9myra c18k0d33 c1w8xp1f c8m2yga`}>
<span <span
className={`w-element`}> className={`w-element`}>
<b <b
@ -313,10 +299,6 @@ className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"about\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</div> </div>
@ -324,7 +306,7 @@ className={`w-html-embed`} />
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -347,7 +329,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -356,45 +338,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -422,7 +446,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

166
app/__generated__/[contact]._index.tsx generated
View File

@ -10,7 +10,7 @@ import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-i
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -30,12 +30,12 @@ import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-i
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element`}> className={`w-element cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -55,7 +55,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -93,7 +93,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -107,6 +107,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -177,7 +178,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -204,21 +205,6 @@ className={`w-html-embed c11b4pmf`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</Link> </Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c1gdpstt c1gdv9co c1vub16f c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i cblg0tc`}>
<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 400 448\">\n <path fill=\"currentColor\" d=\"m44 273l156-139l156 137q4 4 15 4q10 0 17-6q13-15-2-30L200 79L14 241q-14 16-2 30q14 13 32 2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div> </div>
</Fragment_1> </Fragment_1>
</Slot> </Slot>
@ -230,14 +216,16 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Fragment_1> <Fragment_1>
<section <section
id={"contact"} id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r`}> className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r cdh6bof ck52z3u`}>
<div <div
className={`w-element crww4sf c3g7ft6 c4b9143`}> className={`w-element crww4sf c3g7ft6 c4b9143`}>
<div
className={`w-element crww4sf c99w2b6 c15fz3od c4b9143`}>
<RemixForm <RemixForm
id={"contact.form"} id={"contact.form"}
method={"post"} method={"post"}
encType={"application/x-www-form-urlencoded"} encType={"application/x-www-form-urlencoded"}
className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r c10x4uj1`}>
<div <div
className={`w-element c16ciwp8 c4b9143`}> className={`w-element c16ciwp8 c4b9143`}>
<h1 <h1
@ -245,18 +233,12 @@ className={`w-element c8m2yga c1jkytp4 c4r4hj8 ch1x1p6 c1jha0i3`}>
{"Contact Us"} {"Contact Us"}
</h1> </h1>
<p <p
className={`w-element c1wob7x0 c1rxm3ec ctcym5x c8m2yga c1w8xp1f`}> className={`w-element cd5fk7w cdh6bof ctcym5x c8m2yga c1w8xp1f`}>
{"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"} {"Reach out today and let us accompany you on your patient journey!"}
</p>
<p
className={`w-element c4trja3 c1rxm3ec c1w8xp1f c8m2yga`}>
{"inasahealthcare@gmail.com"}
<br />
{"(443) 631-3354"}
</p> </p>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f c14m1hll`}>
<label <label
htmlFor={"contact.name"} htmlFor={"contact.name"}
className={`w-element`}> className={`w-element`}>
@ -309,17 +291,47 @@ required={true}
className={`w-element`} /> className={`w-element`} />
<br <br
className={`w-element`} /> className={`w-element`} />
<div
className={`w-element crww4sf c99w2b6 c1o3gzl4 cx93287 c1nuvu2f`}>
<button <button
type={"submit"} type={"submit"}
className={`w-element`}> className={`w-element c4trja3 c1xunj7p c3hg53i cibf3js cgzvhla c1eeyz1i c1ed0kk c1vub16f c43t0qt`}>
{"Send Message"} {"Submit"}
</button> </button>
</div>
<div <div
id={"contact.responseMessage"} id={"contact.responseMessage"}
className={`w-element`} /> className={`w-element`} />
</div> </div>
</RemixForm> </RemixForm>
<div <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`}> className={`w-element cd5fk7w`}>
<div <div
id={"map"} id={"map"}
@ -335,14 +347,10 @@ className={`w-element cd5fk7w cv9zpwk`} />
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={false} 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"} code={"<script>\n document.getElementById('contact.form').addEventListener('submit', function(event) {\n event.preventDefault(); // Prevent default form submission\n\n // const webhookUrl = `${NN_BASE_URL}/${CONTACT_FORM_WEBHOOK_URL_PATH}`; \n\n const webhookUrl = `https://n8n-ai.bsidesolutions.net/webhook/9974ca96-98ba-4e56-bb48-debfdad8cf59`; \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 = \"inasahealthcare@gmail.com\";\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`} /> className={`w-html-embed`} />
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"contact\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</div> </div>
@ -350,7 +358,7 @@ className={`w-html-embed`} />
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -373,7 +381,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -382,45 +390,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -448,7 +498,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

116
app/__generated__/[insurance]._index.tsx generated
View File

@ -10,7 +10,7 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -30,12 +30,12 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element`}> className={`w-element cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -55,7 +55,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -93,7 +93,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -107,6 +107,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -177,7 +178,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -201,21 +202,6 @@ className={`w-html-embed c11b4pmf`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</Link> </Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c1gdpstt c1gdv9co c1vub16f c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i cblg0tc`}>
<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 400 448\">\n <path fill=\"currentColor\" d=\"m44 273l156-139l156 137q4 4 15 4q10 0 17-6q13-15-2-30L200 79L14 241q-14 16-2 30q14 13 32 2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div> </div>
</Fragment_1> </Fragment_1>
</Slot> </Slot>
@ -227,11 +213,11 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Fragment_1> <Fragment_1>
<section <section
id={"insurance"} id={"insurance"}
className={`w-element cpd015r c1rxm3ec crww4sf c3g7ft6`}> className={`w-element cpd015r crww4sf c3g7ft6 cdh6bof c18b4geo`}>
<div <div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}> className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1 <h1
className={`w-element c11b4pmf c1wdq0x ch1x1p6 c4r4hj8`}> className={`w-element c11b4pmf c1ir4q6q ch1x1p6 c4r4hj8`}>
{"Major Insurance Providers Accepted"} {"Major Insurance Providers Accepted"}
</h1> </h1>
</div> </div>
@ -354,10 +340,6 @@ className={`w-image`} />
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"insurance\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</div> </div>
@ -365,7 +347,7 @@ className={`w-html-embed`} />
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -388,7 +370,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -397,45 +379,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -463,7 +487,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

114
app/__generated__/[services]._index.tsx generated
View File

@ -11,7 +11,7 @@ import { Body as Body, Link as Link } from "@webstudio-is/sdk-components-react-r
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -31,12 +31,12 @@ import { Body as Body, Link as Link } from "@webstudio-is/sdk-components-react-r
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element`}> className={`w-element cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -56,7 +56,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -94,7 +94,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -108,6 +108,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -178,7 +179,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -202,21 +203,6 @@ className={`w-html-embed c11b4pmf`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</Link> </Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c1gdpstt c1gdv9co c1vub16f c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i cblg0tc`}>
<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 400 448\">\n <path fill=\"currentColor\" d=\"m44 273l156-139l156 137q4 4 15 4q10 0 17-6q13-15-2-30L200 79L14 241q-14 16-2 30q14 13 32 2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div> </div>
</Fragment_1> </Fragment_1>
</Slot> </Slot>
@ -228,7 +214,7 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Fragment_1> <Fragment_1>
<section <section
id={"services"} id={"services"}
className={`w-element cpd015r ${"services"}`}> className={`w-element cpd015r cdh6bof ${"services"}`}>
<div <div
className={`w-element ${"container"}`}> className={`w-element ${"container"}`}>
<div <div
@ -644,10 +630,6 @@ className={`w-html-embed`} />
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"services\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</div> </div>
@ -655,7 +637,7 @@ className={`w-html-embed`} />
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -678,7 +660,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -687,45 +669,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -753,7 +777,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

194
app/__generated__/_index.tsx generated
View File

@ -11,7 +11,7 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0"; export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-06T02:11:02.175Z"; export const lastPublished = "2025-12-07T16:35:06.553Z";
export const siteName = "Inasa Healthcare"; export const siteName = "Inasa Healthcare";
@ -52,12 +52,12 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial
const Page = (_props: { system: any; }) => { const Page = (_props: { system: any; }) => {
return <Body return <Body
className={`w-element cfm4hf3 ck6slji`}> className={`w-element cfm4hf3 ck6slji cdh6bof`}>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
id={"top"} id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}> className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div <div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}> className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div <div
@ -77,7 +77,7 @@ className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`}
<div <div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}> className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div <div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}> className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link <Link
href={"/about"} href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}> className={`w-element c1uqshd ccis0ah cw8x2cx`}>
@ -115,7 +115,7 @@ className={`w-element`}>
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}> className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link <Link
href={"https://portal.kareo.com/app/new/login"} href={"https://portal.kareo.com/app/new/login"}
className={`w-element cc1j7jk c4g0gtg cb0nlo6 c1t5jbpo c1nogioa c116uun9 ctb0i89 c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cfg632o c18k0d33 cd5r9k0`}> 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"} {"Patient Portal"}
</Link> </Link>
</div> </div>
@ -129,6 +129,7 @@ x={"0px"}
y={"0px"} y={"0px"}
viewBox={"0 0 32 32"} viewBox={"0 0 32 32"}
fill={"black"} fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}> className={`w-element c110a4uj`}>
<rect <rect
x={"0"} x={"0"}
@ -199,7 +200,7 @@ className={`w-element`}>
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={true} 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\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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"} 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\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 \n } else {\n \n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.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} clientOnly={true}
className={`w-html-embed`} /> className={`w-html-embed`} />
</div> </div>
@ -226,36 +227,21 @@ className={`w-html-embed c11b4pmf`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</Link> </Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c1gdpstt c1gdv9co c1vub16f c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i cblg0tc`}>
<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 400 448\">\n <path fill=\"currentColor\" d=\"m44 273l156-139l156 137q4 4 15 4q10 0 17-6q13-15-2-30L200 79L14 241q-14 16-2 30q14 13 32 2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div> </div>
</Fragment_1> </Fragment_1>
</Slot> </Slot>
<div <div
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}> className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
<div <div
className={`w-element cfm4hf3 c1yqqodz`}> className={`w-element cfm4hf3 c1yqqodz cdh6bof`}>
<div <div
className={`w-element c113py9s cd5fk7w c1wuw6ta c1ekqqod crww4sf c99w2b6 ctrkwd2 ckqrydf c138t5gw`}> className={`w-element c113py9s cd5fk7w c1wuw6ta c1ekqqod crww4sf c99w2b6 ctrkwd2 ckqrydf c138t5gw`}>
<div <div
className={`w-element crww4sf c3g7ft6 cx93287 c25jnh8 c1co9a8n c1h1x3hd cj4oj79 cm5to3z co6hevf`}> className={`w-element crww4sf c3g7ft6 cx93287 c25jnh8 c1co9a8n c1h1x3hd cj4oj79 cm5to3z co6hevf`}>
<h1 <h1
className={`w-element crww4sf c99w2b6 cx93287 ckqrydf coutbuw c1t5jmde ckscd18 c1wob7x0 c4r4hj8 c8m2yga`}> className={`w-element crww4sf c99w2b6 cx93287 ckqrydf coutbuw c1t5jmde ckscd18 cd5fk7w c4r4hj8 c8m2yga`}>
<b <b
className={`w-element c3hg53i ckscd18 c1qafxoh c18kf3ak`}> className={`w-element c3hg53i ckscd18 c1qafxoh cdh6bof c18kf3ak`}>
{"Welcome to Inasa Healthcare"} {"Welcome to Inasa Healthcare"}
</b> </b>
</h1> </h1>
@ -283,7 +269,7 @@ className={`w-element crl0oac co9jzi5 ca6r2qs cnt0ref`}>
<Fragment_1> <Fragment_1>
<section <section
id={"about"} id={"about"}
className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r`}> className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r cdh6bof`}>
<div <div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}> className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1 <h1
@ -296,7 +282,7 @@ className={`w-element crww4sf c1fu4nwy ctwnth8`}>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 c8m2yga`}>
<p <p
className={`w-element c1uqshd c14f4hco c1w9myra c18k0d33 c1w8xp1f`}> className={`w-element c1uqshd c14f4hco c1w9myra c18k0d33 c1w8xp1f c8m2yga`}>
<span <span
className={`w-element`}> className={`w-element`}>
<b <b
@ -366,17 +352,13 @@ className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"about\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<section <section
id={"services"} id={"services"}
className={`w-element cpd015r ${"services"}`}> className={`w-element cpd015r cdh6bof ${"services"}`}>
<div <div
className={`w-element ${"container"}`}> className={`w-element ${"container"}`}>
<div <div
@ -792,21 +774,17 @@ className={`w-html-embed`} />
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"services\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<section <section
id={"insurance"} id={"insurance"}
className={`w-element cpd015r c1rxm3ec crww4sf c3g7ft6`}> className={`w-element cpd015r crww4sf c3g7ft6 cdh6bof c18b4geo`}>
<div <div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}> className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1 <h1
className={`w-element c11b4pmf c1wdq0x ch1x1p6 c4r4hj8`}> className={`w-element c11b4pmf c1ir4q6q ch1x1p6 c4r4hj8`}>
{"Major Insurance Providers Accepted"} {"Major Insurance Providers Accepted"}
</h1> </h1>
</div> </div>
@ -929,24 +907,22 @@ className={`w-image`} />
</div> </div>
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"insurance\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<section <section
id={"contact"} id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r`}> className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r cdh6bof ck52z3u`}>
<div <div
className={`w-element crww4sf c3g7ft6 c4b9143`}> className={`w-element crww4sf c3g7ft6 c4b9143`}>
<div
className={`w-element crww4sf c99w2b6 c15fz3od c4b9143`}>
<RemixForm <RemixForm
id={"contact.form"} id={"contact.form"}
method={"post"} method={"post"}
encType={"application/x-www-form-urlencoded"} encType={"application/x-www-form-urlencoded"}
className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r c10x4uj1`}>
<div <div
className={`w-element c16ciwp8 c4b9143`}> className={`w-element c16ciwp8 c4b9143`}>
<h1 <h1
@ -954,18 +930,12 @@ className={`w-element c8m2yga c1jkytp4 c4r4hj8 ch1x1p6 c1jha0i3`}>
{"Contact Us"} {"Contact Us"}
</h1> </h1>
<p <p
className={`w-element c1wob7x0 c1rxm3ec ctcym5x c8m2yga c1w8xp1f`}> className={`w-element cd5fk7w cdh6bof ctcym5x c8m2yga c1w8xp1f`}>
{"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"} {"Reach out today and let us accompany you on your patient journey!"}
</p>
<p
className={`w-element c4trja3 c1rxm3ec c1w8xp1f c8m2yga`}>
{"inasahealthcare@gmail.com"}
<br />
{"(443) 631-3354"}
</p> </p>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f c14m1hll`}>
<label <label
htmlFor={"contact.name"} htmlFor={"contact.name"}
className={`w-element`}> className={`w-element`}>
@ -1018,17 +988,47 @@ required={true}
className={`w-element`} /> className={`w-element`} />
<br <br
className={`w-element`} /> className={`w-element`} />
<div
className={`w-element crww4sf c99w2b6 c1o3gzl4 cx93287 c1nuvu2f`}>
<button <button
type={"submit"} type={"submit"}
className={`w-element`}> className={`w-element c4trja3 c1xunj7p c3hg53i cibf3js cgzvhla c1eeyz1i c1ed0kk c1vub16f c43t0qt`}>
{"Send Message"} {"Submit"}
</button> </button>
</div>
<div <div
id={"contact.responseMessage"} id={"contact.responseMessage"}
className={`w-element`} /> className={`w-element`} />
</div> </div>
</RemixForm> </RemixForm>
<div <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`}> className={`w-element cd5fk7w`}>
<div <div
id={"map"} id={"map"}
@ -1044,14 +1044,10 @@ className={`w-element cd5fk7w cv9zpwk`} />
</div> </div>
<HtmlEmbed <HtmlEmbed
executeScriptOnCanvas={false} 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"} code={"<script>\n document.getElementById('contact.form').addEventListener('submit', function(event) {\n event.preventDefault(); // Prevent default form submission\n\n // const webhookUrl = `${NN_BASE_URL}/${CONTACT_FORM_WEBHOOK_URL_PATH}`; \n\n const webhookUrl = `https://n8n-ai.bsidesolutions.net/webhook/9974ca96-98ba-4e56-bb48-debfdad8cf59`; \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 = \"inasahealthcare@gmail.com\";\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`} /> className={`w-html-embed`} />
</div> </div>
</section> </section>
<HtmlEmbed
code={"<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"contact\");\n debugger;\n const {animate} = Motion\n\n // Define the animation\n const animation = animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1> </Fragment_1>
</Slot> </Slot>
</div> </div>
@ -1059,7 +1055,7 @@ className={`w-html-embed`} />
<Slot> <Slot>
<Fragment_1> <Fragment_1>
<div <div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}> className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div <div
href={"/"} href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}> className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
@ -1082,7 +1078,7 @@ className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div> </div>
</div> </div>
<div <div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh`}> className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div <div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}> className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3 <h3
@ -1091,45 +1087,87 @@ className={`w-element c4r4hj8 c3hg53i`}>
</h3> </h3>
</div> </div>
<div <div
className={`w-element c1w8xp1f cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}> className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul <ul
className={`w-element cak81v1 c4r4hj8 c1ssohph c1xavydr`}> className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Mon 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Tue 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Wed 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Thu 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
{"Fri 8:30am - 4:30pm"} <span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li> </li>
<li <li
className={`w-element c7wz0bi c1fx4m5m`}> className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
{"Sat-Sun 8:30am - Closed"} <span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div <div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143`}> className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div <div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}> className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3 <h3
className={`w-element cbf49fz c1w8xp1f`}> className={`w-element cbf49fz c1w8xp1f`}>
<span <span
className={`w-element`}> className={`w-element`}>
{"Quick Links"} {"Links"}
</span> </span>
</h3> </h3>
<ul <ul
@ -1157,7 +1195,7 @@ className={`w-element`}>
</ul> </ul>
</div> </div>
<div <div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga`}> className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3 <h3
className={`w-element cbf49fz`}> className={`w-element cbf49fz`}>
<span <span

131
app/__generated__/index.css generated
View File

@ -259,6 +259,9 @@
.c9frhl4 { .c9frhl4 {
background-color: rgba(255, 255, 255, 1) background-color: rgba(255, 255, 255, 1)
} }
.cdh6bof {
font-family: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif
}
.c3g7ft6 { .c3g7ft6 {
flex-direction: column flex-direction: column
} }
@ -723,9 +726,6 @@
.ckscd18 { .ckscd18 {
font-weight: 700 font-weight: 700
} }
.c1wob7x0 {
width: 75%
}
.c1qafxoh { .c1qafxoh {
font-size: 2em font-size: 2em
} }
@ -1046,12 +1046,6 @@
.c9m0vzy { .c9m0vzy {
row-gap: 0px row-gap: 0px
} }
.c1rxm3ec {
font-family: Arial, Roboto, sans-serif
}
.ctcym5x {
font-size: 20px
}
:root { :root {
--services-overlay-color: rgba(97, 93, 93, 1); --services-overlay-color: rgba(97, 93, 93, 1);
--header-text-color-primary: rgba(8, 111, 168, 1) --header-text-color-primary: rgba(8, 111, 168, 1)
@ -1065,8 +1059,11 @@
.cxnw7d7 { .cxnw7d7 {
color: rgba(100, 116, 139, 1) color: rgba(100, 116, 139, 1)
} }
.c1wdq0x { .c1ir4q6q {
font-size: 2.8em font-size: 2.6em
}
.ctcym5x {
font-size: 20px
} }
.c1abbm3i { .c1abbm3i {
align-content: start align-content: start
@ -1107,17 +1104,8 @@
.c24uo11 { .c24uo11 {
justify-content: flex-end justify-content: flex-end
} }
.cc1j7jk { .c1cu3o3i {
border-top-left-radius: 9% padding-top: 2px
}
.c4g0gtg {
border-top-right-radius: 9%
}
.cb0nlo6 {
border-bottom-left-radius: 9%
}
.c1t5jbpo {
border-bottom-right-radius: 9%
} }
.c1nogioa { .c1nogioa {
background-color: rgba(8, 106, 160, 1) background-color: rgba(8, 106, 160, 1)
@ -1128,6 +1116,15 @@
.ctb0i89 { .ctb0i89 {
height: min-content height: min-content
} }
.c1xokafg {
padding-left: 4px
}
.c1no8buc {
padding-right: 4px
}
.c1chgf3q {
padding-bottom: 4px
}
.c14xx1y { .c14xx1y {
min-width: 8rem min-width: 8rem
} }
@ -1140,6 +1137,21 @@
.c8r2j63 { .c8r2j63 {
min-height: max-content min-height: max-content
} }
.cibf3js {
border-top-left-radius: 12px
}
.cgzvhla {
border-top-right-radius: 12px
}
.c1eeyz1i {
border-bottom-left-radius: 12px
}
.c1ed0kk {
border-bottom-right-radius: 12px
}
.c1w1sxa6 {
line-height: 1.2
}
.cfg632o { .cfg632o {
border: 1px none rgba(0, 0, 0, 0.89) border: 1px none rgba(0, 0, 0, 0.89)
} }
@ -1230,9 +1242,6 @@
.c1xunj7p { .c1xunj7p {
background-color: var(--header-text-color-primary) background-color: var(--header-text-color-primary)
} }
.cak81v1 {
padding-left: 0px
}
.c1ssohph { .c1ssohph {
margin-top: 0.5em margin-top: 0.5em
} }
@ -1248,12 +1257,36 @@
.cbf49fz { .cbf49fz {
margin-top: 0em margin-top: 0em
} }
.cak81v1 {
padding-left: 0px
}
.c145mqhw { .c145mqhw {
column-gap: 1em column-gap: 1em
} }
.cvt2kyp { .cvt2kyp {
row-gap: 1em row-gap: 1em
} }
.c111dkpv {
padding-left: 1em
}
.ch5h9jg {
padding-right: 1em
}
.c10x4uj1 {
max-width: 600px
}
.c1wob7x0 {
width: 75%
}
.c1oi72ah {
font-size: 1em
}
.c16wpn9q {
padding-top: 1em
}
.c122j58o {
padding-bottom: 1em
}
} }
@media all and (max-width: 991px) { @media all and (max-width: 991px) {
.c1fu4nwy { .c1fu4nwy {
@ -1271,6 +1304,9 @@
.czkjaly { .czkjaly {
overflow-y: clip overflow-y: clip
} }
.c18b4geo {
font-family: Arial, Roboto, sans-serif
}
.c1h947w8 { .c1h947w8 {
column-gap: 0.8rem column-gap: 0.8rem
} }
@ -1283,9 +1319,18 @@
.cdkbprj { .cdkbprj {
flex-direction: column flex-direction: column
} }
.c10gmeow {
margin-left: 1em
}
.c14m1hll { .c14m1hll {
width: 100% width: 100%
} }
.c1x6qdu9 {
text-align: center
}
.c17xvvto {
width: 90%
}
} }
@media all and (max-width: 767px) { @media all and (max-width: 767px) {
.c17ssthj { .c17ssthj {
@ -1330,6 +1375,9 @@
.ctwnth8 { .ctwnth8 {
flex-direction: column-reverse flex-direction: column-reverse
} }
.ck52z3u {
margin-top: 0svh
}
.ccktgr0 { .ccktgr0 {
display: block display: block
} }
@ -1345,12 +1393,12 @@
.czmkc8n { .czmkc8n {
overflow-y: clip overflow-y: clip
} }
.c16ciwp8 {
display: flex
}
.c14cftng { .c14cftng {
height: 100% height: 100%
} }
.c16ciwp8 {
display: flex
}
.c1lqdum6 { .c1lqdum6 {
row-gap: 3.8rem row-gap: 3.8rem
} }
@ -1399,12 +1447,33 @@
.c1u1hoyh { .c1u1hoyh {
margin-bottom: 1em margin-bottom: 1em
} }
.c44sdxc {
max-width: 100%
}
.cb0nqi9 {
padding-left: 12px
}
.cfcirwi {
padding-right: 12px
}
.c7wz0bi { .c7wz0bi {
color: black color: black
} }
.c1x3wco0 {
flex-wrap: nowrap
}
.c1n2bxy1 {
justify-content: space-between
}
.ctpq6tk { .ctpq6tk {
align-items: stretch align-items: stretch
} }
.cpn34xo {
padding-left: 0em
}
.czw3921 {
padding-right: 0em
}
} }
@media all and (max-width: 479px) { @media all and (max-width: 479px) {
.c18mbblj { .c18mbblj {
@ -1443,7 +1512,13 @@
.cile5ew { .cile5ew {
justify-content: center justify-content: center
} }
.crnkg5s {
max-width: 100%
}
.c1jha0i3 { .c1jha0i3 {
font-size: 2.8em font-size: 2.8em
} }
.c404j15 {
font-size: 0.8em
}
} }