{"id":5923,"date":"2026-04-07T20:18:17","date_gmt":"2026-04-07T20:18:17","guid":{"rendered":"https:\/\/optionscorp.com\/merrillville-indiana\/?page_id=5923"},"modified":"2026-04-24T18:31:21","modified_gmt":"2026-04-24T18:31:21","slug":"areas-we-serve","status":"publish","type":"page","link":"https:\/\/optionscorp.com\/merrillville-indiana\/areas-we-serve\/","title":{"rendered":"Area We Serve"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5923\" class=\"elementor elementor-5923\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9ac479 e-con-full e-flex e-con e-parent\" data-id=\"d9ac479\" 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-1dca1b9 elementor-widget elementor-widget-heading\" data-id=\"1dca1b9\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Areas We Serve<\/h1>\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-85af969 e-flex e-con-boxed e-con e-parent\" data-id=\"85af969\" 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-8b95601 elementor-widget elementor-widget-html\" data-id=\"8b95601\" 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    .title-icon{\nwidth:20px;\nmargin-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        .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 in Your Area<\/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=\"gary\">\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>Gary<\/span> <\/div><img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n                    <li data-state=\"crownpoint\">\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>Crown Point<\/span>\n                        <\/div> <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n                    <li data-state=\"hammond\">\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>Hammond<\/span><\/div> <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n                        <li data-state=\"highland\">\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>Highland<\/span><\/div> <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n                     <li data-state=\"hobart\">\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>Hobart<\/span><\/div> <img decoding=\"async\" class=\"arrow-icon\"\n                            src=\"\/wp-content\/uploads\/sites\/6\/2026\/03\/arrow-right-2.png\" \/>\n                    <\/li>\n                     <li data-state=\"schererville\">\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>Schererville<\/span><\/div> <img decoding=\"async\" class=\"arrow-icon\"\n                            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        gary: \"Gary\",\n        crownpoint: \"Crown Point\",\n        hammond: \"Hammond\",\n        highland: \"Highland\",\n        hobart:\"Hobart\",\n         schererville:\"Schererville\",\n        \n\n    };\n    const data = {\n        gary: [\n            {\n               \n                services: [\n                    {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/gary\/\"\n                   }\n                     \n                ]\n            }\n        ],\n         crownpoint: [\n            {\n               \n                services: [\n                  {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/crown-point\/\"\n                   }\n                     \n                ]\n            }\n        ],\n\n       \n        hammond: [\n            {\n                \n                services: [\n                     {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/hammond\/\"\n                   }\n                ]\n            }\n        ],  \n       \n        highland: [\n            {\n                \n                services: [\n                    {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/highland\/\"\n                   }\n                ]\n            }\n        ],  \n\n       hobart: [\n            {\n                \n                services: [\n                      {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/hobart\/\"\n                   }\n                ]\n            }\n        ],  \n\n          schererville: [\n            {\n                \n                services: [\n                    {\n                      name: \"In-Home Senior Care\",\n                    link: \"\/merrillville-indiana\/schererville\/\"\n                   }\n                ]\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;\nloadState(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 in Your Area Gary Crown Point Hammond Highland Hobart Schererville Our Services<\/p>\n","protected":false},"author":5,"featured_media":251,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5923","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/pages\/5923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/comments?post=5923"}],"version-history":[{"count":22,"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/pages\/5923\/revisions"}],"predecessor-version":[{"id":5995,"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/pages\/5923\/revisions\/5995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/media\/251"}],"wp:attachment":[{"href":"https:\/\/optionscorp.com\/merrillville-indiana\/wp-json\/wp\/v2\/media?parent=5923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}