{"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\/introducing-gremsy-s1v3\"\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\/226\/uuu.jpg\" alt=\"INTRODUCING GREMSY S1V3\" 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 01, 2020<\/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 GREMSY S1V3<\/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 glad to announce the launch of Gremsy S1V3 - the gimbal for industrial application.<\/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\/photo-contest\"\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\/73\/photo_contest_800x545_new.jpg\" alt=\"PHOTO CONTEST\" 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 18, 2020<\/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\">PHOTO CONTEST<\/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 Photo Contest is now open to all visitors in NAB 2017. A very simple way to enter to win our high-value rewards: 1\/ Take your picture at Gremsy booth 2...<\/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-announces-pixy--the-gimbal-tailored-for-your-camera\"\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\/72\/pixy_800_x_545.png\" alt=\"GREMSY ANNOUNCES PIXY \u2013 THE GIMBAL TAILORED FOR YOUR 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\">Feb 18, 2020<\/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 PIXY \u2013 THE GIMBAL TAILORED FOR YOUR 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'\">The future of an aerial gimbal is small and lightweight, having a higher capability in a standardized body and staying longer in the air to fulfill duties.<\/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\/lucky-draw\"\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\/71\/lucky_draw_375x265.png\" alt=\"LUCKY DRAW\" 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 18, 2020<\/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\">LUCKY DRAW<\/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'\">You have a change to get a Free Gremsy H3 by only visiting our booth at NAB 2017 1\/ Visit Gremsy booth (Booth C2656DP) 2\/ Fill in the required information ...<\/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-smart-battery\"\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\/69\/smart-battery-thumbs.png\" alt=\"GREMSY SMART BATTERY\" 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 18, 2020<\/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 SMART BATTERY<\/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 Smart Battery was specially designed for the Gremsy H7\/H16. It has a capacity of 3400mAh, a voltage of 14.4V, and a variety of power management fu...<\/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\/time-magazine-special-drone-issue\"\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\/67\/news_time_managize800x545.png\" alt=\"TIME MAGAZINE SPECIAL DRONE ISSUE\" 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 18, 2020<\/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\">TIME MAGAZINE SPECIAL DRONE ISSUE<\/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'\">To capture this moment, TIME utilized Astraeus Aerial\u2019s \u201cBig Drone\u201d paired with the Gremsy H16 to hold the camera at the right angle. With its large camera c...<\/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\/austrias-pioneer-5g-network-launch-with-gremsy-t3\"\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\/66\/post.jpg\" alt=\"AUSTRIA\u2019S PIONEER 5G NETWORK LAUNCH WITH GREMSY T3\" 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 18, 2020<\/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\">AUSTRIA\u2019S PIONEER 5G NETWORK LAUNCH WITH GREMSY T3<\/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'\">5G rollout has officially begun with Innsbruck being Austria&#039;s first 5G city. T-Mobile, Austria&#039;s second largest mobile phone company delivered record-breaking ...<\/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-latest-version-of-gremsy-t3-is-here\"\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\/227\/news_800x545.png\" alt=\"THE LATEST VERSION OF GREMSY T3 IS HERE!\" 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 18, 2020<\/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 LATEST VERSION OF GREMSY T3 IS HERE!<\/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'\">Discover the latest version of the Gremsy T3 gimbal! With upgraded motors, integrated HDMI, and a quick 2-second startup, the Gremsy T3 V3 is the most advan<\/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-wiris-security\"\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\/228\/news_800x545_(1).png\" alt=\"INTRODUCING PIXY 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\">Jan 06, 2020<\/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 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'\">Meet Gremsy PIXY WS, the compact and lightweight gimbal specifically designed for the Wiris Security camera. Get seamless integration and superior stabiliza<\/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\/merry-gift-mas-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\/229\/xmas2019_thumb.png\" alt=\"MERRY GIFT-MAS 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\">Dec 16, 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\">MERRY GIFT-MAS 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'\">We wish you and your beloved ones the joys of Christmas and a new year filled with happiness and success.<\/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\/cinema-rigs-new-release-special-offer-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\/230\/news_800x545-(1).png\" alt=\"CINEMA RIGS NEW RELEASE - SPECIAL OFFER\" 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 25, 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\">CINEMA RIGS NEW RELEASE - SPECIAL OFFER<\/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 celebrates the launch of our professional cinema rigs with a special offer. Discover why filmmakers trust our gear and stay tuned for more exciting p<\/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-2019\"\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\/231\/news_800x545-(3).png\" alt=\"COMMERCIAL UAV EXPO AMERICAS 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\">Oct 21, 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\">COMMERCIAL UAV EXPO AMERICAS 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'\">COMMERCIAL UAV EXPO AMERICAS 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    <\/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=9\" 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                                                                                <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\">10<\/span>\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=11\" 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"}