function EndLessGlowingInterface({ buttons }) { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen flex flex-col items-center justify-center overflow-hidden bg-black", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl font-bold text-white mb-8 animate-pulse", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-endless", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "EndLess")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, buttons.map((button, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "px-6 py-3 text-lg font-semibold text-purple-400 border-2 border-purple-400 rounded-full hover:text-purple-300 hover:border-purple-300 transition-colors duration-300 animate-glow", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, button))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 border-8 border-purple-500 animate-border-glow", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-red-500 via-green-500 to-blue-500 opacity-20 animate-rgb-rotation", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, ` @keyframes glow { 0%, 100% { box-shadow: 0 0 5px #a855f7, 0 0 10px #a855f7, 0 0 15px #a855f7; } 50% { box-shadow: 0 0 10px #a855f7, 0 0 20px #a855f7, 0 0 30px #a855f7; } } @keyframes border-glow { 0%, 100% { box-shadow: 0 0 10px #a855f7, 0 0 20px #a855f7; } 50% { box-shadow: 0 0 20px #a855f7, 0 0 40px #a855f7; } } @keyframes rgb-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animate-glow { animation: glow 2s infinite; } .animate-border-glow { animation: border-glow 2s infinite; } .animate-rgb-rotation { animation: rgb-rotation 10s linear infinite; } `)); } function EndLessGlowingInterfaceStory() { const buttons = [ "Contact Us", "The Team", "About", "Services" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(EndLessGlowingInterface, { buttons: buttons, __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this })); } function Contact({ label, email, subject, body }) { const handleContactClick = ()=>{ const gmailComposeUrl = `https://mail.google.com/mail/?view=cm&fs=1&to=${encodeURIComponent(email)}&su=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; window.open(gmailComposeUrl, '_blank'); }; return /*#__PURE__*/ React.createElement("div", { className: "relative inline-block", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleContactClick, className: "bg-black border-2 border-purple-500 text-transparent bg-clip-text bg-gradient-to-r from-red-500 via-green-500 to-blue-500 font-bold py-2 px-4 rounded-lg transition duration-300 hover:shadow-lg hover:scale-105", style: { animation: 'rgbGlow 5s linear infinite', textShadow: '0 0 10px rgba(255,255,255,0.5)' }, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, label), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, ` @keyframes rgbGlow { 0% { box-shadow: 0 0 5px #ff0000; } 33% { box-shadow: 0 0 5px #00ff00; } 66% { box-shadow: 0 0 5px #0000ff; } 100% { box-shadow: 0 0 5px #ff0000; } } `)); } function ContactStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-800 min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/gaming-controller.png", alt: "Gaming controller icon", className: "w-24 h-24 mx-auto mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Contact, { label: "Contact", email: "uedbejuxaosmhbkble@nbmbb.com", subject: "Team Inquiry", body: "Hi I would like to see if any spots in your team are currently available", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [currentSlide, setCurrentSlide] = React.useState(0); const images = [ { src: '/fortnite1.jpg', alt: 'Fortnite gameplay screenshot showing intense battle royale action' }, { src: '/rocketleague1.jpg', alt: 'Rocket League arena view with cars mid-air trying to score' }, { src: '/fortnite2.jpg', alt: 'Fortnite character skins showcasing diverse and colorful outfits' }, { src: '/rocketleague2.jpg', alt: 'Rocket League car performing spectacular aerial maneuver to hit the ball' } ]; const nextSlide = ()=>{ setCurrentSlide((prev)=>prev === images.length - 1 ? 0 : prev + 1); }; const prevSlide = ()=>{ setCurrentSlide((prev)=>prev === 0 ? images.length - 1 : prev - 1); }; const buttons = [ "Our Team", "Tournaments", "Sponsors", "Contact" ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 text-white min-h-screen font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[150vh]", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(EndLessGlowingInterface, { buttons: buttons.map((button)=>button === "Contact" ? /*#__PURE__*/ React.createElement(Contact, { key: button, label: button, email: "uedbejuxaosmhbkble@nbmbb.com", subject: "Team Inquiry", body: "Hi I would like to see if any spots in your team are currently available", __source: { fileName: "", lineNumber: 25, columnNumber: 13 } }) : button), __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-12", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Welcome to Endless Esports"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "We are a professional esports team dominating in Fortnite and Rocket League. Join us on our journey to esports glory!")), /*#__PURE__*/ React.createElement("section", { className: "relative", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Our Games"), /*#__PURE__*/ React.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, images.map((image, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: image.src, alt: image.alt, className: `absolute top-0 left-0 w-full h-full object-cover transition-opacity duration-500 ${index === currentSlide ? 'opacity-100' : 'opacity-0'}`, __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: prevSlide, className: "absolute top-1/2 left-4 transform -translate-y-1/2 bg-black bg-opacity-50 text-white p-2 rounded-full", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: nextSlide, className: "absolute top-1/2 right-4 transform -translate-y-1/2 bg-black bg-opacity-50 text-white p-2 rounded-full", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 py-4 mt-12", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "© 2023 Endless Esports. All rights reserved.")))); }