{"id":7,"date":"2026-10-09T21:09:42","date_gmt":"2026-10-09T21:09:42","guid":{"rendered":"https:\/\/josephwebagency.com\/?page_id=7"},"modified":"2026-10-12T12:28:26","modified_gmt":"2026-10-12T12:28:26","slug":"home","status":"publish","type":"page","link":"https:\/\/josephwebagency.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3c933b e-con-full e-flex e-con e-parent\" data-id=\"e3c933b\" data-element_type=\"container\" data-e-type=\"container\" id=\"home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d5426 elementor-widget elementor-widget-html\" data-id=\"54d5426\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* ===== JOSEPH WEB AGENCY HERO ===== *\/\r\n\r\n.jwa-hero,\r\n.jwa-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-hero {\r\n    --jwa-black: #0A0A0A;\r\n    --jwa-yellow: #FFD600;\r\n    --jwa-white: #F5F5F5;\r\n    --jwa-muted: #9CAFC3;\r\n    --jwa-border: #292929;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: -50vw;\r\n    overflow: hidden;\r\n\r\n    background-color: var(--jwa-black);\r\n    color: var(--jwa-white);\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* Subtle grid background *\/\r\n\r\n.jwa-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            to right,\r\n            rgba(255,255,255,0.045) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(255,255,255,0.045) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 100px 100px;\r\n    background-position: center top;\r\n}\r\n\r\n.jwa-hero-inner {\r\n    width: 100%;\r\n    max-width: 1208px;\r\n    margin: 0 auto;\r\n    padding: 76px 0 72px;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);\r\n    align-items: center;\r\n    gap: 34px;\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n\r\n.jwa-hero-content {\r\n    min-width: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.jwa-hero-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin: 0 0 26px;\r\n    padding: 0;\r\n\r\n    color: var(--jwa-yellow);\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jwa-hero-eyebrow::before {\r\n    content: \"\";\r\n    width: 20px;\r\n    height: 2px;\r\n    flex-shrink: 0;\r\n    background: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-hero-title {\r\n    margin: 0 0 24px !important;\r\n    padding: 0 !important;\r\n\r\n    color: var(--jwa-white) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: clamp(38px, 4.25vw, 58px) !important;\r\n    line-height: 1.13 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: -2px !important;\r\n}\r\n\r\n.jwa-hero-title .jwa-highlight {\r\n    color: var(--jwa-yellow) !important;\r\n}\r\n\r\n.jwa-hero-description {\r\n    max-width: 490px;\r\n    margin: 0 0 27px !important;\r\n    padding: 0 !important;\r\n\r\n    color: var(--jwa-muted) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 2 !important;\r\n}\r\n\r\n.jwa-hero-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n\r\n    margin: 0 0 35px;\r\n}\r\n\r\n.jwa-hero-button {\r\n    min-height: 49px;\r\n    padding: 0 23px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    border: 1px solid var(--jwa-yellow);\r\n    border-radius: 6px;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        background-color .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.jwa-hero-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.jwa-hero-button-primary {\r\n    background: var(--jwa-yellow);\r\n    color: #101010 !important;\r\n}\r\n\r\n.jwa-hero-button-primary:hover {\r\n    background: #FFE34A;\r\n    border-color: #FFE34A;\r\n    color: #101010 !important;\r\n}\r\n\r\n.jwa-hero-button-secondary {\r\n    background: transparent;\r\n    color: var(--jwa-white) !important;\r\n}\r\n\r\n.jwa-hero-button-secondary:hover {\r\n    background: var(--jwa-yellow);\r\n    color: #101010 !important;\r\n}\r\n\r\n\/* Benefit labels *\/\r\n\r\n.jwa-hero-benefits {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 12px 22px;\r\n}\r\n\r\n.jwa-hero-benefit {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    color: #A0A0A0;\r\n    font-size: 10px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n}\r\n\r\n.jwa-hero-benefit svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    color: var(--jwa-yellow);\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* ===== RIGHT IMAGE AREA ===== *\/\r\n\r\n.jwa-hero-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.jwa-hero-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n\r\n    border: 0;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n\/* Image placeholder before upload *\/\r\n\r\n.jwa-hero-image-placeholder {\r\n    display: none;\r\n    width: 100%;\r\n    min-height: 350px;\r\n    padding: 30px;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n\r\n    border: 1px dashed #494949;\r\n    border-radius: 12px;\r\n    background: rgba(255,255,255,0.02);\r\n\r\n    color: var(--jwa-muted);\r\n    text-align: center;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.jwa-hero-image-placeholder svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-hero-image-placeholder strong {\r\n    color: var(--jwa-white);\r\n    font-size: 15px;\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width: 1300px) {\r\n    .jwa-hero-inner {\r\n        width: calc(100% - 80px);\r\n        padding: 65px 0;\r\n        gap: 28px;\r\n    }\r\n\r\n    .jwa-hero-title {\r\n        font-size: clamp(36px, 4.3vw, 52px) !important;\r\n        letter-spacing: -1.6px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .jwa-hero-inner {\r\n        width: calc(100% - 56px);\r\n        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);\r\n        gap: 22px;\r\n        padding: 55px 0;\r\n    }\r\n\r\n    .jwa-hero-title {\r\n        font-size: clamp(32px, 4.5vw, 42px) !important;\r\n        letter-spacing: -1.2px !important;\r\n    }\r\n\r\n    .jwa-hero-actions {\r\n        gap: 10px;\r\n    }\r\n\r\n    .jwa-hero-button {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .jwa-hero-benefits {\r\n        gap: 10px 14px;\r\n    }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .jwa-hero-inner {\r\n        width: calc(100% - 40px);\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 38px;\r\n        padding: 54px 0 48px;\r\n    }\r\n\r\n    .jwa-hero-eyebrow {\r\n        margin-bottom: 21px;\r\n        font-size: 10px;\r\n        letter-spacing: 1.2px;\r\n    }\r\n\r\n    .jwa-hero-title {\r\n        font-size: clamp(35px, 9vw, 48px) !important;\r\n        line-height: 1.14 !important;\r\n        letter-spacing: -1.4px !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .jwa-hero-description {\r\n        font-size: 13px !important;\r\n        line-height: 1.9 !important;\r\n        margin-bottom: 24px !important;\r\n    }\r\n\r\n    .jwa-hero-actions {\r\n        align-items: stretch;\r\n        gap: 10px;\r\n        margin-bottom: 26px;\r\n    }\r\n\r\n    .jwa-hero-button {\r\n        min-height: 48px;\r\n        padding: 0 15px;\r\n        font-size: 11px;\r\n        gap: 8px;\r\n    }\r\n\r\n    .jwa-hero-benefits {\r\n        gap: 11px 17px;\r\n    }\r\n\r\n    .jwa-hero-benefit {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .jwa-hero-visual {\r\n        width: 100%;\r\n    }\r\n\r\n    .jwa-hero-image-placeholder {\r\n        min-height: 240px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .jwa-hero-button {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-hero\" id=\"home\">\r\n    <div class=\"jwa-hero-inner\">\r\n\r\n        <!-- LEFT: HEADLINE AND BUTTONS -->\r\n\r\n        <div class=\"jwa-hero-content\">\r\n\r\n            <p class=\"jwa-hero-eyebrow\">\r\n                Thoughtful Design. Real Impact.\r\n            <\/p>\r\n\r\n            <h1 class=\"jwa-hero-title\">\r\n                We Build Websites<br>\r\n                That Make Your<br>\r\n                Business <span class=\"jwa-highlight\">Stand Out.<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"jwa-hero-description\">\r\n                At Joseph Web Agency, we create modern,\r\n                professional websites that help businesses\r\n                build trust, showcase their value, and turn\r\n                visitors into customers.\r\n            <\/p>\r\n\r\n            <div class=\"jwa-hero-actions\">\r\n\r\n                <a href=\"#contact\"\r\n                   class=\"jwa-hero-button jwa-hero-button-primary\">\r\n                    Start Your Project\r\n\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                         fill=\"none\"\r\n                         stroke=\"currentColor\"\r\n                         stroke-width=\"1.8\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"M7 17 17 7\"><\/path>\r\n                        <path d=\"M7 7h10v10\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"#services\"\r\n                   class=\"jwa-hero-button jwa-hero-button-secondary\">\r\n                    Explore Our Services\r\n\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                         fill=\"none\"\r\n                         stroke=\"currentColor\"\r\n                         stroke-width=\"1.8\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14\"><\/path>\r\n                        <path d=\"m12 5 7 7-7 7\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"jwa-hero-benefits\">\r\n\r\n                <span class=\"jwa-hero-benefit\">\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                         fill=\"none\"\r\n                         stroke=\"currentColor\"\r\n                         stroke-width=\"2\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"m5 12 4 4L19 6\"><\/path>\r\n                    <\/svg>\r\n                    Brand-focused design\r\n                <\/span>\r\n\r\n                <span class=\"jwa-hero-benefit\">\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                         fill=\"none\"\r\n                         stroke=\"currentColor\"\r\n                         stroke-width=\"2\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"m5 12 4 4L19 6\"><\/path>\r\n                    <\/svg>\r\n                    Built for every screen\r\n                <\/span>\r\n\r\n                <span class=\"jwa-hero-benefit\">\r\n                    <svg viewBox=\"0 0 24 24\"\r\n                         fill=\"none\"\r\n                         stroke=\"currentColor\"\r\n                         stroke-width=\"2\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"m5 12 4 4L19 6\"><\/path>\r\n                    <\/svg>\r\n                    Clear communication\r\n                <\/span>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!--http:\/\/josephwebagency.com\/wp-content\/uploads\/2026\/10\/W2tgugRG1NgJusLDjBxWwAjhaA2QpqHtQ2ufbz_FHom4mNYhINlT9onHYZy9G1EyCrIRFH4ls5TA63yVRc1SjNAo2XDi6NP0tlxasFo_mothBy3rWSwfpQy_8oMJGFCkcsFMB805VEQdXvG8_SovirM6cMDmhqVkA6aNGHAq265STs8Fi2EfoCYEZRpRY_a_.jpg-->\r\n\r\n        <div class=\"jwa-hero-visual\">\r\n\r\n            <!--http:\/\/josephwebagency.com\/wp-content\/uploads\/2026\/10\/W2tgugRG1NgJusLDjBxWwAjhaA2QpqHtQ2ufbz_FHom4mNYhINlT9onHYZy9G1EyCrIRFH4ls5TA63yVRc1SjNAo2XDi6NP0tlxasFo_mothBy3rWSwfpQy_8oMJGFCkcsFMB805VEQdXvG8_SovirM6cMDmhqVkA6aNGHAq265STs8Fi2EfoCYEZRpRY_a_.jpg-->\r\n\r\n            <img decoding=\"async\"\r\n                class=\"jwa-hero-image\"\r\n                src=\"http:\/\/josephwebagency.com\/wp-content\/uploads\/2026\/10\/W2tgugRG1NgJusLDjBxWwAjhaA2QpqHtQ2ufbz_FHom4mNYhINlT9onHYZy9G1EyCrIRFH4ls5TA63yVRc1SjNAo2XDi6NP0tlxasFo_mothBy3rWSwfpQy_8oMJGFCkcsFMB805VEQdXvG8_SovirM6cMDmhqVkA6aNGHAq265STs8Fi2EfoCYEZRpRY_a_.jpg\"\r\n                alt=\"Responsive website design displayed on a laptop and smartphone\"\r\n                loading=\"eager\"\r\n                onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\"\r\n            >\r\n\r\n            <!-- Displays until a valid image URL is added -->\r\n\r\n            <div class=\"jwa-hero-image-placeholder\">\r\n                <svg viewBox=\"0 0 24 24\"\r\n                     fill=\"none\"\r\n                     stroke=\"currentColor\"\r\n                     stroke-width=\"1.4\"\r\n                     stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\"\r\n                     aria-hidden=\"true\">\r\n                    <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\r\n                    <path d=\"M8 21h8\"><\/path>\r\n                    <path d=\"M12 17v4\"><\/path>\r\n                    <rect x=\"16\" y=\"9\" width=\"6\" height=\"12\" rx=\"1.5\"><\/rect>\r\n                <\/svg>\r\n\r\n                <strong>Your Website Mockup Goes Here<\/strong>\r\n\r\n                <span>\r\n                    Upload your image to WordPress Media Library<br>\r\n                    and replace YOUR_IMAGE_URL_HERE in the code.\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa16a3a e-con-full e-flex e-con e-parent\" data-id=\"fa16a3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccac501 elementor-widget elementor-widget-html\" data-id=\"ccac501\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n\r\n.jwa-feature-strip,\r\n.jwa-feature-strip * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-feature-strip {\r\n    --jwa-bg: #0A0A0A;\r\n    --jwa-yellow: #FFD600;\r\n    --jwa-text: #9CAFC3;\r\n    --jwa-border: #303030;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n\r\n    background: var(--jwa-bg);\r\n    border-top: 1px solid var(--jwa-border);\r\n    border-bottom: 1px solid var(--jwa-border);\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.jwa-feature-strip-inner {\r\n    max-width: 1280px;\r\n    width: calc(100% - 72px);\r\n    min-height: 74px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    align-items: center;\r\n    column-gap: 24px;\r\n}\r\n\r\n.jwa-feature-item {\r\n    min-width: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    gap: 11px;\r\n    padding: 18px 0;\r\n}\r\n\r\n.jwa-feature-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: 0 0 16px;\r\n    color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-feature-text {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--jwa-text) !important;\r\n\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 11px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.6 !important;\r\n    letter-spacing: 0 !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 900px) {\r\n    .jwa-feature-strip-inner {\r\n        width: calc(100% - 48px);\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        column-gap: 28px;\r\n        row-gap: 0;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .jwa-feature-item {\r\n        padding: 14px 0;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 480px) {\r\n    .jwa-feature-strip-inner {\r\n        width: calc(100% - 36px);\r\n        grid-template-columns: 1fr;\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .jwa-feature-item {\r\n        padding: 12px 0;\r\n        gap: 12px;\r\n    }\r\n\r\n    .jwa-feature-text {\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-feature-strip\">\r\n    <div class=\"jwa-feature-strip-inner\">\r\n\r\n        <!-- FEATURE 1 -->\r\n        <div class=\"jwa-feature-item\">\r\n            <svg class=\"jwa-feature-icon\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\"\r\n                 aria-hidden=\"true\">\r\n                <path d=\"m12 3 1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8L12 3Z\"\/>\r\n                <path d=\"m19 14 1.1 2.9L23 18l-2.9 1.1L19 22l-1.1-2.9L15 18l2.9-1.1L19 14Z\"\/>\r\n            <\/svg>\r\n            <p class=\"jwa-feature-text\">\r\n                Thoughtfully designed\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- FEATURE 2 -->\r\n        <div class=\"jwa-feature-item\">\r\n            <svg class=\"jwa-feature-icon\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\"\r\n                 aria-hidden=\"true\">\r\n                <rect x=\"2\" y=\"3\" width=\"14\" height=\"12\" rx=\"1.5\"\/>\r\n                <path d=\"M6 19h6M9 15v4\"\/>\r\n                <rect x=\"16\" y=\"12\" width=\"6\" height=\"9\" rx=\"1.2\"\/>\r\n            <\/svg>\r\n            <p class=\"jwa-feature-text\">\r\n                Beautiful on every device\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- FEATURE 3 -->\r\n        <div class=\"jwa-feature-item\">\r\n            <svg class=\"jwa-feature-icon\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\"\r\n                 aria-hidden=\"true\">\r\n                <path d=\"m3 3 18 8-8 3-3 7L3 3Z\"\/>\r\n            <\/svg>\r\n            <p class=\"jwa-feature-text\">\r\n                Built around your business\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- FEATURE 4 -->\r\n        <div class=\"jwa-feature-item\">\r\n            <svg class=\"jwa-feature-icon\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 stroke-linecap=\"round\"\r\n                 stroke-linejoin=\"round\"\r\n                 aria-hidden=\"true\">\r\n                <path d=\"M14 3h5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-3l-4 4v-4h-1\"\/>\r\n                <path d=\"M10 7H5a2 2 0 0 0-2 2v8l4-3h3\"\/>\r\n            <\/svg>\r\n            <p class=\"jwa-feature-text\">\r\n                A collaborative approach\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0210f63 e-con-full e-flex e-con e-parent\" data-id=\"0210f63\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-17c426e e-flex e-con-boxed e-con e-child\" data-id=\"17c426e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6551613 e-flex e-con-boxed e-con e-child\" data-id=\"6551613\" 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-4f21229 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"4f21229\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-left\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M134.059 296H436c6.627 0 12-5.373 12-12v-56c0-6.627-5.373-12-12-12H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.569 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971V296z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tA little about us\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72ff483 elementor-widget elementor-widget-heading\" data-id=\"72ff483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Good Design. Smart Strategy.\nBetter Online Presence.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8098249 elementor-widget elementor-widget-heading\" data-id=\"8098249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Led by Olagoke Joseph, Joseph Web Agency believes your website should do more than simply exist online. It should communicate your value, create a strong first impression, and make it easier for potential customers to choose your business.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29f1284 elementor-widget elementor-widget-heading\" data-id=\"29f1284\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We combine thoughtful design, user-friendly layouts, and modern web experiences to help businesses establish a professional digital presence.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b99cc6 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"6b99cc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's create something great<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-b6311f1 e-con-full e-flex e-con e-parent\" data-id=\"b6311f1\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7697fb6 e-con-full e-flex e-con e-child\" data-id=\"7697fb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ddc53 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"10ddc53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f0b62 elementor-widget elementor-widget-html\" data-id=\"35f0b62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* JOSEPH WEB AGENCY - SERVICES SECTION *\/\r\n.jwa-services,\r\n.jwa-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-services {\r\n    --jwa-bg: #0a0a0a;\r\n    --jwa-card: #131313;\r\n    --jwa-border: #2b2b2b;\r\n    --jwa-yellow: #ffd500;\r\n    --jwa-white: #f5f5f5;\r\n    --jwa-muted: #a5a5a5;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--jwa-bg);\r\n    color: var(--jwa-white);\r\n    font-family: Inter, Arial, Helvetica, sans-serif;\r\n    padding: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.jwa-services a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.jwa-services__inner {\r\n    width: 100%;\r\n    max-width: 1206px;\r\n    margin: 0 auto;\r\n    padding: 16px 10px 70px;\r\n}\r\n\r\n\/* SECTION HEADING *\/\r\n.jwa-services__intro {\r\n    display: grid;\r\n    grid-template-columns: 2fr 0.9fr;\r\n    align-items: center;\r\n    gap: 50px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.jwa-services__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 23px;\r\n    color: var(--jwa-yellow);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jwa-services__eyebrow::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 20px;\r\n    height: 1px;\r\n    background: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-services__heading {\r\n    margin: 0;\r\n    color: var(--jwa-white);\r\n    font-size: clamp(30px, 3vw, 38px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.jwa-services__heading span {\r\n    color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-services__intro-text {\r\n    margin: 24px 0 0;\r\n    color: var(--jwa-muted);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* SERVICES GRID *\/\r\n.jwa-services__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n}\r\n\r\n.jwa-services__card {\r\n    position: relative;\r\n    min-height: 230px;\r\n    padding: 29px 29px 25px;\r\n    background: var(--jwa-card);\r\n    border: 1px solid var(--jwa-border);\r\n    border-radius: 6px;\r\n    transition: border-color 0.25s ease,\r\n                background 0.25s ease,\r\n                transform 0.25s ease;\r\n}\r\n\r\n.jwa-services__card:hover {\r\n    border-color: var(--jwa-yellow);\r\n    background: #171717;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.jwa-services__icon {\r\n    width: 41px;\r\n    height: 41px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid #303030;\r\n    border-radius: 7px;\r\n    color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-services__icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: block;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.jwa-services__number {\r\n    position: absolute;\r\n    top: 30px;\r\n    right: 29px;\r\n    color: #a9b5c3;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n}\r\n\r\n.jwa-services__card h3 {\r\n    margin: 27px 0 12px;\r\n    color: var(--jwa-white);\r\n    font-size: 16px;\r\n    font-weight: 650;\r\n    line-height: 1.4;\r\n    letter-spacing: -0.35px;\r\n}\r\n\r\n.jwa-services__card p {\r\n    margin: 0;\r\n    color: var(--jwa-muted);\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* FINAL CALL TO ACTION *\/\r\n.jwa-services__cta {\r\n    min-height: 230px;\r\n    padding: 29px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n}\r\n\r\n.jwa-services__cta h3 {\r\n    max-width: 240px;\r\n    margin: 0 0 20px;\r\n    color: var(--jwa-white);\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.jwa-services__cta h3 span {\r\n    color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-services__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: var(--jwa-yellow) !important;\r\n    font-size: 12px;\r\n    font-weight: 650;\r\n    transition: gap 0.2s ease;\r\n}\r\n\r\n.jwa-services__link:hover {\r\n    gap: 14px;\r\n    color: #ffe34d !important;\r\n}\r\n\r\n.jwa-services__link svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n    .jwa-services__inner {\r\n        padding: 35px 28px 55px;\r\n    }\r\n\r\n    .jwa-services__intro {\r\n        grid-template-columns: 1.5fr 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .jwa-services__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 14px;\r\n    }\r\n\r\n    .jwa-services__card,\r\n    .jwa-services__cta {\r\n        min-height: 215px;\r\n    }\r\n\r\n    .jwa-services__cta h3 {\r\n        font-size: 21px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 600px) {\r\n    .jwa-services__inner {\r\n        padding: 35px 20px 45px;\r\n    }\r\n\r\n    .jwa-services__intro {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n        margin-bottom: 26px;\r\n    }\r\n\r\n    .jwa-services__eyebrow {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .jwa-services__heading {\r\n        font-size: 31px;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .jwa-services__intro-text {\r\n        margin-top: 15px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .jwa-services__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n    }\r\n\r\n    .jwa-services__card {\r\n        min-height: 205px;\r\n        padding: 25px 23px;\r\n    }\r\n\r\n    .jwa-services__number {\r\n        top: 26px;\r\n        right: 23px;\r\n    }\r\n\r\n    .jwa-services__card h3 {\r\n        margin-top: 24px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .jwa-services__card p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .jwa-services__cta {\r\n        min-height: 190px;\r\n        padding: 25px 23px;\r\n    }\r\n\r\n    .jwa-services__cta h3 {\r\n        font-size: 23px;\r\n        line-height: 1.4;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-services\" id=\"jwa-services\">\r\n    <div class=\"jwa-services__inner\">\r\n\r\n        <div class=\"jwa-services__intro\">\r\n            <div>\r\n                <div class=\"jwa-services__eyebrow\">Our Services<\/div>\r\n                <h2 class=\"jwa-services__heading\">\r\n                    What We Can <span>Build for You<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"jwa-services__intro-text\">\r\n                From your first business website to a complete online\r\n                store, we create digital experiences tailored to your\r\n                goals.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"jwa-services__grid\">\r\n\r\n            <!-- 01 BUSINESS WEBSITE DESIGN -->\r\n            <article class=\"jwa-services__card\">\r\n                <span class=\"jwa-services__number\">01<\/span>\r\n                <div class=\"jwa-services__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M3 10h4l2 2-1 3 2 3\"><\/path>\r\n                        <path d=\"M14 3l1 4-3 2 2 3h4l2-3\"><\/path>\r\n                        <path d=\"M15 21l-1-4 3-2\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Business Website Design<\/h3>\r\n                <p>\r\n                    Professional websites that communicate your value\r\n                    and establish credibility.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- 02 E-COMMERCE -->\r\n            <article class=\"jwa-services__card\">\r\n                <span class=\"jwa-services__number\">02<\/span>\r\n                <div class=\"jwa-services__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 8h14l-1 12H6L5 8Z\"><\/path>\r\n                        <path d=\"M9 9V6a3 3 0 0 1 6 0v3\"><\/path>\r\n                        <path d=\"M9 13h6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>E-commerce Development<\/h3>\r\n                <p>\r\n                    Online stores designed to showcase products and\r\n                    make purchasing straightforward.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- 03 LANDING PAGE -->\r\n            <article class=\"jwa-services__card\">\r\n                <span class=\"jwa-services__number\">03<\/span>\r\n                <div class=\"jwa-services__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"1\"><\/rect>\r\n                        <path d=\"M3.5 8h17\"><\/path>\r\n                        <path d=\"M8 8v12.5\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Landing Page Design<\/h3>\r\n                <p>\r\n                    Focused landing pages built around a clear message\r\n                    and call to action.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- 04 WEBSITE REDESIGN -->\r\n            <article class=\"jwa-services__card\">\r\n                <span class=\"jwa-services__number\">04<\/span>\r\n                <div class=\"jwa-services__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M20 7v5h-5\"><\/path>\r\n                        <path d=\"M4 17v-5h5\"><\/path>\r\n                        <path d=\"M5.6 9A7 7 0 0 1 18 6l2 6\"><\/path>\r\n                        <path d=\"M18.4 15A7 7 0 0 1 6 18l-2-6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Website Redesign<\/h3>\r\n                <p>\r\n                    Modernize an outdated website with improved visuals,\r\n                    structure, and usability.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- 05 WEBSITE MAINTENANCE -->\r\n            <article class=\"jwa-services__card\">\r\n                <span class=\"jwa-services__number\">05<\/span>\r\n                <div class=\"jwa-services__icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M14.5 6.5a5 5 0 0 0-6.3 6.3L3 18l3 3 5.2-5.2a5 5 0 0 0 6.3-6.3L14 13l-3-3 3.5-3.5Z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Website Maintenance<\/h3>\r\n                <p>\r\n                    Ongoing website updates and maintenance based on\r\n                    your needs.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <!-- FINAL CTA -->\r\n            <div class=\"jwa-services__cta\">\r\n                <h3>\r\n                    Your next big idea starts with a\r\n                    <span>conversation.<\/span>\r\n                <\/h3>\r\n                <a class=\"jwa-services__link\" href=\"#jwa-contact\">\r\n                    Let's talk about it\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M7 17 17 7\"><\/path>\r\n                        <path d=\"M8 7h9v9\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c41b464 e-flex e-con-boxed e-con e-parent\" data-id=\"c41b464\" data-element_type=\"container\" data-e-type=\"container\" id=\"why-choose-us\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d5f041 elementor-widget elementor-widget-html\" data-id=\"6d5f041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* FULL-WIDTH WHY CHOOSE US SECTION *\/\r\n.jwa-why-section,\r\n.jwa-why-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-why-section {\r\n    --jwa-bg: #121212;\r\n    --jwa-yellow: #FFD600;\r\n    --jwa-white: #F5F5F5;\r\n    --jwa-muted: #9CAFC3;\r\n    --jwa-divider: #303030;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background-color: var(--jwa-bg);\r\n    color: var(--jwa-white);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 96px 24px 72px;\r\n    overflow: hidden;\r\n}\r\n\r\n.jwa-why-inner {\r\n    width: 100%;\r\n    max-width: 1208px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    column-gap: 64px;\r\n    align-items: start;\r\n}\r\n\r\n\/* LEFT COLUMN *\/\r\n.jwa-why-left {\r\n    padding-top: 0;\r\n}\r\n\r\n.jwa-why-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--jwa-yellow);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n    margin: 0 0 24px;\r\n}\r\n\r\n.jwa-why-label::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 20px;\r\n    height: 1px;\r\n    background: var(--jwa-yellow);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.jwa-why-heading {\r\n    margin: 0 0 20px !important;\r\n    padding: 0 !important;\r\n    color: var(--jwa-white) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 38px !important;\r\n    line-height: 1.21 !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: -1.2px !important;\r\n}\r\n\r\n.jwa-why-heading .jwa-yellow-text {\r\n    color: var(--jwa-yellow) !important;\r\n}\r\n\r\n.jwa-why-description {\r\n    margin: 0 0 34px !important;\r\n    padding: 0 !important;\r\n    color: var(--jwa-muted) !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.95 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.jwa-why-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 49px;\r\n    padding: 0 23px;\r\n    border: 1px solid #B89B00;\r\n    border-radius: 6px;\r\n    background: transparent;\r\n    color: var(--jwa-white) !important;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: background .25s ease, color .25s ease;\r\n}\r\n\r\n.jwa-why-button:hover {\r\n    background: var(--jwa-yellow);\r\n    color: #111111 !important;\r\n    border-color: var(--jwa-yellow);\r\n}\r\n\r\n.jwa-why-button svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* RIGHT COLUMN *\/\r\n.jwa-why-features {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.jwa-why-feature {\r\n    display: grid;\r\n    grid-template-columns: 24px minmax(0, 1fr);\r\n    column-gap: 15px;\r\n    padding: 0 0 20px;\r\n    margin: 0 0 20px;\r\n    border-bottom: 1px solid var(--jwa-divider);\r\n}\r\n\r\n.jwa-why-feature:last-child {\r\n    border-bottom: none;\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n}\r\n\r\n.jwa-why-icon {\r\n    width: 19px;\r\n    height: 19px;\r\n    color: var(--jwa-yellow);\r\n    margin-top: 3px;\r\n}\r\n\r\n.jwa-why-feature h3 {\r\n    color: var(--jwa-white) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.5 !important;\r\n    margin: 0 0 5px !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.jwa-why-feature p {\r\n    color: var(--jwa-muted) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.8 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n    .jwa-why-section {\r\n        padding: 75px 35px 65px;\r\n    }\r\n\r\n    .jwa-why-inner {\r\n        column-gap: 38px;\r\n    }\r\n\r\n    .jwa-why-heading {\r\n        font-size: 33px !important;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n    .jwa-why-section {\r\n        padding: 60px 24px;\r\n    }\r\n\r\n    .jwa-why-inner {\r\n        grid-template-columns: 1fr;\r\n        row-gap: 48px;\r\n    }\r\n\r\n    .jwa-why-heading {\r\n        font-size: clamp(30px, 8vw, 38px) !important;\r\n        line-height: 1.22 !important;\r\n        letter-spacing: -0.8px !important;\r\n    }\r\n\r\n    .jwa-why-label {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .jwa-why-description {\r\n        margin-bottom: 27px !important;\r\n    }\r\n\r\n    .jwa-why-features {\r\n        width: 100%;\r\n    }\r\n\r\n    .jwa-why-feature {\r\n        column-gap: 12px;\r\n        padding-bottom: 19px;\r\n        margin-bottom: 19px;\r\n    }\r\n\r\n    .jwa-why-feature h3 {\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .jwa-why-feature p {\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-why-section\">\r\n    <div class=\"jwa-why-inner\">\r\n\r\n        <!-- LEFT COLUMN -->\r\n        <div class=\"jwa-why-left\">\r\n\r\n            <div class=\"jwa-why-label\">\r\n                Why Joseph Web Agency?\r\n            <\/div>\r\n\r\n            <h2 class=\"jwa-why-heading\">\r\n                Your Vision.<br>\r\n                Our Design.<br>\r\n                <span class=\"jwa-yellow-text\">\r\n                    One Powerful Website.\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"jwa-why-description\">\r\n                Your business is unique.<br>\r\n                Your website should reflect that.\r\n            <\/p>\r\n\r\n            <a href=\"#contact\" class=\"jwa-why-button\">\r\n                Build with us\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                     stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                     stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                     aria-hidden=\"true\">\r\n                    <path d=\"M7 17L17 7\"><\/path>\r\n                    <path d=\"M7 7h10v10\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT COLUMN -->\r\n        <div class=\"jwa-why-features\">\r\n\r\n            <!-- FEATURE 1 -->\r\n            <div class=\"jwa-why-feature\">\r\n                <svg class=\"jwa-why-icon\" viewBox=\"0 0 24 24\"\r\n                     fill=\"none\" stroke=\"currentColor\"\r\n                     stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <path d=\"M8 12a4 4 0 0 1 8 0v2\"><\/path>\r\n                    <path d=\"M5 14v-2a7 7 0 0 1 14 0\"><\/path>\r\n                    <path d=\"M12 12v5\"><\/path>\r\n                    <path d=\"M8 16v1a4 4 0 0 0 8 0v-2\"><\/path>\r\n                    <path d=\"M5 17v-1\"><\/path>\r\n                    <path d=\"M19 17v-1\"><\/path>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h3>Design That Fits Your Brand<\/h3>\r\n                    <p>A professional appearance that reflects your business identity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FEATURE 2 -->\r\n            <div class=\"jwa-why-feature\">\r\n                <svg class=\"jwa-why-icon\" viewBox=\"0 0 24 24\"\r\n                     fill=\"none\" stroke=\"currentColor\"\r\n                     stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <rect x=\"2.5\" y=\"3.5\" width=\"15\" height=\"12\"\r\n                          rx=\"1.5\"><\/rect>\r\n                    <path d=\"M7 19.5h6\"><\/path>\r\n                    <path d=\"M10 15.5v4\"><\/path>\r\n                    <rect x=\"15.5\" y=\"12.5\" width=\"6\" height=\"9\"\r\n                          rx=\"1.2\"><\/rect>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h3>Built for Every Screen<\/h3>\r\n                    <p>Responsive layouts for desktop, tablet, and mobile.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FEATURE 3 -->\r\n            <div class=\"jwa-why-feature\">\r\n                <svg class=\"jwa-why-icon\" viewBox=\"0 0 24 24\"\r\n                     fill=\"none\" stroke=\"currentColor\"\r\n                     stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <path d=\"M4 3.5l16 8-7 2-3 7-6-17z\"><\/path>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h3>User-Friendly Experiences<\/h3>\r\n                    <p>Clear navigation and layouts that help visitors find what they need.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FEATURE 4 -->\r\n            <div class=\"jwa-why-feature\">\r\n                <svg class=\"jwa-why-icon\" viewBox=\"0 0 24 24\"\r\n                     fill=\"none\" stroke=\"currentColor\"\r\n                     stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"5.5\"><\/circle>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h3>Purposeful Design<\/h3>\r\n                    <p>Thoughtful calls to action and content structure aligned with your business goals.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FEATURE 5 -->\r\n            <div class=\"jwa-why-feature\">\r\n                <svg class=\"jwa-why-icon\" viewBox=\"0 0 24 24\"\r\n                     fill=\"none\" stroke=\"currentColor\"\r\n                     stroke-width=\"1.8\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <path d=\"M8 10H5a2 2 0 0 0-2 2v7l4-3h6a2 2 0 0 0 2-2v-1\"><\/path>\r\n                    <path d=\"M11 3h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3l-4 3v-3\"><\/path>\r\n                <\/svg>\r\n\r\n                <div>\r\n                    <h3>Clear Communication<\/h3>\r\n                    <p>A straightforward process that keeps you informed throughout the project.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3c469e e-flex e-con-boxed e-con e-parent\" data-id=\"e3c469e\" data-element_type=\"container\" data-e-type=\"container\" id=\"reviews\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5daa2 elementor-widget elementor-widget-html\" data-id=\"cb5daa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* JOSEPH WEB AGENCY - CLIENT REVIEWS *\/\r\n.jwa-reviews,\r\n.jwa-reviews * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-reviews {\r\n    --bg: #0a0a0a;\r\n    --card-bg: #131313;\r\n    --border: #2b2b2b;\r\n    --yellow: #ffd500;\r\n    --white: #f5f5f5;\r\n    --muted: #a5a5a5;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    padding: 0;\r\n    background: var(--bg);\r\n    color: var(--white);\r\n    font-family: Inter, Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.jwa-reviews__inner {\r\n    width: 100%;\r\n    max-width: 1206px;\r\n    margin: 0 auto;\r\n    padding: 95px 10px;\r\n}\r\n\r\n\/* SECTION INTRO *\/\r\n.jwa-reviews__intro {\r\n    display: grid;\r\n    grid-template-columns: 2fr 0.9fr;\r\n    align-items: center;\r\n    gap: 45px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.jwa-reviews__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 23px;\r\n    color: var(--yellow);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jwa-reviews__eyebrow::before {\r\n    content: \"\";\r\n    width: 20px;\r\n    height: 1px;\r\n    background: var(--yellow);\r\n    display: inline-block;\r\n}\r\n\r\n.jwa-reviews__heading {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(30px, 3vw, 38px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.jwa-reviews__heading span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.jwa-reviews__intro-text {\r\n    margin: 24px 0 0;\r\n    color: var(--muted);\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* REVIEW CARDS *\/\r\n.jwa-reviews__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n}\r\n\r\n.jwa-reviews__card {\r\n    min-width: 0;\r\n    min-height: 212px;\r\n    padding: 29px 28px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--border);\r\n    border-radius: 6px;\r\n    transition: border-color 0.25s ease,\r\n                background 0.25s ease,\r\n                transform 0.25s ease;\r\n}\r\n\r\n.jwa-reviews__card:hover {\r\n    border-color: var(--yellow);\r\n    background: #171717;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* QUOTE ICON AND LABEL *\/\r\n.jwa-reviews__card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.jwa-reviews__quote {\r\n    width: 24px;\r\n    height: 24px;\r\n    flex-shrink: 0;\r\n    color: var(--yellow);\r\n}\r\n\r\n.jwa-reviews__quote svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    display: block;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.jwa-reviews__label {\r\n    color: #a9b5c3;\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.7px;\r\n    text-align: right;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* REVIEW TEXT *\/\r\n.jwa-reviews__text {\r\n    margin: 0 0 27px;\r\n    color: var(--muted);\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* REVIEW FOOTER *\/\r\n.jwa-reviews__footer {\r\n    margin-top: auto;\r\n    padding-top: 17px;\r\n    border-top: 1px solid var(--border);\r\n}\r\n\r\n.jwa-reviews__author {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n    .jwa-reviews__inner {\r\n        padding: 75px 28px;\r\n    }\r\n\r\n    .jwa-reviews__intro {\r\n        grid-template-columns: 1.5fr 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .jwa-reviews__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 14px;\r\n    }\r\n\r\n    .jwa-reviews__card {\r\n        padding: 26px 23px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 600px) {\r\n    .jwa-reviews__inner {\r\n        padding: 55px 20px;\r\n    }\r\n\r\n    .jwa-reviews__intro {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .jwa-reviews__eyebrow {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .jwa-reviews__heading {\r\n        font-size: 31px;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .jwa-reviews__intro-text {\r\n        margin-top: 15px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .jwa-reviews__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n    }\r\n\r\n    .jwa-reviews__card {\r\n        min-height: 205px;\r\n        padding: 25px 23px;\r\n    }\r\n\r\n    .jwa-reviews__text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .jwa-reviews__author {\r\n        font-size: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-reviews\" id=\"jwa-reviews\">\r\n    <div class=\"jwa-reviews__inner\">\r\n\r\n        <!-- SECTION HEADING -->\r\n        <div class=\"jwa-reviews__intro\">\r\n            <div>\r\n                <div class=\"jwa-reviews__eyebrow\">\r\n                    Client Feedback\r\n                <\/div>\r\n\r\n                <h2 class=\"jwa-reviews__heading\">\r\n                    Don\u2019t Just Take\r\n                    <span>Our Word for It<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"jwa-reviews__intro-text\">\r\n                A space for honest feedback.<br>\r\n                Genuine client reviews will be added here.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- REVIEW CARDS -->\r\n        <div class=\"jwa-reviews__grid\">\r\n\r\n            <!-- REVIEW 01 -->\r\n            <article class=\"jwa-reviews__card\">\r\n                <div class=\"jwa-reviews__card-top\">\r\n                    <div class=\"jwa-reviews__quote\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M10 11H5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                            <path d=\"M21 11h-5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <span class=\"jwa-reviews__label\">\r\n                        Review Placeholder 01\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <p class=\"jwa-reviews__text\">\r\n                    This space is reserved for a genuine client review.\r\n                    Feedback will be shared here once available.\r\n                <\/p>\r\n\r\n                <div class=\"jwa-reviews__footer\">\r\n                    <p class=\"jwa-reviews__author\">\r\n                        Client name &amp; business \u00b7 to be added\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- REVIEW 02 -->\r\n            <article class=\"jwa-reviews__card\">\r\n                <div class=\"jwa-reviews__card-top\">\r\n                    <div class=\"jwa-reviews__quote\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M10 11H5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                            <path d=\"M21 11h-5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <span class=\"jwa-reviews__label\">\r\n                        Review Placeholder 02\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <p class=\"jwa-reviews__text\">\r\n                    This space is reserved for a genuine client review.\r\n                    Feedback will be shared here once available.\r\n                <\/p>\r\n\r\n                <div class=\"jwa-reviews__footer\">\r\n                    <p class=\"jwa-reviews__author\">\r\n                        Client name &amp; business \u00b7 to be added\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- REVIEW 03 -->\r\n            <article class=\"jwa-reviews__card\">\r\n                <div class=\"jwa-reviews__card-top\">\r\n                    <div class=\"jwa-reviews__quote\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M10 11H5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                            <path d=\"M21 11h-5V5h6v6c0 4-2 6-5 8\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <span class=\"jwa-reviews__label\">\r\n                        Review Placeholder 03\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <p class=\"jwa-reviews__text\">\r\n                    This space is reserved for a genuine client review.\r\n                    Feedback will be shared here once available.\r\n                <\/p>\r\n\r\n                <div class=\"jwa-reviews__footer\">\r\n                    <p class=\"jwa-reviews__author\">\r\n                        Client name &amp; business \u00b7 to be added\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-827552e e-flex e-con-boxed e-con e-parent\" data-id=\"827552e\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d8d8f elementor-widget elementor-widget-html\" data-id=\"85d8d8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n.jwa-contact,\r\n.jwa-contact * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.jwa-contact {\r\n    --bg: #121212;\r\n    --yellow: #FFD600;\r\n    --white: #F5F5F5;\r\n    --muted: #9CAFC3;\r\n    --border: #303030;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    padding: 44px 24px 24px;\r\n    background: var(--bg);\r\n    color: var(--white);\r\n    font-family: 'Inter', sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.jwa-contact-inner {\r\n    max-width: 1208px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 64px;\r\n    align-items: start;\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n\r\n.jwa-contact-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 24px;\r\n    color: var(--yellow);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jwa-contact-label:before {\r\n    content: \"\";\r\n    width: 20px;\r\n    height: 1px;\r\n    background: var(--yellow);\r\n}\r\n\r\n.jwa-contact-heading {\r\n    margin: 0 0 20px !important;\r\n    padding: 0 !important;\r\n    color: var(--white) !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 38px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.22 !important;\r\n    letter-spacing: -1.1px !important;\r\n}\r\n\r\n.jwa-contact-heading span {\r\n    color: var(--yellow) !important;\r\n}\r\n\r\n.jwa-contact-intro {\r\n    margin: 0 0 35px !important;\r\n    color: var(--muted) !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.9 !important;\r\n}\r\n\r\n.jwa-contact-email {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 0 0 34px;\r\n    color: var(--yellow) !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.jwa-contact-email svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.jwa-contact-email:hover {\r\n    opacity: .8;\r\n}\r\n\r\n.jwa-contact-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-bottom: 37px;\r\n}\r\n\r\n.jwa-contact-tag {\r\n    padding: 8px 10px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 4px;\r\n    color: var(--muted);\r\n    font-size: 10px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.jwa-contact-closing {\r\n    color: var(--muted);\r\n    font-size: 12px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* RIGHT SIDE: FORM *\/\r\n\r\n.jwa-contact-form {\r\n    width: 100%;\r\n    margin: 0;\r\n}\r\n\r\n.jwa-contact-fields {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px 18px;\r\n}\r\n\r\n.jwa-contact-field {\r\n    min-width: 0;\r\n}\r\n\r\n.jwa-contact-field.full {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.jwa-contact-field label {\r\n    display: block;\r\n    margin: 0 0 10px;\r\n    color: var(--white);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n}\r\n\r\n.jwa-contact-field label span {\r\n    color: var(--muted);\r\n    font-weight: 400;\r\n}\r\n\r\n.jwa-contact-field input,\r\n.jwa-contact-field select,\r\n.jwa-contact-field textarea {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    min-height: 44px;\r\n    margin: 0;\r\n    padding: 12px;\r\n    border: 1px solid #383838;\r\n    border-radius: 5px;\r\n    outline: none;\r\n    background-color: #090909;\r\n    color: var(--white);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    box-shadow: none;\r\n    transition: border-color .2s ease;\r\n}\r\n\r\n.jwa-contact-field input::placeholder,\r\n.jwa-contact-field textarea::placeholder {\r\n    color: var(--muted);\r\n    opacity: 1;\r\n}\r\n\r\n.jwa-contact-field input:focus,\r\n.jwa-contact-field select:focus,\r\n.jwa-contact-field textarea:focus {\r\n    border-color: var(--yellow);\r\n}\r\n\r\n.jwa-contact-field select {\r\n    cursor: pointer;\r\n    color-scheme: dark;\r\n}\r\n\r\n.jwa-contact-field textarea {\r\n    min-height: 114px;\r\n    resize: vertical;\r\n}\r\n\r\n.jwa-contact-submit {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    width: 100%;\r\n    min-height: 48px;\r\n    margin: 20px 0 0;\r\n    padding: 0 25px;\r\n    border: 1px solid var(--yellow);\r\n    border-radius: 6px;\r\n    background: var(--yellow);\r\n    color: #111111;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background .2s ease, color .2s ease;\r\n}\r\n\r\n.jwa-contact-submit:hover {\r\n    background: transparent;\r\n    color: var(--yellow);\r\n}\r\n\r\n.jwa-contact-submit svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.jwa-contact-note {\r\n    margin: 20px 0 0;\r\n    color: var(--muted);\r\n    font-size: 10px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.jwa-contact-note a {\r\n    color: var(--yellow);\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* FORM FEEDBACK *\/\r\n\r\n.jwa-contact-status {\r\n    display: none;\r\n    margin: 15px 0 0;\r\n    padding: 12px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 5px;\r\n    color: var(--white);\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.jwa-contact-status.is-visible {\r\n    display: block;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .jwa-contact {\r\n        padding: 50px 30px 35px;\r\n    }\r\n\r\n    .jwa-contact-inner {\r\n        gap: 35px;\r\n    }\r\n\r\n    .jwa-contact-heading {\r\n        font-size: 32px !important;\r\n    }\r\n\r\n    .jwa-contact-fields {\r\n        gap: 18px 14px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n    .jwa-contact {\r\n        padding: 48px 22px 35px;\r\n    }\r\n\r\n    .jwa-contact-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 42px;\r\n    }\r\n\r\n    .jwa-contact-heading {\r\n        font-size: clamp(30px, 8vw, 37px) !important;\r\n        line-height: 1.22 !important;\r\n    }\r\n\r\n    .jwa-contact-intro {\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .jwa-contact-email {\r\n        font-size: 13px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .jwa-contact-tags {\r\n        gap: 8px;\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n    .jwa-contact-fields {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .jwa-contact-field.full {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .jwa-contact-submit {\r\n        margin-top: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jwa-contact\" id=\"contact\">\r\n    <div class=\"jwa-contact-inner\">\r\n\r\n        <!-- LEFT COLUMN -->\r\n        <div class=\"jwa-contact-left\">\r\n\r\n            <div class=\"jwa-contact-label\">\r\n                Let's Work Together\r\n            <\/div>\r\n\r\n            <h2 class=\"jwa-contact-heading\">\r\n                Let\u2019s Bring Your<br>\r\n                Next <span>Idea to Life.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"jwa-contact-intro\">\r\n                Have a project in mind? Tell us a little about your\r\n                business and what you need. Let\u2019s discuss how\r\n                Joseph Web Agency can help.\r\n            <\/p>\r\n\r\n            <a class=\"jwa-contact-email\"\r\n               href=\"mailto:contact@josephwebagency.com\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                     stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                     stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                     aria-hidden=\"true\">\r\n                    <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect>\r\n                    <path d=\"m3 6 9 7 9-7\"><\/path>\r\n                <\/svg>\r\n                contact@josephwebagency.com\r\n                <span aria-hidden=\"true\">\u2197<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"jwa-contact-tags\">\r\n                <span class=\"jwa-contact-tag\">Business websites<\/span>\r\n                <span class=\"jwa-contact-tag\">E-commerce<\/span>\r\n                <span class=\"jwa-contact-tag\">Landing pages<\/span>\r\n                <span class=\"jwa-contact-tag\">Redesigns<\/span>\r\n                <span class=\"jwa-contact-tag\">Maintenance<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"jwa-contact-closing\">\r\n                Big idea or first step, we'd love to hear it.<br>\r\n                Let\u2019s make something you\u2019re proud to share.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT COLUMN: EMAIL INQUIRY FORM -->\r\n\r\n        <div class=\"jwa-contact-right\">\r\n\r\n            <form class=\"jwa-contact-form\"\r\n                  action=\"https:\/\/formsubmit.co\/contact@josephwebagency.com\"\r\n                  method=\"POST\">\r\n\r\n                <!-- EMAIL DELIVERY SETTINGS -->\r\n                <input type=\"hidden\" name=\"_subject\"\r\n                       value=\"New Project Inquiry - Joseph Web Agency\">\r\n\r\n                <input type=\"hidden\" name=\"_template\"\r\n                       value=\"table\">\r\n\r\n                <!-- Spam honeypot -->\r\n                <input type=\"text\" name=\"_honey\"\r\n                       style=\"display:none\"\r\n                       tabindex=\"-1\"\r\n                       autocomplete=\"off\">\r\n\r\n                <div class=\"jwa-contact-fields\">\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-fullname\">\r\n                            Full name <span>*<\/span>\r\n                        <\/label>\r\n                        <input id=\"jwa-fullname\"\r\n                               type=\"text\"\r\n                               name=\"Full Name\"\r\n                               placeholder=\"Your full name\"\r\n                               autocomplete=\"name\"\r\n                               required>\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-email\">\r\n                            Email address <span>*<\/span>\r\n                        <\/label>\r\n                        <input id=\"jwa-email\"\r\n                               type=\"email\"\r\n                               name=\"Email Address\"\r\n                               placeholder=\"you@company.com\"\r\n                               autocomplete=\"email\"\r\n                               required>\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-business\">\r\n                            Business name <span>(optional)<\/span>\r\n                        <\/label>\r\n                        <input id=\"jwa-business\"\r\n                               type=\"text\"\r\n                               name=\"Business Name\"\r\n                               placeholder=\"Your business name\"\r\n                               autocomplete=\"organization\">\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-service\">\r\n                            Service needed <span>*<\/span>\r\n                        <\/label>\r\n                        <select id=\"jwa-service\"\r\n                                name=\"Service Needed\"\r\n                                required>\r\n                            <option value=\"\" selected disabled>\r\n                                Select a service\r\n                            <\/option>\r\n                            <option>Business Website<\/option>\r\n                            <option>E-commerce Website<\/option>\r\n                            <option>Landing Page<\/option>\r\n                            <option>Website Redesign<\/option>\r\n                            <option>Website Maintenance<\/option>\r\n                            <option>Other<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-budget\">\r\n                            Estimated budget <span>(optional)<\/span>\r\n                        <\/label>\r\n                        <select id=\"jwa-budget\" name=\"Estimated Budget\">\r\n                            <option value=\"\" selected>\r\n                                Select your budget\r\n                            <\/option>\r\n                            <option>Under $500<\/option>\r\n                            <option>$500\u2013$1,000<\/option>\r\n                            <option>$1,000\u2013$2,500<\/option>\r\n                            <option>$2,500\u2013$5,000<\/option>\r\n                            <option>$5,000+<\/option>\r\n                            <option>Not sure yet<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field\">\r\n                        <label for=\"jwa-timeline\">\r\n                            Project timeline <span>(optional)<\/span>\r\n                        <\/label>\r\n                        <select id=\"jwa-timeline\" name=\"Project Timeline\">\r\n                            <option value=\"\" selected>\r\n                                When would you like to start?\r\n                            <\/option>\r\n                            <option>As soon as possible<\/option>\r\n                            <option>Within 2 weeks<\/option>\r\n                            <option>Within 1 month<\/option>\r\n                            <option>Within 2\u20133 months<\/option>\r\n                            <option>Just planning<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"jwa-contact-field full\">\r\n                        <label for=\"jwa-details\">\r\n                            Project details <span>*<\/span>\r\n                        <\/label>\r\n                        <textarea id=\"jwa-details\"\r\n                                  name=\"Project Details\"\r\n                                  placeholder=\"Tell us about your business, your idea, and what you'd like to achieve...\"\r\n                                  required><\/textarea>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <button class=\"jwa-contact-submit\" type=\"submit\">\r\n                    <span>Send Project Inquiry<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n                         stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                         stroke-linecap=\"round\"\r\n                         stroke-linejoin=\"round\"\r\n                         aria-hidden=\"true\">\r\n                        <path d=\"M7 17 17 7\"><\/path>\r\n                        <path d=\"M7 7h10v10\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <p class=\"jwa-contact-note\">\r\n                    Inquiries are sent to our email. You can also\r\n                    <a href=\"mailto:contact@josephwebagency.com\">\r\n                        email us directly\r\n                    <\/a>.\r\n                <\/p>\r\n\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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>Thoughtful Design. Real Impact. We Build Websites That Make Your Business Stand Out. At Joseph Web Agency, we create modern, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HOME - Joseph web agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/josephwebagency.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - Joseph web agency\" \/>\n<meta property=\"og:description\" content=\"Thoughtful Design. Real Impact. We Build Websites That Make Your Business Stand Out. At Joseph Web Agency, we create modern, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/josephwebagency.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Joseph web agency\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T12:28:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/josephwebagency.com\\\/\",\"url\":\"https:\\\/\\\/josephwebagency.com\\\/\",\"name\":\"HOME - Joseph web agency\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/josephwebagency.com\\\/#website\"},\"datePublished\":\"2026-10-09T21:09:42+00:00\",\"dateModified\":\"2026-10-12T12:28:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/josephwebagency.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/josephwebagency.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/josephwebagency.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/josephwebagency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/josephwebagency.com\\\/#website\",\"url\":\"http:\\\/\\\/josephwebagency.com\\\/\",\"name\":\"Joseph web agency\",\"description\":\"JOSEPH WEB AGENCY\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/josephwebagency.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HOME - Joseph web agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/josephwebagency.com\/","og_locale":"en_US","og_type":"article","og_title":"HOME - Joseph web agency","og_description":"Thoughtful Design. Real Impact. We Build Websites That Make Your Business Stand Out. At Joseph Web Agency, we create modern, [&hellip;]","og_url":"https:\/\/josephwebagency.com\/","og_site_name":"Joseph web agency","article_modified_time":"2026-10-12T12:28:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/josephwebagency.com\/","url":"https:\/\/josephwebagency.com\/","name":"HOME - Joseph web agency","isPartOf":{"@id":"http:\/\/josephwebagency.com\/#website"},"datePublished":"2026-10-09T21:09:42+00:00","dateModified":"2026-10-12T12:28:26+00:00","breadcrumb":{"@id":"https:\/\/josephwebagency.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/josephwebagency.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/josephwebagency.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/josephwebagency.com\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"http:\/\/josephwebagency.com\/#website","url":"http:\/\/josephwebagency.com\/","name":"Joseph web agency","description":"JOSEPH WEB AGENCY","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/josephwebagency.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josephwebagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/josephwebagency.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/josephwebagency.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}