"use client"; function MainComponent() { const [currentIndex, setCurrentIndex] = useState(0); const texts = [ { en: "is a publishing label in Tokyo" }, { en: "values books as a platform" }, { en: "values feeling over logic" }, { en: "values 'personal matters'" }, { en: "values 'work-in progress'" }, { en: "values 'not too much'" } ]; 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 justify-center text-[#333333] overflow-hidden relative p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center w-full max-w-6xl gap-4 md:gap-8", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[96px] md:w-[240px] ml-[10px]", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5b20914e-cb95-468f-97a3-dbdcac45c21b/-/format/auto/", alt: "Abstract geometric line drawing", className: "w-full h-auto spin", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 ml-[40px]", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[27px] md:text-[59px] font-gill-sans-nova font-medium italic tracking-[.1em] md:tracking-[.2em] mb-2 md:mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "FORGET", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), "BOOKS"), /*#__PURE__*/ React.createElement("div", { className: "relative mt-2 md:mt-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[18px] md:text-[50px] font-cormorant-garamond font-bold slide-up whitespace-nowrap", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, texts[currentIndex].en)))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 57, 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); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .spin { animation: spin 20s linear infinite; } .slide-up { animation: slideUp 3s linear infinite; } .slide-up-delay { animation: slideUp 3s linear infinite; animation-delay: 0.1s; } @media (max-width: 768px) { .max-w-6xl { flex-direction: row; align-items: flex-start; } .w-[300px] { width: 120px; } h1 { font-size: 28px; margin-bottom: 1rem; } .text-[36px] { font-size: 16px; white-space: nowrap; } .text-[12px] { font-size: 8px; white-space: nowrap; } .tracking-[.2em] { letter-spacing: 0.1em; } } `)); }

FORGETBOOKS

FORGET
BOOKS