function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [showScrollTop, setShowScrollTop] = useState(false); useEffect(()=>{ const handleScroll = ()=>{ setShowScrollTop(window.scrollY > 300); }; window.addEventListener("scroll", handleScroll); return ()=>window.removeEventListener("scroll", handleScroll); }, []); const scrollToTop = ()=>{ window.scrollTo({ top: 0, behavior: "smooth" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#FFD180] via-[#FFE0B2] to-[#FFF3E0] flex flex-col", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 left-0 right-0 bg-gradient-to-r from-[#FFD180] to-[#FFE0B2] border-b border-[#FFF3E0] z-50", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-8 py-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4e077d91-3e02-4835-9909-fc24335d508c/-/format/auto/", alt: "Homie Flavors Logo", className: "h-8", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-[#FF4B4B]", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-gradient-to-r from-[#FFD180] to-[#FFE0B2] border-t border-[#FFF3E0] px-8 py-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block py-2 text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block py-2 text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block py-2 text-[#1B1B1B] hover:text-[#FF4B4B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { className: "pt-[100px] md:pt-[160px] px-4 md:px-8 flex-grow", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-16 animate-fade-in", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#1B1B1B] font-inter-tight-medium text-4xl md:text-6xl lg:text-7xl mb-6", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Your Kitchen ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 82, columnNumber: 28 }, __self: this }), "Assistant"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, className: "bg-[#FFEB3B] text-[#1B1B1B] px-12 py-4 rounded-lg text-xl font-inter-tight-medium shadow-lg hover:bg-[#FFF176] transition-all duration-300 cursor-pointer w-fit", onClick: ()=>window.location.href = "/dashboard", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "Create Grocery List"), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, className: "bg-[#FFEB3B] text-[#1B1B1B] px-12 py-4 rounded-lg text-xl font-inter-tight-medium shadow-lg hover:bg-[#FFF176] transition-all duration-300 cursor-pointer w-fit", onClick: ()=>window.location.href = "/recipes", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Get Recipe Ingredients")), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-sm mt-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Your smart kitchen companion")), /*#__PURE__*/ React.createElement("div", { className: "space-y-16", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/30 backdrop-blur-sm p-8 rounded-lg text-center", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF4B4B] inline-block p-4 rounded-full mb-6", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-white text-3xl", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-2xl mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, "AI Suggestions"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Smart recipe ideas and ingredient recommendations")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/30 backdrop-blur-sm p-8 rounded-lg text-center", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF4B4B] inline-block p-4 rounded-full mb-6", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt text-white text-3xl", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-2xl mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "Quick Setup"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "Start creating lists in seconds")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/30 backdrop-blur-sm p-8 rounded-lg text-center", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF4B4B] inline-block p-4 rounded-full mb-6", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-screen text-white text-3xl", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-2xl mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, "Works Everywhere"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, "Access your lists on any device"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/30 backdrop-blur-sm p-8 rounded-lg text-center", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#1B1B1B] font-inter-tight-medium text-3xl mb-6", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, "Why Choose Homie Flavors?"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic text-[#FF4B4B] text-xl", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg text-left", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, "AI-powered recipe suggestions")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-check text-[#FF4B4B] text-xl", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg text-left", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, "Smart grocery list organization")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils text-[#FF4B4B] text-xl", __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg text-left", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, "Recipe ingredient extraction")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 166, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-screen text-[#FF4B4B] text-xl", __source: { fileName: "", lineNumber: 167, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-lg text-left", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, "Access anywhere, anytime"))))))), showScrollTop && /*#__PURE__*/ React.createElement("button", { onClick: scrollToTop, className: "fixed bottom-8 right-8 bg-[#FF4B4B] text-white p-4 rounded-full shadow-lg hover:bg-[#FF6B6B] transition-all duration-300", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-up", __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "bg-gradient-to-r from-[#FFD180] to-[#FFE0B2] border-t border-[#FFF3E0] py-8 md:py-12", __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 md:px-8", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-xl mb-3 md:mb-4", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "support@homieflavors.com"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, "+1 (555) 123-4567")), /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-xl mb-3 md:mb-4", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, "Follow"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center md:justify-start space-x-6", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1B1B1B] hover:text-[#FF4B4B]", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1B1B1B] hover:text-[#FF4B4B]", __source: { fileName: "", lineNumber: 207, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1B1B1B] hover:text-[#FF4B4B]", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-2xl", __source: { fileName: "", lineNumber: 211, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#1B1B1B] font-inter-tight-medium text-xl mb-3 md:mb-4", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Download"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Available on iOS"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, "Available on Android"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 md:mt-12 text-center", __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#1B1B1B] font-inter-tight-regular text-sm md:text-base", __source: { fileName: "", lineNumber: 228, columnNumber: 13 }, __self: this }, "© 2024 Homie Flavors. All rights reserved.")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 234, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.5s ease-out forwards; } `)); }