https://smarthomestarter.com/_next/static/chunks/pages/latest-761635a4d45816de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[887],{1805:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/latest",function(){return s(7778)}])},7778:function(e,n,s){"use strict";s.r(n),s.d(n,{__N_SSG:function(){return N},default:function(){return v}});s(7568),s(414);var a=s(5893),t=s(7294),r=s(9008),l=s.n(r),i=(s(3279),s(7349)),c=s(5276),d=s(5152),o=s.n(d),m=s(1163),u=s(8287),x=s(6151),h=s(5675),f=s.n(h),g=s(1664),j=s.n(g);function p(e){var n,s=e.myArticles,t="Latest";return s.length>0&&(n=s[0]),(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"container mb-12 px-6 2xl:px-0 ",children:[(0,a.jsxs)("div",{className:"block lg:grid grid-cols-1 lg:grid-cols-4 lg:gap-5",children:[(0,a.jsxs)("div",{className:"relative lg:col-span-2 mb-3 lg:mb-0 -mx-6 md:-mx-0",children:[n.featuredImage&&(0,a.jsx)("div",{className:"relative h-80",children:(0,a.jsx)(f(),{className:"transition-all ease-in duration-500",src:n.featuredImage.node.sourceUrl,alt:n.featuredImage.node.altText,objectFit:"cover",layout:"fill",priority:!0})}),(0,a.jsx)("div",{className:"absolute top-0 bottom-0 w-full h-full bg-opacity-60 bg-black"}),(0,a.jsxs)("div",{className:"absolute left-0 bottom-0 group:w-full pb-5 px-5",children:[(0,a.jsx)(j(),{href:"/".concat(n.slug),children:(0,a.jsx)("a",{children:(0,a.jsx)("div",{className:"text-3xl text-white font-semibold pb-2 tracking-wider",children:n.title.replace(/(<([^>]+)>)/gi,"")})})}),n.categories.edges.filter((function(e){return"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(e,s){return(0,a.jsxs)("span",{className:"text-smart-blue text-lg font-semibold uppercase tracking-wider",children:[(0,a.jsx)(j(),{href:"/category/".concat(e.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold hover:text-smart-teal",children:e.node.name})}),s<n.categories.edges.filter((function(e){return"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},e.node.id)}))]})]}),(0,a.jsx)("div",{className:"flex flex-col justify-between col-span-2",children:s.slice(1,4).map((function(e,n){return(0,a.jsxs)("div",{className:"flex items-center mb-3 lg:mb-0",children:[e.featuredImage&&(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{className:"relative shrink-0",children:(0,a.jsx)(f(),{className:"transition-all ease-in duration-500",src:e.featuredImage.node.sourceUrl,alt:e.featuredImage.node.altText,height:96,width:96,objectFit:"cover"})})}),(0,a.jsxs)("div",{className:"ml-2",children:[(0,a.jsx)("div",{className:"text-xl font-semibold mb-2 hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-smart-blue text-base font-semibold uppercase tracking-wider",children:e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold hover:text-smart-teal",children:n.node.name})}),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]})]},e.id)}))})]}),(0,a.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-2 lg:grid-cols-4 lg:min-h-[300px] gap-5 mt-5",children:[s.slice(5,13).map((function(e){return(0,a.jsxs)("div",{className:"flex flex-col justify-start min-h-[50px] sm:h-fit text-lg basis-80 font-semibold mb-2",children:[(0,a.jsx)("div",{className:"mb-2 hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-smart-blue text-base font-semibold uppercase tracking-wider",children:e.categories.edges.filter((function(e){return"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold hover:text-smart-teal",children:n.node.name})}

1),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]},e.id)})),(0,a.jsx)("div",{})]}),(0,a.jsx)("div",{className:"md:hidden flex flex-col justify-between col-span-2",children:s.slice(5,14).map((function(e,n){return(0,a.jsxs)("div",{className:"flex items-center mb-3 lg:mb-0",children:[e.featuredImage&&(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{className:"relative shrink-0 h-24 w-24",children:(0,a.jsx)(f(),{className:"transition-all ease-in duration-500",src:e.featuredImage.node.sourceUrl,alt:e.featuredImage.node.altText,height:96,width:96,objectFit:"cover",placeholder:"blur",blurDataURL:"/_next/image?url=".concat(e.featuredImage.node.sourceUrl,"&w=16&q=1")})})}),(0,a.jsxs)("div",{className:"ml-2",children:[(0,a.jsx)("div",{className:"text-xl font-semibold mb-2 hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-smart-blue text-base font-semibold uppercase tracking-wider",children:e.categories.edges.filter((function(e){return"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold hover:text-smart-teal",children:n.node.name})}),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]})]},e.id)}))}

1),(0,a.jsxs)("div",{className:"lg:grid lg:grid-cols-4 gap-5 mt-5",children:[(0,a.jsx)("div",{className:"flex flex-col col-span-2",children:s.slice(14,16).map((function(e,n){return(0,a.jsxs)("div",{className:"inline-flex items-center mb-5",children:[e.featuredImage&&(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{className:"relative w-24 h-24 shrink-0",children:(0,a.jsx)(f(),{className:"transition-all ease-in duration-500",src:e.featuredImage.node.sourceUrl,alt:e.featuredImage.node.altText,height:96,width:96,objectFit:"cover",placeholder:"blur",blurDataURL:"/_next/image?url=".concat(e.featuredImage.node.sourceUrl,"&w=16&q=1")})})}),(0,a.jsxs)("div",{className:"ml-2",children:[(0,a.jsx)("div",{className:"text-xl font-semibold mb-2 hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-smart-blue text-base font-semibold uppercase tracking-wider",children:e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold hover:text-smart-teal",children:n.node.name})}),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]})]},e.id)}))}),(0,a.jsx)("div",{className:"lg:hidden grid grid-cols-2 gap-5",children:s.slice(18,19).map((function(e){return(0,a.jsxs)("div",{className:"col-span-2 sm:col-span-1 inline-flex flex-wrap sm:w-72 md:w-full mb-5",children:[e.featuredImage&&(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{className:"relative w-full h-48 mb-3",children:(0,a.jsx)(f(),{src:e.featuredImage.node.sourceUrl,alt:e.featuredImage.node.altText,objectFit:"cover",layout:"fill",placeholder:"blur",blurDataURL:"/_next/image?url=".concat(e.featuredImage.node.sourceUrl,"&w=16&q=1")})})}),(0,a.jsxs)("div",{className:"border-l-4 border-l-smart-blue/0",children:[(0,a.jsx)("div",{className:"text-lg font-semibold mb-3 hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-base text-smart-blue",children:e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold uppercase hover:text-smart-teal",children:n.node.name})}),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]})]},e.id)}))}),s.slice(17,18).map((function(e){return(0,a.jsxs)("div",{className:"hidden lg:inline-flex flex-wrap sm:w-72 lg:w-full mb-5",children:[e.featuredImage&&(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{className:"relative w-full h-56 mb-3 ",children:(0,a.jsx)(f(),{src:e.featuredImage.node.sourceUrl,alt:e.featuredImage.node.altText,objectFit:"cover",layout:"fill",placeholder:"blur",blurDataURL:"/_next/image?url=".concat(e.featuredImage.node.sourceUrl,"&w=16&q=1")})})}),(0,a.jsxs)("div",{className:"border-l-4 border-l-smart-blue/0",children:[(0,a.jsx)("div",{className:"text-lg mb-3 font-semibold hover:underline decoration-1 underline-offset-4 decoration-gray-300",children:(0,a.jsx)(j(),{href:"/".concat(e.slug),children:(0,a.jsx)("a",{children:e.title.replace(/(<([^>]+)>)/gi,"")})})}),(0,a.jsx)("div",{className:"text-base text-smart-blue",children:e.categories.edges.filter((function(e){return"Featured"!==e.node.name&&"News"!==e.node.name})).map((function(n,s){return(0,a.jsxs)("span",{children:[(0,a.jsx)(j(),{href:"/category/".concat(n.node.slug),children:(0,a.jsx)("a",{className:"text-smart-blue font-semibold uppercase hover:text-smart-teal",children:n.node.name})}

1),s<e.categories.edges.filter((function(e){return e.node.name!==t&&"Featured"!==e.node.name&&"News"!==e.node.name})).length-1?(0,a.jsxs)("span",{children:[" ",(0,a.jsx)("span",{className:"text-black",children:"/"})," "]}):(0,a.jsx)("span",{})]},n.node.id)}))})]})]},e.id)}))]})]})})}var b=o()((function(){return s.e(352).then(s.bind(s,7352))}),{loadableGenerated:{webpack:function(){return[7352]}}}),N=!0;function v(e){var n=e.latest,s=e.posts,r=e.filterMenu,d=e.nav,o=(0,t.useState)(!1),h=o[0],f=o[1],g=(0,t.useState)(!1),j=(g[0],g[1]),N=(0,c.ZP)({unobserveOnEnter:!0}),v=N.observe,w=N.inView,y=(0,m.useRouter)(),k=[];[].forEach((function(e){return k.push({label:e})}));return(0,a.jsx)(a.Fragment,{children:y.isFallback?(0,a.jsx)("div",{className:"container flex justify-center text-center items-center h-screen mx-6",children:(0,a.jsx)("div",{className:"text-lg",children:"You've found new content for this page! Just a moment while we update it for everyone."})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(l(),{children:[(0,a.jsx)("title",{children:"SHS - Latest Articles"}),(0,a.jsx)("meta",{name:"description",content:"Check out all our latest articles."},"desc"),(0,a.jsx)("meta",{property:"og:title",content:"Smart Home Starter - Latest Articles"}),(0,a.jsx)("meta",{property:"og:description",content:"Check out all our latest articles."})]}),(0,a.jsx)(u.Z,{menu:d}),(0,a.jsxs)("main",{className:"body",children:[(0,a.jsx)("div",{className:"container px-6 2xl:px-0 grid grid-cols-4 gap-

15 my-10",children:(0,a.jsx)("div",{className:"flex col-span-4 lg:col-span-2 items-center flex-wrap",children:(0,a.jsx)("div",{className:"font-display text-transparent bg-clip-text bg-gradient-to-r from-smart-blue to-smart-green text-6xl md:text-7xl",children:"Latest"})})}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p,{myArticles:n.nodes}),(0,a.jsx)(i.Z,{myMenu:null!==r?r:k,myCategory:"Latest",onFilter:function(e){"All"===e?(f(s.nodes),j(!0)):(f(s.nodes.filter((function(n){return n.categories.edges.some((function(n){return n.node.name===e}))}))),j(!0))}}),(0,a.jsx)("div",{ref:v,children:w?(0,a.jsx)(b,{myArticles:h||s.nodes.slice(0,36),myCategory:"Latest"}):(0,a.jsx)("div",{className:"h-[2020px] bg-slate-100 w-full"})})]})]}),(0,a.jsx)(x.Z,{myMenu:d})]})})}}},function(e){e.O(0,[609,916,361,774,888,179],(function(){return n=1805,e(e.s=n);var n}));var n=e.O();_N_E=n}]);