{"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\/gremsys-exhibitions-tour-2024\"\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\/1177\/thumbnails-800x545-copy.png\" alt=\"Gremsy&#039;s Exhibitions Tour 2024\" 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\">Mar 06, 2024<\/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&#039;s Exhibitions Tour 2024<\/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 is heading Exhibitions found around the world from Asia to the US. In the exhibitions, Gremsy will show our new products, which are planned to be released in 2024 and early 2025.<\/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\/holiday-closing-announcement-2024\"\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\/1176\/lunar-new-year-2024-(1)-05.jpg\" alt=\"HOLIDAY CLOSING ANNOUNCEMENT 2024\" 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\">Feb 06, 2024<\/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\">HOLIDAY CLOSING ANNOUNCEMENT 2024<\/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'\">As our<\/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\/pixy-sm-solutions-for--sony-ilx-lr1-on-m300rtk\"\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\/1175\/thumbs.png\" alt=\"PIXY SM SOLUTIONS FOR  SONY ILX-LR1 ON M300RTK\" 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\">Jan 19, 2024<\/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 SM SOLUTIONS FOR  SONY ILX-LR1 ON M300RTK<\/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'\">We\u2019re thrilled to announce that Pixy SM is now compatible with the Sony ILX-LR1 on M300 RTK, offering advanced features designed specifically for industrial applications like mapping, inspection, and surveying.<\/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\/inspired-flight-technologies-and-gremsy-join-forces-to-launch-cutting-edge-thermal-imaging-payload-for-the-if800-tomcat-drone\"\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\/1174\/inspired-flight-and-vio-f1-thumbs.jpg\" alt=\"INSPIRED FLIGHT TECHNOLOGIES AND GREMSY JOIN FORCES TO LAUNCH CUTTING-EDGE THERMAL IMAGING PAYLOAD FOR THE IF800 TOMCAT DRONE\" 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\">Jan 15, 2024<\/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\">INSPIRED FLIGHT TECHNOLOGIES AND GREMSY JOIN FORCES TO LAUNCH CUTTING-EDGE THERMAL IMAGING PAYLOAD FOR THE IF800 TOMCAT DRONE<\/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 Powerhouse Collaboration Unveils Unprecedented Capabilities in Aerial Imaging and Surveillance Technology<\/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\/black-friday-celebration-enjoy-sale-up-to-40-off\"\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\/1170\/blackfriday800x545.png\" alt=\"BLACK FRIDAY CELEBRATION: ENJOY SALE UP TO 40% OFF!\" 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\">Nov 23, 2023<\/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\">BLACK FRIDAY CELEBRATION: ENJOY SALE UP TO 40% OFF!<\/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'\">\u00a0It&#039;s time for our only sale of the year with the biggest discounts ever!\u00a0 &#039;Tis the season to save up to 40%.\u00a0<\/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\/sales-2023\"\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\/1171\/thumbnail-news-03.jpg\" alt=\"SALES 2023\" 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\">Nov 22, 2023<\/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\">SALES 2023<\/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'\">\u00a0It&#039;s time for our only sale of the year with the biggest discounts ever!\u00a0 &#039;Tis the season to save up to 25%.\u00a0<\/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-unveils-versatile-lightweight-eoir-payload-for-various-drone-platforms\"\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\/1164\/vio-promotion-banners-opt-3_thumbnail.jpg\" alt=\"GREMSY UNVEILS VERSATILE, LIGHTWEIGHT EO\/IR PAYLOAD FOR VARIOUS DRONE PLATFORMS\" 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 20, 2023<\/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 UNVEILS VERSATILE, LIGHTWEIGHT EO\/IR PAYLOAD FOR VARIOUS DRONE PLATFORMS<\/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'\"><\/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\/unleash-sony-a7r-v-capabilities-with-pixy-s-pixy-sm\"\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\/1157\/pixy-sm-advance-kit_thumbnail-(1).png\" alt=\"UNLEASH SONY A7R V CAPABILITIES WITH PIXY S &amp; PIXY SM\" 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\">Sep 12, 2023<\/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\">UNLEASH SONY A7R V CAPABILITIES WITH PIXY S &amp; PIXY SM<\/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'\">We are thrilled to announce that the Pixy S and Pixy SM are now fully equipped to support the Sony A7RV camera. This upgrade ensures reliable stability and efficiency for mapping and inspection tasks. Check out what\u2019s new on each product below.<\/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-to-launch-the-gimbal-for-sony-ilx-lr1\"\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\/1161\/pixy-lr_thumbnail.png\" alt=\"GREMSY ANNOUNCES THE MOST COMPACT GIMBAL SOLUTION FOR THE NEW SONY 61 MP FULL-FRAME MIRRORLESS CAMERA\" 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\">Sep 06, 2023<\/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 ANNOUNCES THE MOST COMPACT GIMBAL SOLUTION FOR THE NEW SONY 61 MP FULL-FRAME MIRRORLESS CAMERA<\/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 LR is purpose-built for Sony ILX-LR1 camera, intended to provide professionals with a specialized payload solution for industrial applications that demand superior imaging quality and smooth aerial operations.<\/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-introduces-g-hadron-solution-for-drone-integrators\"\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\/1154\/g-hadron_news-thumbnail.jpg\" alt=\"GREMSY INTRODUCES G-HADRON SOLUTION FOR DRONE INTEGRATORS\" 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 21, 2023<\/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 INTRODUCES G-HADRON SOLUTION FOR DRONE INTEGRATORS<\/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 INTRODUCES G-HADRON SOLUTION FOR DRONE INTEGRATORS<\/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-introduces-two-axis-mio-gimbal-for-drone-developers\"\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\/1152\/two-axis-mio_thumbnail.jpg\" alt=\"GREMSY INTRODUCES TWO-AXIS MIO GIMBAL FOR DRONE DEVELOPERS\" 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 22, 2023<\/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 INTRODUCES TWO-AXIS MIO GIMBAL FOR DRONE DEVELOPERS<\/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'\">Two-axis Mio is a compact front-mounting solution for small drones. This version weighs less than 30% of the original Mio, and features great camera compatibility and optimal performance, making it the top choice for drone developers and integrators looking to minimize their drone&#039;s payload.<\/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-is-heading-to-xponential-2023-in-denver\"\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\/1149\/thumbs.png\" alt=\"Gremsy is heading to XPONENTIAL 2023 in Denver!\" 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 20, 2023<\/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 is heading to XPONENTIAL 2023 in Denver!<\/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'\">We are thrilled to announce that Gremsy will be participating in the upcoming AUVSI Xponential 2023 in Denver, USA.<\/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=6\" 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                                                                                <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\">7<\/span>\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                                                                                <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=11\" aria-label=\"Go to page 11\" 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\">11<\/a>\n                                                        \n        \n                    <a href=\"https:\/\/gremsy.com\/news?partial=1&amp;page=8\" rel=\"next\" aria-label=\"Next\" 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-right text-sm\"><\/i>\n            <\/a>\n            <\/nav>\n\n    <\/div>\n","cat":"all"}