oonyeje 27b1844890 - some small changes to add about page
- updated contact page to be more responsive
2025-11-25 22:05:58 -05:00

724 lines
19 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 { Body as Body, Link as Link, RemixForm as RemixForm } from "@webstudio-is/sdk-components-react-router";
import { Fragment as Fragment_1, Image as Image, Slot as Slot, Box as Box, Text as Text, HtmlEmbed as HtmlEmbed, Input as Input, Textarea as Textarea } from "@webstudio-is/sdk-components-react";
import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as DialogOverlay, DialogContent as DialogContent, DialogTitle as DialogTitle, DialogDescription as DialogDescription, DialogClose as DialogClose } from "@webstudio-is/sdk-components-react-radix";
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[] =
["istockphoto-1488889438-612x612_vbqMRl3DiTZde0YthrfWf.jpg"]
export const CustomCode = () => {
return (<></>);
}
const Page = (_props: { system: any; }) => {
return <Body
className={`w-element w-element-51`}>
<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={""}
className={`w-element w-content`}>
<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-1`}>
<div
className={`w-element w-hero-section`}>
<div
className={`w-element w-hero-overlay`}>
<div
className={`w-element w-element-52`}>
<h1
className={`w-element w-element-53`}>
<b
className={`w-element w-element-54`}>
{"Welcome to Inasa Healthcare"}
</b>
</h1>
<div
className={`w-element w-element-55 ${"hero-cta-buttons"}`}>
<Link
href={"https://d2oe0ra32qx05a.cloudfront.net/?practiceKey=k_1_112536"}
className={`w-element w-element-56 ${"cta-button secondary"}`}>
{"Book An Appointment"}
</Link>
<Link
href={"tel:4436313354"}
className={`w-element w-element-57 ${"cta-button secondary"}`}>
{"Call Us At 443-631-3321"}
</Link>
</div>
</div>
</div>
<div
className={`w-element w-hero`} />
</div>
<div
className={`w-element w-wrapper-1`}>
<Slot>
<Fragment_1>
<section
className={`w-element w-element-71`}>
<div
className={`w-element w-element-77`}>
<h1
className={`w-element w-element-76`}>
{"About Your Physician"}
</h1>
</div>
<div
className={`w-element w-element-72`}>
<div
className={`w-element w-element-73`}>
<p
className={`w-element w-element-75`}>
<span
className={`w-element`}>
<b
className={`w-element`}>
{"Chinasa Rita Onyeje, DNP, CRNP, FNP-BC, PMHNP-BC,"}
</b>
</span>
{" is a dual board-certified Family and Psychiatric Mental Health Nurse Practitioner who is compassionate, dedicated with genuine love for my profession. Patients are her first priority and she always strives to provide personalized, comprehensive, high-quality, patient centered care with emphasis on clear communication and patient education, to empower patients on their health care path. Establishing a therapeutic alliance with my patients through active listening, empathy, and mutual respect is the number one goal. I am dedicated to helping patients manage chronic conditions, psychiatric illnesses, urgent / acute care matters, wellness screening and preventive health care services. "}
<br />
{""}
<br />
{"Her educational career began at the University of Maryland, with a bachelor of Science degree in Nursing, then Masters degree in Family Nurse Practitioner from Coppin State University, and later a Doctorate degree with a focus on Psychiatric and Mental Health from University of Massachusetts."}
</p>
</div>
<div
className={`w-element w-element-74`}>
<Image
width={1024}
height={1024}
className={`w-image w-image-5`} />
</div>
</div>
</section>
</Fragment_1>
</Slot>
<Slot>
<Fragment_1>
<section
id={"services"}
className={`w-element w-element-83 ${"services"}`}>
<div
className={`w-element ${"container"}`}>
<div
className={`w-element w-element-28 ${"section-header"}`}>
<h1
className={`w-element w-element-36`}>
{"Our Services"}
</h1>
</div>
<div
className={`w-element w-element-29 ${"services-grid"}`}>
<div
className={`w-element w-element-30 ${"service-card"}`}>
<div
className={`w-element w-element-31 ${"service-icon"}`}>
<Image
alt={"Mental Health Services"}
src={"/services/primarycare.svg"}
className={`w-image w-image-3 ${"w-10 h-10"}`} />
</div>
<h3
className={`w-element w-element-37`}>
{"Mental Health Services"}
</h3>
<p
className={`w-element w-element-38`}>
{"Mental Health Screening, Evaluation and Treatment for: depression, anxiety, bipolar disorder, other psychiatric conditions"}
</p>
<Dialog>
<DialogTrigger>
<button
className={`w-element w-element-47 ${"service-button"}`}>
{"Learn More"}
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay w-dialog-overlay-1`}>
<DialogContent
className={`w-dialog-content w-dialog-content-1`}>
<Box
className={`w-box w-dialog-header`}>
<DialogTitle
className={`w-dialog-title w-dialog-title-1`}>
{"Dialog Title you can edit"}
</DialogTitle>
<DialogDescription
className={`w-dialog-description w-dialog-description-1`}>
{"Dialog description text you can edit"}
</DialogDescription>
</Box>
<Text
className={`w-text`}>
{"The text you can edit"}
</Text>
<DialogClose
className={`w-close-button w-close-button-1`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</div>
<div
className={`w-element w-element-32 ${"service-card"}`}>
<div
className={`w-element w-element-33 ${"service-icon"}`}>
<Image
alt={"Chronic Illness"}
src={"/services/urgentcare.svg"}
className={`w-image ${"w-10 h-10"}`} />
</div>
<h3
className={`w-element w-element-39`}>
{"Chronic Illness Management"}
</h3>
<p
className={`w-element w-element-40`}>
{"Diabetes and Hypertension management, Cholesterol screening and management, Weight loss management and support, Women and Men's health, Nicotine dependency treatment"}
</p>
<Dialog>
<DialogTrigger>
<button
className={`w-element w-element-48 ${"service-button"}`}>
{"Learn More"}
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay w-dialog-overlay-2`}>
<DialogContent
className={`w-dialog-content w-dialog-content-2`}>
<Box
className={`w-box w-dialog-header-1`}>
<DialogTitle
className={`w-dialog-title w-dialog-title-2`}>
{"Dialog Title you can edit"}
</DialogTitle>
<DialogDescription
className={`w-dialog-description w-dialog-description-2`}>
{"Dialog description text you can edit"}
</DialogDescription>
</Box>
<Text
className={`w-text`}>
{"The text you can edit"}
</Text>
<DialogClose
className={`w-close-button w-close-button-2`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</div>
<div
className={`w-element w-element-34 ${"service-card"}`}>
<div
className={`w-element w-element-35 ${"service-icon"}`}>
<Image
alt={"Physicals & Screenings"}
src={"/services/physical.svg"}
className={`w-image ${"w-10 h-10"}`} />
</div>
<h3
className={`w-element w-element-41`}>
{"Primary & Preventive Care"}
</h3>
<p
className={`w-element w-element-42`}>
{"Pre-employment, DOT, sports, camp physicals, tuberculin tests, and titers."}
</p>
<Dialog>
<DialogTrigger>
<button
className={`w-element w-element-49 ${"service-button"}`}>
{"Learn More"}
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay w-dialog-overlay-3`}>
<DialogContent
className={`w-dialog-content w-dialog-content-3`}>
<Box
className={`w-box w-dialog-header-2`}>
<DialogTitle
className={`w-dialog-title w-dialog-title-3`}>
{"Dialog Title you can edit"}
</DialogTitle>
<DialogDescription
className={`w-dialog-description w-dialog-description-3`}>
{"Dialog description text you can edit"}
</DialogDescription>
</Box>
<Text
className={`w-text`}>
{"The text you can edit"}
</Text>
<DialogClose
className={`w-close-button w-close-button-3`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</div>
<div
className={`w-element w-element-43 ${"service-card"}`}>
<div
className={`w-element w-element-44 ${"service-icon"}`}>
<Image
alt={"Physicals & Screenings"}
src={"/services/physical.svg"}
className={`w-image w-image-4 ${"w-10 h-10"}`} />
</div>
<h3
className={`w-element w-element-45`}>
{"Urgent Care & Walk-in Services"}
</h3>
<p
className={`w-element w-element-46`}>
{"Pre-employment, DOT, sports, camp physicals, tuberculin tests, and titers."}
</p>
<Dialog>
<DialogTrigger>
<button
className={`w-element w-element-50 ${"service-button"}`}>
{"Learn More"}
</button>
</DialogTrigger>
<DialogOverlay
className={`w-dialog-overlay w-dialog-overlay-4`}>
<DialogContent
className={`w-dialog-content w-dialog-content-4`}>
<Box
className={`w-box w-dialog-header-3`}>
<DialogTitle
className={`w-dialog-title w-dialog-title-4`}>
{"Urgent Care & Walk In Services"}
</DialogTitle>
<DialogDescription
className={`w-dialog-description w-dialog-description-4`}>
{"Dialog description text you can edit"}
</DialogDescription>
</Box>
<Text
className={`w-text`}>
{"Services Include:"}
</Text>
<div
className={`w-element w-element-80`}>
<div
className={`w-element w-element-81`}>
<ul
className={`w-element`}>
<li
className={`w-element`}>
{"Acute & Sick Visits"}
</li>
<li
className={`w-element`}>
{"STI Testing & Treatment"}
</li>
<li
className={`w-element`}>
{"UTI Testing & Treatment"}
</li>
</ul>
</div>
<div
className={`w-element w-element-82`}>
<ul
className={`w-element`}>
<li
className={`w-element`}>
{"Sprain & Strain Management"}
</li>
<li
className={`w-element`}>
{"Telehealth/Virtual visits for diagnosis, prescriptions, follow up, lab results, and health education"}
</li>
</ul>
</div>
</div>
<DialogClose
className={`w-close-button w-close-button-4`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.5 3 3 12.5M3 3l9.5 9.5\"/></svg>"}
className={`w-html-embed`} />
</DialogClose>
</DialogContent>
</DialogOverlay>
</Dialog>
</div>
</div>
</div>
</section>
</Fragment_1>
</Slot>
<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. Dont 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 }