Hero Section - Supplements

This is a hero section you can use for your next supplement brand project.

"{\"type\":\"@webflow/XscpData\",\"payload\":{\"nodes\":[{\"_id\":\"c6271ee9-5a5a-7fc2-d22f-c28417932ed4\",\"tag\":\"div\",\"classes\":[\"97711bc9-2069-28fa-00a8-97549c1613c1\",\"e7c5fe77-038d-630d-9abc-3b43b2244085\"],\"children\":[\"eec93469-c094-3a3c-0fb4-d29f4b194ed3\",\"9334f73a-9af6-53e9-5633-d024ea814363\"],\"type\":\"Section\",\"data\":{\"grid\":{\"type\":\"section\"},\"tag\":\"div\"}},{\"_id\":\"eec93469-c094-3a3c-0fb4-d29f4b194ed3\",\"tag\":\"div\",\"classes\":[\"89d294ba-8af3-c4e5-2f4f-9d37892679a2\"],\"children\":[\"e618eff4-3254-90f7-e57e-d569d00bcb45\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"e618eff4-3254-90f7-e57e-d569d00bcb45\",\"tag\":\"div\",\"classes\":[\"cf230d67-36de-c8ee-addb-3b4b4d23a850\"],\"children\":[\"fcb93ab5-4ddb-5aee-98a7-c5ad50a825f5\"],\"type\":\"Block\",\"data\":{\"text\":true,\"tag\":\"div\"}},{\"_id\":\"fcb93ab5-4ddb-5aee-98a7-c5ad50a825f5\",\"tag\":\"strong\",\"classes\":[\"e70c42b8-2f2e-2ca4-4c3a-97837ef55164\"],\"children\":[\"e618eff4-3254-90f7-e57e-d569d00bcb46\"],\"type\":\"Strong\"},{\"_id\":\"e618eff4-3254-90f7-e57e-d569d00bcb46\",\"text\":true,\"v\":\"Vitamins\"},{\"_id\":\"9334f73a-9af6-53e9-5633-d024ea814363\",\"tag\":\"div\",\"classes\":[\"60078a9c-3681-f3a9-5719-5630c2526c98\"],\"children\":[\"37e96371-ffb1-95f3-e5db-68e0d9396f94\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"37e96371-ffb1-95f3-e5db-68e0d9396f94\",\"tag\":\"div\",\"classes\":[\"711ff768-4601-cc04-58dc-90c39434fded\"],\"children\":[\"99931e85-9a0c-8317-8ae2-32dd76eff9e0\",\"7d735a1d-8bc1-b8d4-1e85-a3b3e99fbf91\"],\"type\":\"Grid\",\"data\":{\"tag\":\"div\",\"grid\":\"two-by-two\"}},{\"_id\":\"99931e85-9a0c-8317-8ae2-32dd76eff9e0\",\"tag\":\"div\",\"classes\":[\"0e254ab3-fa49-87d4-b6c8-17e8d5d68ba7\"],\"children\":[\"4fea46b0-0be7-9c3e-36e9-6779444ad7ba\",\"f2ddedee-6fa5-5b91-2796-eda2a70d23ba\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false}},{\"_id\":\"4fea46b0-0be7-9c3e-36e9-6779444ad7ba\",\"tag\":\"h1\",\"classes\":[\"59482653-2dd4-77d3-9c5f-4735a90c86b4\"],\"children\":[\"4fea46b0-0be7-9c3e-36e9-6779444ad7bb\"],\"type\":\"Heading\",\"data\":{\"tag\":\"h1\"}},{\"_id\":\"4fea46b0-0be7-9c3e-36e9-6779444ad7bb\",\"text\":true,\"v\":\"The Scientifically Developed Multivitamin for Men\"},{\"_id\":\"f2ddedee-6fa5-5b91-2796-eda2a70d23ba\",\"tag\":\"a\",\"classes\":[\"4298940e-f673-d7f6-54ea-d8ce40c70d18\"],\"children\":[\"f2ddedee-6fa5-5b91-2796-eda2a70d23bb\"],\"type\":\"Link\",\"data\":{\"button\":true,\"link\":{\"mode\":\"external\",\"url\":\"#\"},\"block\":\"\"}},{\"_id\":\"f2ddedee-6fa5-5b91-2796-eda2a70d23bb\",\"text\":true,\"v\":\"Learn More\"},{\"_id\":\"7d735a1d-8bc1-b8d4-1e85-a3b3e99fbf91\",\"tag\":\"div\",\"classes\":[\"ce83a992-b725-86b4-1fc8-05a26b5dc545\"],\"children\":[\"984bb171-ec38-ffbd-c8e2-56ec445ea245\"],\"type\":\"Block\",\"data\":{\"tag\":\"div\",\"text\":false,\"style\":{\"base\":{\"main\":{\"noPseudo\":{\"justifySelf\":\"center\"}},\"small\":{\"noPseudo\":{\"order\":-9999}}}}}},{\"_id\":\"984bb171-ec38-ffbd-c8e2-56ec445ea245\",\"tag\":\"img\",\"classes\":[\"f87aa967-43bc-43a8-813e-23f719ee9912\"],\"children\":[],\"type\":\"Image\",\"data\":{\"attr\":{\"src\":\"https://assets.website-files.com/60d6b539566f83e9c33632f5/60d817456cf847753ed03009_hero.png\",\"loading\":\"lazy\",\"width\":\"auto\",\"height\":\"auto\"},\"img\":{\"id\":\"60d817456cf847753ed03009\",\"sizes\":[{\"max\":397,\"size\":\"72vw\"},{\"max\":10000,\"size\":\"286px\"}]}}}],\"styles\":[{\"_id\":\"59482653-2dd4-77d3-9c5f-4735a90c86b4\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-title\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"margin-top: 0px; margin-bottom: 0px; font-size: 54px; line-height: 70.2px; text-align: center;\",\"variants\":{\"medium\":{\"styleLess\":\"padding-left: 0px; font-size: 40px; line-height: 56px; text-align: left;\"},\"small\":{\"styleLess\":\"font-size: 35px; line-height: 50px; text-align: center;\"},\"tiny\":{\"styleLess\":\"font-size: 27px; line-height: 40px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"cf230d67-36de-c8ee-addb-3b4b4d23a850\",\"fake\":false,\"type\":\"class\",\"name\":\"Text Block 2\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"font-size: 26px;\",\"variants\":{},\"children\":[],\"selector\":null},{\"_id\":\"4298940e-f673-d7f6-54ea-d8ce40c70d18\",\"fake\":false,\"type\":\"class\",\"name\":\"button\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"margin-top: 44px; padding-top: 12px; padding-right: 35px; padding-bottom: 12px; padding-left: 35px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-color: hsla(224.83516483516485, 69.47%, 25.69%, 1.00); font-size: 16px; line-height: 25.9px;\",\"variants\":{\"tiny\":{\"styleLess\":\"font-size: 14px; line-height: 24px;\"}},\"children\":[],\"selector\":null},{\"_id\":\"f87aa967-43bc-43a8-813e-23f719ee9912\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-photo\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"\",\"variants\":{\"tiny\":{\"styleLess\":\"max-width: 80%;\"}},\"children\":[],\"selector\":null},{\"_id\":\"97711bc9-2069-28fa-00a8-97549c1613c1\",\"fake\":false,\"type\":\"class\",\"name\":\"section\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"padding-top: 80px; padding-bottom: 80px;\",\"variants\":{\"small\":{\"styleLess\":\"padding-top: 60px; padding-bottom: 60px;\"},\"tiny\":{\"styleLess\":\"padding-top: 40px; padding-bottom: 40px;\"}},\"children\":[\"e7c5fe77-038d-630d-9abc-3b43b2244085\",\"1866d663-b2be-9b63-b281-6db03f427c61\",\"0c15f798-1466-0e8c-26df-10c8adf4a928\"],\"selector\":null},{\"_id\":\"0e254ab3-fa49-87d4-b6c8-17e8d5d68ba7\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-content\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"display: flex; padding-left: 45px; flex-direction: column; justify-content: center; align-items: center;\",\"variants\":{\"medium\":{\"styleLess\":\"padding-top: 30px; padding-bottom: 30px; padding-left: 31px; align-items: flex-start;\"},\"small\":{\"styleLess\":\"padding-right: 15px; padding-left: 15px; align-items: center;\"}},\"children\":[],\"selector\":null},{\"_id\":\"711ff768-4601-cc04-58dc-90c39434fded\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-column\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"grid-column-gap: 0px; grid-template-columns: 1fr 0.75fr; grid-template-rows: auto;\",\"variants\":{\"medium\":{\"styleLess\":\"grid-template-columns: 1fr 1fr;\"},\"small\":{\"styleLess\":\"grid-row-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto auto;\"}},\"children\":[],\"selector\":null},{\"_id\":\"60078a9c-3681-f3a9-5719-5630c2526c98\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-wrapper\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"margin-right: auto; margin-left: auto; background-color: hsla(265.7142857142856, 12.28%, 88.82%, 1.00);\",\"variants\":{\"small\":{\"styleLess\":\"background-color: transparent;\"}},\"children\":[],\"selector\":null},{\"_id\":\"e70c42b8-2f2e-2ca4-4c3a-97837ef55164\",\"fake\":false,\"type\":\"class\",\"name\":\"Bold Text\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"font-family: Circular std;\",\"variants\":{},\"children\":[],\"selector\":null},{\"_id\":\"ce83a992-b725-86b4-1fc8-05a26b5dc545\",\"fake\":false,\"type\":\"class\",\"name\":\"hero-image\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"display: flex; padding-top: 45px; align-items: flex-end;\",\"variants\":{\"medium\":{\"styleLess\":\"display: flex; align-items: flex-end;\"},\"small\":{\"styleLess\":\"width: 100%; justify-content: center; background-color: hsla(265.7142857142856, 12.28%, 88.82%, 1.00);\"}},\"children\":[],\"selector\":null},{\"_id\":\"e7c5fe77-038d-630d-9abc-3b43b2244085\",\"fake\":false,\"type\":\"class\",\"name\":\"hero\",\"namespace\":\"\",\"comb\":\"&\",\"styleLess\":\"padding-top: 0px; padding-right: 40px; padding-left: 40px;\",\"variants\":{\"tiny\":{\"styleLess\":\"padding-right: 5vw; padding-left: 5vw;\"}},\"children\":[],\"selector\":null},{\"_id\":\"89d294ba-8af3-c4e5-2f4f-9d37892679a2\",\"fake\":false,\"type\":\"class\",\"name\":\"navbar\",\"namespace\":\"\",\"comb\":\"\",\"styleLess\":\"position: sticky; top: 0px; z-index: 99; display: flex; width: 100%; padding-top: 20px; padding-bottom: 18px; justify-content: center; align-items: center; border-top-style: none; border-top-width: 4px; border-top-color: hsla(224.83516483516485, 69.47%, 25.69%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00);\",\"variants\":{},\"children\":[],\"selector\":null}],\"assets\":[{\"cdnUrl\":\"https://assets.website-files.com/60d6b539566f83e9c33632f5/60d817456cf847753ed03009_hero.png\",\"siteId\":\"60d6b539566f83e9c33632f5\",\"width\":286,\"isHD\":false,\"height\":478,\"fileName\":\"60d817456cf847753ed03009_hero.png\",\"createdOn\":\"2021-06-27T06:14:29.929Z\",\"origFileName\":\"hero.png\",\"fileHash\":\"5bf7d39bc15b6d9864132314185292eb\",\"variants\":[],\"mimeType\":\"image/png\",\"s3Url\":\"https://s3.amazonaws.com/webflow-prod-assets/60d6b539566f83e9c33632f5/60d817456cf847753ed03009_hero.png\",\"thumbUrl\":\"https://assets.website-files.com/60d6b539566f83e9c33632f5/60d817456cf847753ed03009_hero-p-130x130q80.png\",\"_id\":\"60d817456cf847753ed03009\",\"updatedOn\":\"2021-06-27T22:22:37.597Z\",\"fileSize\":183286}],\"ix1\":[],\"ix2\":{\"interactions\":[],\"events\":[],\"actionLists\":[]}},\"meta\":{\"unlinkedSymbolCount\":0,\"droppedLinks\":0,\"dynBindRemovedCount\":0,\"dynListBindRemovedCount\":0,\"paginationRemovedCount\":0}}"