{"id":331,"date":"2022-07-04T15:44:33","date_gmt":"2022-07-04T15:44:33","guid":{"rendered":"https:\/\/boldblocks.net\/patterns\/?post_type=boldblocks_pattern&#038;p=331"},"modified":"2022-11-11T10:02:09","modified_gmt":"2022-11-11T10:02:09","slug":"call-to-action-parallax-background-image-buttons","status":"publish","type":"boldblocks_pattern","link":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/","title":{"rendered":"Call to action &#8211; parallax background image, buttons"},"content":{"rendered":"\n<div class=\"wp-block-boldblocks-group alignfull wp-block-boldblocks-custom has-text-color bb:has-overlay bb:has-background bb:has-background--image js-animation-bg-parallax\" style=\"color:#fffffe;--bb--height--sm:var(--bb--height--lg);--bb--height--md:var(--bb--height--lg);--bb--height--lg:30em;--bb--padding-top--sm:var(--bb--padding-top--lg);--bb--padding-bottom--sm:var(--bb--padding-bottom--lg);--bb--padding-top--md:var(--bb--padding-top--lg);--bb--padding-bottom--md:var(--bb--padding-bottom--lg);--bb--padding-top--lg:1rem;--bb--padding-bottom--lg:1rem;--bb--text-alignment--sm:var(--bb--text-alignment--lg);--bb--text-alignment--md:var(--bb--text-alignment--lg);--bb--text-alignment--lg:center;--bb--vertical-alignment--sm:var(--bb--vertical-alignment--lg);--bb--vertical-alignment--md:var(--bb--vertical-alignment--lg);--bb--vertical-alignment--lg:center\"><div class=\"bb:block-background bb:block-background--image bg-parallax\" style=\"background-image:url(&quot;https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?w=1920&amp;h=600&amp;fit=crop&quot;);background-position:50% 50%;background-repeat:no-repeat;background-size:cover\" data-speed=\"0.5\"><\/div><div aria-hidden=\"true\" class=\"bb:block-overlay is-layout-flow wp-block-boldblocks-group-is-layout-flow\" style=\"background:var(--wp--preset--color--primary, #00acb8);opacity:0.3\"><\/div>\n<h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Let&#8217;s Get Started<\/h2>\n\n\n\n<p class=\"\">It\u2019s safe to book online with us! Get your dream stay in a few clicks or drop us a line with your questions.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-7878cfa4 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-primary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:5px;color:#fffffe;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px\">Book Now<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" style=\"border-radius:5px;color:#000001;background-color:#fffffe;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px\">Contact Us<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":333,"menu_order":0,"template":"","meta":{"categories":[{"name":"cta","label":"CTA"},{"name":"hero","label":"Hero"}],"description":"A call to action pattern with parallax background image","dependencies":[],"dependent_blocks":["boldblocks\/group","core\/heading","core\/paragraph","core\/buttons","core\/button"],"block_types":[],"blocks":"[{\"name\":\"boldblocks\/group\",\"attributes\":{\"boldblocks\":{\"width\":{\"sm\":{\"inherit\":\"lg\"},\"md\":{\"inherit\":\"lg\"},\"lg\":{\"value\":{},\"inherit\":null}},\"height\":{\"sm\":{\"inherit\":\"lg\"},\"md\":{\"inherit\":\"lg\"},\"lg\":{\"value\":{\"height\":\"custom\",\"value\":\"30em\"},\"inherit\":null}},\"spacing\":{\"padding\":{\"sm\":{\"inherit\":\"lg\"},\"md\":{\"inherit\":\"lg\"},\"lg\":{\"value\":{\"top\":\"1rem\",\"bottom\":\"1rem\"},\"inherit\":null}}},\"background\":{\"image\":{\"url\":\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?w=1920&h=600&fit=crop\"},\"settings\":{\"isFixed\":false,\"animation\":{\"type\":\"bg-parallax\",\"settings\":{\"opacity\":false}},\"size\":\"cover\",\"isImgElement\":false}},\"overlay\":{\"opacity\":30,\"overlayColor\":{\"value\":\"#00acb8\",\"slug\":\"primary\"}},\"textAlignment\":{\"sm\":{\"inherit\":\"lg\"},\"md\":{\"inherit\":\"lg\"},\"lg\":{\"value\":\"center\",\"inherit\":null}},\"verticalAlignment\":{\"sm\":{\"inherit\":\"lg\"},\"md\":{\"inherit\":\"lg\"},\"lg\":{\"value\":\"center\",\"inherit\":null}},\"border\":{\"lg\":{\"value\":{},\"inherit\":null},\"md\":{\"inherit\":\"lg\"},\"sm\":{\"inherit\":\"lg\"}},\"enableEllipticalRadius\":false,\"borderRadius\":{\"lg\":{\"value\":{},\"inherit\":null},\"md\":{\"inherit\":\"lg\"},\"sm\":{\"inherit\":\"lg\"}},\"shadows\":[],\"transform\":{\"lg\":{\"value\":[],\"inherit\":null},\"md\":{\"inherit\":\"lg\"},\"sm\":{\"inherit\":\"lg\"}},\"transformOrigin\":{},\"animations\":[],\"animateMultipleTimes\":false,\"customCSS\":{\"value\":\"\",\"id\":\"JfVYSo6wng\"}},\"align\":\"full\",\"style\":{\"color\":{\"text\":\"#fffffe\"}}},\"innerBlocks\":[{\"name\":\"core\/heading\",\"attributes\":{\"content\":\"Let's Get Started\",\"level\":2,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"boldblocks\":{\"withIcon\":{\"icon\":\"\",\"iconURI\":\"\"},\"withTextShadow\":{},\"withTransform\":{}}},\"innerBlocks\":[]},{\"name\":\"core\/paragraph\",\"attributes\":{\"content\":\"It\u2019s safe to book online with us! Get your dream stay in a few clicks or drop us a line with your questions.\",\"dropCap\":false,\"boldblocks\":{}},\"innerBlocks\":[]},{\"name\":\"core\/buttons\",\"attributes\":{\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"10px\"}}},\"innerBlocks\":[{\"name\":\"core\/button\",\"attributes\":{\"text\":\"Book Now\",\"backgroundColor\":\"primary\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"5px\",\"bottom\":\"5px\",\"left\":\"20px\",\"right\":\"20px\"}},\"border\":{\"radius\":\"5px\"},\"color\":{\"text\":\"#fffffe\"}},\"boldblocks\":{\"withIcon\":{\"icon\":\"\",\"iconURI\":\"\"},\"withShadow\":{},\"withTransform\":{}}},\"innerBlocks\":[]},{\"name\":\"core\/button\",\"attributes\":{\"text\":\"Contact Us\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"5px\",\"bottom\":\"5px\",\"left\":\"20px\",\"right\":\"20px\"}},\"border\":{\"radius\":\"5px\"},\"color\":{\"text\":\"#000001\",\"background\":\"#fffffe\"}},\"boldblocks\":{\"withIcon\":{\"icon\":\"\",\"iconURI\":\"\"},\"withShadow\":{},\"withTransform\":{}}},\"innerBlocks\":[]}]}]}]","count":2,"count_30":1,"count_7":1,"is_pro":false,"has_pro_features":true},"boldblocks_pattern_keywords":[31,23,27,20,29,40,21],"class_list":["post-331","boldblocks_pattern","type-boldblocks_pattern","status-publish","has-post-thumbnail","hentry","boldblocks_pattern_keywords-background","boldblocks_pattern_keywords-button","boldblocks_pattern_keywords-cta","boldblocks_pattern_keywords-hero","boldblocks_pattern_keywords-image","boldblocks_pattern_keywords-intro","boldblocks_pattern_keywords-parallax"],"keywords":"Background,Button,CTA,Hero,Image,Intro,Parallax","thumbnail":"<img width=\"800\" height=\"289\" src=\"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331-800x289.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"\" style=\"max-width: 100%;height:auto;\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331-800x289.webp 800w, https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331-400x144.webp 400w, https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331-768x277.webp 768w, https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331-1536x554.webp 1536w, https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331.webp 1898w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>","description":"A call to action pattern with parallax background image","keywordIds":[31,23,27,20,29,40,21],"order":0,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Call to action - parallax background image, buttons - Premium WordPress Patterns<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Call to action - parallax background image, buttons - Premium WordPress Patterns\" \/>\n<meta property=\"og:url\" content=\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Premium WordPress Patterns\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BoldBlocks\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-11T10:02:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1898\" \/>\n\t<meta property=\"og:image:height\" content=\"685\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/\",\"url\":\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/\",\"name\":\"Call to action - parallax background image, buttons - Premium WordPress Patterns\",\"isPartOf\":{\"@id\":\"https:\/\/boldblocks.net\/patterns\/#website\"},\"datePublished\":\"2022-07-04T15:44:33+00:00\",\"dateModified\":\"2022-11-11T10:02:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/boldblocks.net\/patterns\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block Patterns\",\"item\":\"https:\/\/boldblocks.net\/patterns\/pattern\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Call to action &#8211; parallax background image, buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/boldblocks.net\/patterns\/#website\",\"url\":\"https:\/\/boldblocks.net\/patterns\/\",\"name\":\"Premium WordPress Patterns\",\"description\":\"A collection of responsive, production-ready block patterns for WordPress created by the Content Blocks Builder plugin\",\"publisher\":{\"@id\":\"https:\/\/boldblocks.net\/patterns\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/boldblocks.net\/patterns\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/boldblocks.net\/patterns\/#organization\",\"name\":\"BoldBlocks\",\"url\":\"https:\/\/boldblocks.net\/patterns\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/boldblocks.net\/patterns\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/06\/cropped-bb-favicon.png\",\"contentUrl\":\"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/06\/cropped-bb-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"BoldBlocks\"},\"image\":{\"@id\":\"https:\/\/boldblocks.net\/patterns\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/BoldBlocks\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Call to action - parallax background image, buttons - Premium WordPress Patterns","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/","og_locale":"en_US","og_type":"article","og_title":"Call to action - parallax background image, buttons - Premium WordPress Patterns","og_url":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/","og_site_name":"Premium WordPress Patterns","article_publisher":"https:\/\/www.facebook.com\/BoldBlocks","article_modified_time":"2022-11-11T10:02:09+00:00","og_image":[{"width":1898,"height":685,"url":"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/07\/pattern-331.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/","url":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/","name":"Call to action - parallax background image, buttons - Premium WordPress Patterns","isPartOf":{"@id":"https:\/\/boldblocks.net\/patterns\/#website"},"datePublished":"2022-07-04T15:44:33+00:00","dateModified":"2022-11-11T10:02:09+00:00","breadcrumb":{"@id":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/boldblocks.net\/patterns\/pattern\/call-to-action-parallax-background-image-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/boldblocks.net\/patterns\/"},{"@type":"ListItem","position":2,"name":"Block Patterns","item":"https:\/\/boldblocks.net\/patterns\/pattern\/"},{"@type":"ListItem","position":3,"name":"Call to action &#8211; parallax background image, buttons"}]},{"@type":"WebSite","@id":"https:\/\/boldblocks.net\/patterns\/#website","url":"https:\/\/boldblocks.net\/patterns\/","name":"Premium WordPress Patterns","description":"A collection of responsive, production-ready block patterns for WordPress created by the Content Blocks Builder plugin","publisher":{"@id":"https:\/\/boldblocks.net\/patterns\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/boldblocks.net\/patterns\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/boldblocks.net\/patterns\/#organization","name":"BoldBlocks","url":"https:\/\/boldblocks.net\/patterns\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/boldblocks.net\/patterns\/#\/schema\/logo\/image\/","url":"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/06\/cropped-bb-favicon.png","contentUrl":"https:\/\/boldblocks.net\/patterns\/wp-content\/uploads\/2022\/06\/cropped-bb-favicon.png","width":512,"height":512,"caption":"BoldBlocks"},"image":{"@id":"https:\/\/boldblocks.net\/patterns\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BoldBlocks"]}]}},"_links":{"self":[{"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/boldblocks-patterns\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/boldblocks-patterns"}],"about":[{"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/types\/boldblocks_pattern"}],"author":[{"embeddable":true,"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/boldblocks-patterns\/331\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/boldblocks-patterns\/331\/revisions\/960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/media\/333"}],"wp:attachment":[{"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/media?parent=331"}],"wp:term":[{"taxonomy":"boldblocks_pattern_keywords","embeddable":true,"href":"https:\/\/boldblocks.net\/patterns\/wp-json\/wp\/v2\/boldblocks_pattern_keywords?post=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}