https://smartsustainability.ai/assets/baslangic-B-55pn7m.js

1import{n as p,bl as h,aC as b,bh as u,aI as e,J as c}from"./index-BSaNmmrA.js";function k({label:t,intro:l,steps:i}){const a=i.filter(r=>r.title.trim()!==""),s=a.length===0;return e.jsxs("section",{className:"border-t border-border pt-10 first:border-t-0 first:pt-0",children:[e.jsxs("header",{className:"mb-6",children:[e.jsx("h2",{className:"font-serif text-2xl md:text-3xl tracking-tight",children:t}),e.jsx("p",{className:"mt-2 text-sm md:text-base text-ink/70 max-w-2xl leading-relaxed",children:l}),s&&e.jsx("span",{className:"mt-3 inline-block text-[10px] uppercase tracking-[0.25em] text-ink/85 border border-ink/20 px-2 py-1 rounded-full",children:"Yakında"})]}),!s&&e.jsx("ol",{className:"space-y-3",children:a.map(r=>{const o=/^https?:\/\//.test(r.url),d=r.url||"#",n=d==="#",x=n?{onClick:m=>m.preventDefault()}:o?{target:"_blank",rel:"noopener noreferrer"}:{};return e.jsx("li",{children:e.jsxs("a",{href:d,...x,className:`group flex items-start gap-5 md:gap-6 border border-ink/15 hover:border-clay p-5 md:p-6 transition-colors ${n?"cursor-default opacity-70":""}`,children:[e.jsx("span",{className:"font-serif text-2xl md:text-3xl text-clay tabular-nums leading-none mt-1 shrink-0",children:String(r.position).padStart(2,"0")}),e.jsxs("span",{className:"flex-1",children:[e.jsx("h3",{className:"font-serif text-lg md:text-xl leading-snug text-balance group-hover:text-clay transition-colors",children:r.title}),!n&&e.jsxs("span",{className:"mt-3 inline-flex items-center gap-2 text-[10px] uppercase tracking-[0.25em] font-bold border-b border-ink/20 group-hover:border-clay pb-0.5",children:["Oku ",e.jsx("span",{"aria-hidden":!0,children:"→"})]})]})]})},r.position)})})]})}function f(){const t=p.useLoaderData(),l=h(b),{data:i=t}=u({queryKey:["starter-path"],queryFn:()=>l(),initialData:t});return e.jsxs("div",{className:"max-w-3xl mx-auto px-6 py-16 md:py-24",children:[e.jsxs("header",{className:"mb-12 md:mb-16 border-b border-border pb-8",children:[e.jsx("span",{className:"text-clay font-medium text-xs uppercase tracking-[0.25em]",children:"Giriş Yolu"}),e.jsx("h1",{className:"font-serif text-4xl md:text-5xl leading-[1.05] tracking-tight mt-4 text-balance",children:"Buradan başla."}),e.jsx("p",{className:"mt-5 text-base text-ink/75 leading-relaxed max-w-2xl",children:"Dört temalı okuma yolu. Hangi tarafından girmek istediğinize göre seçin — her biri tek bir düşünme biçiminin adım adım kuruluşu."}),e.jsx("nav",{className:"mt-6 flex flex-wrap gap-2","aria-label":"Temalar",children:c.map(a=>e.jsx("a",{href:`#${a.id}`,className:"text-[10px] uppercase tracking-[0.25em] font-semibold border border-ink/20 hover:border-clay hover:text-clay px-3 py-1.5 rounded-full transition-colors",children:a.label},a.id))}),e.jsxs("div",{className:"mt-8 border border-clay/40 bg-clay/[0.04] p-5 md:p-6",children:[e.jsx("span",{className:"text-[10px] uppercase tracking-[0.25em] font-bold text-clay",children:"Önce kavramı netleştirmek isterseniz"}),e.jsx("h2",{className:"font-serif text-xl md:text-2xl tracking-tight mt-2 text-ink",children:e.jsx("a",{href:"/yazilar/surdurulebilirlik-nedir",className:"hover:text-clay",children:"Sürdürülebilirlik nedir? — Tanım, tarih ve eleştirel bir rehber →"})}),e.jsx("p",{className:"mt-2 text-sm text-ink/70 leading-relaxed",children:"Üç sütun, kısa tarih, yaygın yanılgılar ve yapay zekâ çağında insan-merkezli bir okuma. Bu sitenin geri kalanı için kavramsal zemin."})]})]}),e.jsx("div",{className:"space-y-12",children:c.map(a=>e.jsx("div",{id:a.id,className:"scroll-mt-24",children:e.jsx(k,{label:a.label,intro:a.intro,steps:i.filter(s=>s.journey===a.id)})},a.id))})]})}export{f as component};
2//# sourceMappingURL=baslangic-B-55pn7m.js.map