{"id":6462,"date":"2026-06-11T16:22:16","date_gmt":"2026-06-11T16:22:16","guid":{"rendered":"https:\/\/rocketreach.co\/resources\/?page_id=6462"},"modified":"2026-06-11T17:46:07","modified_gmt":"2026-06-11T17:46:07","slug":"hero-bg-overlay","status":"publish","type":"page","link":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/","title":{"rendered":"Hero BG Overlay"},"content":{"rendered":"\n\n<section\n        class=\"hero-background-image-overlay\"\n            style=\"--hero-background-image-overlay-bg: url('https:\/\/rocketreach.co\/resources\/wp-content\/uploads\/2026\/06\/d115f5c1133d2e3e107c40b517de54c3cdb03a56-1-scaled.jpg');\"\n    >\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&#038;family=Syne:wght@400..800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    .hero-background-image-overlay {\n        position: relative;\n        color: #fff;\n        background-color: #081015;\n        background-image: var(--hero-background-image-overlay-bg);\n        background-position: center center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        overflow: hidden;\n    }\n    .hero-background-image-overlay::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n       background:\n        linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0.45) 0%,\n            rgba(0, 0, 0, 0.65) 55%,\n            rgba(0, 0, 0, 0.90) 100%\n        );\n        pointer-events: none;\n    }\n    .hero-background-image-overlay__inner {\n        position: relative;\n        z-index: 2;\n        padding-top: 180px;\n        padding-bottom: 60px;\n    }\n\n    .hero-background-image-overlay__content {\n        max-width: 1100px;\n    }\n\n    .hero-background-image-overlay__eyebrow {\n        margin: 0 0 28px;\n        color: #96d6f8;\n        font-size: 18px;\n        font-weight: 300;\n        line-height: 1.2;\n        letter-spacing: 0.3em;\n        text-transform: uppercase;\n        font-family: 'Roboto Mono', monospace;\n    }\n\n    .hero-background-image-overlay__heading {\n        max-width: 1080px;\n        margin: 0 0 50px;\n        color: #fff;\n        font-size: 36px;\n        font-weight: 552;\n        line-height: 1.1em;\n    }\n\n    .hero-background-image-overlay__description {\n        max-width: 980px;\n        margin: 0;\n        color: white;\n        font-size: 18px;\n        font-weight: 420;\n        line-height: 1.45;\n        padding-bottom: 0;\n    }\n\n    .hero-background-image-overlay__actions {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 40px;\n        margin-top: 40px;\n    }\n\n    .hero-background-image-overlay__button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 56px;\n        padding: 16px 42px;\n        border-radius: 7px;\n        font-size: 17px;\n        font-weight: 400;\n        line-height: 1;\n        text-decoration: none;\n        transition:\n            background-color 0.2s ease,\n            color 0.2s ease;\n    }\n\n    .hero-background-image-overlay__button--primary {\n        color: #fff;\n        background-color: #4aa8e8;\n    }\n\n    .hero-background-image-overlay__button--primary:hover,\n    .hero-background-image-overlay__button--primary:focus {\n        color: #fff;\n        background-color: #338fd0;\n    }\n\n    .hero-background-image-overlay__button--secondary {\n        padding-right: 0;\n        padding-left: 0;\n        color: #82cff8;\n        background-color: transparent;\n    }\n\n    .hero-background-image-overlay__button--secondary:hover,\n    .hero-background-image-overlay__button--secondary:focus {\n        color: #fff;\n    }\n\n    @media (max-width: 900px) {\n        .hero-background-image-overlay__inner {\n            padding: 80px 28px 72px;\n        }\n\n        .hero-background-image-overlay__eyebrow {\n            margin-bottom: 22px;\n            font-size: 14px;\n            letter-spacing: 0.36em;\n\n        }\n\n        .hero-background-image-overlay__heading {\n            letter-spacing: 0.08em;\n        }\n\n        .hero-background-image-overlay__actions {\n            gap: 24px;\n            margin-top: 34px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .hero-background-image-overlay__inner {\n            padding: 64px 22px 60px;\n        }\n\n        .hero-background-image-overlay__heading {\n            font-size: 38px;\n            letter-spacing: 0.05em;\n        }\n\n        .hero-background-image-overlay__description {\n            font-size: 18px;\n        }\n\n        .hero-background-image-overlay__actions {\n            flex-direction: column;\n            align-items: center;\n            gap: 18px;\n        }\n\n        .hero-background-image-overlay__button--primary {\n            width: 100%;\n        }\n    }\n<\/style>\n    <div class=\"hero-background-image-overlay__inner container\">\n        <div class=\"hero-background-image-overlay__content\">\n\n                            <p class=\"hero-background-image-overlay__eyebrow\">\n                    Agentic Workflows                <\/p>\n            \n                            <h1 class=\"hero-background-image-overlay__heading\">\n                    Introducing Nova by RocketReach                <\/h1>\n            \n                            <p class=\"hero-background-image-overlay__description\">\n                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec dapibus metu, id semper sapien. Vivamus iaculis sollicitudin lectus vestibulum.                  <\/p>\n            \n                            <div class=\"hero-background-image-overlay__actions\">\n\n                                            <a\n                            class=\"hero-background-image-overlay__button hero-background-image-overlay__button--primary\"\n                            href=\"#\"\n                            target=\"_self\"\n                        >\n                            Try for Free                        <\/a>\n                    \n                                            <a\n                            class=\"hero-background-image-overlay__button hero-background-image-overlay__button--secondary\"\n                            href=\"#\"\n                            target=\"_self\"\n                        >\n                            Get More Information                        <\/a>\n                    \n                <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6462","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.3.1 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hero BG Overlay - RocketReach<\/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:\/\/rocketreach.co\/resources\/hero-bg-overlay\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero BG Overlay\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/\" \/>\n<meta property=\"og:site_name\" content=\"RocketReach\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rocketreachco\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T17:46:07+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/hero-bg-overlay\\\/\",\"url\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/hero-bg-overlay\\\/\",\"name\":\"Hero BG Overlay - RocketReach\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#website\"},\"datePublished\":\"2026-06-11T16:22:16+00:00\",\"dateModified\":\"2026-06-11T17:46:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/hero-bg-overlay\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rocketreach.co\\\/resources\\\/hero-bg-overlay\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/hero-bg-overlay\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hero BG Overlay\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/\",\"name\":\"RocketReach\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#organization\",\"name\":\"RocketReach\",\"url\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Icon-on-White.png\",\"contentUrl\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Icon-on-White.png\",\"width\":5060,\"height\":5060,\"caption\":\"RocketReach\"},\"image\":{\"@id\":\"https:\\\/\\\/rocketreach.co\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/rocketreachco\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hero BG Overlay - RocketReach","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:\/\/rocketreach.co\/resources\/hero-bg-overlay\/","og_locale":"en_US","og_type":"article","og_title":"Hero BG Overlay","og_url":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/","og_site_name":"RocketReach","article_publisher":"https:\/\/www.facebook.com\/rocketreachco","article_modified_time":"2026-06-11T17:46:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/","url":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/","name":"Hero BG Overlay - RocketReach","isPartOf":{"@id":"https:\/\/rocketreach.co\/resources\/#website"},"datePublished":"2026-06-11T16:22:16+00:00","dateModified":"2026-06-11T17:46:07+00:00","breadcrumb":{"@id":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rocketreach.co\/resources\/hero-bg-overlay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rocketreach.co\/resources\/"},{"@type":"ListItem","position":2,"name":"Hero BG Overlay"}]},{"@type":"WebSite","@id":"https:\/\/rocketreach.co\/resources\/#website","url":"https:\/\/rocketreach.co\/resources\/","name":"RocketReach","description":"","publisher":{"@id":"https:\/\/rocketreach.co\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rocketreach.co\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rocketreach.co\/resources\/#organization","name":"RocketReach","url":"https:\/\/rocketreach.co\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rocketreach.co\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/rocketreach.co\/resources\/wp-content\/uploads\/2023\/08\/Icon-on-White.png","contentUrl":"https:\/\/rocketreach.co\/resources\/wp-content\/uploads\/2023\/08\/Icon-on-White.png","width":5060,"height":5060,"caption":"RocketReach"},"image":{"@id":"https:\/\/rocketreach.co\/resources\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rocketreachco"]}]}},"_links":{"self":[{"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/pages\/6462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/comments?post=6462"}],"version-history":[{"count":6,"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/pages\/6462\/revisions"}],"predecessor-version":[{"id":6650,"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/pages\/6462\/revisions\/6650"}],"wp:attachment":[{"href":"https:\/\/rocketreach.co\/resources\/wp-json\/wp\/v2\/media?parent=6462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}