{"version":"1.0","provider_name":"DreamHost Blog","provider_url":"https:\/\/www-dev.dreamhost.com\/blog","author_name":"Ian Hernandez","author_url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/","title":"Como criar um Hero de Homepage que chame a aten\u00e7\u00e3o (+25 Exemplos)","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Fp2D9UsofO\"><a href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/design-do-heroi-da-pagina-inicial\/\">Como criar um Hero de Homepage que chame a aten\u00e7\u00e3o (+25 Exemplos)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/design-do-heroi-da-pagina-inicial\/embed\/#?secret=Fp2D9UsofO\" width=\"600\" height=\"338\" title=\"&#8220;Como criar um Hero de Homepage que chame a aten\u00e7\u00e3o (+25 Exemplos)&#8221; &#8212; DreamHost Blog\" data-secret=\"Fp2D9UsofO\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2023\/01\/Homepage-Hero-Design-Feature.jpg","thumbnail_width":900,"thumbnail_height":599,"description":"Se voc\u00ea deseja que novos visitantes continuem olhando para o seu site, voc\u00ea precisa capturar rapidamente a aten\u00e7\u00e3o deles. Sem um conte\u00fado envolvente acima da dobra, os usu\u00e1rios podem ficar entediados antes de poderem conferir seus produtos ou ler suas postagens no blog. Felizmente, voc\u00ea pode usar uma imagem de her\u00f3i como o primeiro elemento visual no seu site. [\u2026]"}