363 lines
8.7 KiB
TypeScript
363 lines
8.7 KiB
TypeScript
/* 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 }
|
|
|