{"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\/privacy-policy-of-gremsycom\"\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\/1148\/2.png\" alt=\"Privacy Policy of Gremsy.com\" 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 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\">Privacy Policy of Gremsy.com<\/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'\">Privacy Policy of Gremsy.com<\/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-pixy-s-the-handy-industrial-gimbal\"\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\/1146\/news-thumb.jpg\" alt=\"INTRODUCING PIXY S - THE INDUSTRIAL HANDY GIMBAL\" 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 04, 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\">INTRODUCING PIXY S - THE INDUSTRIAL HANDY GIMBAL<\/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, a leading manufacturer of gimbal stabilizers for professional cameras and drones, is pleased to announce the launch of Pixy S. This is a new industrial gimbal for Sony A7RIV that can be compatible with multiple drone platforms. Pixy S is specially designed for mapping &amp; inspection and optimizes flight time, stability, &amp; high precision.<\/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-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\/1139\/tet-2023-thumbnail-800x545-08.jpg\" alt=\"HOLIDAY CLOSING ANNOUNCEMENT 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\">Dec 26, 2022<\/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 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'\">Thanks to our customers and partners for trusting Gremsy in 2022. We will strive daily to make more high-quality goods that serve you well. \n\nAs 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\/visual-intelligence-and-gremsy-partner-to-scale-engineering-class-drone-data-collection\"\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\/1138\/news-thumb.png\" alt=\"Visual Intelligence and Gremsy Partner to Scale Engineering Class Drone Data Collection\" 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\">Dec 08, 2022<\/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\">Visual Intelligence and Gremsy Partner to Scale Engineering Class Drone Data Collection<\/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'\">Houston, TX, USA \u2013 December 6, 2022 \u2013 Visual Intelligence, the leader in delivering an emerging new category of Engineering Class 3d drone data to asset managers, has announced a partnership with Gremsy, a leading manufacturer of camera gimbal stabilizers for drones, to produce a multiple-axis gimbal capable of carrying a multiple-camera array tailored for vertical data capture.<\/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-pixy-we\"\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\/1133\/thumbnail-newspage-px-we.jpg\" alt=\"INTRODUCING PIXY WE\" 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 15, 2022<\/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 PIXY WE<\/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 WE is the gimbal tailored for Workswell Wiris Enterprise, making the flawless combination ready to be used for all unmanned vehicles.<\/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-biggest-sale-of-the-year-starts-now\"\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\/1131\/thumbnail-news-03.jpg\" alt=\"GREMSY&#039;S BIGGEST SALE OF THE YEAR STARTS NOW!\" 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 28, 2022<\/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 BIGGEST SALE OF THE YEAR STARTS NOW!<\/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-introduces-the-two-axis-gimbal-solution-for-enterprises\"\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\/1129\/news-800x54502.png\" alt=\"GREMSY INTRODUCES THE TWO-AXIS GIMBAL SOLUTION FOR ENTERPRISES\" 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 16, 2022<\/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 THE TWO-AXIS GIMBAL SOLUTION FOR ENTERPRISES<\/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'\">Explore the Gremsy Two-Axis T3V3, the ideal lightweight gimbal solution for enterprises. Designed for longer flight times and seamless integration, this gim<\/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-compability-with-three-yellowscan-products\"\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\/1128\/news-460x340.png\" alt=\"Gremsy Compability with Three YellowScan Products\" 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 08, 2022<\/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 Compability with Three YellowScan Products<\/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\u2019s quick-release solutions are now fully compatible with YellowScan Mapper series and new Surveyor Ultra.<\/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\/commercial-uav-expo-americas-2022\"\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\/1127\/news-800x545.png\" alt=\"COMMERCIAL UAV EXPO AMERICAS 2022\" 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\">Aug 19, 2022<\/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\">COMMERCIAL UAV EXPO AMERICAS 2022<\/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'\">COMMERCIAL UAV EXPO AMERICAS 2022<\/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-aevo-the-heavy-lifting-carbon-gimbal\"\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\/1126\/aevo-news-800x545.png\" alt=\"INTRODUCING AEVO - THE HEAVY-LIFTING CARBON GIMBAL\" 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\">Aug 10, 2022<\/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 AEVO - THE HEAVY-LIFTING CARBON GIMBAL<\/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 AEVO - THE HEAVY-LIFTING CARBON GIMBAL<\/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-releases-pe-gimbals-in-partnership-with-auterion\"\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\/1099\/news-800x545.png\" alt=\"GREMSY RELEASES PE GIMBALS IN PARTNERSHIP WITH AUTERION\" 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 08, 2022<\/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 RELEASES PE GIMBALS IN PARTNERSHIP WITH AUTERION<\/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 RELEASES PE GIMBALS IN PARTNERSHIP WITH AUTERION<\/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\/introduction-pixy-wp\"\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\/1087\/news-800x545.png\" alt=\"Introduction Pixy WP\" 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 14, 2022<\/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\">Introduction Pixy WP<\/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'\">Tailored for WIRIS Pro and WIRIS Agro R, Pixy WP supports many drone platforms (including M300) to play in the field of precision agriculture, mapping, surveying and inspection.<\/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=7\" 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                                                                                <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\">8<\/span>\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=9\" 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"}