Skip to content
Gutenberg Hub
  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates
Gutenberg Hub
Menu

Hero 63

Hero 63 is a Free Gutenberg Hero, Section Patterns Template by GutenbergHub. It is fully customizable, responsive, and easy to use. The best part is you can copy & paste it to your website. Our Gutenberg Templates library has a huge collection of WordPress block patterns. Find out more Hero, Section Patterns Templates.

HeroSection Patterns
Facebook Twitter Pinterest LinkedIn
Previous Template Hotel 3
Next Template Feature 61

<!-- wp:group {"align":"full","className":"eplus-VtnPR1","epCustomPadding":{"value":{"top":"80","right":"","bottom":"80","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-VtnPR1","epCustomBackground":{"solid":"rgba(0, 0, 0, 0.53)","gradient":"","media":{"backgroundPositionX":0.5,"backgroundPositionY":0.5,"position":"relative","background":{"id":30839,"unsplash_order":11,"title":"","filename":"fernando-%c3%a1lvarez-rodr%c3%adguez-m7gddpqjowg-unsplash.jpeg","url":"https://demo.gutenberghub.com/templates/wp-content/uploads/sites/10/2021/01/fernando-c3a1lvarez-rodrc3adguez-m7gddpqjowg-unsplash.jpeg","link":"https://unsplash.com/photos/M7GddPqJowg","alt":"blue body of water in front of building near trees during nighttime","author":"Fernando Álvarez Rodríguez","unsplashAuthorLink":"https://unsplash.com/@nando0515","description":"blue body of water in front of building near trees during nighttime","caption":"Photo by \u003ca href=\u0022https://unsplash.com/@nando0515\u0022 rel=\u0022nofollow\u0022\u003eFernando Álvarez Rodríguez\u003c/a\u003e on \u003ca href=\u0022https://unsplash.com/?utm_source=gutenberg-playground\u0026#038;utm_medium=referral\u0022 rel=\u0022nofollow\u0022\u003eUnsplash\u003c/a\u003e ","color":"#0c73d9","name":"m7gddpqjowg","height":3840,"width":5760,"status":"inherit","uploadedTo":0,"date":"2018-11-15T20:49:20.000Z","modified":"2021-01-13T22:06:36.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?crop=entropy\u0026cs=tinysrgb\u0026fit=crop\u0026fm=jpg\u0026ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026q=85\u0026w=150\u0026h=150","dateFormatted":"November 15, 2018","nonces":{"update":"de57c83ae9","delete":"f996eab393","edit":"5f9eed0036"},"editLink":false,"meta":false,"originalUnsplashImageURL":"https://unsplash.com/photos/M7GddPqJowg","originalUnsplashImageName":"Unsplash","sizes":{"full":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1","height":3840,"width":5760,"orientation":0},"medium":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=400\u0026h=266","height":266,"width":400,"orientation":0},"thumbnail":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=150\u0026h=100","height":100,"width":150,"orientation":0},"medium_large":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=768\u0026h=512","height":512,"width":768,"orientation":0},"large":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=1024\u0026h=682","height":682,"width":1024,"orientation":0},"1536x1536":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=1536\u0026h=1024","height":1024,"width":1536,"orientation":0},"2048x2048":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=2048\u0026h=1365","height":1365,"width":2048,"orientation":0},"woocommerce_thumbnail":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=300\u0026h=200","height":200,"width":300,"orientation":0},"woocommerce_single":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=600\u0026h=400","height":400,"width":600,"orientation":0},"woocommerce_gallery_thumbnail":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=100\u0026h=66","height":66,"width":100,"orientation":0},"shop_catalog":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=300\u0026h=200","height":200,"width":300,"orientation":0},"shop_single":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=600\u0026h=400","height":400,"width":600,"orientation":0},"shop_thumbnail":{"url":"https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixid=MXwxOTU3NDZ8MHwxfHNlYXJjaHwxMnx8aG90ZWx8ZW58MHx8fA\u0026ixlib=rb-1.2.1\u0026fm=jpg\u0026q=85\u0026fit=crop\u0026w=100\u0026h=66","height":66,"width":100,"orientation":0}}},"backgroundSize":"cover","backgroundRepeat":"","backgroundAttachment":"","backgroundPlacement":"back"}},"epCustomOtherSettings":{"hide":{"property":"flex","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"epAnimationGeneratedClass":"edplus_anim-MEKMQK","editorPlusCustomCSS":"\n .eplus-VtnPR1 { \n min-height: 700px;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n }\n .eplus-VtnPR1 .wp-block-group__inner-container{\n flex-basis: 100%;\n }\n"} --> <div class="wp-block-group alignfull eplus-VtnPR1"><div class="wp-block-group__inner-container"><!-- wp:heading {"textAlign":"center","level":3,"className":"eplus-tg7Zfr","epCustomMargin":{"value":{"top":"0","right":"auto","bottom":"20","left":"auto"},"unit":"px","important":false},"epGeneratedClass":"eplus-tg7Zfr","epCustomSizingResponsiveEnabled":true,"epCustomSizingMobileModified":true,"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":35,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":70,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomBackground":{"solid":"rgba(101, 138, 195, 0.68)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":"","important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["capitalize"],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-RR5VKx"} --> <h3 class="has-text-align-center eplus-tg7Zfr">the best luxury hotel in this city</h3> <!-- /wp:heading --> <!-- wp:heading {"textAlign":"center","level":1,"className":"eplus-mFySCG","epCustomPadding":{"value":{"top":"10","right":"0","bottom":"10","left":"0"},"unit":"px","important":false},"epCustomMargin":{"value":{"top":"","right":"auto","bottom":"","left":"auto"},"unit":"%","important":false},"epGeneratedClass":"eplus-mFySCG","epCustomSizingResponsiveEnabled":true,"epCustomSizingMobileModified":true,"epCustomSizing":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":70,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomSizingMobile":{"height":{"value":"","important":false,"unit":"%"},"width":{"value":90,"important":false,"unit":"%"},"maxWidth":{"value":"","important":false,"unit":"%"},"maxHeight":{"value":"","important":false,"unit":"%"}},"epCustomTypographyResponsiveEnabled":true,"epCustomTypographyMobileModified":true,"epCustomTypography":{"lineHeight":{"value":1.1,"important":false,"unit":"em"},"fontSize":{"value":60,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epCustomTypographyMobile":{"lineHeight":{"value":1.1,"important":false,"unit":"em"},"fontSize":{"value":45,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"#ffffff","imp":false},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-LqIx7d"} --> <h1 class="has-text-align-center eplus-mFySCG">Amazing&nbsp;<strong>packages</strong>&nbsp;Waiting for You</h1> <!-- /wp:heading --> <!-- wp:buttons {"align":"center","className":"eplus-0qssk9","epCustomMargin":{"value":{"top":"30","right":"","bottom":"","left":""},"unit":"px","important":false},"epGeneratedClass":"eplus-0qssk9","epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":"","delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"epAnimationGeneratedClass":"edplus_anim-XTbQoS"} --> <div class="wp-block-buttons aligncenter eplus-0qssk9"><!-- wp:button {"borderRadius":0,"className":"eplus-FjpLw8 is-style-outline","epStylingOptions":{"buttonsAlignmentResponsiveEnabled":false,"buttonsAlignmentHoverEnabled":false,"buttonIconBeforeResponsiveEnabled":false,"buttonIconBeforeHoverEnabled":false,"buttonIconAfterResponsiveEnabled":false,"buttonIconAfterHoverEnabled":false,"connectorIconResponsiveEnabled":false,"connectorIconHoverEnabled":false,"buttonsAlignment":{"target":".block-editor-block-list__layout","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"custom":true,"control":"IconClassToggle"},{"label":"Alignment","control":"ButtonGroup","attribute":"epCustomButtonsAlignment","defaults":{"desktop":"right"},"props":{"options":[{"icon":"align-pull-left","value":"left"},{"icon":"align-pull-right","value":"right"}]},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}}]},"buttonIconBefore":{"target":".wp-block-button__link:before","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"label":"Icon","control":"IconPicker","attribute":"epCustomButtonIconBefore","defaults":{"desktop":"eplusicon-heart1"},"css":"content","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"left"}]}}]},"buttonIconAfter":{"target":".wp-block-button__link:after","includeDotSuffix":false,"responsive":true,"hover":true,"options":[{"label":"Icon","control":"IconPicker","attribute":"epCustomButtonIconAfter","defaults":{"desktop":"eplusicon-heart1"},"css":"content","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"right"}]}}]},"connectorIcon":{"target":".wp-block-button__link:after, {{class}} .wp-block-button__link:before","includeDotSuffix":false,"responsive":true,"hover":true,"hoverTarget":".wp-block-button__link:after, {{class}} .wp-block-button__link:before","options":[{"label":"Background","control":"ColorPicker","attribute":"epCustomIconBackground","css":"background","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Color","control":"ColorPicker","attribute":"epCustomIconColor","css":"color","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Radius","control":"Range","attribute":"epCustomIconRadius","css":"border-radius","condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Padding","control":"Range","attribute":"epCustomIconPadding","css":"padding","props":{"supportedUnits":["px"],"max":30},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"}]}},{"label":"Icon Space","control":"Range","attribute":"epCustomBeforeIconSpace","css":"margin-right","props":{"supportedUnits":["px"],"max":50},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"left"}]}},{"label":"Icon Space","control":"Range","attribute":"epCustomAfterIconSpace","css":"margin-left","props":{"supportedUnits":["px"],"max":50},"condition":{"query":[{"field":"attributes.className","compare":"IN","value":"ep-custom-buttons-icon"},{"field":"attributes.epCustomButtonsAlignment.desktop","controlledBy":"ButtonGroup","compare":"EQUAL","value":"right"}]}}]},"savedStyling":"","clientId":"ad84fc0f-1e76-41b0-8881-bca6a3aba396"},"epCustomButtonsAlignment":{"desktop":"right","tablet":"","tabletModified":false,"mobile":"","mobileModified":false,"hover":"","hoverModified":false},"epCustomBeforeIconSpace":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomAfterIconSpace":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomButtonIconBefore":{"desktop":{"icon":"eplusicon-heart1"},"tablet":{"icon":""},"tabletModified":false,"mobile":{"icon":""},"mobileModified":false,"hover":{"icon":""},"hoverModified":false},"epCustomButtonIconAfter":{"desktop":{"icon":"eplusicon-heart1"},"tablet":{"icon":""},"tabletModified":false,"mobile":{"icon":""},"mobileModified":false,"hover":{"icon":""},"hoverModified":false},"epCustomIconBackground":{"desktop":{"color":""},"tablet":{"color":""},"tabletModified":false,"mobile":{"color":""},"mobileModified":false,"hover":{"color":""},"hoverModified":false},"epCustomIconColor":{"desktop":{"color":""},"tablet":{"color":""},"tabletModified":false,"mobile":{"color":""},"mobileModified":false,"hover":{"color":""},"hoverModified":false},"epCustomIconRadius":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epCustomIconPadding":{"desktop":{"value":"","important":false,"unit":"%"},"tablet":{"value":"","important":false,"unit":"%"},"tabletModified":false,"mobile":{"value":"","important":false,"unit":"%"},"mobileModified":false,"hover":{"value":"","important":false,"unit":"%"},"hoverModified":false},"epGeneratedClass":"eplus-FjpLw8","epCustomBorderHover":{"borderTop":{"area":"","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderRight":{"area":"","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderBottom":{"area":"","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderLeft":{"area":"","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderAll":{"area":"","style":"solid","color":"rgb(49, 49, 49)","important":false}},"epCustomBorderHoverModified":true,"epCustomBorder":{"borderTop":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderRight":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderBottom":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderLeft":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false},"borderAll":{"area":"0","style":"solid","color":"rgb(49, 49, 49)","important":false}},"epCustomBackgroundHover":{"solid":"rgba(51, 84, 149, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomBackgroundHoverEnabled":true,"epCustomBackgroundHoverModified":true,"epCustomBackground":{"solid":"rgba(102, 139, 196, 1)","gradient":"","media":{"backgroundPositionX":"","backgroundPositionY":"","background":{},"backgroundSize":"","backgroundRepeat":""}},"epCustomOtherSettings":{"hide":{"property":"","important":false},"transition":{"duration":600,"delay":"","speedCurve":"ease","important":true},"zIndex":{"value":0,"important":false},"overflow":{"value":"","important":false}},"epCustomTypography":{"lineHeight":{"value":"","important":false,"unit":"px"},"fontSize":{"value":14,"important":false,"unit":"px"},"letterSpacing":{"value":"","important":false,"unit":"px"},"fontWeight":"700","textStyle":["uppercase","italic"],"textColor":{"color":"rgba(255, 255, 255, 1)","imp":true},"underline":{"color":"","style":""},"lineThrough":{"color":"","style":""}},"epAnimationGeneratedClass":"edplus_anim-MZRZlH","editorPlusCustomCSS":"\n selector a:hover{ \n transform: scale(1.1); \n \n } \n"} --> <div class="wp-block-button eplus-FjpLw8 is-style-outline"><a class="wp-block-button__link no-border-radius">learn more</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:group -->

Browse Template By Type

  • 🌓 Section Patterns
  • 🌕 Full Page Templates

Browse Section Patterns

  • 👉 All Section Patterns
  • 🦸‍♂️ Hero
  • 🎢 Slider
  • 📝 Testimonial
  • 👨‍👧‍👧 Team
  • 🎉 Feature
  • 💰 Pricing
  • 🃏 Card
  • 📊 Stats
  • 📄 Content
  • 🏞 Gallery
  • ❓ FAQ
  • 💠 Logos
  • ⌚ Business Hours

Required Plugin(s)

Gutenberg Block Library & Toolkit – Editor Plus

How to Copy a Template

Thumbnail

Facebook Facebook Group Twitter YouTube
  • Getting Started
  • Resources
  • Blocks
  • Templates

Copyright © 2021 Gutenberg Hub

  • Getting Started
    • User
    • Developer
  • Resources
    • User Guides
    • Plugins & Themes
      • Plugins/Addons
      • Themes
    • Developer Guides
    • Tips & Tricks
    • Code Snippets
    • Talks & Opinions
  • Blocks
  • Templates
    • Section Patterns
    • Full Page Templates