https://purva.readdy.co/assets/page-E_OxUpxQ.js

1import{r as a,j as e}from"./index-PDltgJtu.js";import{u as y}from"./useTranslation-CCwGQmLz.js";function N({isScrolled:t}){const[r,i]=a.useState(!1),l=t!==void 0?t:r;return a.useEffect(()=>{if(t!==void 0)return;const s=()=>{i(window.scrollY>20)};return s(),window.addEventListener("scroll",s),()=>window.removeEventListener("scroll",s)},[t]),e.jsx("nav",{className:`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${l?"bg-white shadow-md":"bg-transparent"}`,children:e.jsx("div",{className:"w-full px-4 sm:px-6 lg:px-12",children:e.jsxs("div",{className:"flex items-center justify-between h-16 sm:h-20",children:[e.jsxs("button",{onClick:()=>window.REACT_APP_NAVIGATE("/supporter"),className:"flex items-center gap-2 sm:gap-2.5 cursor-pointer group",children:[e.jsxs("div",{className:"relative w-8 h-8 sm:w-9 sm:h-9 flex items-center justify-center",children:[e.jsx("div",{className:`absolute inset-0 rounded-full border-2 transition-colors duration-300 ${l?"border-champagne":"border-champagne-light"}`}),e.jsx("div",{className:`absolute inset-[3px] rounded-full border transition-colors duration-300 ${l?"border-clarity-silver/50":"border-white/30"}`}),e.jsx("div",{className:`absolute top-1/2 left-[3px] right-[3px] h-px transition-colors duration-300 ${l?"bg-champagne/60":"bg-champagne-light/60"}`}),e.jsx("div",{className:`absolute inset-y-[3px] left-1/2 -translate-x-1/2 w-[14px] rounded-full border transition-colors duration-300 ${l?"border-champagne/60":"border-champagne-light/60"}`}),e.jsx("div",{className:`relative w-1.5 h-1.5 rounded-full transition-colors duration-300 ${l?"bg-champagne":"bg-champagne-light"}`})]}),e.jsx("span",{className:`text-xl sm:text-2xl font-display font-bold transition-colors duration-300 tracking-tight ${l?"text-proof":"text-white"}`,children:"PURVA"})]}),e.jsxs("button",{onClick:()=>window.REACT_APP_NAVIGATE("/"),className:`flex items-center gap-1.5 px-4 sm:px-5 py-2 sm:py-2.5 text-xs sm:text-sm font-semibold rounded-lg transition-all duration-300 whitespace-nowrap cursor-pointer ${l?"bg-proof text-white hover:bg-proof/90":"bg-white/15 backdrop-blur-md text-white border border-white/25 hover:bg-white/25"}`,children:[e.jsx("i",{className:"ri-global-line text-sm sm:text-base"}),"韓国公式サイトへ"]})]})})})}function v(){const[t,r]=a.useState(!1),[i,l]=a.useState(!1),[s,d]=a.useState(!1);return e.jsxs("footer",{className:"bg-proof text-white py-10 sm:py-16 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 grid-pattern-light opacity-20"}),e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto px-5 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 sm:gap-12 mb-8 sm:mb-12",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl sm:text-2xl font-display font-bold mb-3 sm:mb-4 tracking-tight",children:"PURVA"}),e.jsxs("p",{className:"text-xs sm:text-sm text-clarity-silver leading-relaxed font-light tracking-wider-custom",children:["実証データが、日本進出の成功を導く。",e.jsx("br",{}),"韓国企業の日本進出を支える",e.jsx("br",{}),"証拠プラットフォーム、プルバ(PURVA)。"]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm sm:text-base font-display font-bold mb-3 sm:mb-4 tracking-tight",children:e.jsx("a",{href:"#contact",children:"お問い合わせ"})}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("a",{href:"mailto:[email protected]",className:"flex items-center text-xs sm:text-sm text-clarity-silver hover:text-white transition-colors duration-300",rel:"nofollow",children:[e.jsx("i",{className:"ri-mail-line mr-2 text-clarity-gold"}),"[email protected]"]}),e.jsx("button",{onClick:()=>window.REACT_APP_NAVIGATE("/"),className:"flex items-center gap-2 px-4 py-2 bg-champagne/20 hover:bg-champagne/30 border border-champagne/40 text-champagne-light text-xs sm:text-sm font-medium rounded-lg transition-all duration-300 whitespace-nowrap cursor-pointer mt-3 font-ja",children:"モニターに応募する"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm sm:text-base font-display font-bold mb-3 sm:mb-4 tracking-tight",children:e.jsx("a",{href:"#business-info",children:"事業者情報"})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-xs sm:text-sm text-clarity-silver leading-relaxed font-light tracking-wider-custom",children:"株式会社JINI COMPANY"}),e.jsxs("a",{href:"https://jinicompany.com/",target:"_blank",rel:"noopener noreferrer nofollow",className:"inline-flex items-center text-xs sm:text-sm text-clarity-silver hover:text-clarity-gold transition-colors duration-300 font-light cursor-pointer",children:[e.jsx("i",{className:"ri-external-link-line mr-1"}),"jinicompany.com"]}),e.jsx("p",{className:"text-xs sm:text-sm text-clarity-silver leading-relaxed font-light tracking-wider-custom",children:"韓国ソウル市江南区テヘラン路 152, 江南ファイナンスセンター 17階"})]})]})]}),e.jsx("div",{className:"pt-6 sm:pt-8 border-t border-white/10",children:e.jsx("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-2",children:e.jsx("p",{className:"text-xs sm:text-sm text-clarity-silver/60 font-light tracking-wider-custom",children:"© 2025 PURVA by JINI COMPANY. All rights reserved."})})})]})]})}function w(){const{t}=y("common"),r=()=>{const i=document.getElementById("registration");if(i){const d=i.getBoundingClientRect().top+window.pageYOffset-72;window.scrollTo({top:d,behavior:"smooth"})}};return e.jsxs("section",{className:"relative min-h-[85svh] sm:min-h-[90svh] flex items-center justify-center overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("img",{src:"https://public.readdy.ai/ai/img_res/9b482c2079c0e17537ce9737ab3abb3d.jpg",alt:"Gyeongbokgung Palace Seoul Korea",className:"w-full h-full object-cover object-top"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-black/50 via-black/40 to-black/60"})]}),e.jsx("div",{className:"relative z-10 w-full max-w-5xl mx-auto px-5 sm:px-6 lg:px-8 py-20 sm:py-32 text-center",children:e.jsxs("div",{className:"space-y-5 sm:space-y-8",children:[e.jsx("div",{className:"inline-flex items-center px-4 sm:px-5 py-2 bg-white/10 backdrop-blur-md rounded-full border border-white/20",children:e.jsx("span",{className:"text-xs sm:text-sm font-semibold text-white whitespace-nowrap tracking-wider",children:"PURVA公式サポータープログラム"})}),e.jsxs("h1",{className:"text-2xl sm:text-4xl lg:text-5xl xl:text-6xl font-display font-bold text-white leading-tight tracking-tight",children:["韓国旅行の新しい楽しみ。",e.jsx("br",{}),"日本未発売Kブランドを、",e.jsx("br",{}),"いち早く体験する。"]}),e.jsx("div",{className:"pt-4 sm:pt-8",children:e.jsxs("button",{onClick:r,className:"inline-flex items-center px-8 sm:px-10 py-4 sm:py-5 bg-muted-red text-white text-base sm:text-lg font-bold rounded-xl hover:bg-muted-red-dark transition-all duration-300 shadow-xl hover:shadow-muted-red/30 whitespace-nowrap tracking-wide cursor-pointer",children:["公式サポーター登録はこちら",e.jsx("i",{className:"ri-arrow-right-line ml-2 text-lg sm:text-xl"})]})})]})})]})}function k(){const t=a.useRef(null),[r,i]=a.useState(!1);a.useEffect(()=>{if(!("IntersectionObserver"in window)){i(!0);return}const s=new IntersectionObserver(([m])=>{m?.isIntersecting&&i(!0)},{threshold:.2}),d=t.current;return d&&s.observe(d),()=>{s.disconnect()}},[]);const l=[{text:"本プログラムは、",light:!0},{text:"韓国旅行とブランド体験を結びつけた特別なプログラムです。",light:!1},{text:"日本市場進出前の商品を、",light:!0}

1,{text:"旅行中に実際に体験していただきます。",light:!1},{text:"皆さまのリアルな声が、",light:!0},{text:"日本市場での正式展開につながります。",light:!1}];return e.jsx("section",{ref:t,className:"py-20 sm:py-28 bg-[#fafbfc]",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-5 sm:px-8",children:[e.jsxs("div",{className:`text-center mb-12 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"text-xs text-[#0a1929]/40 tracking-[0.2em] uppercase font-medium",children:"About Program"}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-display text-[#0a1929] mt-3 font-bold tracking-tight",children:"プログラムについて"})]}),e.jsx("div",{className:`max-w-2xl mx-auto transition-all duration-700 delay-200 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:e.jsx("div",{className:"space-y-1 text-center",children:l.map((s,d)=>e.jsx("p",{className:`text-base sm:text-lg leading-loose ${s.light?"text-gray-400 font-light":"text-[#0a1929] font-medium"}`,children:s.text},d))})}),e.jsx("div",{className:`mt-14 sm:mt-16 rounded-2xl overflow-hidden transition-all duration-700 delay-400 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:e.jsxs("div",{className:"relative w-full h-[240px] sm:h-[320px]",children:[e.jsx("img",{src:"https://public.readdy.ai/ai/img_res/01f9a4a3350179dadc8206cda2526f12.jpg",alt:"NORI HOTEL Experience",className:"w-full h-full object-cover object-top"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[#0a1929]/40 to-transparent"}),e.jsx("div",{className:"absolute bottom-6 left-6 sm:bottom-8 sm:left-8",children:e.jsx("span",{className:"px-4 py-2 bg-white/90 backdrop-blur-sm rounded-lg text-xs sm:text-sm font-medium text-[#0a1929]",children:"NORI HOTEL × PURVA 体験プログラム"})})]})})]})})}function S(){const t=a.useRef(null),[r,i]=a.useState(!1);a.useEffect(()=>{if(typeof IntersectionObserver>"u"){i(!0);return}const s=new IntersectionObserver(([d])=>{d?.isIntersecting&&(i(!0),s.disconnect())},{threshold:.15});return t.current&&s.observe(t.current),()=>s.disconnect()},[]);const l=[{icon:"ri-hotel-line",title:"NORI HOTEL宿泊特典",desc:"明洞「NORI HOTEL」宿泊特典コード提供"},{icon:"ri-sparkling-line",title:"未発売ブランド先行体験",desc:"日本未発売ブランドの先行体験"},{icon:"ri-gift-2-line",title:"限定サンプル進呈",desc:"限定プレミアムサンプル進呈"}];return e.jsxs("section",{ref:t,className:"py-20 sm:py-28 bg-[#0a1929] relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 grid-pattern-light opacity-10"}),e.jsxs("div",{className:"relative z-10 max-w-5xl mx-auto px-5 sm:px-8",children:[e.jsxs("div",{className:`text-center mb-14 sm:mb-16 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"text-xs text-white/30 tracking-[0.2em] uppercase font-medium",children:"Supporter Benefits"}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-display text-white font-bold mt-3 tracking-tight",children:"サポーター限定特典"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:l.map((s,d)=>e.jsxs("div",{className:`bg-white rounded-2xl p-7 sm:p-8 hover:shadow-xl hover:-translate-y-1 transition-all duration-500 group ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:`${200+d*150}ms`},children:[e.jsx("div",{className:"w-14 h-14 flex items-center justify-center rounded-full bg-[#0a1929] mb-5 group-hover:scale-110 transition-transform duration-300",children:e.jsx("i",{className:`${s.icon} text-2xl text-white`})}),e.jsx("h3",{className:"text-base sm:text-lg font-bold text-[#0a1929] mb-3 tracking-tight",children:s.title}),e.jsx("p",{className:"text-sm text-gray-500 leading-relaxed font-light",children:s.desc})]},d))})]})]})}function I(){const t=a.useRef(null),[r,i]=a.useState(!1);return a.useEffect(()=>{const l=new IntersectionObserver(([s])=>{s.isIntersecting&&i(!0)},{threshold:.2});return t.current&&l.observe(t.current),()=>{l.disconnect()}},[]),e.jsx("section",{ref:t,className:"py-20 sm:py-28 bg-white",children:e.jsxs("div",{className:"max-w-5xl mx-auto px-5 sm:px-8",children:[e.jsxs("div",{className:`text-center mb-14 sm:mb-16 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"text-xs text-[#0a1929]/40 tracking-[0.2em] uppercase font-medium",children:"How To Join"}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-display text-[#0a1929] mt-3 font-bold tracking-tight",children:"参加方法"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 sm:gap-8 relative",children:[e.jsx("div",{className:"hidden md:flex absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10",children:e.jsx("div",{className:"w-12 h-12 flex items-center justify-center rounded-full bg-[#0a1929] shadow-lg",children:e.jsx("i",{className:"ri-arrow-right-line text-white text-lg"})})}),e.jsxs("div",{className:`relative bg-[#fafbfc] rounded-2xl p-8 sm:p-10 border border-gray-100 overflow-hidden transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:"200ms"},children:[e.jsx("span",{className:"absolute top-4 right-6 text-[80px] sm:text-[100px] font-display font-bold leading-none select-none",style:{color:"rgba(10,25,41,0.04)"},children:"01"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("span",{className:"inline-block px-3 py-1 bg-[#0a1929] text-white text-xs font-medium rounded-md mb-5",children:"渡航前登録"}),e.jsx("h3",{className:"text-xl sm:text-2xl font-bold text-[#0a1929] mb-4 tracking-tight",children:"ã‚

1ªãƒ³ãƒ©ã‚¤ãƒ³ç™»éŒ²"}),e.jsx("p",{className:"text-sm text-gray-500 leading-relaxed font-light",children:"旅行前にオンラインでサポーター登録。"})]})]}),e.jsx("div",{className:"flex md:hidden justify-center",children:e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-full bg-[#0a1929]",children:e.jsx("i",{className:"ri-arrow-down-line text-white text-base"})})}),e.jsxs("div",{className:`relative bg-[#fafbfc] rounded-2xl p-8 sm:p-10 border border-gray-100 overflow-hidden transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:"400ms"},children:[e.jsx("span",{className:"absolute top-4 right-6 text-[80px] sm:text-[100px] font-display font-bold leading-none select-none",style:{color:"rgba(10,25,41,0.04)"},children:"02"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("span",{className:"inline-block px-3 py-1 bg-[#0a1929] text-white text-xs font-medium rounded-md mb-5",children:"現地参加"}),e.jsx("h3",{className:"text-xl sm:text-2xl font-bold text-[#0a1929] mb-4 tracking-tight",children:"客室内QRコード参加"}),e.jsx("p",{className:"text-sm text-gray-500 leading-relaxed font-light",children:"ご宿泊中の方は、客室内のQRコードからすぐに参加可能。"})]})]})]})]})})}function R(){const t=a.useRef(null),[r,i]=a.useState(!1);return a.useEffect(()=>{if(typeof IntersectionObserver>"u"){i(!0);return}const l=new IntersectionObserver(([d])=>{d?.isIntersecting&&i(!0)},{threshold:.2}),s=t.current;return s&&l.observe(s),()=>{l.disconnect()}},[]),e.jsx("section",{ref:t,className:"py-20 sm:py-28 bg-[#f5f7f9]",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-5 sm:px-8",children:[e.jsxs("div",{className:`text-center mb-12 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"text-xs text-[#0a1929] text-opacity-40 tracking-[0.2em] uppercase font-medium",children:"Attention"}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-display text-[#0a1929] mt-3 font-bold tracking-tight",children:"アンケート回答へのご協力"})]}),e.jsxs("div",{className:`bg-white rounded-2xl p-8 sm:p-12 border border-gray-100 transition-all duration-700 delay-200 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-xl bg-[#0a1929] bg-opacity-5 shrink-0 mt-0.5",children:e.jsx("i",{className:"ri-survey-line text-xl text-[#0a1929]"})}),e.jsx("div",{children:e.jsx("p",{className:"text-sm sm:text-base text-gray-600 leading-relaxed font-light",children:"本プログラムは、皆さまの貴重なフィードバックをブランドへ届けることを目的としています。"})})]}),e.jsx("div",{className:"bg-[#0a1929] bg-opacity-5 rounded-xl p-5 sm:p-6 mb-6",children:e.jsxs("p",{className:"text-sm sm:text-base text-[#0a1929] font-medium leading-relaxed",children:["商品体験後、",e.jsx("strong",{children:"専用アンケートへの回答は必須"}),"となりますので、あらかじめご了承ください。"]})}),e.jsx("p",{className:"text-sm sm:text-base text-gray-600 leading-relaxed font-light",children:"皆さまのリアルな感想が、ブランドの日本進出を左右する大切なデータとなります。"})]})]})})}const E="https://readdy.ai/api/form/d6ab2c5t1k61917cmn1g",_=["スキンケア","メイクアップ","ヘアケア","ボディケア","フレグランス","ヘルスケア","フード・ドリンク","その他"],O=[{value:"女性",label:"女性"},{value:"男性",label:"男性"},{value:"その他",label:"その他"},{value:"回答しない",label:"回答しない"}];function T(){const t=a.useRef(null),[r,i]=a.useState(!1),[l,s]=a.useState(!1),[d,m]=a.useState(!1),[g,h]=a.useState(""),[o,u]=a.useState({name:"",email:"",phone:"",gender:"",sns_url:"",travel_date:"",stay_nights:"",interests:[],message:""});a.useEffect(()=>{const n=new IntersectionObserver(([c])=>{c.isIntersecting&&i(!0)},{threshold:.1});return t.current&&n.observe(t.current),()=>n.disconnect()},[]);const x=n=>{const{name:c,value:p}=n.target;u(j=>({...j,[c]:p}))},b=n=>{u(c=>({...c,interests:c.interests.includes(n)?c.interests.filter(p=>p!==n):[...c.interests,n]}))},f=async n=>{if(n.preventDefault(),h(""),!o.name||!o.email||!o.gender){h("必須項目をご入力ください。");return}s(!0);try{const c=new URLSearchParams;c.append("name",o.name),c.append("email",o.email),c.append("phone",o.phone),c.append("gender",o.gender),c.append("sns_url",o.sns_url),c.append("travel_date",o.travel_date),c.append("stay_nights",o.stay_nights),c.append("interests",o.interests.join(", ")),c.append("message",o.message),(await fetch(E,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:c.toString()})).ok?m(!0):h("送信中にエラーが発生しました。もう一度お試しください。")}catch{h("送信中にエラーが発生しました。もう一度お試しください。")}finally{s(!1)}};

1return d?e.jsx("section",{ref:t,id:"registration",className:"py-20 sm:py-28 bg-white",children:e.jsx("div",{className:"max-w-2xl mx-auto px-5 sm:px-8 text-center",children:e.jsxs("div",{className:"bg-[#fafbfc] rounded-2xl p-10 sm:p-14 border border-gray-100",children:[e.jsx("div",{className:"w-16 h-16 flex items-center justify-center rounded-full bg-emerald-50 mx-auto mb-6",children:e.jsx("i",{className:"ri-check-line text-3xl text-emerald-500"})}),e.jsx("h3",{className:"text-xl sm:text-2xl font-bold text-[#0a1929] mb-3",children:"ご登録ありがとうございます！"}),e.jsxs("p",{className:"text-sm text-gray-500 font-light leading-relaxed mb-8",children:["サポーター登録を受け付けました。",e.jsx("br",{}),"確認後、ご登録のメールアドレスへご案内をお送りいたします。"]}),e.jsx("button",{onClick:()=>{m(!1),u({name:"",email:"",phone:"",gender:"",sns_url:"",travel_date:"",stay_nights:"",interests:[],message:""})},className:"inline-flex items-center gap-2 px-6 py-3 bg-[#0a1929] text-white text-sm font-medium rounded-full hover:bg-[#102a43] transition-all duration-300 whitespace-nowrap cursor-pointer",children:"閉じる"})]})})}):e.jsx("section",{ref:t,id:"registration",className:"py-20 sm:py-28 bg-white",children:e.jsxs("div",{className:"max-w-2xl mx-auto px-5 sm:px-8",children:[e.jsxs("div",{className:`text-center mb-12 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"text-xs text-[#0a1929]/40 tracking-[0.2em] uppercase font-medium",children:"Registration"}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-display text-[#0a1929] mt-3 font-bold tracking-tight",children:"サポーター登録"}),e.jsx("p",{className:"text-sm text-gray-500 font-light mt-3 max-w-md mx-auto leading-relaxed",children:"特典の提供およびスムーズな運営のため、必要事項のご入力をお願いいたします。"})]}),e.jsxs("form",{"data-readdy-form":!0,id:"supporter-registration-form",onSubmit:f,className:`bg-[#fafbfc] rounded-2xl p-6 sm:p-10 border border-gray-100 transition-all duration-700 delay-200 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsxs("div",{className:"mb-5",children:[e.jsxs("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:["お名前 ",e.jsx("span",{className:"text-red-400",children:"*"})]}),e.jsx("input",{type:"text",name:"name",value:o.name,onChange:x,placeholder:"山田 太郎",required:!0,className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all"})]}),e.jsxs("div",{className:"mb-5",children:[e.jsxs("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:["メールアドレス ",e.jsx("span",{className:"text-red-400",children:"*"})]}),e.jsx("input",{type:"email",name:"email",value:o.email,onChange:x,placeholder:"[email protected]",required:!0,className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all"})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"電話番号"}),e.jsx("input",{type:"tel",name:"phone",value:o.phone,onChange:x,placeholder:"090-0000-0000",className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all"})]}),e.jsxs("div",{className:"mb-5",children:[e.jsxs("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:["性別 ",e.jsx("span",{className:"text-red-400",children:"*"})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:O.map(n=>e.jsx("button",{type:"button",onClick:()=>u(c=>({...c,gender:n.value})),className:`px-4 py-2.5 rounded-lg text-xs font-medium border transition-all duration-200 cursor-pointer whitespace-nowrap ${o.gender===n.value?"bg-[#0a1929] text-white border-[#0a1929]":"bg-white text-gray-500 border-gray-200 hover:border-gray-300"}`,children:n.label},n.value))})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"SNSアカウント（URL）"}),e.jsx("input",{type:"url",name:"sns_url",value:o.sns_url,onChange:x,placeholder:"https://instagram.com/username",className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all"}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-1 font-light",children:"Instagram, X(Twitter), YouTube, TikTokなã

1©ã€ã„ずれか1つのURLをご入力ください"})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"渡航予定日"}),e.jsx("input",{type:"date",name:"travel_date",value:o.travel_date,onChange:x,placeholder:"å¹´-月-日",className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all"})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"宿泊日数"}),e.jsxs("select",{name:"stay_nights",value:o.stay_nights,onChange:x,className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all cursor-pointer",children:[e.jsx("option",{value:"",children:"選択してください"}),e.jsx("option",{value:"1泊",children:"1泊"}),e.jsx("option",{value:"2泊",children:"2泊"}),e.jsx("option",{value:"3泊",children:"3泊"}),e.jsx("option",{value:"4泊",children:"4泊"}),e.jsx("option",{value:"5泊以上",children:"5泊以上"})]})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"関心カテゴリ（複数選択可）"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:_.map(n=>e.jsx("button",{type:"button",onClick:()=>b(n),className:`px-4 py-2.5 rounded-lg text-xs font-medium border transition-all duration-200 cursor-pointer whitespace-nowrap ${o.interests.includes(n)?"bg-[#0a1929] text-white border-[#0a1929]":"bg-white text-gray-500 border-gray-200 hover:border-gray-300"}`,children:n},n))})]}),e.jsxs("div",{className:"mb-6",children:[e.jsx("label",{className:"block text-xs font-medium text-[#0a1929] mb-1.5",children:"その他ご要望"}),e.jsx("textarea",{name:"message",value:o.message,onChange:n=>{n.target.value.length<=500&&x(n)},placeholder:"ご質問やご要望がございましたらご記入ください（最大500文字）",rows:3,maxLength:500,className:"w-full px-4 py-3 bg-white border border-gray-200 rounded-lg text-sm text-[#0a1929] placeholder-gray-300 focus:outline-none focus:border-[#0a1929]/30 focus:ring-1 focus:ring-[#0a1929]/10 transition-all resize-none"}),e.jsxs("p",{className:"text-[10px] text-gray-400 text-right mt-1",children:[o.message.length,"/500文字"]})]}),g&&e.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-100 rounded-lg",children:e.jsx("p",{className:"text-xs text-red-500",children:g})}),e.jsx("button",{type:"submit",disabled:l,className:"w-full py-4 bg-[#0a1929] text-white font-bold text-sm sm:text-base rounded-full hover:bg-[#102a43] hover:scale-[1.02] transition-all duration-300 shadow-lg shadow-[#0a1929]/20 whitespace-nowrap cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",children:l?e.jsxs("span",{className:"flex items-center justify-center gap-2",children:[e.jsx("i",{className:"ri-loader-4-line animate-spin text-lg"}),"送信中..."]}):"公式サポーターに申し込む"})]})]})})}function C(){const[t,r]=a.useState(!1);return a.useEffect(()=>{const i=()=>{r(window.scrollY>20)};return i(),window.addEventListener("scroll",i),()=>window.removeEventListener("scroll",i)},[]),e.jsxs("div",{className:"min-h-screen bg-white",style:{fontFamily:"'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif"},children:[e.jsx(N,{isScrolled:t}),e.jsx(w,{}),e.jsx(k,{}),e.jsx(S,{}),e.jsx(I,{}),e.jsx(R,{}),e.jsx(T,{}),e.jsx(v,{})]})}export{C as default};
2//# sourceMappingURL=page-E_OxUpxQ.js.map