https://supergeografi.com/component---src-pages-index-js-c9094c327cbdb07b4837.js

1(self.webpackChunksupergeografi=self.webpackChunksupergeografi||[]).push([[678],{6056:function(e,t,a){const l=a(7294);const r=l.forwardRef((function({title:e,titleId:t,...a},r){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:r,"aria-labelledby":t},a),e?l.createElement("title",{id:t},e):null,l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"}))}));e.exports=r},7839:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return w},default:function(){return v}});var l=a(7294),r=a(4854),n=a(8032),s=a(657),m=a(8914),c=a(982),i=a(9417),o=a.p+"static/osn-header-e873655de8ac785105fc83bf94b92c3c.png";var d=()=>l.createElement("div",{className:"max-w-6xl md:py-32 py-12 mx-auto grid grid-cols-1 sm:grid-cols-2 items-start"},l.createElement("div",{className:"hidden sm:block col-span-1"},l.createElement("img",{className:"rounded-l-3xl rounded-b-3xl w-full",src:o,alt:"OSN Geografi"})),l.createElement("div",{className:"col-span-1 grid grid-cols-1 bg-gray-2 rounded-r-3xl px-8 py-16 mr-4 sm:mr-0 gap-4 sm:gap-8"},l.createElement("div",{className:"flex items-center gap-2"},l.createElement("svg",{width:"20",height:"4",viewBox:"0 0 20 4",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("line",{y1:"2",x2:"20",y2:"2",stroke:"#4565DB",strokeWidth:"4"})),l.createElement("p",{className:"col-span-1"},"osn geografi")),l.createElement(r.Link,{to:"/olimpiade/mengenal-osn-geografi"},l.createElement("h2",{className:"col-span-1 text-5xl font-bold"},"Olimpiade Sains Nasional")),l.createElement("div",{className:"col-span-1 sm:flex gap-16"},l.createElement("div",{className:"flex items-center space-x-4 py-2"},l.createElement("button",{className:"flex bg-primary hover:bg-primary-light text-white text-md text-3xl p-2 items-center justify-center h-16 w-16 rounded-xl"},l.createElement(r.Link,{to:"/materi"},l.createElement(c.G,{icon:i.FL8}))),l.createElement("span",{className:"flex text-2xl font-bold"},"Materi")),l.createElement("div",{className:"flex items-center space-x-4 py-2"},l.createElement("button",{className:"flex bg-primary hover:bg-primary-light text-white text-3xl p-2 items-center justify-center h-16 w-16 rounded-xl"},l.createElement(r.Link,{to:"/kumpulan-soal"},l.createElement(c.G,{icon:i.SoD}))),l.createElement("span",{className:"flex text-2xl font-bold"},"Kumpulan Soal"))))),g=a(6056);const p=a(6486),u=e=>{let{category:t,children:a}=e;return l.createElement("div",null,l.createElement("div",{className:"col-span-4 bg-gray-2 p-4 rounded-3xl"},l.createElement("div",{className:"p-6"},l.createElement("div",{className:"flex items-center gap-2"},l.createElement("svg",{width:"30",height:"4",viewBox:"0 0 30 4",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("line",{y1:"2",x2:"30",y2:"2",stroke:"#4565DB",strokeWidth:"4"})),l.createElement("p",{className:"col-span-1"},t.subtitle)),l.createElement("h2",{className:"font-bold text-4xl"},t.title),a,l.createElement("div",{className:"flex gap-1 items-center justify-end"},l.createElement(r.Link,{to:"/"+p.kebabCase(t.title)+"/"},l.createElement("p",{className:"flex text-sm text-primary-dark hover:text-primary font-bold uppercase tracking-wider"},"Selanjutnya")),l.createElement(g,{className:"flex h-4 w-4 text-primary-dark"})))))},x=a(6486),E=e=>{let{nodes:t}=e;return l.createElement("div",null,l.createElement("ol",{style:{listStyle:"none"},className:"grid sm:grid-cols-3 gap-4 py-4"},t.map((e=>{const t=e.title||e.slug;return l.createElement("li",{key:e.slug,className:"bg-white rounded-3xl"},l.createElement("article",{className:"",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement(n.G,{imgClassName:"w-full h-40 rounded-t-3xl",className:"w-full h-40 rounded-t-3xl",image:e.featuredImage.gatsbyImageData,alt:e.title}),l.createElement("div",{className:"p-4"},l.createElement("h3",{className:"font-bold text-gray-8 text-lg"},l.createElement(r.Link,{to:"/"+x.kebabCase(e.category.title)+"/"+e.slug+"/",itemProp:"url"},l.createElement("span",{itemProp:"headline"},t))))))}

1))))};var y=a(4143),f=a(1720),h=a.p+"static/earth-3e78c7a95279a2ba9389ecea71a86d5e.png";const b=a(6486),N=[{name:"Litosfer",to:"/litosfer",current:!1},{name:"Atmosfer",to:"/atmosfer",current:!1},{name:"Hidrosfer",to:"/hidrosfer",current:!1},{name:"Biosfer",to:"/biosfer",current:!1},{name:"Antroposfer",to:"/antroposfer",current:!1}];var v=e=>{var t;let{data:a,location:m}=e;const i=(null===(t=a.site.siteMetadata)||void 0===t?void 0:t.title)||"Title",o=a.latestArticle.nodes,g=a.recentArticles.nodes;return l.createElement("div",{className:"bg-white"},l.createElement(s.Z,{location:m,title:i},l.createElement("div",{className:"max-w-6xl md:py-20 py-12 mx-auto grid grid-cols-1 md:grid-cols-2 items-center"},l.createElement("div",{className:"col-span-1 p-4"},l.createElement("img",{className:"inline h-12 sm:h-20",src:f.Z,alt:"Logo"}),l.createElement("p",{className:"m-2 text-lg text-gray-8"},"Telusuri lebih jauh tentang manusia, lingkungannya, dan bumi yang kita pijak beserta bentang alamnya bersama Supergeografi!"),l.createElement("button",{className:"bg-primary hover:bg-primary-light text-white text-sm sm:text-md font-bold m-2 mt-8 py-2 px-4 rounded-lg"},l.createElement(r.Link,{to:"/materi"},"Materi OSN Geografi →"))),l.createElement("div",{className:"hidden md:grid col-span-1 my-auto ml-auto"},l.createElement("img",{className:"h-96",src:h,alt:"Earth"}))),l.createElement("div",{className:"max-w-6xl p-4 mx-auto"},l.createElement("ins",{class:"adsbygoogle",style:{display:"block"},"data-ad-client":"ca-pub-9395207160181701","data-ad-slot":"5666065543","data-ad-format":"auto","data-full-width-responsive":"true"}),l.createElement("script",null,"(adsbygoogle = window.adsbygoogle || []).push(",");")),l.createElement("div",{className:"max-w-6xl p-6 mx-auto"},l.createElement("div",{className:"flex items-center gap-2"},l.createElement("svg",{width:"50",height:"4",viewBox:"0 0 50 4",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("line",{y1:"2",x2:"50",y2:"2",stroke:"#4565DB",strokeWidth:"4"})),l.createElement("p",{className:"col-span-1"},"supergeografi")),l.createElement("h2",{className:"font-bold text-5xl"},"Artikel Terbaru")),l.createElement("div",{className:"grid grid-cols-1 sm:grid-cols-3 max-w-6xl mx-auto gap-8 p-4"},l.createElement("div",{className:"bg-gray-2 p-4 rounded-3xl"},l.createElement("ol",{style:{listStyle:"none"}},o.map((e=>{const t=e.title||e.slug;return l.createElement("li",{key:e.slug},l.createElement("article",{className:"",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement(n.G,{imgClassName:"w-full h-48 mx-auto object-cover rounded-2xl",image:e.featuredImage.gatsbyImageData,alt:e.title}),l.createElement("div",{className:"py-4"},l.createElement("h3",{className:"font-bold text-gray-7 text-xl"},l.createElement(r.Link,{to:"/"+b.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),l.createElement("p",{dangerouslySetInnerHTML:{__html:e.body.childMarkdownRemark.excerpt},itemProp:"description",className:"text-sm text-gray-6"})),l.createElement(r.Link,{to:"/"+b.kebabCase(e.category.title)+"/"+e.slug+"/",itemProp:"url"},l.createElement("p",{className:"text-sm text-primary font-bold pt-8"},"Baca selengkapnya →"))))})))),l.createElement("div",null,l.createElement("ol",{style:{listStyle:"none"}},g.map((e=>{const t=e.title||e.slug;return l.createElement("li",{key:e.slug},l.createElement("article",{className:"flex py-4 gap-4 items-center",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement(n.G,{className:"w-20 h-20 mx-auto object-cover rounded-2xl",imgClassName:"rounded-2xl",image:e.featuredImage.gatsbyImageData,alt:e.title}),l.createElement("div",{className:"flex-1"},l.createElement("h3",{className:"font-bold text-gray-8 text-sm"},l.createElement(r.Link,{to:"/"+b.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))))})))),l.createElement("div",{className:""},l.createElement("h3",{className:"text-xl font-bold"},"📬 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:"mt-6 block w-full rounded-lg border-gray-3 shadow-sm",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 sm:text-md font-medium tracking-widest py-3 px-4 mt-3 rounded-lg"},"SUBSCRIBE"))),l.createElement("ul",{className:"flex space-x-2 py-6"},y.Z.map((e=>l.createElement("li",{key:e.label,className:""},l.createElement("button",{className:"flex bg-gray-4 hover:bg-gray-5 text-white text-xl font-bold p-2 items-center justify-center h-12 w-12 rounded-full"},l.createElement("a",{alt:e.label,href:e.link},l.createElement(c.G,{icon:e.icon}))))))))),l.createElement(d,null),l.createElement("div",{className:"grid grid-cols-4 sm:grid-cols-6 max-w-6xl mx-auto gap-8 p-4"},l.createElement("div",{className:"col-span-4"},l.createElement("div",{className:"grid gap-8"},l.createElement(u,{category:a.litosferCategory},l.createElement(E,{nodes:a.litosferArticles.nodes})),l.createElement(u,{category:a.atmosferCategory},l.createElement(E,{nodes:a.atmosferArticles.nodes})),l.createElement(u,{category:a.hidrosferCategory},l.createElement(E,{nodes:a.hidrosferArticles.nodes})),l.createElement(u,{category:a.biosferCategory},l.createElement(E,{nodes:a.biosferArticles.nodes})),l.createElement(u,{category:a.antroposferCategory},l.createElement(E,{nodes:a.antroposferArticles.nodes})))),l.createElement("div",{className:"hidden sm:block col-span-2 bg-gray-2 h-fit px-6 py-4 rounded-3xl"},l.createElement("div",{className:"max-w-6xl px-4 pb-12 pt-6 mx-auto"},l.createElement("div",{className:"flex items-center gap-2"},l.createElement("svg",{width:"50",height:"4",viewBox:"0 0 50 4",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("line",{y1:"2",x2:"50",y2:"2",stroke:"#4565DB",strokeWidth:"4"})),l.createElement("p",{className:"col-span-1"},"supergeografi")),l.createElement("h2",{className:"font-bold text-4xl"},"Kategori")),N.map((e=>l.createElement(r.Link,{key:e.name,to:e.to,className:"block bg-primary hover:bg-primary-light text-white text-sm sm:text-lg my-3 py-2 px-4 roun

1ded-full","aria-current":e.current?"page":void 0},e.name))),l.createElement("div",{className:"flex border-t-2 border-gray-3 gap-3"},l.createElement(r.Link,{key:"materi",to:"/materi",className:"flex-auto bg-primary-dark hover:bg-primary-light text-center text-white text-sm sm:text-lg my-3 py-2 px-4 rounded-full"},"Materi"),l.createElement(r.Link,{key:"kumpulan-soal",to:"/kumpulan-soal",className:"flex-auto bg-primary-dark hover:bg-primary-light text-center text-white text-sm sm:text-lg my-3 py-2 px-4 rounded-full"},"Kumpulan soal"))))))};const w=()=>l.createElement(m.p,{title:"Supergeografi – Telusuri Materi Geografi Sekarang!"})}}]);
2//# sourceMappingURL=component---src-pages-index-js-c9094c327cbdb07b4837.js.map