{"featured":"","grid":"<div :class=\"view === 'grid' ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8' : 'flex flex-col gap-5'\">\n            <a href=\"https:\/\/gremsy.com\/news\/pixy-u--pre-order-program\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/70\/news_800x545.png\" alt=\"PIXY U -  PRE-ORDER PROGRAM\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Oct 08, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">PIXY U -  PRE-ORDER PROGRAM<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">PIXY U -  PRE-ORDER PROGRAM<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/gremsy-loyalty-program-2\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/233\/loyalty_program_news_800x545.png\" alt=\"GREMSY LOYALTY PROGRAM\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Jul 15, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">GREMSY LOYALTY PROGRAM<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">GREMSY LOYALTY PROGRAM<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/the-gremsy-t3-for-industrial-applications-power-line-inspection-takes-flight-in-the-us\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/68\/t3_industrial_application_thumb.png\" alt=\"THE GREMSY T3 FOR INDUSTRIAL APPLICATIONS: POWER LINE INSPECTION TAKES FLIGHT IN THE U.S.\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Jun 06, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">THE GREMSY T3 FOR INDUSTRIAL APPLICATIONS: POWER LINE INSPECTION TAKES FLIGHT IN THE U.S.<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">THE GREMSY T3 FOR INDUSTRIAL APPLICATIONS: POWER LINE INSPECTION TAKES FLIGHT IN THE U.S.<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/introducing-the-bundles-of-gremsy-s1-and-wiris-pro-wiris-security-2\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/237\/s1-wiris_800x545.png\" alt=\"INTRODUCING THE BUNDLES OF GREMSY S1 AND WIRIS PRO\/ WIRIS SECURITY\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">May 06, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">INTRODUCING THE BUNDLES OF GREMSY S1 AND WIRIS PRO\/ WIRIS SECURITY<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">INTRODUCING THE BUNDLES OF GREMSY S1 AND WIRIS PRO\/ WIRIS SECURITY<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/spring-clearance-sale-2019-1\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/235\/spring_clearance_news_800x545.png\" alt=\"SPRING CLEARANCE SALE 2019!\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Apr 26, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">SPRING CLEARANCE SALE 2019!<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">SPRING CLEARANCE SALE 2019!<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/gremsy-t3-v2-new-features-introducing\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/238\/t3-v2_news_(2).png\" alt=\"GREMSY T3-V2 NEW FEATURES INTRODUCING\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Apr 23, 2019<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">GREMSY T3-V2 NEW FEATURES INTRODUCING<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">GREMSY T3-V2 NEW FEATURES INTRODUCING<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n            <a href=\"https:\/\/gremsy.com\/news\/meet-the-pixy-the-pro-drone-gimbal-you-need-to-add-to-your-kit\"\n           class=\"group bg-surface rounded-2xl overflow-hidden transition-all duration-500 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-400\/10\"\n           :class=\"view === 'list' ? 'flex flex-col sm:flex-row' : 'flex flex-col'\">\n            \n            <div class=\"relative overflow-hidden bg-surface-2 shrink-0 aspect-[800\/564]\"\n                 :class=\"view === 'list' ? 'sm:w-72 lg:w-80 self-start' : ''\">\n                                    <img src=\"\/storage\/posts\/thumbnails\/239\/dronelife.png\" alt=\"MEET THE PIXY: THE PRO DRONE GIMBAL YOU NEED TO ADD TO YOUR KIT\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"564\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-700\">\n                                <span class=\"absolute top-4 left-4 px-3 py-1 bg-chip backdrop-blur-md text-primary text-[9px] font-bold uppercase tracking-widest rounded-md data-mono\">News<\/span>\n            <\/div>\n            \n            <div class=\"flex flex-col flex-1 p-6\" :class=\"view === 'list' ? 'sm:justify-center' : ''\">\n                <p class=\"text-faint text-[11px] font-bold uppercase tracking-widest mb-3 data-mono\">Oct 16, 2018<\/p>\n                <h3 class=\"font-outfit text-lg lg:text-xl font-black text-fg tracking-tight leading-snug mb-3 group-hover:text-primary transition-colors\">MEET THE PIXY: THE PRO DRONE GIMBAL YOU NEED TO ADD TO YOUR KIT<\/h3>\n                <p class=\"text-body text-sm leading-relaxed font-medium mb-6 flex-1\"\n                   :class=\"view === 'list' ? 'line-clamp-2 lg:max-w-3xl' : 'line-clamp-3'\">MEET THE PIXY: THE PRO DRONE GIMBAL YOU NEED TO ADD TO YOUR KIT<\/p>\n                <span class=\"inline-flex items-center gap-2 text-primary text-xs font-bold uppercase tracking-widest font-outfit\">\n                    Read more <i class=\"ph-bold ph-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n    <\/div>\n\n\n    <div class=\"mt-12 lg:mt-16\">\n        <nav role=\"navigation\" aria-label=\"Pagination\" class=\"flex items-center justify-center gap-2 flex-wrap\">\n        \n                    <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=10\" rel=\"prev\" aria-label=\"Previous\" data-page-link\n               class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center transition-all\">\n                <i class=\"ph-bold ph-arrow-left text-sm\"><\/i>\n            <\/a>\n        \n        \n                                                                                            <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=1\" aria-label=\"Go to page 1\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">1<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=2\" aria-label=\"Go to page 2\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">2<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=3\" aria-label=\"Go to page 3\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">3<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=4\" aria-label=\"Go to page 4\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">4<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=5\" aria-label=\"Go to page 5\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">5<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=6\" aria-label=\"Go to page 6\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">6<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=7\" aria-label=\"Go to page 7\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">7<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=8\" aria-label=\"Go to page 8\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">8<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=9\" aria-label=\"Go to page 9\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">9<\/a>\n                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=10\" aria-label=\"Go to page 10\" data-page-link\n                           class=\"size-10 rounded-lg bg-surface text-body hover:text-primary hover:bg-chip flex items-center justify-center data-mono text-sm font-bold transition-all\">10<\/a>\n                                                                                <span aria-current=\"page\" class=\"size-10 rounded-lg bg-primary text-white flex items-center justify-center data-mono text-sm font-bold shadow-sm shadow-primary\/25\">11<\/span>\n                                                        \n        \n                    <span aria-disabled=\"true\" aria-label=\"Next\" class=\"size-10 rounded-lg bg-chip text-faint\/40 flex items-center justify-center cursor-not-allowed\">\n                <i class=\"ph-bold ph-arrow-right text-sm\"><\/i>\n            <\/span>\n            <\/nav>\n\n    <\/div>\n","cat":"all"}