{"title":"Design Patterns in React - Landing Page","post_content":"<!-- wp:cover {\"url\":\"https://picsum.photos/1200/600?random=297&category=business\",\"id\":3568,\"dimRatio\":50,\"overlayColor\":\"black\",\"minHeight\":400,\"contentPosition\":\"center center\",\"backgroundType\":\"image\"} -->\n<div class=\"wp-block-cover\" style=\"min-height:400px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-50 has-background-dim\"></span><img class=\"wp-block-cover__image-background wp-image-3568\" alt=\"\" src=\"https://picsum.photos/1200/600?random=297&amp;category=business\" data-object-fit=\"cover\"><div class=\"wp-block-cover__inner-container\"><h2 class=\"wp-block-heading has-text-align-center\">Optimizing Performance</h2><div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Learn More</a></div></div></div></div>\n<!-- /wp:cover -->\n\n<!-- wp:spacer {\"height\":\"50px\"} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:heading -->\n<h2>About</h2>\n<!-- /wp:heading -->\n\n<!-- wp:media-text {\"mediaId\":10256,\"mediaUrl\":\"https://picsum.photos/600/400?random=916&category=people\",\"mediaType\":\"image\",\"mediaPosition\":\"left\",\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img src=\"https://picsum.photos/600/400?random=916&amp;category=people\" alt=\"\" class=\"wp-image-10256 size-full\"></figure><div class=\"wp-block-media-text__content\"><h3 class=\"wp-block-heading\">Best Practices</h3><p>Reprehenderit veniam sunt occaecat ad. Laboris anim laboris anim irure excepteur. Reprehenderit adipiscing nostrud ut laborum do irure est consequat labore. Laborum quis sunt proident cupidatat ut aute nostrud.</p></div></div>\n<!-- /wp:media-text -->\n\n<!-- wp:spacer {\"height\":\"50px\"} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:heading -->\n<h2>Portfolio</h2>\n<!-- /wp:heading -->\n\n<!-- wp:gallery {\"linkTo\":\"none\",\"columns\":3} -->\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped\"><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=605&amp;category=business\" alt=\"Commodo amet elit\" data-id=\"4984\" class=\"wp-image-4984\"><figcaption class=\"blocks-gallery-item__caption\">In consectetur nulla nostrud minim ad.</figcaption></figure><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=588&amp;category=city\" alt=\"Ad nulla elit\" data-id=\"4835\" class=\"wp-image-4835\"></figure><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=506&amp;category=business\" alt=\"Consequat eiusmod ullamco\" data-id=\"10267\" class=\"wp-image-10267\"><figcaption class=\"blocks-gallery-item__caption\">Proident sit lorem consequat cupidatat deserunt.</figcaption></figure><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=771&amp;category=abstract\" alt=\"Sunt laborum aute\" data-id=\"1005\" class=\"wp-image-1005\"></figure><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=555&amp;category=technology\" alt=\"Fugiat consequat ad\" data-id=\"3881\" class=\"wp-image-3881\"></figure><figure class=\"wp-block-image\"><img src=\"https://picsum.photos/400/300?random=92&amp;category=people\" alt=\"Cupidatat quis cupidatat\" data-id=\"1524\" class=\"wp-image-1524\"><figcaption class=\"blocks-gallery-item__caption\">Sunt culpa voluptate id esse lorem.</figcaption></figure></figure>\n<!-- /wp:gallery -->\n\n<!-- wp:spacer {\"height\":\"50px\"} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:heading -->\n<h2>Skills & Services</h2>\n<!-- /wp:heading -->\n\n<!-- wp:list -->\n<ul><li>Cross-platform compatibility</li><li>Intuitive user interface</li><li>Regular updates and improvements</li><li>Flexible configuration options</li></ul>\n<!-- /wp:list -->\n\n<!-- wp:paragraph -->\n<p>Sed proident et lorem est magna amet. Velit irure aliqua amet proident velit laborum magna consectetur amet proident cillum. Proident sunt anim cupidatat veniam elit laborum culpa aliquip amet. Ex non fugiat deserunt consequat consequat do nisi.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n<!-- /wp:separator -->\n\n<!-- wp:spacer {\"height\":\"50px\"} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:heading -->\n<h2>Get In Touch</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Sit magna cillum dolore quis amet pariatur. Eiusmod esse anim commodo voluptate anim laborum quis quis et id. Ex adipiscing elit consequat do exercitation anim eiusmod aliquip aute ullamco proident. Exercitation nostrud lorem adipiscing occaecat non occaecat duis.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Primary Action</a></div><div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link wp-element-button\">Secondary Action</a></div></div>\n<!-- /wp:buttons -->"}