function MainComponent() { const [currentSlide, setCurrentSlide] = useState(0); const [isTransitioning, setIsTransitioning] = useState(false); const slides = [ { title: "Welcome to Cheepr!", description: "Your go-to app for the best local deals and discounts around campus.", image: "https://ucarecdn.com/f5c52ef8-76c6-4ad8-ab91-dcde2f7b8b53/", color: "from-[#F5A042] to-[#FAC676]" }, { title: "Exclusive Member Deals", description: "Get access to members-only deals for just $7 per semester and save hundreds!", image: "https://ucarecdn.com/05f62f24-e09f-46ee-975d-65e7b6219f77/", color: "from-[#F5A042] to-[#FAC676]" }, { title: "Community Powered", description: "Find and share the best deals from your favorite local spots.", image: "https://ucarecdn.com/33e5cf45-2505-414e-9223-4ab0abf933da/", color: "from-[#F5A042] to-[#FAC676]" } ]; const goToHome = ()=>{ window.location.href = "/home"; }; const handleNextSlide = ()=>{ setIsTransitioning(true); setTimeout(()=>{ setCurrentSlide((prev)=>prev + 1); setIsTransitioning(false); }, 300); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen flex flex-col bg-gradient-to-b ${slides[currentSlide].color} transition-colors duration-1000`, __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col items-center justify-center px-4 py-16", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-8 justify-center", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, slides.map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `h-1.5 rounded-full transition-all duration-500 ${index === currentSlide ? "w-8 bg-white" : index < currentSlide ? "w-4 bg-white opacity-70" : "w-4 bg-white/30"}`, __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: `transform transition-all duration-500 ${isTransitioning ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"}`, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `mb-8 ${isTransitioning ? "" : "animate-float"}`, __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-48 h-48 mx-auto rounded-full overflow-hidden shadow-xl flex items-center justify-center bg-white", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: slides[currentSlide].image, alt: `Food illustration for ${slides[currentSlide].title}`, className: `w-full h-full object-cover object-center transition-transform duration-500 ${currentSlide === 2 ? "scale-85" : ""} hover:!scale-110`, style: { objectPosition: "40% 35%" }, __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-6 transition-all duration-300", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, slides[currentSlide].title), /*#__PURE__*/ React.createElement("p", { className: "text-white/90 text-lg leading-relaxed transition-all duration-300", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, slides[currentSlide].description)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, currentSlide < slides.length - 1 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: handleNextSlide, className: "w-full bg-white text-[#2C1810] py-4 rounded-xl font-semibold hover:bg-white/90 transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98] shadow-lg hover:shadow-xl", disabled: isTransitioning, __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, "Next"), /*#__PURE__*/ React.createElement("button", { onClick: goToHome, className: "w-full bg-transparent text-white py-4 rounded-xl font-semibold border border-white/30 hover:bg-white/10 transition-all duration-300", __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, "Skip")) : /*#__PURE__*/ React.createElement("button", { onClick: goToHome, className: "w-full bg-white text-[#2C1810] py-4 rounded-xl font-semibold hover:bg-white/90 transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98] shadow-lg hover:shadow-xl", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, "Get Started"))))), /*#__PURE__*/ React.createElement("div", { className: "text-center pb-8 px-4", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white/70 text-sm transition-opacity duration-300 hover:opacity-100", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, "By continuing, you agree to our", " ", /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: "underline hover:text-white", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "Terms of Service"), " ", "and", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "underline hover:text-white", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, "Privacy Policy"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, ` @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 3s ease-in-out infinite; } .scale-85 { transform: scale(0.85); } .hover\\:!scale-110:hover { transform: scale(1.1) !important; } `)); }