inasa-healthcare/app/__generated__/[services]._index.tsx
oonyeje 27b1844890 - some small changes to add about page
- updated contact page to be more responsive
2025-11-25 22:05:58 -05:00

534 lines
13 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, Box as Box, Text as Text, HtmlEmbed as HtmlEmbed, Slot as Slot } from "@webstudio-is/sdk-components-react";
import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-router";
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[] =
[]
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>
<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`}>
<div
className={`w-element w-wrapper`}>
<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>
</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>
</Body>
}
export { Page }