{"id":100,"date":"2026-01-02T08:12:15","date_gmt":"2026-01-02T08:12:15","guid":{"rendered":"https:\/\/demo.cmssuperheroes.com\/themeforest\/genzia\/?page_id=100"},"modified":"2026-01-02T08:12:15","modified_gmt":"2026-01-02T08:12:15","slug":"portfolio-masonry","status":"publish","type":"page","link":"https:\/\/y4-agency.com\/ar\/portfolio-masonry\/","title":{"rendered":"Portfolio Masonry"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"100\" class=\"elementor elementor-100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c057127 e-con-full cms-econ-nospace e-flex cms-bg-fixed e-con e-parent\" data-id=\"c057127\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-8df5518 elementor-widget elementor-widget-cms_page_title\" data-id=\"8df5518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cms_page_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cms-ptitle cms-ptitle-1 cms-eptitle--blog text-center ptitle-header-transparent overflow-hidden cms-bg-parallax cms-lazy\" style=\"--cms-bg-lazyload:url(https:\/\/y4-agency.com\/wp-content\/uploads\/banner-video-2.webp);background-image:var(--cms-bg-lazyload-loaded);\">\n\t\t<div class=\"container relative z-top pb\" style=\"--pb:156px;--pb-tablet:70px;\">\n\t\t<h1 class=\"cms-title cms-nl2br text-white empty-none\">Our Portfolio<\/h1>\n\t\t<ul class=\"cms-breadcrumb unstyled d-flex justify-content-center text-sm pt-10\"><li class=\"d-flex gap-8 align-items-center\"><span class=\"breadcrumb-entry text-line-1\" >Home<\/span><\/li><\/ul>\t<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-b4b6e37 p-tb-112 p-tb-tablet-30 e-flex e-con-boxed cms-bg-fixed e-con e-parent\" data-id=\"b4b6e37\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-2f02f6e elementor-widget elementor-widget-cms_posts_grid\" data-id=\"2f02f6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cms_posts_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cms-post-masonry cms-grid\" data-layout=\"grid\" data-start-page=\"1\" data-max-pages=\"2\" data-total=\"7\" data-perpage=\"5\" data-next-link=\"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/pages\/100\/page\/2\/\">\n            <div class=\"grid-filter-wrap grid-filter-1 d-flex justify-content-center gap-8 relative z-top2 gap-8 mb-48 text-xs\" style=\"--cms-filter-color:var(--cms-menu); --cms-filter-color-hover:var(--cms-white); --cms-filter-color-active:var(--cms-white); --cms-filter-bg-color:var(--cms-bg-light); --cms-filter-bg-color-hover:var(--cms-accent-regular); --cms-filter-bg-color-active:var(--cms-accent-regular); --cms-filter-bdr-color:var(--cms-bg-light); --cms-filter-bdr-color-hover:var(--cms-accent-regular); --cms-filter-bdr-color-active:var(--cms-accent-regular);\">\n            <div class=\"active filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"*\">\n                All            <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"analysis|portfolio-category\">\n                        Analysis                    <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"branding|portfolio-category\">\n                        Branding                    <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"development|portfolio-category\">\n                        Development                    <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"photography|portfolio-category\">\n                        Photography                    <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"ui-ux-design|portfolio-category\">\n                        UI, UX Design                    <\/div>\n                                <div class=\"filter-item cms-radius-rounded p-tb-10 p-lr-20\" data-filter=\"web-design|portfolio-category\">\n                        Web Design                    <\/div>\n                    <\/div>\n            <div class=\"cms-grid-content d-flex gutter gutter-custom-x gutter-custom-y\" data-cursor=\"View project\" style=\"--gutter-x:32px; --gutter-y:176px;--gutter-y-tablet:88px;--gutter-y-mobile:32px;\">        <div class=\"cms-item col-7 col-mobile-12\">\n            <div class=\"cms--item m-lr-tablet-0 mr-70 cms-parallax-tablet-no relative cms-hover-change\" data-parallax=\"{&quot;scale&quot;:&quot;1.2&quot;,&quot;opacity&quot;:&quot;1&quot;}\">\n                <div class=\"relative mb-33\"><img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"534\" src=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-AI-Spark-768x534.webp\" class=\"cms-lazy lazy-loading cms-radius-16\" alt=\"\" style=\"max-height:534px\" srcset=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-AI-Spark-768x534.webp 768w, https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-AI-Spark-760x528.webp 760w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                    <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/ai-spark\/\" class=\"cms-box-123 circle bg-accent-regular text-white bg-hover-primary-regular text-hover-white text-xs font-700 p-20 text-center absolute center z-top cms-hidden-min-tablet-extra\">View project<\/a>\n                <\/div>                <h6>AI Spark<\/h6>\n                <div class=\"cms-excerpt text-md text-line-1 pt-5 mb-n5\">Strategy, execution, and measurable metrics.<\/div>\n                <div class=\"d-flex gap-4 text-xs pt-30\"><\/div>                <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/ai-spark\/\" class=\"cms-overlay cms-hidden-mobile cms-cursor cms-cursor-text\" data-cursor-text=\"View project\" data-cursor-class=\"bg-accent-regular text-white\">\n                    <span class=\"screen-reader-text\">View project<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n            <div class=\"cms-item col-5 col-mobile-12\">\n            <div class=\"cms--item m-lr-tablet-0 ml-70 cms-parallax-tablet-no relative cms-hover-change\" data-parallax=\"{&quot;scale&quot;:&quot;1.2&quot;,&quot;opacity&quot;:&quot;1&quot;}\">\n                <div class=\"relative mb-33\"><img decoding=\"async\" width=\"768\" height=\"534\" src=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Black-Bird-scaled-768x534.webp\" class=\"cms-lazy lazy-loading cms-radius-16\" alt=\"\" style=\"max-height:534px\" srcset=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Black-Bird-scaled-768x534.webp 768w, https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Black-Bird-scaled-760x528.webp 760w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                    <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/black-bird\/\" class=\"cms-box-123 circle bg-accent-regular text-white bg-hover-primary-regular text-hover-white text-xs font-700 p-20 text-center absolute center z-top cms-hidden-min-tablet-extra\">View project<\/a>\n                <\/div>                <h6>Black Bird<\/h6>\n                <div class=\"cms-excerpt text-md text-line-1 pt-5 mb-n5\">Redesign that turned traffic into qualified prospects.<\/div>\n                <div class=\"d-flex gap-4 text-xs pt-30\"><\/div>                <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/black-bird\/\" class=\"cms-overlay cms-hidden-mobile cms-cursor cms-cursor-text\" data-cursor-text=\"View project\" data-cursor-class=\"bg-accent-regular text-white\">\n                    <span class=\"screen-reader-text\">View project<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n            <div class=\"cms-item col-8 m-lr-auto col-mobile-12\">\n            <div class=\"cms--item m-lr-tablet-0 cms-parallax-tablet-no relative cms-hover-change\" data-parallax=\"{&quot;scale&quot;:&quot;1.2&quot;,&quot;opacity&quot;:&quot;1&quot;}\">\n                <div class=\"relative mb-33\"><img decoding=\"async\" width=\"768\" height=\"534\" src=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Finanzia-Business-768x534.webp\" class=\"cms-lazy lazy-loading cms-radius-16\" alt=\"\" style=\"max-height:534px\" srcset=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Finanzia-Business-768x534.webp 768w, https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-Finanzia-Business-760x528.webp 760w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                    <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/finanzia-business\/\" class=\"cms-box-123 circle bg-accent-regular text-white bg-hover-primary-regular text-hover-white text-xs font-700 p-20 text-center absolute center z-top cms-hidden-min-tablet-extra\">View project<\/a>\n                <\/div>                <h6>Finanzia Business<\/h6>\n                <div class=\"cms-excerpt text-md text-line-1 pt-5 mb-n5\">Strategic rebrand and checkout optimization.<\/div>\n                <div class=\"d-flex gap-4 text-xs pt-30\"><\/div>                <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/finanzia-business\/\" class=\"cms-overlay cms-hidden-mobile cms-cursor cms-cursor-text\" data-cursor-text=\"View project\" data-cursor-class=\"bg-accent-regular text-white\">\n                    <span class=\"screen-reader-text\">View project<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n            <div class=\"cms-item col-5 col-mobile-12\">\n            <div class=\"cms--item m-lr-tablet-0 mr-70 cms-parallax-tablet-no relative cms-hover-change\" data-parallax=\"{&quot;scale&quot;:&quot;1.2&quot;,&quot;opacity&quot;:&quot;1&quot;}\">\n                <div class=\"relative mb-33\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"534\" src=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-tube-768x534.webp\" class=\"cms-lazy lazy-loading cms-radius-16\" alt=\"\" style=\"max-height:534px\" srcset=\"https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-tube-768x534.webp 768w, https:\/\/y4-agency.com\/wp-content\/uploads\/portfolio-tube-760x528.webp 760w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                    <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/socmetic-orange-tube\/\" class=\"cms-box-123 circle bg-accent-regular text-white bg-hover-primary-regular text-hover-white text-xs font-700 p-20 text-center absolute center z-top cms-hidden-min-tablet-extra\">View project<\/a>\n                <\/div>                <h6>Socmetic Orange Tube<\/h6>\n                <div class=\"cms-excerpt text-md text-line-1 pt-5 mb-n5\">Modular design system and automated deployment.<\/div>\n                <div class=\"d-flex gap-4 text-xs pt-30\"><\/div>                <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/socmetic-orange-tube\/\" class=\"cms-overlay cms-hidden-mobile cms-cursor cms-cursor-text\" data-cursor-text=\"View project\" data-cursor-class=\"bg-accent-regular text-white\">\n                    <span class=\"screen-reader-text\">View project<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n            <div class=\"cms-item col-7 col-mobile-12\">\n            <div class=\"cms--item m-lr-tablet-0 ml-70 cms-parallax-tablet-no relative cms-hover-change\" data-parallax=\"{&quot;scale&quot;:&quot;1.2&quot;,&quot;opacity&quot;:&quot;1&quot;}\">\n                <div class=\"relative mb-33\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"534\" src=\"https:\/\/y4-agency.com\/wp-content\/uploads\/porfolio-neurai-ai-02-768x534.webp\" class=\"cms-lazy lazy-loading cms-radius-16\" alt=\"\" style=\"max-height:534px\" srcset=\"https:\/\/y4-agency.com\/wp-content\/uploads\/porfolio-neurai-ai-02-768x534.webp 768w, https:\/\/y4-agency.com\/wp-content\/uploads\/porfolio-neurai-ai-02-760x528.webp 760w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                    <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/neurai-ai-2\/\" class=\"cms-box-123 circle bg-accent-regular text-white bg-hover-primary-regular text-hover-white text-xs font-700 p-20 text-center absolute center z-top cms-hidden-min-tablet-extra\">View project<\/a>\n                <\/div>                <h6>Neurai AI<\/h6>\n                <div class=\"cms-excerpt text-md text-line-1 pt-5 mb-n5\">Testing and UX overhaul across key funnels.<\/div>\n                <div class=\"d-flex gap-4 text-xs pt-30\"><\/div>                <a href=\"https:\/\/y4-agency.com\/ar\/portfolio\/neurai-ai-2\/\" class=\"cms-overlay cms-hidden-mobile cms-cursor cms-cursor-text\" data-cursor-text=\"View project\" data-cursor-class=\"bg-accent-regular text-white\">\n                    <span class=\"screen-reader-text\">View project<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"cms-load-more text-center mt-32\" data-loadmore=\"{&quot;post_type&quot;:&quot;portfolio&quot;,&quot;taxonomy&quot;:&quot;portfolio-category&quot;,&quot;startPage&quot;:1,&quot;maxPages&quot;:2,&quot;total&quot;:7,&quot;perpage&quot;:5,&quot;nextLink&quot;:&quot;https:\\\/\\\/y4-agency.com\\\/ar\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/100\\\/page\\\/2\\\/&quot;,&quot;pagination_type&quot;:&quot;loadmore&quot;,&quot;layout&quot;:&quot;-masonry&quot;,&quot;source&quot;:&quot;&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;limit&quot;:5,&quot;thumbnail_size&quot;:&quot;medium&quot;,&quot;thumbnail_custom_dimension&quot;:{&quot;width&quot;:768,&quot;height&quot;:534},&quot;num_line&quot;:4,&quot;readmore_text&quot;:&quot;View project&quot;,&quot;item_class&quot;:&quot;&quot;,&quot;data-settings&quot;:&quot;&quot;,&quot;element_id&quot;:&quot;2f02f6e&quot;}\" data-query=\"{&quot;post_type&quot;:&quot;portfolio&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;posts_per_page&quot;:5,&quot;order&quot;:&quot;desc&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;tax_query&quot;:{&quot;relation&quot;:&quot;OR&quot;},&quot;post__not_in&quot;:[100]}\">\n            <span class=\"cms-btn btn-menu text-white btn-hover-accent-regular text-hover-white cms-hover-change\">Load More<\/span>\n        <\/div>\n            <div class=\"cms-grid-pagination d-none\" data-loadmore=\"{&quot;post_type&quot;:&quot;portfolio&quot;,&quot;taxonomy&quot;:&quot;portfolio-category&quot;,&quot;startPage&quot;:1,&quot;maxPages&quot;:2,&quot;total&quot;:7,&quot;perpage&quot;:5,&quot;nextLink&quot;:&quot;https:\\\/\\\/y4-agency.com\\\/ar\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/100\\\/page\\\/2\\\/&quot;,&quot;pagination_type&quot;:&quot;loadmore&quot;,&quot;layout&quot;:&quot;-masonry&quot;,&quot;source&quot;:&quot;&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;limit&quot;:5,&quot;thumbnail_size&quot;:&quot;medium&quot;,&quot;thumbnail_custom_dimension&quot;:{&quot;width&quot;:768,&quot;height&quot;:534},&quot;num_line&quot;:4,&quot;readmore_text&quot;:&quot;View project&quot;,&quot;item_class&quot;:&quot;&quot;,&quot;data-settings&quot;:&quot;&quot;,&quot;element_id&quot;:&quot;2f02f6e&quot;}\"\n             data-query=\"{&quot;post_type&quot;:&quot;portfolio&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;posts_per_page&quot;:5,&quot;order&quot;:&quot;desc&quot;,&quot;orderby&quot;:&quot;date&quot;,&quot;tax_query&quot;:{&quot;relation&quot;:&quot;OR&quot;},&quot;post__not_in&quot;:[100]}\">            <nav class=\"navigation posts-pagination ajax\">\n                <div class=\"posts-page-links d-flex\">\n                    <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"#2\">2<\/a>\n<a class=\"next page-numbers\" href=\"#2\"><span class='cms-svg-icon lh-0 cms-eicon rtl-flip empty-none' style='--svg-size:6px;'><svg viewBox=\"0 0 7 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M0.5 12.5L6.5 6.5L0.5 0.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M0.5 12.5L6.5 6.5L0.5 0.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n<\/span><\/a>                <\/div>\n            <\/nav>\n        <\/div>\n        <div class=\"cms-grid-overlay\"><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Portfolio Home All Analysis Branding Development Photography UI, UX Design Web Design AI Spark Strategy, execution, and measurable metrics. Black Bird Redesign that turned traffic into qualified prospects. Finanzia Business Strategic rebrand and checkout optimization. Socmetic Orange Tube Modular design system and automated deployment. Neurai AI Testing and UX overhaul across key funnels. Load [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":0,"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"wp:attachment":[{"href":"https:\/\/y4-agency.com\/ar\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}