PageSourceSearch

https://shuraba-app.web.app/assets/LandingPage-BgVAa-kS.js

js shuraba-app.web.app collected 2026-10-03 12:37:12 UTC 11,182 bytes, 1 lines download raw bytes

1import{c,r as N,a9 as a,j as e,bx as x,L as l,Y as i,bB as f}from"./index-DUpygkxg.js";import{P as u,a as y}from"./PublicFooter-DwTwHaFk.js";import{A as v}from"./arrow-right-CNBzfzh2.js";import{H as n}from"./heart-Ci4mEWdb.js";import{S as b}from"./sparkles-BnDh6Tmo.js";import{T as g}from"./tree-pine-Cck8_HDH.js";import{C as w}from"./chevron-right-DTgMSD5b.js";import"./firebase-eOymXQZD.js";import"./map-pin-ymTilxsA.js";const k=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]],A=c("chart-line",k);const M=[["path",{d:"M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z",key:"15baut"}],["path",{d:"M18 12v.5",key:"18hhni"}],["path",{d:"M16 17.93a9.77 9.77 0 0 1 0-11.86",key:"16dt7o"}],["path",{d:"M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33",key:"l9di03"}],["path",{d:"M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4",key:"1kjonw"}],["path",{d:"m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98",key:"1zlm23"}]],$=c("fish",M);const I=[["path",{d:"M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4",key:"1slcih"}]],P=c("flame",I);function T(){const r=new Date(a.established),d=new Date().getFullYear()-r.getFullYear();return Math.max(1,d)}const C={"children-experience":b,"satoyama-restoration":g,honeybee:x,"gibier-food":P,"river-boat":$,community:i,"digital-scale":A};function U(){N.useEffect(()=>{window.scrollTo(0,0),document.title=`${a.name} | ${a.vision.officialVision}`},[]);const r=a.pastAchievements,o=27,d=450,p=T(),j=a.strategicPillars.slice(0,4);return e.jsxs("div",{className:"min-h-screen bg-white",children:[e.jsx(u,{}),e.jsxs("section",{className:"relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-emerald-50 via-white to-teal-50"}),e.jsxs("div",{className:"absolute inset-0 opacity-40",children:[e.jsx("div",{className:"absolute top-10 -left-20 w-96 h-96 bg-emerald-200 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-10 -right-20 w-96 h-96 bg-teal-200 rounded-full blur-3xl"})]}),e.jsx("div",{className:"relative max-w-6xl mx-auto px-4 py-20 md:py-28",children:e.jsxs("div",{className:"max-w-3xl animate-page-enter",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/70 border border-emerald-100 text-xs text-emerald-700 font-medium mb-6 shadow-sm",children:[e.jsx(x,{className:"w-3.5 h-3.5"}),a.vision.tagline]}),e.jsxs("h1",{className:"text-4xl md:text-6xl font-bold text-gray-900 leading-tight mb-6",children:["ただ生きるよろこびを、",e.jsx("br",{}),e.jsx("span",{className:"bg-gradient-to-r from-emerald-600 to-teal-600 bg-clip-text text-transparent",children:"見つめ直す。"})]}),e.jsxs("p",{className:"text-base md:text-xl text-gray-600 leading-relaxed mb-8 max-w-2xl",children:[a.vision.officialMission,"を目指して、福岡の里山「ノンビリムラ」で 自然体験・里山整備・水辺体験を展開する NPO です。"]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs(l,{to:"/membership/apply",className:"inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-emerald-600 hover:bg-emerald-500 text-white font-semibold shadow-sm transition-colors",children:[e.jsx(i,{className:"w-5 h-5"}),"会員になる",e.jsx(v,{className:"w-4 h-4"})]}),e.jsxs(l,{to:"/donate",className:"inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-white hover:bg-gray-50 text-emerald-700 font-semibold shadow-sm border border-emerald-200 transition-colors",children:[e.jsx(n,{className:"w-5 h-5"}),"寄付する"]})]})]})})]}),e.jsx("section",{className:"py-16 bg-white",children:e.jsx("div",{className:"max-w-6xl mx-auto px-4",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6",children:[{label:"活動年数",value:`${p}年`,sub:"以上",icon:x},{label:"延べ参加者",value:`${d}+`,sub:"名",icon:i},{label:"活動実績",value:`${o}+`,sub:"件",icon:f},{label:"YouTube登録",value:"16万",sub:"人",icon:b}].map((s,t)=>{const m=s.icon;return e.jsxs("div",{className:"animate-card-up p-6 rounded-2xl bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-100",style:{"--delay":`${t*80}ms`},children:[e.jsx(m,{className:"w-6 h-6 text-emerald-600 mb-2"}),e.jsxs("div",{className:"text-3xl md:text-4xl font-bold text-gray-900 leading-none",children:[s.value,e.jsx("span",{className:"text-base font-medium text-gray-500 ml-1",children:s.sub})]}),e.jsx("div",{className:"text-xs md:text-sm text-gray-600 mt-2",children:s.label})]},s.label)})})})}),e.jsx("section",{className:"py-20 bg-gradient-to-b from-white to-gray-50",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4",children:[e.jsxs("div",{className:"text-center mb-12 animate-fade-in",children:[e.jsx("div",{className:"text-sm font-semibold text-emerald-600 mb-2",children:"ABOUT"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"私たちの想い"}),e.jsx("p",{className:"text-gray-600",children:a.vision.officialMission})]}),e.jsxs("div",{className:"bg-white rounded-2xl p-8 md:p-10 shadow-sm border border-gray-100 animate-card-up",children:[e.jsx("p",{className:"text-gray-700 leading-relaxed text-[15px] md:text-base whitespace-pre-line",children:a.vision.officialMessage}),e.jsxs("div",{className:"mt-8 pt-8 border-t border-gray-100",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-500 mb-4 tracking-wide",children:"アプローチ"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:a.vision.officialHow.map((s,t)=>e.jsxs("div",{className:"p-4 rounded-xl bg-emerald-50/50 border border-emerald-100 animate-card-up",style:{"--delay":`${100+t*80}ms`},children:[e.jsx("div",{className:"text-2xl font-bold text-emerald-600 mb-2",children:t+1}),e.jsx("div",{className:"text-sm text-gray-700 leading-relaxed",children:s})]},s))})]})]})]})}),e.jsx("section",{className:"py-20 bg-white",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4",children:[e.jsxs("div",{className:"text-center mb-12 animate-fade-in",children:[e.jsx("div",{className:"text-sm font-semibold text-emerald-600 mb-2",children:"OUR ACTIVITIES"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"活動の柱"}),e.jsx("p",{className:"text-gray-600 max-w-2xl mx-auto",children:"子どもの自然体験から里山の生態系再生まで。 ノンビリムラの里山を舞台に、多層的な活動を展開しています。"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:j.map((s,t)=>{const m=C[s.id]||g;return e.jsx("div",{className:"animate-card-up p-6 md:p-8 rounded-2xl bg-white border border-gray-100 hover:border-emerald-200 hover:shadow-md transition-all",style:{"--delay":`${t*100}ms`},children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-gradient-to-br from-emerald-100 to-teal-100 flex items-center justify-center flex-shrink-0",children:e.jsx(m,{className:"w-6 h-6 text-emerald-700"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-lg font-bold text-gray-900 mb-1",children:s.name}),e.jsx("p",{className:"text-xs text-emerald-600 mb-3",children:s.subtitle}),e.jsx("p",{className:"text-sm text-gray-600 leading-relaxed",children:s.description}),e.jsx("div",{className:"mt-4 flex flex-wrap gap-1.5",children:s.activities.slice(0,3).map(h=>e.jsx("span",{className:"inline-block px-2.5 py-1 bg-gray-50 border border-gray-100 rounded-full text-[11px] text-gray-600",children:h},h))})]})]})},s.id)})})]})}),e.jsx("section",{className:"py-20 bg-gradient-to-b from-gray-50 to-white",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4",children:[e.jsxs("div",{className:"text-center mb-12 animate-fade-in",children:[e.jsx("div",{className:"text-sm font-semibold text-emerald-600 mb-2",children:"ACHIEVEMENTS"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"過去の活動実績"}
1),e.jsx("p",{className:"text-gray-600",children:"助成金を活用した代表的な活動"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:r.map((s,t)=>e.jsxs("div",{className:"animate-card-up p-6 rounded-2xl bg-white border border-gray-100 shadow-sm",style:{"--delay":`${t*100}ms`},children:[e.jsxs("div",{className:"text-xs text-gray-500 mb-2",children:[s.fiscalYear,"年度 · ",s.grantName]}),e.jsx("h3",{className:"font-bold text-gray-900 mb-2",children:s.title}),e.jsx("p",{className:"text-sm text-gray-600 leading-relaxed",children:s.summary})]},s.title))})]})}),e.jsx("section",{className:"py-16 bg-white",children:e.jsx("div",{className:"max-w-4xl mx-auto px-4",children:e.jsx("div",{className:"rounded-3xl p-8 md:p-12 bg-gradient-to-br from-emerald-600 to-teal-700 text-white shadow-xl animate-card-up",children:e.jsxs("div",{className:"flex flex-col md:flex-row md:items-center justify-between gap-6",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-semibold text-emerald-100 mb-2 tracking-wide",children:"TRANSPARENCY"}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-3",children:"財務状況を公開しています"}),e.jsx("p",{className:"text-sm md:text-base text-emerald-50 leading-relaxed max-w-xl",children:"いただいた寄付・会費がどう使われているか、年度別の収支を誰でも確認できます。 透明性を大切にしています。"})]}),e.jsxs(l,{to:"/transparency",className:"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-white text-emerald-700 font-semibold hover:bg-emerald-50 transition-colors flex-shrink-0",children:["財務状況を見る",e.jsx(w,{className:"w-4 h-4"})]})]})})})}),e.jsx("section",{className:"py-20 bg-gradient-to-b from-white to-emerald-50",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 text-center animate-fade-in",children:[e.jsx(n,{className:"w-12 h-12 text-emerald-600 mx-auto mb-4"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-gray-900 mb-4",children:"一緒に里山を育てませんか"}),e.jsx("p",{className:"text-gray-600 max-w-2xl mx-auto mb-8 leading-relaxed",children:"会員として活動に参加したり、寄付で応援したり。 一人ひとりの力が、豊かな里山と子どもたちの未来をつくります。"}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 justify-center",children:[e.jsxs(l,{to:"/membership/apply",className:"inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-emerald-600 hover:bg-emerald-500 text-white font-semibold shadow-sm transition-colors",children:[e.jsx(i,{className:"w-5 h-5"}),"会員になる"]}),e.jsxs(l,{to:"/donate",className:"inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-white hover:bg-gray-50 text-emerald-700 font-semibold shadow-sm border border-emerald-200 transition-colors",children:[e.jsx(n,{className:"w-5 h-5"}),"寄付する"]})]})]})}),e.jsx(y,{})]})}export{U as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.