/* 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, Form as Form } from "@webstudio-is/sdk-components-react-router";


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

      export const lastPublished = "2025-11-23T06:42:16.542Z";

      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 =
        "file_000000003adc722fbb2d4c57f70e11d2_FsnGqm4TIkHGomknin2UT.png";

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

      export const pageBackgroundImageAssets: string[] =
        []

      

      const Page = (_props: { system: any; }) => {
let [formState, set$formState] = useVariableState<any>("initial")
return <Body
className={`w-element`}>
<Slot>
<Fragment_1>
<div
id={""}
className={`w-element w-element-7`}>
<Link
href={"/"}
className={`w-element w-element-8`}>
<Image
src={"/assets/file_000000003adc722fbb2d4c57f70e11d2_FsnGqm4TIkHGomknin2UT.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image w-image-1`} />
</Link>
<div
className={`w-element w-element-9`}>
<div
className={`w-element w-element-10`}>
<Link
href={"/about"}
className={`w-element w-element-11`}>
<b
className={`w-element w-element-25`}>
{"About"}
</b>
</Link>
<Link
href={"/insurance"}
className={`w-element w-element-12`}>
<b
className={`w-element`}>
{"Insurance"}
</b>
</Link>
<Link
href={"/services"}
className={`w-element w-element-13`}>
<b
className={`w-element`}>
{"Services"}
</b>
</Link>
<Link
href={"/contact"}
className={`w-element w-element-14`}>
<b
className={`w-element`}>
{"Contact"}
</b>
</Link>
</div>
<div
className={`w-element w-element-15`}>
<Link
href={"https://portal.kareo.com/app/new/login"}
className={`w-element w-element-16`}>
{"Patient Portal"}
</Link>
</div>
</div>
</div>
</Fragment_1>
</Slot>
<div
id={"top"}
className={`w-element w-content-1`}>
<Slot>
<Fragment_1>
<div
className={`w-element w-element-70`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element w-book-appointment-btn`}>
<Slot>
<Fragment_1>
<div
className={`w-element w-element-68`}>
<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 w-html-embed-1`} />
</div>
</Fragment_1>
</Slot>
</Link>
<Link
type={"button"}
href={"/#top"}
className={`w-element w-back-up-btn`}>
<Slot>
<Fragment_1>
<div
className={`w-element w-element-69`}>
<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 w-html-embed-2`} />
</div>
</Fragment_1>
</Slot>
</Link>
</div>
</Fragment_1>
</Slot>
<div
className={`w-element w-page-content-2`}>
<div
className={`w-element w-wrapper-2`}>
<Slot>
<Fragment_1>
<section
className={`w-element w-element-71`}>
<div
className={`w-element`}>
<h1
className={`w-element`}>
{"Contact Us"}
</h1>
<Form
state={formState}
onStateChange={(state: any) => {
formState = state
set$formState(formState)
}}
action={"action"}
encType={"application/x-www-form-urlencoded"}
className={`w-webhook-form`}>
{(formState === 'initial' || formState === 'error') &&
<div
className={`w-element`}>
<label
className={`w-element w-element-72`}>
{"Name"}
</label>
<Input
name={"name"}
className={`w-element w-element-73`} />
<label
className={`w-element w-element-74`}>
{"Email"}
</label>
<Input
name={"email"}
className={`w-element w-element-75`} />
<label
className={`w-element w-element-76`}>
{"Message"}
</label>
<Textarea
name={"message"}
className={`w-element w-element-77`} />
<button
className={`w-element`}>
{"Submit"}
</button>
</div>
}
{(formState === 'success') &&
<div
className={`w-element`}>
{"Thank you for getting in touch!"}
</div>
}
{(formState === 'error') &&
<div
className={`w-element`}>
{"Sorry, something went wrong."}
</div>
}
</Form>
</div>
<div
className={`w-element`} />
</section>
</Fragment_1>
</Slot>
</div>
</div>
<Slot>
<Fragment_1>
<div
className={`w-element w-element-17`}>
<div
href={"/"}
className={`w-element w-element-22`}>
<div
className={`w-element w-element-33`}>
<Link
href={"/"}
className={`w-element w-element-31`}>
<div
className={`w-element w-element-32`}>
<Image
src={"/assets/file_000000003adc722fbb2d4c57f70e11d2_FsnGqm4TIkHGomknin2UT.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image w-image-2`} />
</div>
</Link>
</div>
<div
className={`w-element w-element-26`}>
<h3
className={`w-element w-element-27`}>
<span
className={`w-element`}>
{"Quick Links"}
</span>
</h3>
<ul
className={`w-element w-element-28`}>
<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 w-element-18`}>
<h3
className={`w-element w-element-23`}>
<span
className={`w-element`}>
{"Our Services"}
</span>
</h3>
<ul
className={`w-element w-element-19`}>
<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 w-element-29`}>
{"Book Appointment"}
</Link>
</li>
</ul>
</div>
<div
className={`w-element w-element-20`}>
<h3
className={`w-element w-element-24`}>
<span
className={`w-element`}>
{"Contact Info"}
</span>
</h3>
<ul
className={`w-element w-element-21`}>
<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 }
    