https://supergeografi.com/component---src-templates-categories-js-eaa5ab9266a483989c74.js

1"use strict";(self.webpackChunksupergeografi=self.webpackChunksupergeografi||[]).push([[705],{7655:function(e,t,a){a.r(t),a.d(t,{Head:function(){return i}});var l=a(7294),r=a(4854),m=a(8032),s=a(657),n=a(8914);const c=a(6486);t.default=e=>{var t;let{data:a,location:n}=e;const i=a.contentfulPostCategory,o=(null===(t=a.site.siteMetadata)||void 0===t?void 0:t.title)||"Title",d=a.categoryTags.nodes,p=a.categoryArticles.nodes,u=a.recentPosts.nodes;return l.createElement(s.Z,{location:n,title:o},l.createElement("header",{className:"relative h-40 sm:h-[32rem] md:mx-12 mx-4 rounded-2xl items-center my-6 sm:mb-16"},l.createElement("div",{className:"absolute bg-gray-2/50 h-40 sm:h-[32rem] w-full z-10 p-8 mx-auto rounded-2xl"},l.createElement("div",{className:"grid sm:grid-cols-2 h-full max-w-6xl items-center mx-auto"},l.createElement("div",null,l.createElement("h1",{className:"text-5xl sm:text-6xl text-gray-8 font-bold font-serif p-4"},i.title),i.description&&l.createElement("p",{className:"hidden sm:block sm:text-lg text-gray-8 p-4"},i.description.description)),l.createElement("div",{className:"hidden h-full"}))),i.featuredImage&&l.createElement(m.G,{className:"absolute col-span-2 w-full h-40 sm:h-[32rem] z-0 mx-auto object-cover rounded-2xl",image:i.featuredImage.gatsbyImageData,alt:i.title})),l.createElement("div",{className:"border-y-2 border-gray-1 px-4 my-8"},l.createElement("div",{className:"flex flex-1 max-w-6xl align-middle py-1 mx-auto"},l.createElement("div",{className:"flex flex-wrap gap-2"},d.map((e=>l.createElement(r.Link,{key:e.title,to:e.slug+"/",className:"text-gray-6 hover:bg-gray-1 px-1 py-1 my-auto rounded-md text-sm uppercase items-center font-semibold tracking-wider"},e.icon," ",e.title)))))),l.createElement("main",{className:"grid grid-cols-4 sm:grid-cols-6 gap-8 max-w-6xl px-4 pb-8 mx-auto"},l.createElement("div",{className:"col-span-4"},l.createElement("ol",{style:{listStyle:"none"}},p.map((e=>{const t=e.title||e.slug;return l.createElement("li",{key:e.slug},l.createElement("article",{className:"py-4 gap-4",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement("div",{className:"grid grid-cols-8 sm:grid-cols-5 gap-4 items-center"},l.createElement(m.G,{className:"col-span-2 w-full h-20 sm:h-48 mx-auto object-cover rounded-2xl",image:e.featuredImage.gatsbyImageData,alt:e.title}),l.createElement("div",{className:"col-span-6 sm:col-span-3 sm:p-4"},l.createElement("h3",{className:"font-bold text-gray-7 text-md sm:text-2xl"},l.createElement(r.Link,{to:e.slug,itemProp:"url"},l.createElement("span",{itemProp:"headline"},t))),l.createElement("small",{className:"text-primary"},e.date),l.createElement("p",{dangerouslySetInnerHTML:{__html:e.body.childMarkdownRemark.excerpt},itemProp:"description",className:"hidden sm:block text-sm text-gray-4"})))))})))),l.createElement("div",{className:"hidden col-span-2 sm:grid grid-cols-1 gap-12 border-2 border-gray-1 rounded-xl h-fit p-4 ml-20"},l.createElement("div",{className:"space-y-4"},l.createElement("h3",{className:"text-md font-bold uppercase tracking-widest"},"Newsletter"),l.createElement("span",{className:"text-sm"},"📬 Ikuti Newsletter kami dan dapatkan Artikel terbaru lebih awal"),l.createElement("form",{name:"contact",method:"POST","data-netlify":"true","data-netlify-honeypot":"bot-field"},l.createElement("input",{type:"hidden",name:"form-name",value:"contact"}),l.createElement("div",{hidden:!0},l.createElement("input",{name:"bot-field"})),l.createElement("input",{type:"email",name:"email",className:"block w-full rounded-lg bg-gray-1 border-0 text-sm font-medium",placeholder:"Email"}),l.createElement("div",null,l.createElement("button",{type:"submit",className:"block w-full bg-primary hover:bg-primary-light text-white text-sm font-medium tracking-widest py-2 px-4 mt-3 rounded-lg"},"SUBSCRIBE")),l.createElement("div",{"data-netlify-recaptcha":"true"}))),l.createElement("div",{className:""},l.createElement("h3",{className:"text-md font-bold uppercase tracking-widest"},"Artikel terbaru"),l.createElement("ol",{style:{listStyle:"none"}},u.map((e=>{const t=e.title||e.slug;return l.createElement("li",{key:e.slug},l.createElement("article",{className:"flex py-2 gap-4",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement(m.G,{className:"w-12 h-12 mx-auto object-cover rounded-lg",image:e.featuredImage.gatsbyImageData,alt:e.title}),l.createElement("div",{className:"flex-1 items-center"},l.createElement("h3",{className:"text-gray-8 text-xs"},l.createElement(r.Link,{to:"/"+c.kebabCase(e.category.title)+"/"+e.slug+"/",itemProp:"url"},l.createElement("span",{itemProp:"headline"},t))),l.createElement("small",{className:"text-gray-4 text-xs"},e.date))))})))))))};const i=e=>{var t,a,r;let{data:m}=e;const s=m.contentfulPostCategory,c=(null===(t=m.site.siteMetadata)||void 0===t?void 0:t.t

1itle)||"Title",i=(null===(a=m.contentfulPostCategory.description)||void 0===a?void 0:a.description)||m.site.siteMetadata.description,o=(null===(r=m.contentfulPostCategory.featuredImage)||void 0===r?void 0:r.file.url)||m.site.siteMetadata.image;return l.createElement(n.p,{title:s.title+" – "+c,description:i,image:o})}}}]);
2//# sourceMappingURL=component---src-templates-categories-js-eaa5ab9266a483989c74.js.map