- fix aspect ratio of about section image

- added in progress script to fade in sections
- added transparent logo and favicon
This commit is contained in:
oonyeje 2025-12-05 07:39:56 -05:00
parent 64001e845f
commit 9a6902b4a0
12 changed files with 1497 additions and 583 deletions

File diff suppressed because it is too large Load Diff

View File

@ -10,14 +10,14 @@ import { Fragment as Fragment_1, Slot as Slot, Image as Image, HtmlEmbed as Html
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -44,12 +44,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -240,12 +240,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -2,7 +2,7 @@
export const sitemap = [
{
"path": "/",
"lastModified": "2025-12-04"
"lastModified": "2025-12-05"
}
];

View File

@ -10,14 +10,14 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -44,12 +44,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -229,12 +229,13 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Slot>
<Fragment_1>
<section
id={"about"}
className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r`}>
<div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1
className={`w-element c11b4pmf c1jkytp4 ch1x1p6 c4r4hj8`}>
{"About Your Physician"}
{"About Your Provider"}
</h1>
</div>
<div
@ -274,7 +275,7 @@ height={1908}
src={"/assets/chinasa_onyeje_np_jEfYEw5Mc9MJIHawi2kBa.jpeg"}
loading={"lazy"}
alt={""}
className={`w-image c128gp70 crww4sf cef87he c99w2b6 cd5fk7w c1i6dsad c1wuw6ta c16hipeg cc3x2um ckfotkh c2oubmf czkjaly c127xv2d czmkc8n`} />
className={`w-image c128gp70 crww4sf cef87he c99w2b6 cd5fk7w c1i6dsad c1wuw6ta c16hipeg c110ps1s cc3x2um ckfotkh c2oubmf czkjaly c127xv2d czmkc8n`} />
<div
className={`w-element c14hceu9 cdkbprj ${"certifications-list"}`}>
<h3
@ -282,7 +283,7 @@ className={`w-element c4r4hj8`}>
{"Certifications & Licenses:"}
</h3>
<div
className={`w-element crww4sf c99w2b6 cn1iies ckqrydf ck8bxma ciyds21 c9l3dkg c1902mhb ${"cert-grid"}`}>
className={`w-element crww4sf c99w2b6 cn1iies ckqrydf ck8bxma ciyds21 c9l3dkg c1902mhb c17ssthj cssfuku ${"cert-grid"}`}>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"DNP"}
@ -299,11 +300,23 @@ className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"PMHNP-BC"}
</span>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"DOT Certified"}
</span>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"CPR Certified"}
</span>
</div>
</div>
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"about\");\n debugger;\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
</div>
@ -323,12 +336,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -10,14 +10,14 @@ import { Link as Link, Body as Body, RemixForm as RemixForm } from "@webstudio-i
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -44,12 +44,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -229,6 +229,7 @@ className={`w-element crl0oac co9jzi5 c1kps6fe`}>
<Slot>
<Fragment_1>
<section
id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r`}>
<div
className={`w-element crww4sf c3g7ft6 c4b9143`}>
@ -338,6 +339,10 @@ code={"<script>\n document.getElementById('contact.form').addEventListener('sub
className={`w-html-embed`} />
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"contact\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
</div>
@ -357,12 +362,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -10,14 +10,14 @@ import { Link as Link, Body as Body } from "@webstudio-is/sdk-components-react-r
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -44,12 +44,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -305,39 +305,59 @@ className={`w-element`}>
</div>
<div
className={`w-element cd5fk7w crww4sf c99w2b6 ck8bxma c1abbm3i cx93287 c1ontqe3 c1az19w5 c1fpo2sh c176movo`}>
<div
className={`w-element`}>
<Image
src={"/assets/aetna_svg_i-AnPh30JLnh1I1Qy-ful.webp"}
width={200}
height={200}
alt={""}
className={`w-image cvywmiu`} />
className={`w-image`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/Carelon_idFExT24gn_1_CwBNKRegxZwecJRMw66o4.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
className={`w-image c12a07we`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/Optum_idEf_uSOX8_0_F4Iv6_j9L99Xz9KHHA_OF.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
className={`w-image c12a07we`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/cigna_svg_2Zy6JWmDVN5SxwZROlXj6.svg"}
width={200}
height={200}
src={"/assets/cigna_55-l_3r8uBqc_gENG5oHn.svg"}
width={2500}
height={400}
alt={""}
className={`w-image cvywmiu`} />
loading={"lazy"}
className={`w-image`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/unitedhealthcare_svg_BqXwzXUQqnzpJJ8USbei7.svg"}
width={212}
height={126}
src={"/assets/united-health-care-logo_EbDdlbtLyDYtcXTgzaTic.png"}
width={160}
height={160}
alt={""}
className={`w-image cvywmiu`} />
className={`w-image`} />
</div>
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"insurance\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
</div>
@ -357,12 +377,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -11,14 +11,14 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -45,12 +45,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -644,6 +644,10 @@ className={`w-html-embed`} />
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"services\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
</div>
@ -663,12 +667,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -11,14 +11,14 @@ import { Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as Dial
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
export const lastPublished = "2025-12-04T11:59:03.781Z";
export const lastPublished = "2025-12-05T12:38:39.797Z";
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";
"inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
@ -51,12 +51,12 @@ className={`w-element c16vkxg8`}>
href={"/"}
className={`w-element c11b4pmf crww4sf c3g7ft6 c9l3dkg cx93287 ckqrydf coutbuw cd5fk7w ccis0ah c1wuw6ta c14cftng c173v0c6 cl9ava1`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c1d5rkwo c1vub16f c11b4pmf c14cftng c4zhu3`} />
alt={""}
className={`w-image cd5fk7w c1wuw6ta c11b4pmf c9g19o3 cb1ar96 c14cftng c4zhu3`} />
</Link>
</div>
<div
@ -254,7 +254,7 @@ className={`w-element c1tv57nw crww4sf cx93287 c1opy1an c1xth788 ccis0ah c11b4pm
<Link
href={"tel:4436313354"}
className={`w-element c1tv57nw crww4sf cx93287 c1opy1an c5l3yuu ccis0ah c11b4pmf ckqrydf c195vyzs cn322vw c1m255c cl30q92 c107nwhl c514454 c1vgf0es c1l0xs1g cisk86c c1nw16em cs6a0vd cwke5bt c1g0zv9l ${"cta-button secondary"}`}>
{"Call Us At 443-631-3321"}
{"Call Us At 443-631-3354"}
</Link>
</div>
</div>
@ -263,16 +263,17 @@ className={`w-element c1tv57nw crww4sf cx93287 c1opy1an c5l3yuu ccis0ah c11b4pmf
className={`w-element c1wuw6ta crww4sf c99w2b6 cd5fk7w c1i96z9q c1i69n9b c17m6wgf c1hs3l07 c1cwo41a clju3r0 cx93287 ckqrydf c1kzh3ni cdgppg5 c1yp2z1d`} />
</div>
<div
className={`w-element crl0oac co9jzi5 c1kps6fe ca6r2qs cnt0ref`}>
className={`w-element crl0oac co9jzi5 ca6r2qs cnt0ref`}>
<Slot>
<Fragment_1>
<section
id={"about"}
className={`w-element crww4sf c3g7ft6 c15fz3od ckqrydf cpd015r`}>
<div
className={`w-element c11b4pmf crww4sf c3g7ft6 ck9f8a1 c9m0vzy`}>
<h1
className={`w-element c11b4pmf c1jkytp4 ch1x1p6 c4r4hj8`}>
{"About Your Physician"}
{"About Your Provider"}
</h1>
</div>
<div
@ -312,7 +313,7 @@ height={1908}
src={"/assets/chinasa_onyeje_np_jEfYEw5Mc9MJIHawi2kBa.jpeg"}
loading={"lazy"}
alt={""}
className={`w-image c128gp70 crww4sf cef87he c99w2b6 cd5fk7w c1i6dsad c1wuw6ta c16hipeg cc3x2um ckfotkh c2oubmf czkjaly c127xv2d czmkc8n`} />
className={`w-image c128gp70 crww4sf cef87he c99w2b6 cd5fk7w c1i6dsad c1wuw6ta c16hipeg c110ps1s cc3x2um ckfotkh c2oubmf czkjaly c127xv2d czmkc8n`} />
<div
className={`w-element c14hceu9 cdkbprj ${"certifications-list"}`}>
<h3
@ -320,7 +321,7 @@ className={`w-element c4r4hj8`}>
{"Certifications & Licenses:"}
</h3>
<div
className={`w-element crww4sf c99w2b6 cn1iies ckqrydf ck8bxma ciyds21 c9l3dkg c1902mhb ${"cert-grid"}`}>
className={`w-element crww4sf c99w2b6 cn1iies ckqrydf ck8bxma ciyds21 c9l3dkg c1902mhb c17ssthj cssfuku ${"cert-grid"}`}>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"DNP"}
@ -337,11 +338,23 @@ className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"PMHNP-BC"}
</span>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"DOT Certified"}
</span>
<span
className={`w-element c1fw0cv2 c13twaxx c1asj7ri c8cfypq c10jyxyw c1jadkev ckmg8y9 cvzkpyu c1buipcy ceag271 c1dvf2qw c1uahs62 c1xnke8 ckscd18 c18k0d33`}>
{"CPR Certified"}
</span>
</div>
</div>
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"about\");\n debugger;\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
<Slot>
@ -764,6 +777,10 @@ className={`w-html-embed`} />
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"services\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
<Slot>
@ -848,44 +865,65 @@ className={`w-element`}>
</div>
<div
className={`w-element cd5fk7w crww4sf c99w2b6 ck8bxma c1abbm3i cx93287 c1ontqe3 c1az19w5 c1fpo2sh c176movo`}>
<div
className={`w-element`}>
<Image
src={"/assets/aetna_svg_i-AnPh30JLnh1I1Qy-ful.webp"}
width={200}
height={200}
alt={""}
className={`w-image cvywmiu`} />
className={`w-image`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/Carelon_idFExT24gn_1_CwBNKRegxZwecJRMw66o4.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
className={`w-image c12a07we`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/Optum_idEf_uSOX8_0_F4Iv6_j9L99Xz9KHHA_OF.svg"}
width={200}
height={200}
alt={""}
className={`w-image c12a07we cvywmiu`} />
className={`w-image c12a07we`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/cigna_svg_2Zy6JWmDVN5SxwZROlXj6.svg"}
width={200}
height={200}
src={"/assets/cigna_55-l_3r8uBqc_gENG5oHn.svg"}
width={2500}
height={400}
alt={""}
className={`w-image cvywmiu`} />
loading={"lazy"}
className={`w-image`} />
</div>
<div
className={`w-element`}>
<Image
src={"/assets/unitedhealthcare_svg_BqXwzXUQqnzpJJ8USbei7.svg"}
width={212}
height={126}
src={"/assets/united-health-care-logo_EbDdlbtLyDYtcXTgzaTic.png"}
width={160}
height={160}
alt={""}
className={`w-image cvywmiu`} />
className={`w-image`} />
</div>
</div>
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"insurance\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
<Slot>
<Fragment_1>
<section
id={"contact"}
className={`w-element crww4sf cd5fk7w c3g7ft6 c25jnh8 cu62lxz cpd015r`}>
<div
className={`w-element crww4sf c3g7ft6 c4b9143`}>
@ -995,6 +1033,10 @@ code={"<script>\n document.getElementById('contact.form').addEventListener('sub
className={`w-html-embed`} />
</div>
</section>
<HtmlEmbed
code={"<script src=\"https://unpkg.com/framer-motion@10.1.12/dist/framer-motion.min.js\"></script>\n<script>\n // Wait for the DOM to load\n document.addEventListener(\"DOMContentLoaded\", () => {\n const section = document.getElementById(\"contact\");\n const framer = window.framer;\n\n // Create a motion value for opacity\n const opacity = framer.motion.value(0);\n\n // Define the animation\n const animation = framer.motion.animate({\n from: { opacity: 0 },\n to: { opacity: 1 },\n duration: 1,\n ease: \"easeOut\"\n });\n\n // Trigger animation when the section is in view\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animation.play();\n observer.unobserve(section);\n }\n });\n },\n { threshold: 0.1 }\n );\n\n observer.observe(section);\n });\n</script>"}
executeScriptOnCanvas={true}
className={`w-html-embed`} />
</Fragment_1>
</Slot>
</div>
@ -1014,12 +1056,12 @@ className={`w-element ccis0ah`}>
<div
className={`w-element crww4sf c99w2b6`}>
<Image
src={"/assets/file_000000003f50722fa551064d566374f2_kdDbKfOW9fojde3YWOccm.png"}
src={"/assets/inasahealthcare_logo_LVniyy1fWvJoTZs37bGx2.png"}
width={1024}
height={1024}
loading={"lazy"}
alt={"logo"}
className={`w-image c11b4pmf c1mpgdtm`} />
alt={""}
className={`w-image c11b4pmf cd5fk7w c1ezaip9 cok3zh3 c1wuw6ta`} />
</div>
</Link>
</div>

View File

@ -371,8 +371,11 @@
.c11b4pmf {
align-self: center
}
.c1mpgdtm {
width: 5em
.c1ezaip9 {
max-width: 200px
}
.cok3zh3 {
max-height: 160px
}
.c1wuw6ta {
height: 100%
@ -1052,6 +1055,9 @@
.c16hipeg {
object-position: 41% 50%
}
.c110ps1s {
aspect-ratio: 0.5625
}
.ck9f8a1 {
column-gap: 0px
}
@ -1092,9 +1098,6 @@
.c1oljcs1 {
width: 70%
}
.c12a07we {
height: 30%
}
.cr3uuuc {
display: none
}
@ -1113,8 +1116,11 @@
.cw8x2cx {
color: rgba(0, 0, 0, 1)
}
.c1d5rkwo {
width: 50px
.c9g19o3 {
max-width: 100px
}
.cb1ar96 {
max-height: 80px
}
.c24uo11 {
justify-content: flex-end
@ -1215,6 +1221,9 @@
.c1xnke8 {
border-bottom-right-radius: 6px
}
.c12a07we {
height: 30%
}
}
@media all and (max-width: 991px) {
.c1fu4nwy {
@ -1232,9 +1241,6 @@
.czkjaly {
overflow-y: clip
}
.cvywmiu {
width: 50%
}
.c1h947w8 {
column-gap: 0.8rem
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB