function MainComponent() { const [currentIndex, setCurrentIndex] = useState(0); const texts = [ { en: "is a Tokyo-based design studio", jp: "FORGETは東京を拠点とする総合デザイン事務所です" }, { en: "focuses on spacial practice from a book to architecture", jp: "FORGETは一冊の本から建築まで、さまざまな空間的実践に取り組みます" }, { en: "respects all cultures across time and place", jp: "FORGETは時代や場所を超えた全ての文化をリスペクトします" }, { en: "values illuminating new dimensions of all cultures", jp: "FORGETは全ての文化の新たな側面に光をあてることを大切にします" }, { en: "values feeling over logic", jp: "FORGETは論理よりも感覚を大切にします" }, { en: "values 'personal matters'", jp: "FORGETは「個人的な体験」を大切にします" }, { en: "values 'work-in progress'", jp: "FORGETは「ワークインプログレス」を大切にします" }, { en: "values 'not too much'", jp: "FORGETは「過ぎない」ことを大切にします" } ]; useEffect(()=>{ const timer = setInterval(()=>{ setCurrentIndex((prevIndex)=>(prevIndex + 1) % texts.length); }, 3000); return ()=>clearInterval(timer); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F3F3] flex flex-col items-center text-[#333333] overflow-hidden relative", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 w-[240px] md:w-[480px] h-[240px] md:h-[480px] mx-auto my-auto", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2e8584b2-26be-4276-a94d-b0d13159f038/-/format/auto/", alt: "Abstract geometric line drawing", className: "w-full h-full object-contain opacity-60", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col items-center justify-center relative z-10 mt-[10px] md:mt-[20px]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { onClick: ()=>window.location.href = "https://www.forgetstudio.com/info", className: "text-[24px] md:text-[60px] italic font-helvetica tracking-tight mb-0 cursor-pointer font-medium", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "F O R G E T"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center cursor-pointer px-4", onClick: ()=>window.location.href = "https://www.forgetstudio.com/info", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[16px] md:text-[40px] slide-up font-cormorant-garamond font-semibold text-center", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, texts[currentIndex].en))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-8 z-10 px-4", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[8px] md:text-[16px] slide-up-delay font-noto-serif-jp text-center", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, texts[currentIndex].jp)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+JP:wght@400;500&display=swap'); @keyframes slideUp { 0% { opacity: 0; transform: translateY(10px); } 15% { opacity: 1; transform: translateY(0); } 85% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-10px); } } .slide-up { animation: slideUp 3s linear infinite; } .slide-up-delay { animation: slideUp 3s linear infinite; animation-delay: 0.1s; } `)); }