function MainComponent() { const [email, setEmail] = React.useState(''); const handleEmailChange = (event)=>{ setEmail(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); }; const handleLogoClick = ()=>{}; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#010101] text-white", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-4 px-6 md:px-12 bg-[#1a1a1a] flex justify-between items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center cursor-pointer", onClick: handleLogoClick, __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/56affe86-5e97-4b1f-bb7b-fadaf17e0a9e/", alt: "Le Classique Streetwear Brand Logo", className: "w-[120px] h-[70px] mr-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl md:text-4xl font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-6 md:space-x-12", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto hover:text-gray-300", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto hover:text-gray-300", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Collection"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto hover:text-gray-300", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Story"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto hover:text-gray-300", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-center py-24", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-5xl md:text-7xl font-roboto tracking-widest mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Le Classique"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-light font-roboto max-w-[600px] text-center mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Les Tours sont Tombes"), /*#__PURE__*/ React.createElement("div", { className: "py-2 px-6 bg-white text-black rounded-md font-medium font-roboto cursor-pointer hover:bg-gray-200 transition-colors", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Explore Now")), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a1a1a] py-6", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center font-light font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "© 2023 Le Classique, Inc. All Rights Reserved."))); }