inasa-healthcare/app/__generated__/[contact]._index.tsx
2025-11-27 21:10:16 -05:00

376 lines
11 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* 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. Dont 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 }