Loading Component...

Loading

More Components

View All
Part of

AeroKit UI Hero06 Futuristic

Oops! Something went wrong while submitting the form.
AeroKit UI Hero06 Futuristic
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8b2d47e8-097e-ba08-3f7d-45297741124c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["e8671d0b-31d7-1d6e-c1bf-a6d564f50037","17d69bae-7823-d708-6021-24a5aee6b700"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e8671d0b-31d7-1d6e-c1bf-a6d564f50037","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"17d69bae-7823-d708-6021-24a5aee6b700","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["11c5af47-dcdf-39b3-85e0-ad0a77d8896f"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11c5af47-dcdf-39b3-85e0-ad0a77d8896f","type":"Block","tag":"div","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["937be403-3750-cf05-e39a-18c5405de97d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"937be403-3750-cf05-e39a-18c5405de97d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"children":["f04d197f-6a69-7938-5996-7654c1102ac8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f04d197f-6a69-7938-5996-7654c1102ac8","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1","type":"Block","tag":"div","classes":["e6adbc3f-7aa8-8212-421a-e02243b510c5"],"children":["6cb88893-d44f-3113-4bf6-1050e8536ef4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb88893-d44f-3113-4bf6-1050e8536ef4","type":"Block","tag":"div","classes":["656d023b-ea13-dd94-9970-ff2722bc1e26"],"children":["d4638d33-c543-1674-9b96-ae048dd4db0e","ff130510-533f-8e7a-62be-cabe606128f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4638d33-c543-1674-9b96-ae048dd4db0e","type":"Block","tag":"div","classes":["f4b4034c-187e-8c01-143e-20135302fac4"],"children":["9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8","text":true,"v":"Work remotely to companies in worldwide"},{"_id":"ff130510-533f-8e7a-62be-cabe606128f0","type":"Block","tag":"div","classes":["2c17af03-3496-ee9c-9cf1-ae30b93c66ed"],"children":["cb252dae-c1b2-3bdc-685a-0923496c9cc4","c2e35797-30f0-8ae7-d3b8-6f19b6d38430"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb252dae-c1b2-3bdc-685a-0923496c9cc4","text":true,"v":"Find Remote
Job in "},{"_id":"c2e35797-30f0-8ae7-d3b8-6f19b6d38430","type":"Span","tag":"span","classes":["2c89ef65-d89d-c739-dcb4-c4c6fc226b57"],"children":["d332e39a-9ff2-2378-bb7b-ed98c3707551"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d332e39a-9ff2-2378-bb7b-ed98c3707551","text":true,"v":"Aerokit_"}],"styles":[{"_id":"2c89ef65-d89d-c739-dcb4-c4c6fc226b57","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"color: #0b1730;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f4b4034c-187e-8c01-143e-20135302fac4","fake":false,"type":"class","name":"hero_subtxt","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.6); font-size: 1.25rem; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"origin":null,"selector":null},{"_id":"e6adbc3f-7aa8-8212-421a-e02243b510c5","fake":false,"type":"class","name":"hero_wrap","namespace":"","comb":"","styleLess":"display: flex; min-height: 730px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-image: @img_67d2c113ce422c98381a3ec6; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"background-position: 61% 50%;"},"small":{"styleLess":"justify-content: flex-end; background-position: 69% 50%;"},"tiny":{"styleLess":"padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: flex-end; background-position: 72% 50%;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8a4ec022-519c-0a7b-6afa-d7d15b7d10ae","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Manrope; line-height: 1.4;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2c17af03-3496-ee9c-9cf1-ae30b93c66ed","fake":false,"type":"class","name":"hero_title","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.7); font-size: 3.25rem; font-weight: 800;","variants":{"tiny":{"styleLess":"font-size: 1.875rem;"},"medium":{"styleLess":"font-size: 2.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"656d023b-ea13-dd94-9970-ff2722bc1e26","fake":false,"type":"class","name":"hero_title-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 410px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"grid-column-gap: 12px; grid-row-gap: 12px;"},"medium":{"styleLess":"grid-column-gap: 16px; grid-row-gap: 16px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","siteId":"67d2c0a895fb6e2686dd56c0","width":1344,"isHD":false,"height":730,"fileName":"67d2c113ce422c98381a3ec6_Frame 2131329591.svg","createdOn":"2025-03-13T11:27:15.481Z","origFileName":"Frame 2131329591.svg","fileHash":"ad0c50262f8cea9130fbcb4a109e989d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","thumbUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","_id":"67d2c113ce422c98381a3ec6","updatedOn":"2025-03-13T11:27:15.481Z","fileSize":2066710,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8b2d47e8-097e-ba08-3f7d-45297741124c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["e8671d0b-31d7-1d6e-c1bf-a6d564f50037","17d69bae-7823-d708-6021-24a5aee6b700"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e8671d0b-31d7-1d6e-c1bf-a6d564f50037","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"17d69bae-7823-d708-6021-24a5aee6b700","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["11c5af47-dcdf-39b3-85e0-ad0a77d8896f"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11c5af47-dcdf-39b3-85e0-ad0a77d8896f","type":"Block","tag":"div","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["937be403-3750-cf05-e39a-18c5405de97d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"937be403-3750-cf05-e39a-18c5405de97d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"children":["f04d197f-6a69-7938-5996-7654c1102ac8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f04d197f-6a69-7938-5996-7654c1102ac8","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1","type":"Block","tag":"div","classes":["e6adbc3f-7aa8-8212-421a-e02243b510c5"],"children":["6cb88893-d44f-3113-4bf6-1050e8536ef4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb88893-d44f-3113-4bf6-1050e8536ef4","type":"Block","tag":"div","classes":["656d023b-ea13-dd94-9970-ff2722bc1e26"],"children":["d4638d33-c543-1674-9b96-ae048dd4db0e","ff130510-533f-8e7a-62be-cabe606128f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4638d33-c543-1674-9b96-ae048dd4db0e","type":"Block","tag":"div","classes":["f4b4034c-187e-8c01-143e-20135302fac4"],"children":["9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8","text":true,"v":"Work remotely to companies in worldwide"},{"_id":"ff130510-533f-8e7a-62be-cabe606128f0","type":"Block","tag":"div","classes":["2c17af03-3496-ee9c-9cf1-ae30b93c66ed"],"children":["cb252dae-c1b2-3bdc-685a-0923496c9cc4","c2e35797-30f0-8ae7-d3b8-6f19b6d38430"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb252dae-c1b2-3bdc-685a-0923496c9cc4","text":true,"v":"Find Remote
Job in "},{"_id":"c2e35797-30f0-8ae7-d3b8-6f19b6d38430","type":"Span","tag":"span","classes":["2c89ef65-d89d-c739-dcb4-c4c6fc226b57"],"children":["d332e39a-9ff2-2378-bb7b-ed98c3707551"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d332e39a-9ff2-2378-bb7b-ed98c3707551","text":true,"v":"Aerokit_"}],"styles":[{"_id":"2c89ef65-d89d-c739-dcb4-c4c6fc226b57","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"color: #0b1730;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f4b4034c-187e-8c01-143e-20135302fac4","fake":false,"type":"class","name":"hero_subtxt","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.6); font-size: 1.25rem; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"origin":null,"selector":null},{"_id":"e6adbc3f-7aa8-8212-421a-e02243b510c5","fake":false,"type":"class","name":"hero_wrap","namespace":"","comb":"","styleLess":"display: flex; min-height: 730px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-image: @img_67d2c113ce422c98381a3ec6; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"background-position: 61% 50%;"},"small":{"styleLess":"justify-content: flex-end; background-position: 69% 50%;"},"tiny":{"styleLess":"padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: flex-end; background-position: 72% 50%;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8a4ec022-519c-0a7b-6afa-d7d15b7d10ae","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Manrope; line-height: 1.4;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2c17af03-3496-ee9c-9cf1-ae30b93c66ed","fake":false,"type":"class","name":"hero_title","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.7); font-size: 3.25rem; font-weight: 800;","variants":{"tiny":{"styleLess":"font-size: 1.875rem;"},"medium":{"styleLess":"font-size: 2.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"656d023b-ea13-dd94-9970-ff2722bc1e26","fake":false,"type":"class","name":"hero_title-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 410px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"grid-column-gap: 12px; grid-row-gap: 12px;"},"medium":{"styleLess":"grid-column-gap: 16px; grid-row-gap: 16px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","siteId":"67d2c0a895fb6e2686dd56c0","width":1344,"isHD":false,"height":730,"fileName":"67d2c113ce422c98381a3ec6_Frame 2131329591.svg","createdOn":"2025-03-13T11:27:15.481Z","origFileName":"Frame 2131329591.svg","fileHash":"ad0c50262f8cea9130fbcb4a109e989d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","thumbUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","_id":"67d2c113ce422c98381a3ec6","updatedOn":"2025-03-13T11:27:15.481Z","fileSize":2066710,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}

About this component

AI Generated

Component Description (Generated by AI)

AeroKit UI Hero06 Futuristic is a Webflow component designed to create visually striking hero sections for websites. It features a flexible layout with a focus on remote job opportunities, making it suitable for various industries. The component includes customizable text styles and a background image that enhances its futuristic aesthetic.

Key Features:

  • Flexible layout with a minimum height of 730px and responsive design elements.
  • Customizable text styles including hero titles and subtitles with various font sizes and weights.
  • Embedded CSS for enhanced text legibility and focus state styles for accessibility.
  • Background image support with options for positioning and sizing.

Design Elements:

  • Futuristic design with a clean and modern aesthetic.
  • Use of a bold color palette featuring deep blues and contrasting text colors.
  • Incorporation of rounded corners and padding for a soft, approachable look.
  • Flexbox layout for easy alignment and distribution of content.

Potential Use Cases:

  • Job boards or recruitment websites focusing on remote work.
  • Tech startups looking to showcase their services or products.
  • Personal portfolios for freelancers in the tech industry.
  • Landing pages for online courses or educational platforms.

Conclusion: The AeroKit UI Hero06 Futuristic component is a versatile tool for creating engaging hero sections that can effectively capture user attention and convey important information.

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.