oonyeje
64001e845f
- 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
357 lines
10 KiB
TypeScript
357 lines
10 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 { Body as Body, Link as Link } from "@webstudio-is/sdk-components-react-router";
|
|
import { Fragment as Fragment_1, Slot as Slot, Image as Image, HtmlEmbed as HtmlEmbed } from "@webstudio-is/sdk-components-react";
|
|
|
|
|
|
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 crww4sf ckqrydf cn1iies c9frhl4`}>
|
|
<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 cd5fk7w`}>
|
|
<Link
|
|
href={"https://bsidesol.com/"}
|
|
target={"_blank"}
|
|
className={`w-element c9v9nx1 c1i5ozti c9k0w54 cx93287 ckqrydf c3shrxx c153530k coz667r c15fzr3g c12zbd07 c1az19w5 c9zy01k cma7py c15y8zc1 c14b8oo9 c1p0nz92 clfi3az cqjpqux c5smrcr c16kztqc c1k3kxme cjy2amr ccis0ah cnxrcn6 c1nh2wop c1ogpmb8 c3rrbi c1pddfk4`}>
|
|
<div
|
|
className={`w-element`}>
|
|
{"Powered By BSide Solutions"}
|
|
</div>
|
|
</Link>
|
|
<div
|
|
className={`w-element c1l5nye9 c6ztklw c1h4okfu cfm4hf3`}>
|
|
<div
|
|
className={`w-element crl0oac co9jzi5 c1kps6fe crww4sf c99w2b6 cn1iies ckqrydf`}>
|
|
<div
|
|
className={`w-element c11b4pmf c3ymd8g`}>
|
|
<div
|
|
className={`w-element cfm4hf3 c4r4hj8 cxxuz7w c1tchs84 cqjpqux coanrs9 c43t0qt cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
|
|
<div
|
|
className={`w-element cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
|
|
{"404"}
|
|
</div>
|
|
<div
|
|
className={`w-element c113py9s cud6u35 c11k3dfx c1n5jp6m c161cybo cmyy6tk cdfzuvs c1n2iygr cile5ew`}>
|
|
{"404"}
|
|
</div>
|
|
<div
|
|
className={`w-element c113py9s cud6u35 c1isidiq c1n5jp6m cnppocd cmyy6tk cdfzuvs c1q1gfsb c1n2iygr cile5ew`}>
|
|
{"404"}
|
|
</div>
|
|
<div
|
|
className={`w-element c113py9s c1r87ey7 c1d3y53 cd5fk7w c9frhl4 c1tukfl8`} />
|
|
</div>
|
|
<p
|
|
className={`w-element ctcx9n8 ckscd18 c1fj3gs0 c1syul9i cec5wga ccktgr0 cxiii4b c8f35fv cssfuku c8m2yga`}>
|
|
{"PAGE NOT FOUND"}
|
|
</p>
|
|
</div>
|
|
</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 }
|
|
|