376 lines
9.1 KiB
TypeScript
376 lines
9.1 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-26T03:01:58.340Z";
|
||
|
||
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 w-element-2`}>
|
||
<Link
|
||
href={"/"}
|
||
className={`w-element w-element-3`}>
|
||
<Image
|
||
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
|
||
width={1024}
|
||
height={1024}
|
||
loading={"lazy"}
|
||
alt={"logo"}
|
||
className={`w-image w-image-1`} />
|
||
</Link>
|
||
<div
|
||
className={`w-element w-element-4`}>
|
||
<div
|
||
className={`w-element w-element-5`}>
|
||
<Link
|
||
href={"/about"}
|
||
className={`w-element w-element-6`}>
|
||
<b
|
||
className={`w-element w-element-20`}>
|
||
{"About"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/insurance"}
|
||
className={`w-element w-element-7`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Insurance"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/services"}
|
||
className={`w-element w-element-8`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Services"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/contact"}
|
||
className={`w-element w-element-9`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Contact"}
|
||
</b>
|
||
</Link>
|
||
</div>
|
||
<div
|
||
className={`w-element w-element-10`}>
|
||
<Link
|
||
href={"https://portal.kareo.com/app/new/login"}
|
||
className={`w-element w-element-11`}>
|
||
{"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-60`}>
|
||
<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-58`}>
|
||
<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-59`}>
|
||
<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-61`}>
|
||
<div
|
||
className={`w-element w-element-63`}>
|
||
<RemixForm
|
||
id={"contact.form"}
|
||
method={"post"}
|
||
encType={"application/x-www-form-urlencoded"}
|
||
className={`w-element w-element-62`}>
|
||
<div
|
||
className={`w-element w-contact-form-header-info`}>
|
||
<h1
|
||
className={`w-element w-element-85`}>
|
||
{"Contact Us"}
|
||
</h1>
|
||
<p
|
||
className={`w-element w-element-78`}>
|
||
{"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 w-element-79`}>
|
||
{"inasahealthcare@gmail.com"}
|
||
<br />
|
||
{"(443) 631-3354"}
|
||
</p>
|
||
</div>
|
||
<div
|
||
className={`w-element w-contact-form`}>
|
||
<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 w-element-84`}>
|
||
{"Send Message"}
|
||
</button>
|
||
<div
|
||
id={"contact.responseMessage"}
|
||
className={`w-element`} />
|
||
</div>
|
||
</RemixForm>
|
||
<div
|
||
className={`w-element w-element-64`}>
|
||
<Image
|
||
width={1024}
|
||
height={1024}
|
||
className={`w-image w-image-6`} />
|
||
</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 w-element-12`}>
|
||
<div
|
||
href={"/"}
|
||
className={`w-element w-element-17`}>
|
||
<div
|
||
className={`w-element w-element-27`}>
|
||
<Link
|
||
href={"/"}
|
||
className={`w-element w-element-25`}>
|
||
<div
|
||
className={`w-element w-element-26`}>
|
||
<Image
|
||
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
|
||
width={1024}
|
||
height={1024}
|
||
loading={"lazy"}
|
||
alt={"logo"}
|
||
className={`w-image w-image-2`} />
|
||
</div>
|
||
</Link>
|
||
</div>
|
||
<div
|
||
className={`w-element w-element-21`}>
|
||
<h3
|
||
className={`w-element w-element-22`}>
|
||
<span
|
||
className={`w-element`}>
|
||
{"Quick Links"}
|
||
</span>
|
||
</h3>
|
||
<ul
|
||
className={`w-element w-element-23`}>
|
||
<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-13`}>
|
||
<h3
|
||
className={`w-element w-element-18`}>
|
||
<span
|
||
className={`w-element`}>
|
||
{"Our Services"}
|
||
</span>
|
||
</h3>
|
||
<ul
|
||
className={`w-element w-element-14`}>
|
||
<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-24`}>
|
||
{"Book Appointment"}
|
||
</Link>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div
|
||
className={`w-element w-element-15`}>
|
||
<h3
|
||
className={`w-element w-element-19`}>
|
||
<span
|
||
className={`w-element`}>
|
||
{"Contact Info"}
|
||
</span>
|
||
</h3>
|
||
<ul
|
||
className={`w-element w-element-16`}>
|
||
<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 }
|
||
|