Details
License
Free
Category
Hero
Requirement
No required settings found.
<!-- wp:group {"tagName":"main","metadata":{"name":"Hero"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|50","padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|base","bottom":"var:preset|spacing|base"},"blockGap":"var:preset|spacing|50"}},"backgroundColor":"custom-light","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-custom-light-background-color has-background" style="padding-top:var(--wp--preset--spacing--base);padding-right:0;padding-bottom:var(--wp--preset--spacing--base);padding-left:0"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:group {"style":{"typography":{"fontSize":"1rem"},"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"}},"textColor":"custom-primary","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group has-custom-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:1rem"><!-- wp:heading {"level":5,"style":{"elements":{"link":{"color":{"text":"#a4a4a4"}}},"typography":{"fontStyle":"normal","fontWeight":"400"},"color":{"text":"#a4a4a4"},"spacing":{"margin":{"bottom":"-12px"}}},"fontSize":"small"} -->
<h5 class="wp-block-heading has-text-color has-link-color has-small-font-size" style="color:#a4a4a4;margin-bottom:-12px;font-style:normal;font-weight:400">For Personal, Business and Community</h5>
<!-- /wp:heading -->
<!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"-8px"}}}} -->
<h2 class="wp-block-heading" style="margin-bottom:-8px">Build Your Own <br>Fundraising Website</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#666666"}}},"color":{"text":"#666666"}},"fontSize":"medium"} -->
<p class="has-text-color has-link-color has-medium-font-size" style="color:#666666">Embrace a new way to build websites with WordPress<br>Faster and more robust.</p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|minus-2"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"custom-primary","fontSize":"medium"} -->
<h6 class="wp-block-heading has-custom-primary-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><img class="wp-image-579" style="width: 24px;" src="https://grami-dev.instawp.xyz/wp-content/uploads/2025/06/fondasi-check.svg" alt=""> Responsive Design</h6>
<!-- /wp:heading -->
<!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"custom-primary","fontSize":"medium"} -->
<h6 class="wp-block-heading has-custom-primary-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><img class="wp-image-579" style="width: 24px;" src="https://grami-dev.instawp.xyz/wp-content/uploads/2025/06/fondasi-check.svg" alt=""> Full Site Editing</h6>
<!-- /wp:heading -->
<!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"custom-primary","fontSize":"medium"} -->
<h6 class="wp-block-heading has-custom-primary-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:500"><img class="wp-image-579" style="width: 24px;" src="https://grami-dev.instawp.xyz/wp-content/uploads/2025/06/fondasi-check.svg" alt=""> WooCommerce Support</h6>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"flex","justifyContent":"left","flexWrap":"wrap"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:button {"backgroundColor":"custom-accent","style":{"typography":{"fontSize":"1rem"},"spacing":{"padding":{"left":"var:preset|spacing|plus-1","right":"var:preset|spacing|plus-1","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-custom-accent-background-color has-background has-custom-font-size wp-element-button" style="border-radius:5px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-1);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-1);font-size:1rem">Click to Action</a></div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline","style":{"border":{"radius":"5px","color":"#f6f6f6","width":"2px"},"typography":{"fontSize":"1rem"},"spacing":{"padding":{"left":"var:preset|spacing|plus-1","right":"var:preset|spacing|plus-1","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-border-color has-custom-font-size wp-element-button" style="border-color:#f6f6f6;border-width:2px;border-radius:5px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-1);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-1);font-size:1rem">Right Click</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"40%","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-bottom:0;flex-basis:40%"><!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"constrained","justifyContent":"center","contentSize":""}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"radius":"12px","width":"0px","style":"none"},"spacing":{"padding":{"top":"var:preset|spacing|plus-1","bottom":"var:preset|spacing|plus-1","left":"var:preset|spacing|plus-1","right":"var:preset|spacing|plus-1"}},"color":{"background":"#fafafa"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-background" style="border-style:none;border-width:0px;border-radius:12px;background-color:#fafafa;padding-top:var(--wp--preset--spacing--plus-1);padding-right:var(--wp--preset--spacing--plus-1);padding-bottom:var(--wp--preset--spacing--plus-1);padding-left:var(--wp--preset--spacing--plus-1)"><!-- wp:group {"metadata":{"name":"Donation Box"},"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|10","right":"var:preset|spacing|10"},"blockGap":"var:preset|spacing|40","margin":{"top":"0"}},"border":{"width":"0px","style":"none","radius":"0px"}},"backgroundColor":"base-2","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;padding-top:0;padding-right:var(--wp--preset--spacing--10);padding-bottom:0;padding-left:var(--wp--preset--spacing--10)"><!-- wp:buttons {"metadata":{"name":"Amounts"},"className":"frzr-quick-amount","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"var:preset|spacing|minus-1","left":"var:preset|spacing|minus-1"}}},"fontSize":"small","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal","flexWrap":"wrap"}} -->
<div class="wp-block-buttons has-custom-font-size frzr-quick-amount has-small-font-size" style="margin-top:0;margin-bottom:0"><!-- wp:button {"backgroundColor":"custom-light","textColor":"black","width":50,"className":"frzr-button","style":{"spacing":{"padding":{"left":"var:preset|spacing|plus-3","right":"var:preset|spacing|plus-3","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"width":"1px"}},"borderColor":"custom-secondary","presetAmount":"5","buttonVariant":"quickAmount"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 frzr-button frzr-preset" data-amount="5" data-recurring="once" data-apply="false" data-initial="false" data-preset="true"><a class="wp-block-button__link has-black-color has-custom-light-background-color has-text-color has-background has-link-color has-border-color has-custom-secondary-border-color wp-element-button" style="border-width:1px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-3);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-3)">☕ 1 Americano</a></div>
<!-- /wp:button -->
<!-- wp:button {"backgroundColor":"custom-light","textColor":"black","width":50,"className":"frzr-button","style":{"spacing":{"padding":{"left":"var:preset|spacing|plus-3","right":"var:preset|spacing|plus-3","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"width":"1px"}},"borderColor":"custom-secondary","presetAmount":"10","buttonVariant":"quickAmount"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 frzr-button frzr-preset" data-amount="10" data-recurring="once" data-apply="false" data-initial="false" data-preset="true"><a class="wp-block-button__link has-black-color has-custom-light-background-color has-text-color has-background has-link-color has-border-color has-custom-secondary-border-color wp-element-button" style="border-width:1px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-3);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-3)">🛠️ Fixing Bug</a></div>
<!-- /wp:button -->
<!-- wp:button {"backgroundColor":"custom-light","textColor":"black","width":50,"className":"frzr-button","style":{"spacing":{"padding":{"left":"var:preset|spacing|plus-3","right":"var:preset|spacing|plus-3","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"width":"1px"}},"borderColor":"custom-secondary","presetAmount":"15","buttonVariant":"quickAmount"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 frzr-button frzr-preset" data-amount="15" data-recurring="once" data-apply="false" data-initial="false" data-preset="true"><a class="wp-block-button__link has-black-color has-custom-light-background-color has-text-color has-background has-link-color has-border-color has-custom-secondary-border-color wp-element-button" style="border-width:1px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-3);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-3)">🥐 Breakfast</a></div>
<!-- /wp:button -->
<!-- wp:button {"backgroundColor":"custom-light","textColor":"black","width":50,"className":"frzr-button","style":{"spacing":{"padding":{"left":"var:preset|spacing|plus-3","right":"var:preset|spacing|plus-3","top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"border":{"width":"1px"}},"borderColor":"custom-secondary","presetAmount":"50","buttonVariant":"quickAmount"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 frzr-button frzr-preset" data-amount="50" data-recurring="once" data-apply="false" data-initial="false" data-preset="true"><a class="wp-block-button__link has-black-color has-custom-light-background-color has-text-color has-background has-link-color has-border-color has-custom-secondary-border-color wp-element-button" style="border-width:1px;padding-top:var(--wp--preset--spacing--minus-1);padding-right:var(--wp--preset--spacing--plus-3);padding-bottom:var(--wp--preset--spacing--minus-1);padding-left:var(--wp--preset--spacing--plus-3)">💎 New Feature</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:fundrizer/amount-box /-->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"custom-main","textColor":"white","width":100,"className":"frzr-button frzr-payment-btn frzr-funding-direct proactive","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|minus-1","bottom":"var:preset|spacing|minus-1"}},"border":{"radius":"5px"}},"buttonVariant":"fundingCheckout"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 frzr-button frzr-payment-btn frzr-funding-direct proactive" data-product="0" data-fallback-amount="0" data-fallback-recurring="none" role="button"><a class="wp-block-button__link has-white-color has-custom-main-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:5px;padding-top:var(--wp--preset--spacing--minus-1);padding-bottom:var(--wp--preset--spacing--minus-1)">Contribute</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->