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


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


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

      export const lastPublished = "2025-11-28T02:09:42.652Z";

      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 =
        undefined;

      // 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`}>
<Slot>
<Fragment_1>
<div
id={"top"}
className={`w-element crww4sf c99w2b6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0`}>
<Link
href={"/"}
className={`w-element c11b4pmf crww4sf c99w2b6 c9l3dkg cx93287 c1nuvu2f coutbuw c1l0xs1g ccis0ah`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo cajwo02 c11b4pmf`} />
</Link>
<div
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc`}>
<div
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m`}>
<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 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`}>
{"Patient Portal"}
</Link>
</div>
</div>
</div>
</Fragment_1>
</Slot>
<div
id={"top"}
className={`w-element cfm4hf3 crww4sf c3g7ft6 c15fz3od`}>
<Slot>
<Fragment_1>
<div
className={`w-element crww4sf c99w2b6 c116qtv c154m00f cx93287 ckqrydf c3shrxx c1tn6hsy c1bqa3yi c571dfw c1dphl9v cz4jznh`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element cfm4hf3 cwrjlgz c1bbik6s c13c3xto c6eniwt c1opy1an c1icx67s c1achom4 csjgukz c1lf1li3 c1o5jo9l c1s9sfrn cpdwojl cd5ej2d c1m7ewam c3hg53i ccis0ah crww4sf`}>
<Slot>
<Fragment_1>
<div
className={`w-element cfm4hf3 crww4sf c99w2b6 cx93287 ckqrydf c1o3gzl4 cd5fk7w`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 20 20\">\n    <path fill=\"currentColor\" d=\"M1 4c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm2 2v12h14V6H3zm2-6h2v2H5V0zm8 0h2v2h-2V0zM5 9h2v2H5V9zm0 4h2v2H5v-2zm4-4h2v2H9V9zm0 4h2v2H9v-2zm4-4h2v2h-2V9zm0 4h2v2h-2v-2z\"/>\n</svg>"}
className={`w-html-embed c11b4pmf`} />
</div>
</Fragment_1>
</Slot>
</Link>
<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>
</Fragment_1>
</Slot>
<div
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
<div
className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Slot>
<Fragment_1>
<section
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r`}>
<div
className={`w-element crww4sf c99w2b6 ctwnth8`}>
<RemixForm
id={"contact.form"}
method={"post"}
encType={"application/x-www-form-urlencoded"}
className={`w-element cd5fk7w crww4sf c3g7ft6`}>
<div
className={`w-element c16ciwp8 c4b9143`}>
<h1
className={`w-element c8m2yga c1jkytp4`}>
{"Contact Us"}
</h1>
<p
className={`w-element c1wob7x0 c1a9errk 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"}
</p>
<p
className={`w-element c4trja3 c1a9errk c1w8xp1f c8m2yga`}>
{"inasahealthcare@gmail.com"}
<br />
{"(443) 631-3354"}
</p>
</div>
<div
className={`w-element crww4sf c3g7ft6 c1wob7x0 c1w8xp1f`}>
<label
htmlFor={"contact.name"}
className={`w-element`}>
{"Name:"}
</label>
<Input
type={"text"}
id={"contact.name"}
name={"contact.name"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.subject"}
className={`w-element`}>
{"Subject:"}
</label>
<Input
type={"text"}
id={"contact.subject"}
name={"contact.subject"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.email"}
className={`w-element`}>
{"Email:"}
</label>
<Input
type={"email"}
id={"contact.email"}
name={"contact.email"}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<label
htmlFor={"contact.message"}
className={`w-element`}>
{"Message:"}
</label>
<Textarea
id={"contact.message"}
name={"contact.message"}
rows={5}
required={true}
className={`w-element`} />
<br
className={`w-element`} />
<button
type={"submit"}
className={`w-element`}>
{"Send Message"}
</button>
<div
id={"contact.responseMessage"}
className={`w-element`} />
</div>
</RemixForm>
<div
className={`w-element cd5fk7w`}>
<Image
width={1024}
height={1024}
className={`w-image c128gp70`} />
</div>
<HtmlEmbed
executeScriptOnCanvas={true}
code={"<script>\n  document.getElementById('contact.form').addEventListener('submit', function(event) {\n    event.preventDefault(); // Prevent default form submission\n\n    const webhookUrl = 'https://n8n-ai.bsidesolutions.net/webhook-test/9974ca96-98ba-4e56-bb48-debfdad8cf59'; // use Webhook studio Global data var\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 = 'no-reply@inasahealthcare.com'; // use Webhook studio Global data var\n\n    const formData = {\n        name,\n        subject,\n        sender,\n        message,\n        recipient\n    };\n\n    fetch(webhookUrl, {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application/json' // Or 'application/x-www-form-urlencoded' if your webhook expects that\n        },\n        body: JSON.stringify(formData) // Send data as JSON\n    })\n    .then(response => {\n        if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        return response.json(); // Or response.text() if your webhook doesn't return JSON\n    })\n    .then(data => {\n        document.getElementById('contact.responseMessage').innerText = 'Message sent successfully!';\n        console.log('Success:', data);\n        document.getElementById('contact.form').reset(); // Clear the form\n    })\n    .catch(error => {\n        document.getElementById('contact.responseMessage').innerText = 'Error sending message.';\n        console.error('Error:', error);\n    });\n});\n</script>\n"}
className={`w-html-embed`} />
</div>
</section>
</Fragment_1>
</Slot>
</div>
</div>
<Slot>
<Fragment_1>
<div
className={`w-element c6zop6u c1h4okfu crl0oac co9jzi5 crww4sf cn1iies c99w2b6 cd5fk7w c3hg53i c1jvpxh6 c25jnh8 c18mbblj c12eqyaq`}>
<div
href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cn1iies c1nuvu2f coutbuw c1l0xs1g ccis0ah cnrsfp7 c18mbblj`}>
<div
className={`w-element c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf c11b4pmf`}>
<Link
href={"/"}
className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
</div>
</Link>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies c1o3gzl4`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Quick Links"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
{"Home"}
</li>
<li
className={`w-element`}>
{"About"}
</li>
<li
className={`w-element`}>
{"Insurance"}
</li>
<li
className={`w-element`}>
{"Services"}
</li>
<li
className={`w-element`}>
{"Contact"}
</li>
</ul>
</div>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Our Services"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
{"View All Services"}
</li>
<li
className={`w-element`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element c1uqshd c3hg53i ccis0ah`}>
{"Book Appointment"}
</Link>
</li>
</ul>
</div>
<div
className={`w-element c1ptvrdc crww4sf c3g7ft6 cn1iies`}>
<h3
className={`w-element cbf49fz`}>
<span
className={`w-element`}>
{"Contact Info"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp`}>
<li
className={`w-element`}>
{"Home"}
</li>
<li
className={`w-element`}>
{"About"}
</li>
<li
className={`w-element`}>
{"Insurance"}
</li>
<li
className={`w-element`}>
{"Services"}
</li>
<li
className={`w-element`}>
{"Contact"}
</li>
</ul>
</div>
</div>
</Fragment_1>
</Slot>
</div>
</Body>
}


      export { Page }
    