- update with services section, wip
This commit is contained in:
parent
f7f2550699
commit
af6715b6dd
8767
.webstudio/data.json
8767
.webstudio/data.json
File diff suppressed because it is too large
Load Diff
2
app/__generated__/$.tsx
generated
2
app/__generated__/$.tsx
generated
@ -10,7 +10,7 @@ import { HtmlEmbed as HtmlEmbed, Fragment as Fragment_1, Image as Image, Slot as
|
||||
|
||||
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
|
||||
|
||||
export const lastPublished = "2025-11-17T01:21:25.029Z";
|
||||
export const lastPublished = "2025-11-20T00:09:55.498Z";
|
||||
|
||||
export const siteName = "Inasa Healthcare";
|
||||
|
||||
|
||||
2
app/__generated__/$resources.sitemap.xml.ts
generated
2
app/__generated__/$resources.sitemap.xml.ts
generated
@ -2,7 +2,7 @@
|
||||
export const sitemap = [
|
||||
{
|
||||
"path": "/",
|
||||
"lastModified": "2025-11-17"
|
||||
"lastModified": "2025-11-20"
|
||||
}
|
||||
];
|
||||
|
||||
135
app/__generated__/_index.tsx
generated
135
app/__generated__/_index.tsx
generated
@ -10,7 +10,7 @@ import { Fragment as Fragment_1, Image as Image, Slot as Slot } from "@webstudio
|
||||
|
||||
export const projectId = "363652e3-9846-4534-acdf-9b2b3c66eec0";
|
||||
|
||||
export const lastPublished = "2025-11-17T01:21:25.029Z";
|
||||
export const lastPublished = "2025-11-20T00:09:55.498Z";
|
||||
|
||||
export const siteName = "Inasa Healthcare";
|
||||
|
||||
@ -104,6 +104,8 @@ className={`w-element w-element-16`}>
|
||||
<div
|
||||
className={`w-element w-page-content`}>
|
||||
<div
|
||||
className={`w-element w-hero-section`}>
|
||||
<div
|
||||
className={`w-element w-hero-overlay`}>
|
||||
<div
|
||||
className={`w-element w-element-34`}>
|
||||
@ -131,8 +133,137 @@ className={`w-element w-element-39 ${"cta-button secondary"}`}>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-hero`} />
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-container`} />
|
||||
className={`w-element w-wrapper`}>
|
||||
<Slot>
|
||||
<Fragment_1>
|
||||
<section
|
||||
id={"services"}
|
||||
className={`w-element ${"services"}`}>
|
||||
<div
|
||||
className={`w-element ${"container"}`}>
|
||||
<div
|
||||
className={`w-element w-element-40 ${"section-header"}`}>
|
||||
<h1
|
||||
className={`w-element w-element-54`}>
|
||||
{"Our Services"}
|
||||
</h1>
|
||||
<p
|
||||
className={`w-element w-element-55`}>
|
||||
{"Comprehensive healthcare services tailored to your needs"}
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-element-41 ${"services-grid"}`}>
|
||||
<div
|
||||
className={`w-element w-element-42 ${"service-card"}`}>
|
||||
<div
|
||||
className={`w-element w-element-43 ${"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-56`}>
|
||||
{"Mental Health Services"}
|
||||
</h3>
|
||||
<p
|
||||
className={`w-element w-element-57`}>
|
||||
{"Mental Health Screening, Evaluation and Treatment for: depression, anxiety, bipolar disorder, other psychiatric conditions"}
|
||||
</p>
|
||||
<button
|
||||
className={`w-element w-element-44 ${"service-button"}`}>
|
||||
{"Learn More"}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-element-45 ${"service-card"}`}>
|
||||
<div
|
||||
className={`w-element w-element-46 ${"service-icon"}`}>
|
||||
<Image
|
||||
alt={"Chronic Illness"}
|
||||
src={"/services/urgentcare.svg"}
|
||||
className={`w-image ${"w-10 h-10"}`} />
|
||||
</div>
|
||||
<h3
|
||||
className={`w-element w-element-58`}>
|
||||
{"Chronic Illness Management"}
|
||||
</h3>
|
||||
<p
|
||||
className={`w-element w-element-59`}>
|
||||
{"Diabetes and Hypertension management, Cholesterol screening and management, Weight loss management and support, Women and Men's health, Nicotine dependency treatment"}
|
||||
</p>
|
||||
<button
|
||||
className={`w-element w-element-47 ${"service-button"}`}>
|
||||
{"Learn More"}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-element-48 ${"service-card"}`}>
|
||||
<div
|
||||
className={`w-element w-element-49 ${"service-icon"}`}>
|
||||
<Image
|
||||
alt={"Physicals & Screenings"}
|
||||
src={"/services/physical.svg"}
|
||||
className={`w-image ${"w-10 h-10"}`} />
|
||||
</div>
|
||||
<h3
|
||||
className={`w-element w-element-60`}>
|
||||
{"Primary & Preventive Care"}
|
||||
</h3>
|
||||
<p
|
||||
className={`w-element w-element-61`}>
|
||||
{"Pre-employment, DOT, sports, camp physicals, tuberculin tests, and titers."}
|
||||
</p>
|
||||
<button
|
||||
className={`w-element w-element-50 ${"service-button"}`}>
|
||||
{"Learn More"}
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-element-62 ${"service-card"}`}>
|
||||
<div
|
||||
className={`w-element w-element-63 ${"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-64`}>
|
||||
{"Urgent Care & Walk-in Services"}
|
||||
</h3>
|
||||
<p
|
||||
className={`w-element w-element-65`}>
|
||||
{"Pre-employment, DOT, sports, camp physicals, tuberculin tests, and titers."}
|
||||
</p>
|
||||
<button
|
||||
className={`w-element w-element-66 ${"service-button"}`}>
|
||||
{"Learn More"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={`w-element w-element-51`}>
|
||||
<p
|
||||
className={`w-element w-element-52`}>
|
||||
{"Looking for immediate care in Nottingham, MD? "}
|
||||
<Link
|
||||
href={"/nottingham-md-clinic"}
|
||||
data-discover={"true"}
|
||||
className={`w-element w-element-53`}>
|
||||
{"Visit our Nottingham clinic page"}
|
||||
</Link>
|
||||
{" for same-day appointments, walk-in services, and comprehensive care at 4416 Fitch Ave."}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Fragment_1>
|
||||
</Slot>
|
||||
</div>
|
||||
</div>
|
||||
<Slot>
|
||||
<Fragment_1>
|
||||
|
||||
357
app/__generated__/index.css
generated
357
app/__generated__/index.css
generated
@ -34,6 +34,22 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin: 0
|
||||
}
|
||||
button.w-element {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
box-sizing: border-box;
|
||||
border-top-width: 1px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
text-transform: none;
|
||||
margin: 0
|
||||
}
|
||||
div.w-element {
|
||||
box-sizing: border-box;
|
||||
border-top-width: 1px;
|
||||
@ -74,6 +90,14 @@
|
||||
border-left-width: 1px;
|
||||
outline-width: 1px
|
||||
}
|
||||
section.w-element {
|
||||
box-sizing: border-box;
|
||||
border-top-width: 1px;
|
||||
border-right-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-left-width: 1px;
|
||||
outline-width: 1px
|
||||
}
|
||||
span.w-element {
|
||||
box-sizing: border-box;
|
||||
border-top-width: 1px;
|
||||
@ -265,32 +289,16 @@
|
||||
height: max-content;
|
||||
position: relative
|
||||
}
|
||||
.w-container {
|
||||
height: 80svh;
|
||||
.w-wrapper {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%
|
||||
padding-right: 10%;
|
||||
margin-top: 8svh
|
||||
}
|
||||
.w-element-14 {
|
||||
display: inline-block;
|
||||
color: rgba(0, 0, 0, 1);
|
||||
text-decoration-line: none
|
||||
}
|
||||
.w-hero {
|
||||
height: 60svh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
background-image: url("/assets/istockphoto-1488889438-612x612_vbqMRl3DiTZde0YthrfWf.jpg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-origin: padding-box;
|
||||
-webkit-background-clip: border-box;
|
||||
background-clip: border-box;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-position: 0% 43%
|
||||
}
|
||||
.w-element-15 {
|
||||
width: auto;
|
||||
display: flex;
|
||||
@ -303,7 +311,7 @@
|
||||
border-top-right-radius: 9%;
|
||||
border-bottom-left-radius: 9%;
|
||||
border-bottom-right-radius: 9%;
|
||||
background-color: rgba(131, 208, 255, 1);
|
||||
background-color: rgba(8, 106, 160, 1);
|
||||
box-shadow: 0px 4px 10px 4px rgba(4, 30, 33, 0.05);
|
||||
height: min-content;
|
||||
width: auto;
|
||||
@ -434,6 +442,9 @@
|
||||
justify-content: center;
|
||||
align-self: center
|
||||
}
|
||||
.w-hero-section {
|
||||
position: relative
|
||||
}
|
||||
.w-hero-overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@ -522,6 +533,312 @@
|
||||
margin-left: 0px;
|
||||
border: 2px solid rgba(255, 255, 255, 0.23)
|
||||
}
|
||||
.w-hero {
|
||||
height: 60svh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
background-image: url("/assets/istockphoto-1488889438-612x612_vbqMRl3DiTZde0YthrfWf.jpg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-origin: padding-box;
|
||||
-webkit-background-clip: border-box;
|
||||
background-clip: border-box;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-position: 0% 43%
|
||||
}
|
||||
.w-element-40 {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
.w-element-41 {
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: space-around;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: start;
|
||||
column-gap: 21px;
|
||||
row-gap: 21px
|
||||
}
|
||||
.w-element-42 {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
align-self: stretch;
|
||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
height: 40svh;
|
||||
border: medium none currentcolor;
|
||||
padding: 20px
|
||||
}
|
||||
.w-element-43 {
|
||||
background-color: white;
|
||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
||||
color: rgba(87, 180, 224, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
.w-image-3 {
|
||||
display: block
|
||||
}
|
||||
.w-element-44 {
|
||||
margin-top: auto;
|
||||
padding-top: 12px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 12px;
|
||||
padding-left: 24px;
|
||||
background-color: white;
|
||||
color: rgba(87, 180, 224, 1);
|
||||
border-top-left-radius: 25px;
|
||||
border-top-right-radius: 25px;
|
||||
border-bottom-right-radius: 25px;
|
||||
border-bottom-left-radius: 25px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
transition-delay: 0s;
|
||||
transition-behavior: normal;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
row-gap: 8px;
|
||||
column-gap: 8px;
|
||||
border: 1px solid rgba(87, 180, 224, 1)
|
||||
}
|
||||
.w-element-45 {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
align-self: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
height: 40svh;
|
||||
border: medium none currentcolor;
|
||||
padding: 20px
|
||||
}
|
||||
.w-element-46 {
|
||||
background-color: white;
|
||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
||||
color: rgba(231, 76, 60, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
.w-element-47 {
|
||||
margin-top: auto;
|
||||
padding-top: 12px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 12px;
|
||||
padding-left: 24px;
|
||||
background-color: white;
|
||||
color: rgba(231, 76, 60, 1);
|
||||
border-top-left-radius: 25px;
|
||||
border-top-right-radius: 25px;
|
||||
border-bottom-right-radius: 25px;
|
||||
border-bottom-left-radius: 25px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
transition-delay: 0s;
|
||||
transition-behavior: normal;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
row-gap: 8px;
|
||||
column-gap: 8px;
|
||||
border: 1px solid rgba(231, 76, 60, 1)
|
||||
}
|
||||
.w-element-48 {
|
||||
background-color: rgba(251, 251, 251, 1);
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 40svh;
|
||||
border: medium none currentcolor;
|
||||
padding: 20px
|
||||
}
|
||||
.w-element-49 {
|
||||
background-color: white;
|
||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
||||
color: rgba(145, 185, 84, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
.w-element-50 {
|
||||
margin-top: auto;
|
||||
padding-top: 12px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 12px;
|
||||
padding-left: 24px;
|
||||
background-color: white;
|
||||
color: rgba(145, 185, 84, 1);
|
||||
border-top-left-radius: 25px;
|
||||
border-top-right-radius: 25px;
|
||||
border-bottom-right-radius: 25px;
|
||||
border-bottom-left-radius: 25px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
transition-delay: 0s;
|
||||
transition-behavior: normal;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
row-gap: 8px;
|
||||
column-gap: 8px;
|
||||
--hover-bg: rgba(145, 185, 84, 1);
|
||||
border: 1px solid rgba(145, 185, 84, 1)
|
||||
}
|
||||
.w-element-51 {
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
background-color: rgba(249, 250, 251, 1);
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
border: 2px solid rgba(229, 231, 235, 1);
|
||||
padding: 30px
|
||||
}
|
||||
.w-element-52 {
|
||||
font-size: 18px;
|
||||
color: rgba(55, 65, 81, 1);
|
||||
margin-bottom: 20px
|
||||
}
|
||||
.w-element-53 {
|
||||
color: rgba(87, 180, 224, 1);
|
||||
font-weight: 600;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentcolor
|
||||
}
|
||||
.w-element-54 {
|
||||
align-self: center;
|
||||
font-size: 3em;
|
||||
color: rgba(8, 111, 168, 1)
|
||||
}
|
||||
.w-element-55 {
|
||||
align-self: center;
|
||||
font-size: 2em
|
||||
}
|
||||
.w-element-56 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-57 {
|
||||
text-align: center;
|
||||
font-size: 16px
|
||||
}
|
||||
.w-element-58 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-59 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-60 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-61 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-62 {
|
||||
background-color: rgba(251, 251, 251, 1);
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 40svh;
|
||||
border: medium none currentcolor;
|
||||
padding: 20px
|
||||
}
|
||||
.w-element-63 {
|
||||
background-color: white;
|
||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
||||
color: rgba(145, 185, 84, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
.w-element-64 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-65 {
|
||||
text-align: center
|
||||
}
|
||||
.w-element-66 {
|
||||
margin-top: auto;
|
||||
padding-top: 12px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 12px;
|
||||
padding-left: 24px;
|
||||
background-color: white;
|
||||
color: rgba(127, 51, 182, 1);
|
||||
border-top-left-radius: 25px;
|
||||
border-top-right-radius: 25px;
|
||||
border-bottom-right-radius: 25px;
|
||||
border-bottom-left-radius: 25px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease;
|
||||
transition-delay: 0s;
|
||||
transition-behavior: normal;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
row-gap: 8px;
|
||||
column-gap: 8px;
|
||||
--hover-bg: rgba(145, 185, 84, 1);
|
||||
border: 1px solid rgba(127, 51, 182, 1)
|
||||
}
|
||||
.w-image-4 {
|
||||
border-top-color: rgba(127, 51, 182, 1);
|
||||
border-right-color: rgba(127, 51, 182, 1);
|
||||
border-bottom-color: rgba(127, 51, 182, 1);
|
||||
border-left-color: rgba(127, 51, 182, 1);
|
||||
color: rgba(127, 51, 182, 1)
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 991px) {
|
||||
.w-element-10 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user