Card Type 17
The above block is copied from the site: https://pepcreativepac.wpenginepowered.com/
Pattern HTML
<!-- wp:group {"metadata":{"name":"Theme Category Cards Grid"},"align":"full","className":"theme-category-grid","style":{"spacing":{"padding":{"top":"var:preset|spacing|6"}}},"layout":{"type":"constrained","contentSize":"1560px"}} -->
<div class="wp-block-group alignfull theme-category-grid" style="padding-top:var(--wp--preset--spacing--6)"><!-- wp:group {"metadata":{"name":"Community Slider"},"animationsForBlocks":{"animation":"fade","variation":"fade","once":true,"mirror":false,"easing":"linear"},"align":"full","layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull" data-aos="fade" data-aos-easing="linear" data-aos-once="true"><!-- wp:group {"className":"card-slider","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|15"},"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group card-slider" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--15)"><!-- wp:da/wp-swiper-slides {"align":"full","containerWidth":100,"previousIcon":"https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-left-arrow.svg","nextIcon":"https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-right-arrow.svg","tabActive":"slide-2","pagination":false,"clickable_pagination":true,"spaceBetween":10,"tabsData":[{"clientId":"676d97a4-4c35-41d3-8644-b008f3c56256","slug":"slide-1"},{"clientId":"cdace63d-f1fc-4745-bc83-2661de494724","slug":"slide-2"},{"clientId":"1361d21d-7e26-4c4c-a374-bf11e6dd3a60","slug":"slide-3"},{"clientId":"5f028174-511e-4cca-97ee-237335ce9620","slug":"slide-4"},{"clientId":"5e03d095-acc7-45c3-99ef-c7ecc090e4bb","slug":"slide-5"},{"clientId":"f6cf2e30-cef2-4cae-83c7-9c9b7e111bbb","slug":"slide-6"}],"breakpoints":"{\u0022980\u0022:{\u0022slidesPerView\u0022:2}, \u0022640\u0022:{\u0022slidesPerView\u0022:1.5}, \u0022500\u0022:{\u0022slidesPerView\u0022:1}}\n","pagination_type":"progressbar"} -->
<div class="alignfull alignfull wp-swiper alignfull"><div class="wp-swiper__wrapper"><div class="swiper-container swiper" data-swiper="{"slidesPerView":"1","slidesPerGroup":1,"slidesPerGroupAuto":false,"slidesPerGroupSkip":0,"navigation":true,"pagination":{"type":"progressbar","clickable":true},"delay":3000,"speed":500,"loop":false,"direction":"horizontal","slidesOffsetBefore":0,"slidesOffsetAfter":0,"autoHeight":true,"spaceBetween":10,"releaseOnEdges":false,"effect":"slide","breakpoints":"{\"980\":{\"slidesPerView\":2}, \"640\":{\"slidesPerView\":1.5}, \"500\":{\"slidesPerView\":1}}\n"}"><div class="swiper-wrapper"><!-- wp:da/wp-swiper-slide {"slug":"slide-1","containerWidth":100} -->
<div data-tab="slide-1" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2895,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/beach.jpg" alt="" class="wp-image-2895"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">Beach & Nautical</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/beach-nautical/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2894,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/BOHO.jpg" alt="" class="wp-image-2894"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">BOHO</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/boho/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2892,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/branding.jpg" alt="" class="wp-image-2892"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">branding</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/branding/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-2","containerWidth":100} -->
<div data-tab="slide-2" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2890,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/candyland.jpg" alt="" class="wp-image-2890"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">candyland</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/candyland/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2889,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/casino.jpg" alt="" class="wp-image-2889"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">casino</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/casino/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2891,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/circus.jpg" alt="" class="wp-image-2891"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">circus</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/circus/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-3","containerWidth":100} -->
<div data-tab="slide-3" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2888,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/comic-book.jpg" alt="" class="wp-image-2888"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">comic book</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/comic-book/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2887,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/fairy-tale.jpg" alt="" class="wp-image-2887"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">fairy tale</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/fairy-tale/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2886,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Gala.jpg" alt="" class="wp-image-2886"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">Gala</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/gala/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-4","containerWidth":100} -->
<div data-tab="slide-4" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2895,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/beach.jpg" alt="" class="wp-image-2895"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">Beach & Nautical</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/beach-nautical/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2894,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/BOHO.jpg" alt="" class="wp-image-2894"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">BOHO</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/boho/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2892,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/branding.jpg" alt="" class="wp-image-2892"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">branding</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/branding/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-5","containerWidth":100} -->
<div data-tab="slide-5" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2890,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/candyland.jpg" alt="" class="wp-image-2890"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">candyland</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/candyland/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2889,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/casino.jpg" alt="" class="wp-image-2889"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">casino</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/casino/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2891,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/circus.jpg" alt="" class="wp-image-2891"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">circus</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/circus/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-6","containerWidth":100} -->
<div data-tab="slide-6" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2888,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/comic-book.jpg" alt="" class="wp-image-2888"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">comic book</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/comic-book/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="padding-top:10px"><!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2887,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/fairy-tale.jpg" alt="" class="wp-image-2887"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">fairy tale</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/fairy-tale/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards -->
<!-- wp:info-cards-block/info-cards {"hoverBackground":{"color":"#1a1919","opacity":0.5,"imageUrl":"","imageId":null},"normalBackground":"#ffffff"} -->
<div data-content-align="center" data-horizontal-align="center" data-animation="fade" data-duration="0.3" style="--normal-background:#ffffff;--hover-background:#1a1919;--hover-opacity:0.5;--hover-bg-image:none;--animation-duration:0.3s" class="wp-block-info-cards-block-info-cards"><!-- wp:group {"metadata":{"name":"Normal Card Layer"},"className":"normal-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group normal-card-layer"><!-- wp:image {"id":2886,"sizeSlug":"full","linkDestination":"none","metadata":{"name":"Normal Card Image"},"className":"normal-image-block"} -->
<figure class="wp-block-image size-full normal-image-block"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2026/01/Gala.jpg" alt="" class="wp-image-2886"/></figure>
<!-- /wp:image -->
<!-- wp:group {"metadata":{"name":"Normal Card Inner Wrapper"},"className":"normal-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group normal-content-wrapper"><!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">Gala</h6>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Hover Card Layer"},"className":"hover-card-layer","layout":{"type":"default"}} -->
<div class="wp-block-group hover-card-layer"><!-- wp:group {"metadata":{"name":"Hover Card Inner Wrapper"},"className":"hover-content-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-content-wrapper"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"one","className":"is-style-text-link","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}}} -->
<div class="wp-block-button is-style-text-link"><a class="wp-block-button__link has-one-color has-text-color has-link-color wp-element-button" href="https://pepcreativepac.wpenginepowered.com/product-themes/gala/">View More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:info-cards-block/info-cards --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide --></div></div><div class="wp_swiper__navigation"><div class="wp_swiper__navigation-container"><div class="swiper-button-prev wp_swiper__button-prev"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-left-arrow.svg" alt="Previous"/></div><div class="swiper-button-next wp_swiper__button-next"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/slider-right-arrow.svg" alt="Previous"/></div></div></div></div></div>
<!-- /wp:da/wp-swiper-slides -->
<!-- wp:group {"className":"slide-for-more","style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group slide-for-more" style="margin-top:0"><!-- wp:heading {"level":6,"style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}},"fontSize":"heading-4","fontFamily":"two"} -->
<h6 class="wp-block-heading has-two-font-family has-heading-4-font-size" style="font-style:normal;font-weight:700;text-transform:capitalize">Slide for More</h6>
<!-- /wp:heading -->
<!-- wp:image {"id":146,"sizeSlug":"large","linkDestination":"none","style":{"layout":{"selfStretch":"fixed","flexSize":"75px"}}} -->
<figure class="wp-block-image size-large"><img src="https://pepcreativepac.wpenginepowered.com/wp-content/uploads/2025/12/cross-arrow.svg" alt="" class="wp-image-146"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Pattern CSS
.wp-block-info-cards-block-info-cards .normal-card-layer figure {
overflow: hidden;
border-radius: 10px;
}
.wp-block-info-cards-block-info-cards .normal-card-layer figure img {
transition: transform 0.4s ease-in-out;
}
.wp-block-info-cards-block-info-cards:hover .normal-card-layer figure img,
.wp-block-info-cards-block-info-cards:focus-within .normal-card-layer figure img {
transform: scale(1.2);
}
body .card-slider .swiper{
overflow: visible;
}
.theme-category-grid > div {
background-position: right bottom -40px !important;
}
.theme-category-grid .wp-block-group.is-nowrap.is-layout-flex .wp-block-info-cards-block-info-cards{
min-width: 284px;
min-height: 206px;
background-color: var(--wp--preset--color--two) !important;
}
.theme-category-grid .wp-block-group.is-layout-constrained .wp-block-info-cards-block-info-cards{
min-height: 438px;
}
.card-slider .swiper-container.swiper {
margin-left: calc((100% - 1170px) / 2);
max-width: 1390px;
}
.theme-category-grid .wp-swiper > .wp-swiper__wrapper {
margin-bottom: 0px;
}
.theme-category-grid .wp-block-info-cards-block-info-cards[data-content-align=center] .normal-content-wrapper{
justify-content: flex-end;
text-align: left;
}
.theme-category-grid .wp-block-info-cards-block-info-cards .normal-card-layer:after {
background: linear-gradient(180deg, rgba(26, 25, 25, 0.00) 0%, #1A1919 100%);
border-radius: 10px;
height: 30%;
bottom: 0;
top: inherit;
opacity:1;
}
.theme-category-grid .wp-block-info-cards-block-info-cards[data-content-align=center] .normal-content-wrapper .wp-block-heading{
color: var(--wp--preset--color--one);
font-size: var(--wp--preset--font-size--paragraph-2);
font-weight: 600;
letter-spacing: 1.8px;
}
.wp-block-info-cards-block-info-cards .hover-card-layer .hover-content-wrapper {
width: 100%;
height: 100%;
}
.wp-block-info-cards-block-info-cards .hover-card-layer .is-style-text-link .wp-block-button__link {
font-size: var(--wp--preset--font-size--heading-4);
font-weight: 500;
font-family: var(--wp--preset--font-size--paragraph-1);
filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2925%) hue-rotate(268deg) brightness(111%) contrast(100%);
padding-bottom: 30px;
padding-right: 0;
background-position: center top 58%;
background-image: url(/wp-content/uploads/2026/01/card-read-more-arrow.svg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
text-decoration:none;
}
body .editor-styles-wrapper .normal-card-layer .normal-image-block {
position: relative !important;
}
body .card-slider .wp_swiper__navigation-container {
display: flex;
gap: 30px;
align-items: center;
justify-content: end;
position: relative;
top: 45px;
}
body .swiper-button-next,
body .swiper-button-prev {
position: relative;
margin-top: 5px;
background-color: var(--wp--preset--color--three);
border-radius: 50px;
width: 44px;
}
body .swiper-button-next:focus,
body .swiper-button-prev:focus {
outline: 2px solid var(--wp--preset--color--two);
}
body .swiper-button-next svg,
body .swiper-button-prev svg{
display: none;
}
body .wp-swiper .wp_swiper__button-next img,
body .wp-swiper .wp_swiper__button-prev img {
height: 16px;
width: 15px;
}
.slide-for-more{
margin-right: 150px !important;
gap: 15px !important;
}









