https://fuyouhinkaisyuu-sunny.com/assets/page-RtqLTZG4.js

1import{u as g,j as e,L as r}from"./index-Dt3qrheZ.js";import{H as n,F as c}from"./Footer-BzTU7dDq.js";import{E as t,S as o}from"./ErrorBoundary-ZhOJrIza.js";import{b as a}from"./blogArticles-DFcYOu6w.js";function p(){const{slug:x}=g(),l=a.find(s=>s.slug===x);if(!l)return e.jsxs("div",{className:"min-h-screen bg-white flex flex-col",children:[e.jsx(t,{sectionName:"ヘッダー",children:e.jsx(n,{})}),e.jsx("main",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx("i",{className:"ri-file-search-line text-6xl text-gray-300 mb-4"}),e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-2",children:"記事が見つかりません"}),e.jsx("p",{className:"text-gray-600 mb-6",children:"お探しの記事は存在しないか、削除された可能性があります。"}),e.jsxs(r,{to:"/blog",className:"inline-flex items-center gap-2 bg-orange-500 text-white px-6 py-3 rounded-lg font-semibold hover:bg-orange-600 transition-colors",children:[e.jsx("i",{className:"ri-arrow-left-line"}),"ブログ一覧に戻る"]})]})}),e.jsx(t,{sectionName:"フッター",children:e.jsx(c,{})}),e.jsx(t,{sectionName:"固定ナビゲーション",children:e.jsx(o,{})})]});const i=a.filter(s=>s.id!==l.id&&s.category===l.category).slice(0,3);return e.jsxs("div",{className:"min-h-screen bg-white flex flex-col",children:[e.jsx(t,{sectionName:"ヘッダー",children:e.jsx(n,{})}),e.jsx(t,{sectionName:"パンくずリスト",children:e.jsx("nav",{className:"bg-gray-50 border-b border-gray-200",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 py-3",children:e.jsxs("ol",{className:"flex items-center gap-2 text-sm text-gray-600",children:[e.jsx("li",{children:e.jsx(r,{to:"/",className:"hover:text-orange-500 transition-colors",children:"ホーム"})}),e.jsx("li",{children:e.jsx("i",{className:"ri-arrow-right-s-line text-gray-400"})}),e.jsx("li",{children:e.jsx(r,{to:"/blog",className:"hover:text-orange-500 transition-colors",children:"ブログ・お役立ち情報"})}),e.jsx("li",{children:e.jsx("i",{className:"ri-arrow-right-s-line text-gray-400"})}),e.jsx("li",{className:"text-gray-900 font-medium line-clamp-1",children:l.title})]})})})}),e.jsx("main",{className:"flex-1 py-12",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4",children:e.jsxs("div",{className:"flex gap-8",children:[e.jsx(t,{sectionName:"記事本文",children:e.jsxs("article",{className:"flex-1",children:[e.jsx("div",{className:"mb-4",children:e.jsx("span",{className:"bg-orange-500 text-white px-4 py-1.5 rounded-full text-sm font-semibold",children:l.category})}),e.jsx("h1",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-6 leading-tight",children:l.title}),e.jsxs("div",{className:"flex flex-wrap items-center gap-4 text-sm text-gray-500 mb-8 pb-6 border-b border-gray-200",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("i",{className:"ri-calendar-line"}),e.jsx("span",{children:l.date})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("i",{className:"ri-eye-line"}),e.jsxs("span",{children:[l.views.toLocaleString(),"回閲覧"]})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:l.tags.map(s=>e.jsxs("span",{className:"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs",children:["#",s]},s))})]}),e.jsx("div",{className:"w-full h-80 md:h-[480px] rounded-lg overflow-hidden mb-10",children:e.jsx("img",{src:l.image,alt:l.title,className:"w-full h-full object-cover object-top"})}),l.content?e.jsx("div",{className:"prose prose-lg max-w-none text-gray-700 leading-relaxed",dangerouslySetInnerHTML:{__html:l.content}}):e.jsxs("div",{className:"bg-gray-50 rounded-lg p-12 text-center",children:[e.jsx("i",{className:"ri-edit-line text-5xl text-gray-300 mb-4"}),e.jsx("h2",{className:"text-xl font-bold text-gray-900 mb-2",children:"記事を準備中です"}),e.jsxs("p",{className:"text-gray-600 mb-6",children:["この記事の詳細な内容は現在作成中です。",e.jsx("br",{}),"しばらくお待ちください。"]}),e.jsxs(r,{to:"/blog",className:"inline-flex items-center gap-2 text-orange-500 font-semibold hover:text-orange-600 transition-colors",children:[e.jsx("i",{className:"ri-arrow-left-line"}),"ブログ一覧に戻る"]})]}),e.jsxs("div",{className:"mt-10 pt-6 border-t border-gray-200",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-700 mb-3",children:"この記事をシェアする"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{className:"w-10 h-10 bg-blue-500 text-white rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors cursor-pointer",children:e.jsx("i",{className:"ri-twitter-x-line text-lg"})}),e.jsx("button",{className:"w-10 h-10 bg-blue-700 text-white rounded-full flex items-center justify-center hover:bg-blue-800 transition-colors cursor-pointer",children:e.jsx("i",{className:"ri-facebook-fill text-lg"})}),e.jsx("button",{className:"w-10 h-10 bg-green-500 text-white rounded-full flex items-center justify-center hover:bg-green-600 transition-colors cursor-pointer",children:e.jsx("i",{className:"ri-line-fill text-lg"})}),e.jsx("button",{className:"w-10 h-10 bg-gray-700 text-white rounded-full flex items-center justify-center hover:bg-gray-800 transition-colors cursor-pointer",children:e.jsx("i",{className:"ri-link text-lg"})})]})]})]})}),e.jsxs("aside",{className:"w-80 flex-shrink-0 space-y-6 hidden lg:block",children:[e.jsx(t,{sectionName:"関連記事",children:i.length>0&&e.jsxs("div",{className:"bg-white rounded-lg border border-gray-200 p-5",children:[e.jsxs("h3",{className:"text-lg font-bold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx("i",{className:"ri-links-line text-orange-500"}),"関連記事"]}),e.jsx("div",{className:"space-y-4",children:i.map(s=>e.jsxs(r,{to:`/blog/${s.slug}`,className:"flex gap-3 group",children:[e.jsx("div",{className:"flex-shrink-0 w-20 h-14 roun

1ded overflow-hidden",children:e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover object-top group-hover:scale-105 transition-transform"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h4",{className:"text-sm font-semibold text-gray-900 line-clamp-2 group-hover:text-orange-500 transition-colors",children:s.title}),e.jsx("span",{className:"text-xs text-gray-500 mt-1 block",children:s.date})]})]},s.id))})]})}),e.jsx(t,{sectionName:"最新記事",children:e.jsxs("div",{className:"bg-white rounded-lg border border-gray-200 p-5",children:[e.jsxs("h3",{className:"text-lg font-bold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx("i",{className:"ri-time-line text-orange-500"}),"最新記事"]}),e.jsx("div",{className:"space-y-4",children:[...a].sort((s,d)=>{const m=new Date(s.date.replace(/\./g,"-"));return new Date(d.date.replace(/\./g,"-")).getTime()-m.getTime()}).slice(0,5).map(s=>e.jsxs(r,{to:`/blog/${s.slug}`,className:"flex gap-3 group",children:[e.jsx("div",{className:"flex-shrink-0 w-20 h-14 rounded overflow-hidden",children:e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover object-top group-hover:scale-105 transition-transform"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h4",{className:"text-sm font-semibold text-gray-900 line-clamp-2 group-hover:text-orange-500 transition-colors",children:s.title}),e.jsx("span",{className:"text-xs text-gray-500 mt-1 block",children:s.date})]})]},s.id))})]})}),e.jsx(t,{sectionName:"CTA",children:e.jsxs("div",{className:"bg-orange-50 rounded-lg border border-orange-200 p-5",children:[e.jsx("h3",{className:"text-lg font-bold text-gray-900 mb-3",children:"不用品でお困りですか？"}),e.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"プロのスタッフが迅速・丁寧に対応いたします。まずはお気軽にご相談ください。"}),e.jsx(r,{to:"/",className:"block w-full bg-orange-500 text-white text-center py-3 rounded-lg font-semibold hover:bg-orange-600 transition-colors",children:"無料見積もりはこちら"})]})})]})]})})}),e.jsx(t,{sectionName:"フッター",children:e.jsx(c,{})}),e.jsx(t,{sectionName:"固定ナビゲーション",children:e.jsx(o,{})})]})}export{p as default};
2//# sourceMappingURL=page-RtqLTZG4.js.map