system: You are an assistant that generates WordPress patterns.

user: Introduction Section

assistant: <!-- wp:group {"align":"full","style":{"color":{"background":"#f2f2f2"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f2f2f2;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:paragraph {"align":"left","style":{"spacing":{"margin":{"bottom":"0px"}},"typography":{"fontSize":"20px"}},"textColor":"black"} -->
<p class="has-text-align-left has-black-color has-text-color" style="margin-bottom:0px;font-size:20px"><strong><em><span style="text-decoration: underline">Short Title</span></em></strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"4rem","fontStyle":"normal","fontWeight":"900"},"spacing":{"margin":{"top":"0px"}}},"textColor":"vivid-red"} -->
<h2 class="wp-block-heading has-text-align-left has-vivid-red-color has-text-color" style="margin-top:0px;font-size:4rem;font-style:normal;font-weight:900">Sample Title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"#333333"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-left has-text-color" style="color:#333333;font-size:16px">Lorem ipsum dolor sit amet. Est distinctio atque id velit iure et sunt quis ut tenetur placeat. At tenetur inventore id libero totam et fugit odio eum eveniet nisi est impedit minus. Non enim distinctio et repellendus beatae est numquam similique qui quia nemo et harum dicta ut voluptatem sint.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"backgroundColor":"vivid-red","className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-vivid-red-color has-alpha-channel-opacity has-vivid-red-background-color has-background is-style-dots" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)" />
<!-- /wp:separator -->

<!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"margin":{"top":"30px"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top" style="margin-top:30px"><!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|luminous-vivid-orange","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--luminous-vivid-orange);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">desain web</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#fc7000"}}} -->
<p class="has-text-align-center has-text-color" style="color:#fc7000;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|luminous-vivid-orange","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--luminous-vivid-orange);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Mobile Application</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"}},"textColor":"cyan-bluish-gray"} -->
<p class="has-text-align-center has-cyan-bluish-gray-color has-text-color" style="font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|vivid-cyan-blue","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--vivid-cyan-blue);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Software</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#2f92cb"}}} -->
<p class="has-text-align-center has-text-color" style="color:#2f92cb;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|vivid-cyan-blue","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--vivid-cyan-blue);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Web Application</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#f1c50e"}}} -->
<p class="has-text-align-center has-text-color" style="color:#f1c50e;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|luminous-vivid-orange","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--luminous-vivid-orange);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Graphic Design</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#fc7000"}}} -->
<p class="has-text-align-center has-text-color" style="color:#fc7000;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|luminous-vivid-orange","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--luminous-vivid-orange);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Game Development</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"}},"textColor":"cyan-bluish-gray"} -->
<p class="has-text-align-center has-cyan-bluish-gray-color has-text-color" style="font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|vivid-cyan-blue","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--vivid-cyan-blue);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Plugin Development</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#2f92cb"}}} -->
<p class="has-text-align-center has-text-color" style="color:#2f92cb;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|vivid-cyan-blue","width":"5px"},"left":{"width":"0px","style":"none"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="border-top-width:5px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--vivid-cyan-blue);border-bottom-width:5px;border-left-style:none;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"black"} -->
<p class="has-text-align-center has-black-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700">Application</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"22px","textDecoration":"underline"},"color":{"text":"#f1c50e"}}} -->
<p class="has-text-align-center has-text-color" style="color:#f1c50e;font-size:22px;text-decoration:underline">Lainnya</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"40%","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"top":{"width":"5px"},"bottom":{"width":"5px"}}},"gradient":"luminous-vivid-orange-to-vivid-red"} -->
<div class="wp-block-column is-vertically-aligned-top has-luminous-vivid-orange-to-vivid-red-gradient-background has-background" style="border-top-width:5px;border-bottom-width:5px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:40%"><!-- wp:image {"align":"center","id":null,"width":161,"height":211,"sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA5L2xyL2xvYzIwMTM2NTEwNDEtaW1hZ2UuanBn.jpg" alt="" style="width:161px;height:211px" width="161" height="211" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"2rem"},"spacing":{"padding":{"top":"20px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-left has-white-color has-text-color" style="padding-top:20px;font-size:2rem"><strong>No man is good enough to govern another man without that other's consent</strong>.</h2>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"fontSize":"medium"} -->
<div class="wp-block-buttons has-custom-font-size has-medium-font-size"><!-- wp:button {"textAlign":"center","backgroundColor":"white","textColor":"vivid-red","style":{"border":{"radius":"20px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-vivid-red-color has-white-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:20px"><strong>Read More</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"backgroundColor":"vivid-red","className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-vivid-red-color has-alpha-channel-opacity has-vivid-red-background-color has-background is-style-dots" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)" />
<!-- /wp:separator --></div>
<!-- /wp:group -->