bside-solution-client-websites/inasa-healthcare
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity
inasa-healthcare/app/__generated__/[contact]._index.tsx

542 lines
17 KiB
TypeScript
Raw Blame History

/* 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, HtmlEmbed as HtmlEmbed, Slot as Slot, Image as Image, 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-07T20:58:42.281Z";
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 =
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.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 cdh6bof`}>
<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 cdh6bof 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/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14gusvn 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 c1cu3o3i 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 c1nogioa c116uun9 ctb0i89 c1xokafg coz667r c1no8buc c1chgf3q c33k1rc c14xx1y crww4sf c99w2b6 cx93287 ckqrydf cmr9mlp c1je01zy cw3ugf0 c1hs3l07 c1cwo41a clju3r0 cc2yvc6 c3hg53i c8r2j63 ccis0ah cibf3js cgzvhla c1eeyz1i c1ed0kk c1w1sxa6 cfg632o 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"}
id={"mobile-menu-icon"}
className={`w-element c110a4uj`}>
<rect
x={"0"}
y={"3"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-1"}
className={`w-element`} />
<rect
x={"0"}
y={"14"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-2"}
className={`w-element`} />
<rect
x={"0"}
y={"25"}
fill={"#19388a"}
width={"32"}
height={"5"}
rx={"3"}
ry={"3"}
id={"rect-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 const verticalMenuIcon = document.getElementById(\"mobile-menu-icon\")\n \n let open = false;\n\n btn.addEventListener(\"click\", () => {\n animate(panel, { height: open ? \"15svh\" : \"100vh\" }, { duration: 0.6, easing: \"easeInOut\" });\n if (open) {\n verticalMenuIcon.getElementById(\"rect-2\").style.display = 'inline'\n } else {\n verticalMenuIcon.getElementById(\"rect-2\").style.display = 'none'\n }\n animate(btn, { rotate: open ? \"0deg\" : \"90deg\" }, { duration: 0.6, easing: \"easeInOut\" });\n if (open && verticalMenu.classList.contains('visible')) {\n verticalMenu.classList.remove('visible')\n verticalMenu.addEventListener('transitionend', function handler() {\n verticalMenu.style.display = 'none';\n verticalMenu.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>
</div>
</Fragment_1>
</Slot>
<div
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
<div
className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Slot>
<Fragment_1>
<section
id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r cdh6bof ck52z3u`}>
<div
className={`w-element crww4sf c3g7ft6 c4b9143`}>
<div
className={`w-element crww4sf c99w2b6 c15fz3od c4b9143`}>
<RemixForm
id={"contact.form"}
method={"post"}
encType={"application/x-www-form-urlencoded"}
className={`w-element cd5fk7w crww4sf c3g7ft6 cpd015r c10x4uj1`}>
<div
className={`w-element c16ciwp8 c4b9143`}>
<h1
className={`w-element c8m2yga c1jkytp4 c4r4hj8 ch1x1p6 c1jha0i3`}>
{"Contact Us"}
</h1>
<p
className={`w-element cd5fk7w cdh6bof ctcym5x c8m2yga c1w8xp1f`}>
{"Reach out today and let us accompany you on your patient journey!"}
</p>
</div>
<div
className={`w-element crww4sf c3g7ft6 cd5fk7w c1w8xp1f c14m1hll`}>
<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`} />
<div
className={`w-element crww4sf c99w2b6 c1o3gzl4 cx93287 c1nuvu2f`}>
<button
type={"submit"}
className={`w-element c4trja3 c1xunj7p c3hg53i cibf3js cgzvhla c1eeyz1i c1ed0kk c1vub16f c43t0qt`}>
{"Submit"}
</button>
</div>
<div
id={"contact.responseMessage"}
className={`w-element`} />
</div>
</RemixForm>
<div
className={`w-element crww4sf c3g7ft6 c1wob7x0 cx93287 ckqrydf c11b4pmf c4r4hj8 cak81v1`}>
<p
className={`w-element c1wob7x0 cdh6bof c1wuw6ta c1oi72ah c16wpn9q c122j58o c9frhl4 c1icx67s cibf3js cgzvhla c1eeyz1i c1ed0kk c1w8xp1f c8m2yga c17xvvto`}>
<span
className={`w-element`}>
<b
className={`w-element cdh6bof c1oi72ah ch1x1p6`}>
{"5450 Reisterstown Rd Ste 204"}
</b>
{""}
<br />
{""}
<b
className={`w-element cdh6bof c1oi72ah ch1x1p6`}>
{"Baltimore, MD 21215"}
</b>
</span>
<div
className={`w-element c404j15`}>
{"inasahealthcare@gmail.com"}
<br />
{"(443) 631-3354"}
</div>
</p>
</div>
</div>
<div
className={`w-element cd5fk7w`}>
<div
id={"map"}
className={`w-element c1w8xp1f`}>
<iframe
src={"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3085.394060214603!2d-76.69269462563281!3d39.34731202003477!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c81a5783c70acd%3A0xb4704e47c019e02!2sROGERS%20PROFESSIONAL%20BUILDING%2C%205450%20Reisterstown%20Rd%20%23204%2C%20Baltimore%2C%20MD%2021215!5e0!3m2!1sen!2sus!4v1764803005072!5m2!1sen!2sus"}
height={450}
allowFullScreen={true}
loading={"lazy"}
referrerPolicy={"no-referrer-when-downgrade"}
className={`w-element cd5fk7w cv9zpwk`} />
</div>
</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 = `${NN_BASE_URL}/${CONTACT_FORM_WEBHOOK_URL_PATH}`; \n\n const webhookUrl = `https://n8n-ai.bsidesolutions.net/webhook/9974ca96-98ba-4e56-bb48-debfdad8cf59`; \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 = \"inasahealthcare@gmail.com\";\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 c8w4t0b cdh6bof c18mbblj c12eqyaq c4b9143 c8f35fv c1lderqd`}>
<div
href={"/"}
className={`w-element cef87he crww4sf c99w2b6 ckk0rc4 cx93287 c1nuvu2f coutbuw c1ptvrdc ccis0ah cnrsfp7 c18mbblj c4b9143 c1w8xp1f c1khpnw1`}>
<div
className={`w-element c1wuw6ta crww4sf c3g7ft6 cx93287 ckqrydf cef87he cd5fk7w c1w8xp1f`}>
<Link
href={"/"}
className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 c4if8rn c1wuw6ta c14m1hll`} />
</div>
</Link>
</div>
</div>
<div
className={`w-element crww4sf c3g7ft6 cn1iies c9frhl4 c1ezaip9 cd5fk7w cw8x2cx c18brc31 csv5uos chmkuti cpsantp c19h10tt coutbuw c1jshls2 c1he30nh c1u1hoyh c44sdxc crnkg5s`}>
<div
className={`w-element cd5fk7w c1xunj7p c18brc31 csv5uos`}>
<h3
className={`w-element c4r4hj8 c3hg53i`}>
{"Visit us Today!"}
</h3>
</div>
<div
className={`w-element c1w8xp1f cb0nqi9 cfcirwi cd5fk7w crww4sf c3g7ft6 c1o3gzl4`}>
<ul
className={`w-element c1xokafg c4r4hj8 c1ssohph c1xavydr c1no8buc`}>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Mon"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Tue"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Wed"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Thu"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 c1fx4m5m crww4sf c99w2b6 c25jnh8`}>
<span
className={`w-element`}>
{"Fri"}
</span>
<span
className={`w-element`}>
{"8:30am - 4:30pm"}
</span>
</li>
<li
className={`w-element c7wz0bi cxiii4b c1x3wco0 c1n2bxy1 cpn34xo czw3921 c1fx4m5m crww4sf c99w2b6 c25jnh8 c111dkpv ch5h9jg`}>
<span
className={`w-element`}>
{"Sat-Sun"}
</span>
<span
className={`w-element`}>
{"Closed"}
</span>
</li>
</ul>
</div>
</div>
<div
className={`w-element c4trja3 crww4sf c99w2b6 cn1iies c1o3gzl4 cr2xvhf c1nuvu2f coutbuw c8m2yga c4b9143 c10gmeow`}>
<div
className={`w-element crww4sf c3g7ft6 cd5fk7w c4r4hj8`}>
<h3
className={`w-element cbf49fz c1w8xp1f`}>
<span
className={`w-element`}>
{"Links"}
</span>
</h3>
<ul
className={`w-element c1fx4m5m cak81v1 cbf49fz crww4sf c3g7ft6 c145mqhw cvt2kyp cd5fk7w c1w8xp1f`}>
<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
className={`w-element cd5fk7w crww4sf c3g7ft6 cn1iies ctpq6tk c1w8xp1f c8m2yga c1x6qdu9`}>
<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>
</div>
</Fragment_1>
</Slot>
</div>
</Body>
}
export { Page }
Reference in New Issue View Git Blame Copy Permalink