Hero Section - Black Background

An easy to edit hero section with a large heading and image block.

"{\"type\":\"@webflow/XscpData\",\"payload\":{\"nodes\":[{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bb\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64cdc\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bc\"],\"type\":\"Section\",\"data\":{\"grid\":{\"type\":\"section\"},\"tag\":\"div\"}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bc\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce1\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c6\",\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bd\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c6\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce0\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c7\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c7\",\"tag\":\"img\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce2\"],\"children\":[],\"type\":\"Image\",\"data\":{\"attr\":{\"src\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img.png\",\"loading\":\"lazy\",\"width\":\"auto\",\"height\":\"auto\"},\"img\":{\"id\":\"6189d3a6f1296083d70ef9a9\",\"sizes\":[{\"max\":479,\"size\":\"85vw\"},{\"max\":991,\"size\":\"90vw\"},{\"max\":10000,\"size\":\"40vw\"}]}}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bd\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64cdd\",\"993f7fba-bec3-29b7-4e58-46d109c64ce5\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12be\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12be\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce3\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bf\",\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c1\",\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c3\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12bf\",\"tag\":\"h1\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64cdb\",\"993f7fba-bec3-29b7-4e58-46d109c64ce4\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c0\"],\"type\":\"Heading\",\"data\":{\"tag\":\"h1\"}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c0\",\"text\":true,\"v\":\"Find your perfect web designer.\"},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c1\",\"tag\":\"div\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64cde\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c2\"],\"type\":\"Block\",\"data\":{\"text\":true,\"tag\":\"div\"}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c2\",\"text\":true,\"v\":\"We help businesses find the best person for the job, without the hassle. Click the button below to get started.\"},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c3\",\"tag\":\"a\",\"classes\":[\"993f7fba-bec3-29b7-4e58-46d109c64cdf\"],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c4\"],\"type\":\"Link\",\"data\":{\"block\":\"inline\",\"link\":{\"mode\":\"external\"},\"button\":false,\"attr\":{\"href\":\"#\"}}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c4\",\"tag\":\"div\",\"classes\":[],\"children\":[\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c5\"],\"type\":\"Block\",\"data\":{\"text\":true,\"tag\":\"div\"}},{\"_id\":\"cda4fdb4-e4bc-3e11-6662-c0e9462f12c5\",\"text\":true,\"v\":\"Get Started\"}],\"styles\":[{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64cdf\",\"fake\":false,\"type\":\"class\",\"name\":\"Button 2\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"display: inline-block; padding-top: 16px; padding-right: 64px; padding-bottom: 16px; padding-left: 40px; justify-content: space-between; align-items: center; border-top-left-radius: 88px; border-top-right-radius: 88px; border-bottom-left-radius: 88px; border-bottom-right-radius: 88px; background-color: hsla(213.75, 22.86%, 13.73%, 1.00); background-image: @img_618b765e97ebc017798d3b44; background-position: 85% 50%; background-size: auto; background-repeat: no-repeat; transition-property: background-color, background-position; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(213.75, 0.00%, 100.00%, 1.00); font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: none;\",\"variants\":{\"main_hover\":{\"styleLess\":\"background-color: hsla(203.12500000000003, 51.61%, 36.47%, 1.00); background-position: 88% 50%;\"},\"tiny\":{\"styleLess\":\"padding-right: 65px; padding-left: 30px; background-position: 87% 50%;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce2\",\"fake\":false,\"type\":\"class\",\"name\":\"Image 5\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"width: 100%; height: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; object-fit: cover; object-position: 50% 50%;\",\"variants\":{},\"children\":[\"bbaa81bd-582d-bf8c-7a8c-9c9437859fba\"],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce1\",\"fake\":false,\"type\":\"class\",\"name\":\"Background Image Wrapper\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"position: relative; height: 100%; max-width: 1440px; margin-right: auto; margin-left: auto;\",\"variants\":{\"medium\":{\"styleLess\":\"display: flex; flex-direction: column-reverse; align-items: center;\"},\"tiny\":{\"styleLess\":\"padding-bottom: 40px; align-items: center;\"},\"small\":{\"styleLess\":\"align-items: center;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce4\",\"fake\":false,\"type\":\"class\",\"name\":\"Home 1 Hero\",\"namespace\":\"\",\"comb\":\"&\",\"styleLess\":\"margin-bottom: 24px; font-size: 56px; line-height: 68px;\",\"variants\":{\"tiny\":{\"styleLess\":\"line-height: 62px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce3\",\"fake\":false,\"type\":\"class\",\"name\":\"Home Hero Content\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"max-width: 460px; margin-bottom: 20px;\",\"variants\":{\"medium\":{\"styleLess\":\"max-width: 600px; margin-bottom: 60px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64cdb\",\"fake\":false,\"type\":\"class\",\"name\":\"Display Heading\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"font-size: 72px; line-height: 82px; letter-spacing: -1.5px;\",\"variants\":{\"medium\":{\"styleLess\":\"font-size: 66px; line-height: 80px;\"},\"small\":{\"styleLess\":\"font-size: 60px; line-height: 75px;\"},\"tiny\":{\"styleLess\":\"font-size: 55px; line-height: 70px;\"}},\"children\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce4\"],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce0\",\"fake\":false,\"type\":\"class\",\"name\":\"Hero Image\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"position: absolute; left: auto; top: 5%; right: 0%; bottom: 0%; overflow: hidden; width: 40%; height: 90%; max-width: none;\",\"variants\":{\"medium\":{\"styleLess\":\"position: relative; right: 0%; width: 90%; height: 650px;\"},\"small\":{\"styleLess\":\"width: 90%; height: 550px;\"},\"tiny\":{\"styleLess\":\"position: static; width: 85%; height: 450px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64ce5\",\"fake\":false,\"type\":\"class\",\"name\":\"Home Hero Wrapper\",\"namespace\":\"\",\"comb\":\"&\",\"styleLess\":\"position: relative; width: 100%; max-width: 1200px; padding-top: 150px; padding-bottom: 150px;\",\"variants\":{\"medium\":{\"styleLess\":\"padding-bottom: 40px; flex-direction: column; justify-content: center;\"},\"tiny\":{\"styleLess\":\"padding-top: 100px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px;\"},\"small\":{\"styleLess\":\"padding-right: 24px; padding-left: 24px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64cde\",\"fake\":false,\"type\":\"class\",\"name\":\"Home Hero Text\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"margin-bottom: 40px; font-size: 24px; line-height: 32px;\",\"variants\":{\"medium\":{\"styleLess\":\"font-size: 22px;\"},\"small\":{\"styleLess\":\"font-size: 20px;\"},\"tiny\":{\"styleLess\":\"line-height: 30px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64cdd\",\"fake\":false,\"type\":\"class\",\"name\":\"Wrapper\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"position: relative; z-index: 10; display: flex; width: 85%; max-width: 1160px; margin-right: auto; margin-left: auto; padding-top: 90px; padding-bottom: 90px; justify-content: space-between; align-items: center;\",\"variants\":{\"small\":{\"styleLess\":\"width: 90%;\"}},\"children\":[\"993f7fba-bec3-29b7-4e58-46d109c64ce5\",\"bbaa81bd-582d-bf8c-7a8c-9c9437859fbb\",\"2b8e89dc-3172-2d0a-d595-8410a41a9ab9\",\"b2c7255d-09cb-a197-e8c8-ffe70492742e\",\"3328a983-ebba-dc25-0f85-0af5a0e8d2c3\"],\"selector\":null},{\"_id\":\"993f7fba-bec3-29b7-4e58-46d109c64cdc\",\"fake\":false,\"type\":\"class\",\"name\":\"Home Hero Section\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"overflow: hidden; background-color: hsla(203.07692307692307, 0.00%, 0.00%, 1.00); font-family: DM Sans; color: hsla(0, 0.00%, 100.00%, 1.00);\",\"variants\":{},\"children\":[],\"selector\":null}],\"assets\":[{\"cdnUrl\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img.png\",\"siteId\":\"6189cdf2efa07629b47d6075\",\"width\":627,\"isHD\":false,\"height\":1080,\"fileName\":\"6189d3a6f1296083d70ef9a9_img.png\",\"createdOn\":\"2021-11-09T01:49:26.580Z\",\"origFileName\":\"img.png\",\"fileHash\":\"ec3ce1db20949dca1eec790c578b64b8\",\"variants\":[{\"_id\":\"6189d3b06e316982dc0f20f5\",\"origFileName\":\"img-p-500.png\",\"fileName\":\"6189d3a6f1296083d70ef9a9_img-p-500.png\",\"format\":\"png\",\"size\":541498,\"width\":500,\"quality\":100,\"s3Url\":\"https://s3.amazonaws.com/webflow-prod-assets/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img-p-500.png\",\"cdnUrl\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img-p-500.png\"}],\"mimeType\":\"image/png\",\"s3Url\":\"https://s3.amazonaws.com/webflow-prod-assets/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img.png\",\"thumbUrl\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/6189d3a6f1296083d70ef9a9_img-p-130x130q80.png\",\"_id\":\"6189d3a6f1296083d70ef9a9\",\"updatedOn\":\"2021-11-10T00:09:27.832Z\",\"fileSize\":876954},{\"cdnUrl\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/618b765e97ebc017798d3b44_Group%20385.svg\",\"siteId\":\"6189cdf2efa07629b47d6075\",\"width\":13,\"isHD\":false,\"height\":11,\"fileName\":\"618b765e97ebc017798d3b44_Group 385.svg\",\"createdOn\":\"2021-11-10T07:35:58.284Z\",\"origFileName\":\"Group 385.svg\",\"fileHash\":\"0d5d5534e37725a3d2de335a33fff78d\",\"variants\":[],\"mimeType\":\"image/svg+xml\",\"s3Url\":\"https://s3.amazonaws.com/webflow-prod-assets/6189cdf2efa07629b47d6075/618b765e97ebc017798d3b44_Group%20385.svg\",\"thumbUrl\":\"https://assets.website-files.com/6189cdf2efa07629b47d6075/618b765e97ebc017798d3b44_Group%20385.svg\",\"_id\":\"618b765e97ebc017798d3b44\",\"updatedOn\":\"2021-11-10T07:35:58.369Z\",\"markedAsDeleted\":false,\"fileSize\":316}],\"ix1\":[],\"ix2\":{\"interactions\":[],\"events\":[],\"actionLists\":[]}},\"meta\":{\"unlinkedSymbolCount\":0,\"droppedLinks\":0,\"dynBindRemovedCount\":0,\"dynListBindRemovedCount\":0,\"paginationRemovedCount\":0}}"