/* 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-23T14:35:23.308Z";

      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; }) => {
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>
<RemixForm
id={"contact.form"}
method={"post"}
encType={"application/x-www-form-urlencoded"}
className={`w-element`}>
<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`} />
<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`} />
<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`} />
<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`} />
<br
className={`w-element`} />
<button
type={"submit"}
className={`w-element`}>
{"Send Message"}
</button>
</RemixForm>
<div
id={"contact.responseMessage"}
className={`w-element`} />
</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
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 }
    