470 lines
15 KiB
TypeScript
470 lines
15 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-12-02T17:46:58.207Z";
|
||
|
||
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_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.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={"top"}
|
||
className={`w-element crww4sf c3g7ft6 c25jnh8 c1f0xxyt c3shrxx crl0oac co9jzi5 cd5fk7w c1q26gmj c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 c9frhl4 czdomcw cfj7k79 cd5r9k0 c17ssthj`}>
|
||
<div
|
||
className={`w-element crww4sf c99w2b6 c25jnh8 cd5fk7w c1f0xxyt`}>
|
||
<div
|
||
className={`w-element c16vkxg8`}>
|
||
<Link
|
||
href={"/"}
|
||
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
|
||
<Image
|
||
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
|
||
width={1024}
|
||
height={1024}
|
||
loading={"lazy"}
|
||
alt={"logo"}
|
||
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
|
||
</Link>
|
||
</div>
|
||
<div
|
||
className={`w-element crww4sf c99w2b6 c24uo11 c1oljcs1 ci596ri c1lll4jc c8f35fv ccfoer8 c14cftng cluw7pu`}>
|
||
<div
|
||
className={`w-element crww4sf c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 c1h947w8 c8wv80m c1abme9q cw2vee`}>
|
||
<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>
|
||
<button
|
||
id={"menu-toggle-btn"}
|
||
className={`w-element c1sp6vd9 cw9hbgv cl30q92 c107nwhl c514454 c1vgf0es c1eipde2 cgocpdy ccqat67 cfpdywo caqkwpi cr3uuuc cx93287 ckqrydf c7c6iu ct0f37y c16ciwp8 cf8lsye`}>
|
||
<svg
|
||
xmlns={"http://www.w3.org/2000/svg"}
|
||
xlink={"http://www.w3.org/1999/xlink"}
|
||
x={"0px"}
|
||
y={"0px"}
|
||
viewBox={"0 0 32 32"}
|
||
fill={"black"}
|
||
className={`w-element c110a4uj`}>
|
||
<rect
|
||
x={"0"}
|
||
y={"3"}
|
||
fill={"#19388a"}
|
||
width={"32"}
|
||
height={"5"}
|
||
rx={"3"}
|
||
ry={"3"}
|
||
className={`w-element`} />
|
||
<rect
|
||
x={"0"}
|
||
y={"14"}
|
||
fill={"#19388a"}
|
||
width={"32"}
|
||
height={"5"}
|
||
rx={"3"}
|
||
ry={"3"}
|
||
className={`w-element`} />
|
||
<rect
|
||
x={"0"}
|
||
y={"25"}
|
||
fill={"#19388a"}
|
||
width={"32"}
|
||
height={"5"}
|
||
rx={"3"}
|
||
ry={"3"}
|
||
className={`w-element`} />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div
|
||
id={"mobile-vertical-menu"}
|
||
className={`w-element cr3uuuc c99w2b6 cx93287 cd5fk7w c1m2pezv c1vtfjit ccvugp4 ct0f37y c1h947w8 c8wv80m c4b9143 c14cftng c16ciwp8 c8f35fv c1lderqd c1lqdum6 cn5jbbd ${"mobile-menu"}`}>
|
||
<Link
|
||
href={"/about"}
|
||
className={`w-element c1uqshd ccis0ah cw8x2cx c13bvsfm`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"About"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/insurance"}
|
||
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Insurance"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/services"}
|
||
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Services"}
|
||
</b>
|
||
</Link>
|
||
<Link
|
||
href={"/contact"}
|
||
className={`w-element c1uqshd cw8x2cx ccis0ah c13bvsfm`}>
|
||
<b
|
||
className={`w-element`}>
|
||
{"Contact"}
|
||
</b>
|
||
</Link>
|
||
</div>
|
||
<HtmlEmbed
|
||
executeScriptOnCanvas={true}
|
||
code={"<style>\n .mobile-menu {\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.5s ease-in-out;\n display: none; /* Initially hidden */\n }\n\n .mobile-menu.visible {\n visibility: visible;\n opacity: 1;\n display: flex; /* Make it visible for the transition */\n }\n</style>\n<script src=\"https://cdn.jsdelivr.net/npm/motion/dist/motion.js\"></script>\n<script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const { animate } = Motion;\n const panel = document.getElementById(\"top\");\n const btn = document.getElementById(\"menu-toggle-btn\");\n const verticalMenu = document.getElementById(\"mobile-vertical-menu\");\n\n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n // animate(\n // verticalMenu,\n // {\n // display: open ? \"flex\" : \"none\",\n // visibility: open ? \"visible\" : \"hidden\",\n // { duration: 0.6, easing: \"easeInOut\" }\n // }\n // );\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n animatedBox.style.display = 'none';\n animatedBox.removeEventListener('transitionend', handler);\n });\n } else {\n verticalMenu.classList.add('visible')\n\n verticalMenu.style.display = 'flex';\n // Force reflow to ensure display change takes effect before opacity transition\n verticalMenu.offsetWidth; \n verticalMenu.classList.add('visible');\n }\n \n open = !open;\n });\n });\n</script>\n"}
|
||
clientOnly={true}
|
||
className={`w-html-embed`} />
|
||
</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 ctwnth8`}>
|
||
<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 c1ytrm0i`}>
|
||
<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 c4b9143`}>
|
||
<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 c1rxm3ec ctcym5x c8m2yga c1w8xp1f`}>
|
||
{"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 c4trja3 c1rxm3ec 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`}>
|
||
<div
|
||
id={"map"}
|
||
className={`w-element`} />
|
||
<HtmlEmbed
|
||
code={"<link href=\"https://api.mapbox.com/mapbox-gl-js/v3.4.0/mapbox-gl.css\" rel=\"stylesheet\">\n<script src=\"https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.js\"></script>\n<style>\n body { margin: 0; padding: 0; }\n #map { width: 100%; height: 100% }\n</style>\n<script>\n\t// TO MAKE THE MAP APPEAR YOU MUST\n\t// ADD YOUR ACCESS TOKEN FROM\n\t// https://account.mapbox.com\n mapboxgl.accessToken = 'sk.eyJ1IjoiYnNpZGUtZGV2IiwiYSI6ImNtaWsyd254eDE5M2szZHB4aWR2ZnFveDUifQ.oa-Kf1sbA--WyIJ2UmV8lg';\n const map = new mapboxgl.Map({\n container: 'map', // container ID\n center: [-74.5, 40], // starting position [lng, lat]. Note that lat must be set between -90 and 90\n zoom: 9 // starting zoom\n });\n</script>\n"}
|
||
executeScriptOnCanvas={true}
|
||
className={`w-html-embed`} />
|
||
</div>
|
||
<HtmlEmbed
|
||
executeScriptOnCanvas={false}
|
||
code={"<script>\n document.getElementById('contact.form').addEventListener('submit', function(event) {\n event.preventDefault(); // Prevent default form submission\n\n const webhookUrl = `${N$56$N_BASE_URL/CONTACT_FORM_WEBHOOK_URL_PATH}`; \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 = OWNER_CONTACT_EMAIL;\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`}>
|
||
<Link
|
||
href={"/services"}
|
||
className={`w-element c1uqshd c3hg53i ccis0ah`}>
|
||
{"View All Services"}
|
||
</Link>
|
||
</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 }
|
||
|