/* eslint-disable */
      /* This is a auto generated file for building the project */ 


      import { Fragment, useState } from "react";
      import { useResource, useVariableState } from "@webstudio-is/react-sdk/runtime";
      import { Body as Body, Link as Link } from "@webstudio-is/sdk-components-react-router";
import { Fragment as Fragment_1, Slot as Slot, HtmlEmbed as HtmlEmbed, Image as Image } from "@webstudio-is/sdk-components-react";


      export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";

      export const lastPublished = "2025-12-07T16:35:06.553Z";

      export const siteName = "Inasa Healthcare";

      export const breakpoints = [{"id":"5zaWVFAeAfWgFjJNQ0GET"},{"id":"qOHlWr9cjM-6l364uX_FK","maxWidth":991},{"id":"8_hh5VMsAyWW46cnpT5HQ","maxWidth":767},{"id":"swNXPQRoKH4ij-T-zGDE7","maxWidth":479}];

      export const favIconAsset: string | undefined =
        "inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";

      // Font assets on current page (can be preloaded)
      export const pageFontAssets: string[] =
        []

      export const pageBackgroundImageAssets: string[] =
        []

      

      const Page = (_props: { system: any; }) => {
return <Body
className={`w-element crww4sf ckqrydf cn1iies c9frhl4 cdh6bof`}>
<Slot>
<Fragment_1>
<div
id={"top"}
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cdh6bof cd5r9k0 c17ssthj`}>
<div
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
<div
className={`w-element c16vkxg8`}>
<Link
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
<div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1cu3o3i c1h947w8 c8wv80m c1abme9q cw2vee`}>
<Link
href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx`}>
<b
className={`w-element`}>
{"About"}
</b>
</Link>
<Link
href={"/insurance"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Insurance"}
</b>
</Link>
<Link
href={"/services"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Services"}
</b>
</Link>
<Link
href={"/contact"}
className={`w-element c1uqshd cw8x2cx ccis0ah`}>
<b
className={`w-element`}>
{"Contact"}
</b>
</Link>
</div>
<div
className={`w-element c33k1rc crww4sf c1wq6wbh ccrhf4w c11b4pmf`}>
<Link
href={"https://portal.kareo.com/app/new/login"}
className={`w-element c1nogioa c116uun9 ctb0i89 c1xokafg coz667r c1no8buc c1chgf3q c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cibf3js cgzvhla c1eeyz1i c1ed0kk c1w1sxa6 cfg632o cd5r9k0`}>
{"Patient Portal"}
</Link>
</div>
<button
id={"menu-toggle-btn"}
className={`w-element c1sp6vd9 cw9hbgv cl30q92 c107nwhl c514454 c1vgf0es c1eipde2 cgocpdy ccqat67 cfpdywo caqkwpi cr3uuuc cx93287 ckqrydf c7c6iu ct0f37y c16ciwp8 cf8lsye`}>
<svg
xmlns={"http://www.w3.org/2000/svg"}
xlink={"http://www.w3.org/1999/xlink"}
x={"0px"}
y={"0px"}
viewBox={"0 0 32 32"}
fill={"black"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}>
<rect
x={"0"}
y={"3"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
className={`w-element`} />
<rect
x={"0"}
y={"14"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
className={`w-element`} />
<rect
x={"0"}
y={"25"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
className={`w-element`} />
</svg>
</button>
</div>
</div>
<div
id={"mobile-vertical-menu"}
className={`w-element cr3uuuc c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 ct0f37y c1h947w8 c8wv80m c4b9143 c14cftng c16ciwp8 c8f35fv c1lderqd c1lqdum6 cn5jbbd ${"mobile-menu"}`}>
<Link
href={"/about"}
className={`w-element c1uqshd ccis0ah cw8x2cx c13bvsfm`}>
<b
className={`w-element`}>
{"About"}
</b>
</Link>
<Link
href={"/insurance"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Insurance"}
</b>
</Link>
<Link
href={"/services"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Services"}
</b>
</Link>
<Link
href={"/contact"}
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
<b
className={`w-element`}>
{"Contact"}
</b>
</Link>
</div>
<HtmlEmbed
executeScriptOnCanvas={true}
code={"<style>\n    .mobile-menu {\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.5s ease-in-out;\n        display: none; /* Initially hidden */\n    }\n\n    .mobile-menu.visible {\n        visibility: visible;\n        opacity: 1;\n        display: flex; /* Make it visible for the transition */\n    }\n</style>\n<script src=\"https://cdn.jsdelivr.net/npm/motion/dist/motion.js\"></script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const { animate } = Motion;\n    const panel = document.getElementById(\"top\");\n    const btn   = document.getElementById(\"menu-toggle-btn\");\n    const verticalMenu   = document.getElementById(\"mobile-vertical-menu\");\n\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}
className={`w-html-embed`} />
</div>
</Fragment_1>
</Slot>
<div
id={"top"}
className={`w-element cfm4hf3 crww4sf c3g7ft6 c15fz3od cd5fk7w`}>
<Link
href={"https://bsidesol.com/"}
target={"_blank"}
className={`w-element c9v9nx1 c1i5ozti c9k0w54 cx93287 ckqrydf c3shrxx c153530k coz667r c15fzr3g c12zbd07 c1az19w5 c9zy01k cma7py c15y8zc1 c14b8oo9 c1p0nz92 clfi3az cqjpqux c5smrcr c16kztqc c1k3kxme cjy2amr ccis0ah cnxrcn6 c1nh2wop c1ogpmb8 c3rrbi c1pddfk4`}>
<div
className={`w-element`}>
{"Powered By BSide Solutions"}
</div>
</Link>
<div
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
<div
className={`w-element crl0oac co9jzi5 c1kps6fe crww4sf c99w2b6 cn1iies ckqrydf`}>
<div
className={`w-element c11b4pmf c3ymd8g`}>
<div
className={`w-element cfm4hf3 c4r4hj8 cxxuz7w c1tchs84 cqjpqux coanrs9 c43t0qt cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
<div
className={`w-element cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
{"404"}
</div>
<div
className={`w-element c113py9s cud6u35 c11k3dfx c1n5jp6m c161cybo cmyy6tk cdfzuvs c1n2iygr cile5ew`}>
{"404"}
</div>
<div
className={`w-element c113py9s cud6u35 c1isidiq c1n5jp6m cnppocd cmyy6tk cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
{"404"}
</div>
<div
className={`w-element c113py9s c1r87ey7 c1d3y53 cd5fk7w c9frhl4 c1tukfl8`} />
</div>
<p
className={`w-element ctcx9n8 ckscd18 c1fj3gs0 c1syul9i cec5wga ccktgr0 cxiii4b c8f35fv cssfuku c8m2yga`}>
{"PAGE NOT FOUND"}
</p>
</div>
</div>
</div>
<Slot>
<Fragment_1>
<div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div
href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
<div
className={`w-element c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf cef87he cd5fk7w c1w8xp1f`}>
<Link
href={"/"}
className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div>
</Link>
</div>
</div>
<div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3
className={`w-element c4r4hj8 c3hg53i`}>
{"Visit us Today!"}
</h3>
</div>
<div
className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul
className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
<span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li>
</ul>
</div>
</div>
<div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3
className={`w-element cbf49fz c1w8xp1f`}>
<span
className={`w-element`}>
{"Links"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp cd5fk7w c1w8xp1f`}>
<li
className={`w-element`}>
{"Home"}
</li>
<li
className={`w-element`}>
{"About"}
</li>
<li
className={`w-element`}>
{"Insurance"}
</li>
<li
className={`w-element`}>
{"Services"}
</li>
<li
className={`w-element`}>
{"Contact"}
</li>
</ul>
</div>
<div
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Our Services"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
<Link
href={"/services"}
className={`w-element c1uqshd c3hg53i ccis0ah`}>
{"View All Services"}
</Link>
</li>
<li
className={`w-element`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element c1uqshd c3hg53i ccis0ah`}>
{"Book Appointment"}
</Link>
</li>
</ul>
</div>
</div>
</div>
</Fragment_1>
</Slot>
</div>
</Body>
}


      export { Page }
    