{"id":6266,"date":"2026-03-26T22:08:03","date_gmt":"2026-03-26T22:08:03","guid":{"rendered":"https:\/\/optionscorp.com\/southern-maryland\/?page_id=6266"},"modified":"2026-05-18T14:01:24","modified_gmt":"2026-05-18T14:01:24","slug":"area-we-serve","status":"publish","type":"page","link":"https:\/\/optionscorp.com\/southern-maryland\/areas-we-serve\/","title":{"rendered":"Area We Serve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6266\" class=\"elementor elementor-6266\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33109e4 e-con-full e-flex e-con e-parent\" data-id=\"33109e4\" 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-94e4617 elementor-widget elementor-widget-heading\" data-id=\"94e4617\" 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-1a1d3a7 e-flex e-con-boxed e-con e-parent\" data-id=\"1a1d3a7\" 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-b0ffeb3 elementor-widget elementor-widget-html\" data-id=\"b0ffeb3\" 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    .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        transition: 0.3s ease;\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        display: flex;\n        align-items: center;\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 14px;\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        transition: 0.3s ease;\n    }\n\n    .service:hover {\n        transform: translateY(-2px);\n    }\n\n    .service a {\n        text-decoration: none;\n        color: #000;\n        width: 100%;\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        font-size: 20px;\n    }\n\n    .title-icon {\n        width: 20px;\n        margin-right: 8px;\n    }\n\n    @media(max-width:768px) {\n\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            box-sizing: border-box;\n        }\n    }\n\n    @media(max-width:425px) {\n\n        .states ul {\n            grid-template-columns: 1fr;\n        }\n\n        .states {\n            width: 95%;\n        }\n\n        .services-panel {\n            width: 95%;\n        }\n\n        .services-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .title h2 {\n            font-size: 30px;\n        }\n    }\n<\/style>\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 in Your Area<\/h2>\n        <\/div>\n\n        <div class=\"services-wrapper\">\n\n            <!-- LEFT STATES -->\n            <div class=\"states\">\n\n                <ul id=\"stateList\">\n\n                    <li class=\"active\" data-state=\"stmaryscounty\">\n                        <div class=\"under-left\">\n                            <img decoding=\"async\" class=\"location-icon\"\n                                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1.png\" \/>\n\n                            <span>St. Mary\u2019s County<\/span>\n                        <\/div>\n\n                        <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right.png\" \/>\n                    <\/li>\n\n                    <li data-state=\"calvertcounty\">\n                        <div class=\"under-left\">\n                            <img decoding=\"async\" class=\"location-icon\"\n                                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/>\n\n                            <span>Calvert County<\/span>\n                        <\/div>\n\n                        <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n\n                    <li data-state=\"princegeorgecounty\">\n                        <div class=\"under-left\">\n                            <img decoding=\"async\" class=\"location-icon\"\n                                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/>\n\n                            <span>Prince George's County<\/span>\n                        <\/div>\n\n                        <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n\n                    <li data-state=\"charlescounty\">\n                        <div class=\"under-left\">\n                            <img decoding=\"async\" class=\"location-icon\"\n                                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/>\n\n                            <span>Charles County<\/span>\n                        <\/div>\n\n                        <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n\n                    <li data-state=\"queenannescounty\">\n                        <div class=\"under-left\">\n                            <img decoding=\"async\" class=\"location-icon\"\n                                src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\" \/>\n\n                            <span>Queen Anne's County<\/span>\n                        <\/div>\n\n                        <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n            <!-- RIGHT SERVICES -->\n            <div class=\"services-panel\">\n\n                <h3 id=\"stateTitle\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/pharmacy-1-1.png\"\n                        class=\"title-icon\" \/>\n                    Our Services\n                <\/h3>\n\n                <div id=\"citiesContainer\"><\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n\n    const stateLabels = {\n        stmaryscounty: \"St. Mary\u2019s County\",\n        calvertcounty: \"Calvert County\",\n        princegeorgecounty: \"Prince George's County\",\n        charlescounty: \"Charles County\",\n        queenannescounty: \"Queen Anne's County\"\n    };\n\n    const data = {\n\n        stmaryscounty: [\n            {\n                services: [\n                    {\n                        name: \"In-Home Senior Care\",\n                        link: \"\/southern-maryland\/st-mary-county\/\"\n                    },\n                    {\n                        name: \"Live In Care\",\n                        link: \"\/southern-maryland\/live-in-care-st-mary-county\"\n                    }\n                ]\n            }\n        ],\n\n        calvertcounty: [\n            {\n                services: [\n                    {\n                        name: \"In-Home Senior Care\",\n                        link: \"\/southern-maryland\/calvert-county\/\"\n                    },\n                    {\n                        name: \"Live In Care\",\n                        link: \"\/southern-maryland\/live-in-care-calvert-county\/\"\n                    }\n                ]\n            }\n        ],\n\n        princegeorgecounty: [\n            {\n                services: [\n                    {\n                        name: \"In-Home Senior Care\",\n                        link: \"\/southern-maryland\/prince-george-county\/\"\n                    },\n                    {\n                        name: \"Live In Care\",\n                        link: \"\/southern-maryland\/live-in-care-prince-george-county\/\"\n                    }\n                ]\n            }\n        ],\n\n        charlescounty: [\n            {\n                services: [\n                    {\n                        name: \"In-Home Senior Care\",\n                        link: \"\/southern-maryland\/charles-county\/\"\n                    },\n                    {\n                        name: \"Live In Care\",\n                        link: \"\/southern-maryland\/live-in-care-charles-county\/\"\n                    }\n                ]\n            }\n        ],\n\n        queenannescounty: [\n            {\n                services: [\n                    {\n                        name: \"In-Home Senior Care\",\n                        link: \"\/southern-maryland\/queen-anne-county\/\"\n                    },\n                    {\n                        name: \"Live In Care\",\n                        link: \"\/southern-maryland\/live-in-care-queen-anne-county\/\"\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    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\"\n        class=\"title-icon\"\/>\n        Care Services in ${stateLabels[state]}\n        `;\n\n        if (!data[state]) return;\n\n        data[state].forEach((city) => {\n\n            let servicesHTML = city.services.map(service => `\n            \n            <div class=\"service\">\n\n                <a href=\"${service.link}\">\n                    ${service.name}\n                <\/a>\n\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-4.png\"\/>\n\n            <\/div>\n\n            `).join(\"\");\n\n            let cityDiv = document.createElement(\"div\");\n\n            cityDiv.classList.add(\"city\");\n\n            cityDiv.innerHTML = `\n            \n            <div class=\"services-grid\">\n                ${servicesHTML}\n            <\/div>\n\n            `;\n\n            citiesContainer.appendChild(cityDiv);\n\n        });\n\n    }\n\n    states.forEach(state => {\n\n        state.addEventListener(\"click\", () => {\n\n            states.forEach(s => {\n\n                s.classList.remove(\"active\");\n\n                s.querySelector(\".location-icon\").src =\n                    \"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1-1.png\";\n\n                s.querySelector(\".arrow-icon\").src =\n                    \"\/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 =\n                \"\/wp-content\/uploads\/sites\/6\/2026\/03\/Frame-1.png\";\n\n            state.querySelector(\".arrow-icon\").src =\n                \"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right.png\";\n\n            loadState(state.dataset.state);\n\n        });\n\n    });\n\n    loadState(\"stmaryscounty\");\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>Caring for an older loved one goes beyond assistance\u2014it\u2019s about ensuring they feel valued, engaged, and independent. At Options Home Care, we empower seniors to live safely and joyfully in the place they cherish most\u2014their home. Our dedicated caregivers become like family, offering not just assistance, but companionship, warmth, and reassurance. From comprehensive homecare and mobility assistance to meal planning and transportation services, we provide a holistic approach to senior care. Discover how we can help your loved one thrive safely at home, ensuring they receive the support they deserve. Read more about our services and client stories!<\/p>\n","protected":false},"author":5,"featured_media":197,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6266","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/pages\/6266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/comments?post=6266"}],"version-history":[{"count":47,"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/pages\/6266\/revisions"}],"predecessor-version":[{"id":6639,"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/pages\/6266\/revisions\/6639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/media\/197"}],"wp:attachment":[{"href":"https:\/\/optionscorp.com\/southern-maryland\/wp-json\/wp\/v2\/media?parent=6266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}