- update with services section, wip

app/__generated__/$.tsx

@@ -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";
 

app/__generated__/$resources.sitemap.xml.ts

@@ -2,7 +2,7 @@
       export const sitemap = [
   {
     "path": "/",
-    "lastModified": "2025-11-17"
+    "lastModified": "2025-11-20"
   }
 ];
     

app/__generated__/_index.tsx

@@ -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>

app/__generated__/index.css

@@ -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 {
+  .w-wrapper {
-    height: 80svh;
     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 {