https://repaircircle.eu/assets/BlogListingPage-DGff4zzj.js

1import{r as n,j as e}from"./vendor-react-CSSqAeAu.js";import{u as m}from"./vendor-query-DiXUylMp.js";import{u as b,j as h,N as u,B as s,L as p,A as y,ab as k}from"./index-BGBqiLLz.js";import{S as l}from"./skeleton-I3yfAheI.js";import{C as j}from"./calendar-DCW2sGzd.js";import"./vendor-charts-BKriOm_U.js";import"./vendor-motion-DNXF7DOe.js";function B(){const{language:N}=b(),[r,d]=n.useState(null),[t,c]=n.useState("EN"),o=()=>{const a=new URLSearchParams;return r&&a.append("category",r),a.append("language",t),`/api/content/blog?${a.toString()}`},{data:i,isLoading:g}=m({queryKey:["/api/content/blog",r,t],queryFn:async()=>{const a=await fetch(o());if(!a.ok)throw new Error("Failed to fetch blog posts");return a.json()}}),x=["Repair Bonus","Circular Economy","How-to","Repair Service"];return e.jsxs(e.Fragment,{children:[e.jsxs(h,{children:[e.jsx("title",{children:"Blog - Repair Circle Berlin | Electronics Repair & Sustainability"}),e.jsx("meta",{name:"description",content:"Read our latest articles about electronics repair, Berlin's Repair Bonus program, sustainability, and the circular economy. Expert tips and guides for device repair."}),e.jsx("link",{rel:"canonical",href:"https://repaircircle.eu/blog"}),e.jsx("meta",{property:"og:title",content:"Repair Circle Blog - Electronics Repair & Sustainability"}),e.jsx("meta",{property:"og:description",content:"Latest articles about device repair, Berlin's Repair Bonus, and sustainable electronics."}),e.jsx("meta",{property:"og:url",content:"https://repaircircle.eu/blog"})]}),e.jsxs("div",{className:"min-h-screen bg-white dark:bg-black",children:[e.jsx(u,{}),e.jsx("section",{className:"bg-gradient-to-br from-gray-50 to-green-50 dark:from-gray-900 dark:to-green-950 py-16 px-4",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsx("h1",{className:"text-4xl md:text-5xl font-bold text-black dark:text-white mb-4","data-testid":"text-page-title",children:"Repair Circle Blog"}),e.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl",children:"Stories, guides, and insights about electronics repair, sustainability, and Berlin's circular economy."})]})}),e.jsx("div",{className:"border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900",children:e.jsx("div",{className:"max-w-6xl mx-auto px-4 py-6",children:e.jsxs("div",{className:"flex flex-col md:flex-row gap-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Language"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(s,{onClick:()=>c("EN"),variant:t==="EN"?"default":"outline",className:t==="EN"?"bg-black dark:bg-white text-white dark:text-black":"border-gray-300 dark:border-gray-700 text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800","data-testid":"button-language-en",children:"English"}),e.jsx(s,{onClick:()=>c("DE"),variant:t==="DE"?"default":"outline",className:t==="DE"?"bg-black dark:bg-white text-white dark:text-black":"border-gray-300 dark:border-gray-700 text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800","data-testid":"button-language-de",children:"Deutsch"})]})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Category"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(s,{onClick:()=>d(null),variant:r?"outline":"default",className:r?"border-gray-300 dark:border-gray-700 text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800":"bg-black dark:bg-white text-white dark:text-black","data-testid":"button-category-all",children:"All"}),x.map(a=>e.jsx(s,{onClick:()=>d(a),variant:r===a?"default":"outline",className:r===a?"bg-black dark:bg-white text-white dark:text-black":"border-gray-300 dark:border-gray-700 text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800","data-testid":`button-category-${a.toLowerCase().replace(/\s+/g,"-")}`,children:a},a))]})]})]})})}),e.jsx("div",{className:"max-w-6xl mx-auto px-4 py-12",children:g?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:[1,2,3,4,5,6].map(a=>e.jsxs("div",{className:"space-y-4",children:[e.jsx(l,{className:"h-48 w-full bg-gray-200 dark:bg-gray-800"}),e.jsx(l,{className:"h-6 w-3/4 bg-gray-200 dark:bg-gray-800"}),e.jsx(l,{className:"h-4 w-full bg-gray-200 dark:bg-gray-800"}),e.jsx(l,{className:"h-4 w-5/6 bg-gray-200 dark:bg-gray-800"})]},a))}):!i||i.length===0?e.jsx("div",{className:"text-center py-16",children:e.jsx("p",{className:"text-gray-600 dark:text-gray-400 text-lg",children:"No blog posts found. Check back soon!"})}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:i.map(a=>e.jsx(p,{href:a.fullUrl,children:e.jsxs("article",{className:"group cursor-pointer border border-gray-200 dark:border-gray-800 rounded-lg overflow-hidden hover:border-green-600 dark:hover:border-green-400 transition-colors","data-testid":`card-post-${a.slug}`,children:[e.jsx("div",{className:"aspect-video bg-gray-100 dark:bg-gray-900 relative",children:e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"text-4xl",children:"📱"})})}),e.jsxs("div",{className:"p-6",children:[a.category&&e.jsx("span",{className:"inline-block px-2 py-1 text-xs font-medium bg-gray-100 dark:bg-gray-900 text-black dark:text-white rounded mb-3",children:a.category}),e.jsx("h2",{className:"text-xl font-bold text-black dark:text-white mb-3 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors",children:a.title}),a.excerpt&&e.jsx("p",{className:"text-gray-600 dark:text-gray-400 text-sm mb-4 line-clamp-3",children:a.excerpt}),e.jsxs("div",{className:"flex items-center justify-between text-sm text-gray-500 dark:text-gray-500",children:[a.publishDate_text&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j,{className:"w-4 h-4"}),e.jsx("time",{children:new Date(a.publishDate_text).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})]}),e.jsx(y,{className:"w-4 h-4 group-hover:translate-x-1 transition-transform"})]})]})]})},a.id))})}),e.jsx("div",{className:"border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 py-16 text-center",children:[e.jsx("h2",{className:"text-3xl font-bold text-black dark:text-white mb-4",children:"Need to Repair Your Device?"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-8 max-w-2xl mx-auto",children:"Start your repair journey with our AI-powered platform. Get quotes from local Berlin repair experts in minutes."}),e.jsx(s,{onClick:()=>window.location.href="/",className:"bg-green-600 hover:bg-green-700 text-white px-8 py-6 text-lg","data-testid":"button-start-repair",children:"Start Repair Now"})]})}),e.jsx(k,{})]})]})}export{B as default};