{"id":6291,"date":"2026-04-07T17:17:48","date_gmt":"2026-04-07T17:17:48","guid":{"rendered":"https:\/\/optionscorp.com\/gaithersburg-maryland\/?page_id=6291"},"modified":"2026-08-28T20:34:07","modified_gmt":"2026-08-28T20:34:07","slug":"area-we-serve-1","status":"publish","type":"page","link":"https:\/\/optionscorp.com\/gaithersburg-maryland\/areas-we-serve\/","title":{"rendered":"Area We Serve 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6291\" class=\"elementor elementor-6291\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078ee0c e-con-full e-flex e-con e-parent\" data-id=\"078ee0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2e208f elementor-widget elementor-widget-heading\" data-id=\"e2e208f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Areas We Serve<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a53938 e-flex e-con-boxed e-con e-parent\" data-id=\"3a53938\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1f79d5 elementor-widget elementor-widget-html\" data-id=\"c1f79d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Tab Navigation *\/\n\n\n  .services-section {\n    padding: 60px 20px;\n  }\n\n  .container {\n    max-width: 1100px;\n    margin: auto;\n  }\n\n  .title span {\n    color: #038087;\n    font-family: Poppins;\n    font-weight: 600;\n    font-size: 16px;\n  }\n\n  .title h2 {\n    color: #038087;\n    margin-top: 5px;\n    font-family: Poppins;\n    font-weight: 600;\n    font-size: 40px;\n  }\n\n  .services-wrapper {\n    display: flex;\n    gap: 30px;\n    margin-top: 30px;\n  }\n\n  \/* LEFT SIDE *\/\n  .states {\n    width: 30%;\n  }\n\n  .states ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .states li {\n    padding: 14px 16px;\n    background: #fff;\n    border-radius: 6px;\n    margin-bottom: 10px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border: 1px solid #EBEBEB;\n  }\n\n  .under-left {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .states li.active {\n    background: #FFF9F0;\n    color: #BF510D;\n  }\n\n  \/* RIGHT PANEL *\/\n\n  .services-panel {\n    width: 70%;\n    background: #fff;\n    padding: 25px;\n    border-radius: 10px;\n    box-shadow:\n      0 4px 12px rgba(0, 0, 0, 0.05),\n      0 12px 30px rgba(0, 0, 0, 0.08);\n  }\n\n  .services-panel h3 {\n    margin-bottom: 20px;\n    color: #038087;\n    font-family: Poppins;\n    font-weight: 500;\n    font-size: 24px;\n  }\n\n  .city {\n    margin-bottom: 20px;\n  }\n\n  .city-title {\n    font-weight: bold;\n    margin-bottom: 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .services-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .service {\n    background: #E2F2F0;\n    padding: 12px 10px;\n    border-radius: 6px;\n    display: flex;\n    justify-content: space-between;\n    font-family: Poppins;\n    font-weight: 500;\n    font-size: 16px;\n    align-items: center;\n  }\n\n  .service img {\n    width: 12px;\n    height: 12px;\n  }\n\n  #stateList span {\n    font-family: Poppins;\n    font-weight: 500;\n\n    font-size: 20px;\n\n\n  }\n\n  .title-icon {\n    width: 20px;\n    margin-right: 8px;\n\n  }\n\n  @media(max-width:768px) {\n    .services-wrapper {\n      display: block;\n    }\n\n    .states ul {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n    }\n\n    .states {\n      width: 100%;\n    }\n\n    .services-panel {\n      width: 100%;\n      margin-top: 20px;\n    }\n  }\n\n  @media(max-width:425px) {\n    .states ul {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .states {\n      width: 95%;\n    }\n\n    .services-panel {\n      width: 95%;\n    }\n\n    .services-grid {\n      display: grid;\n      gap: 10px;\n      grid-template-columns: 1fr;\n    }\n\n    .title h2 {\n      font-size: 30px;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"services-section\">\n\n  <div class=\"container\">\n\n    <div class=\"title\">\n      <span>OUR LOCATIONS<\/span>\n      <h2>Find Services Near Gaithersburg, MD<\/h2>\n    <\/div>\n\n    <div class=\"services-wrapper\">\n\n      <!-- LEFT STATES -->\n      <div class=\"states\">\n        <ul id=\"stateList\">\n\n          <li class=\"active\" data-state=\"rockville\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Rockville<\/span> <\/div><img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"silverspring\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Silver Spring<\/span>\n            <\/div> <img decoding=\"async\" class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"chevychase\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Chevy Chase<\/span><\/div> <img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"bethesda\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Bethesda<\/span><\/div> <img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"washington\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Washington<\/span><\/div> <img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"potomac\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Potomac<\/span><\/div> <img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n          <li data-state=\"germantown\">\n            <div class=\"under-left\"><img decoding=\"async\" class=\"location-icon\"\n                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/><span>Germantown<\/span><\/div> <img decoding=\"async\"\n              class=\"arrow-icon\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- RIGHT SERVICES -->\n      <div class=\"services-panel\">\n\n        <h3 id=\"stateTitle\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/pharmacy-1-1.png\" \/>Our Services<\/h3>\n\n        <div id=\"citiesContainer\"><\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\n\n  const stateLabels = {\n    rockville: \"Rockville\",\n    silverspring: \"Silver Spring\",\n    chevychase: \"Chevy Chase\",\n    bethesda: \"Bethesda\",\n    washington: \"Washington\",\n    potomac: \"Potomac\",\n    germantown: \"Germantown\"\n\n  };\n  const data = {\n    rockville: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/rockville\/\"\n          },\n          {\n            name: \"Memory Care\",\n            link: \"\/gaithersburg-maryland\/rockville\/memory-care\/\"\n          },\n           {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-rockville\/\"\n          }\n        ]\n      }\n    ],\n    silverspring: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/silver-spring\/\"\n          },\n          {\n            name: \"Memory Care\",\n            link: \"\/gaithersburg-maryland\/silver-spring\/memory-care\/\"\n          },\n           {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-silver-spring\/\"\n          }\n        ]\n      }\n    ],\n\n\n    chevychase: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/chevy-chase\/\"\n          },\n             {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-chevy-chase\/\"\n          }\n        ]\n      }\n    ],\n\n    bethesda: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/bethesda\/\"\n          },\n            {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-bethesda\/\"\n          }\n        ]\n      }\n    ],\n\n    washington: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/washington\/\"\n          },\n          {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-washington\/\"\n          }\n        ]\n      }\n    ],\n\n    potomac: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/potomac\/\"\n          },\n           {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-potomac\/\"\n          }\n        ]\n      }\n    ],\n\n    germantown: [\n      {\n\n        services: [\n          {\n            name: \"In-Home Senior Care\",\n            link: \"\/gaithersburg-maryland\/germantown\/\"\n          },\n            {\n            name: \"24\/7 Live-In Care\",\n            link: \"\/gaithersburg-maryland\/live-in-care-germantown\/\"\n          }\n        ]\n      }\n    ],\n  };\n\n  const citiesContainer = document.getElementById(\"citiesContainer\");\n  const stateTitle = document.getElementById(\"stateTitle\");\n  const states = document.querySelectorAll(\"#stateList li\");\n\n\n  function loadState(state) {\n\n    citiesContainer.innerHTML = \"\";\n\n    stateTitle.innerHTML =\n      `<img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/pharmacy-1-1.png\" class=\"title-icon\"\/>\nCare Services in ${stateLabels[state] || state}`;\n\n    if (!data[state]) return;\n\n    data[state].forEach((city, index) => {\n\n      let cityDiv = document.createElement(\"div\");\n      cityDiv.classList.add(\"city\");\n\n      let servicesHTML = city.services.map(service =>\n        `<div class=\"service\"> <a href=\"${service.link}\">${service.name}<\/a> <img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-4.png\"\/><\/div>`\n      ).join(\"\");\n\n      cityDiv.innerHTML = `\n<div class=\"city-title\" onclick=\"toggleCity(this)\">\n ${city.city ? `${index + 1}. ${city.city}` : \"\"}\n<span class=\"dropdown-icon\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/chevron-up.png\"\/>\n<\/span>\n<\/div>\n\n<div class=\"services-grid\">\n${servicesHTML}\n<\/div>\n`;\n\n      citiesContainer.appendChild(cityDiv);\n\n    });\n\n  }\n\n\n  function toggleCity(el) {\n\n    const services = el.nextElementSibling;\n    const icon = el.querySelector(\".dropdown-icon img\");\n\n    if (services.style.display === \"none\" || services.style.display === \"\") {\n\n      services.style.display = \"grid\";\n      icon.src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/chevron-up.png\";\n\n    } else {\n\n      services.style.display = \"none\";\n      icon.src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/chevron-down.png\";\n\n    }\n\n  }\n\n  states.forEach(state => {\n\n    state.addEventListener(\"click\", () => {\n\n      states.forEach(s => {\n        s.classList.remove(\"active\");\n\n        s.querySelector(\".location-icon\").src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\";\n        s.querySelector(\".arrow-icon\").src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\";\n\n      });\n\n      state.classList.add(\"active\");\n\n      state.querySelector(\".location-icon\").src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1.png\";\n      state.querySelector(\".arrow-icon\").src = \"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right.png\";\n\n      loadState(state.dataset.state);\n\n    });\n\n  });\n\n  const activeState = document.querySelector(\"#stateList li.active\").dataset.state;\n  loadState(activeState);\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Areas We Serve OUR LOCATIONS Find Services Near Gaithersburg, MD Rockville Silver Spring Chevy Chase Bethesda Washington Potomac Germantown Our Services<\/p>\n","protected":false},"author":5,"featured_media":169,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6291","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/pages\/6291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/comments?post=6291"}],"version-history":[{"count":43,"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/pages\/6291\/revisions"}],"predecessor-version":[{"id":7043,"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/pages\/6291\/revisions\/7043"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/media\/169"}],"wp:attachment":[{"href":"https:\/\/optionscorp.com\/gaithersburg-maryland\/wp-json\/wp\/v2\/media?parent=6291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}