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__/[insurance]._index.tsx
oonyeje 64001e845f - updated services page and added iframe for businesses address 
- added practitioner image for about section, and updated to show certs held
- wip: image responsiveness and lock aspect ratios across viewports
-  wip: add ease in animation to each section when scrolled by
- wip: clean up footer with office hours, quick contact info, privacy policy/terms links
2025-12-04 07:09:36 -05:00

473 lines
13 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, Image as Image, 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";
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
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>
<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
id={"insurance"}
className={`w-element cpd015r c1rxm3ec crww4sf c3g7ft6`}>
<div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1
className={`w-element c11b4pmf c1wdq0x ch1x1p6 c4r4hj8`}>
{"Major Insurance Providers Accepted"}
</h1>
</div>
<div
className={`w-element crww4sf c99w2b6 c25jnh8 c4b9143`}>
<div
className={`w-element c1oljcs1 crww4sf c3g7ft6 c1w8xp1f`}>
<p
className={`w-element ctcym5x c8m2yga`}>
{"We accept major PPO plans, HMO plans, and Medicare insurance plans. We also offer affordable options for those without insurance or with High Deductible insurance plans. Below is a short list of just some of the plans we accept. Please contact our office with any questions."}
</p>
<ul
className={`w-element`}>
<li
className={`w-element`}>
{"Aetna Better Health of Maryland"}
</li>
<li
className={`w-element`}>
{"Aetna Health Plan"}
</li>
<li
className={`w-element`}>
{"CARELON BEHAVIORAL HEALTH"}
</li>
<li
className={`w-element`}>
{"CIGNA Health Plan"}
</li>
<li
className={`w-element`}>
{"Humana Care Plan"}
</li>
<li
className={`w-element`}>
{"JAI MEDICAL"}
</li>
<li
className={`w-element`}>
{"MedStar Family Choice MD"}
</li>
<li
className={`w-element`}>
{"Medicaid of Maryland"}
</li>
<li
className={`w-element`}>
{"Medicare Part B of Maryland"}
</li>
<li
className={`w-element`}>
{"Multiplan/PHCS"}
</li>
<li
className={`w-element`}>
{"Optum Maryland Behavioral Health"}
</li>
<li
className={`w-element`}>
{"Physicians Care Network"}
</li>
<li
className={`w-element`}>
{"University Physicians Healthcare Group"}
</li>
<li
className={`w-element`}>
{"Wellpoint Maryland"}
</li>
</ul>
</div>
<div
className={`w-element cd5fk7w crww4sf c99w2b6 ck8bxma c1abbm3i cx93287 c1ontqe3 c1az19w5 c1fpo2sh c176movo`}>
<Image
src={"/assets/aetna_svg_i-AnPh30JLnh1I1Qy-ful.webp"}
width={200}
height={200}
alt={""}
className={`w-image cvywmiu`} />
<Image
src={"/assets/Carelon_idFExT24gn_1_CwBNKRegxZwecJRMw66o4.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
<Image
src={"/assets/Optum_idEf_uSOX8_0_F4Iv6_j9L99Xz9KHHA_OF.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
<Image
src={"/assets/cigna_svg_2Zy6JWmDVN5SxwZROlXj6.svg"}
width={200}
height={200}
alt={""}
className={`w-image cvywmiu`} />
<Image
src={"/assets/unitedhealthcare_svg_BqXwzXUQqnzpJJ8USbei7.svg"}
width={212}
height={126}
alt={""}
className={`w-image cvywmiu`} />
</div>
</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>
</Body>
}
export { Page }
Reference in New Issue View Git Blame Copy Permalink