function MainComponent() { const blueBgStyle = { backgroundColor: "#0000FF", minHeight: "100vh" }; const woodieTextStyle = { fontFamily: "streetwear", color: "#FFFFFF", textShadow: "3px 3px #000000" }; const fadeText = { "0%": { opacity: 0 }, "100%": { opacity: 0.5 } }; const backgroundWords = "Woodie Woodie Woodie Woodie Woodie Woodie Woodie Woodie Woodie Woodie Woodie Woodie "; return /*#__PURE__*/ React.createElement("div", { style: blueBgStyle, className: "w-full h-full relative flex flex-col items-center justify-between font-roboto overflow-hidden", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/black-t-shirt.png", alt: "Black T-shirt PNG", className: "max-w-full mt-6 animate-pulse", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full px-4 py-6", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/black-hoodie.png", alt: "Black Basic Hoodie", className: "w-full", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/white-black-tops-girls.png", alt: "White and Black Tops for Girls", className: "w-full mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-[50px]", style: woodieTextStyle, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Woodie"), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/woodie", className: "absolute bottom-4 text-[#FFFFFF] text-2xl", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "special-text absolute inset-0 m-8 tracking-wider", style: { animation: 'fadeIn 5s infinite' }, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, backgroundWords), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { ${Object.entries(fadeText).map(([key, value])=>`${key} { opacity: ${value.opacity}; }`).join(' ')} } .special-text::before { content: 'Woodie'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10vw; font-family: 'streetwear'; color: rgba(255, 255, 255, 0.05); white-space: nowrap; } `)); }