function MainComponent() { const [backgroundSize, setBackgroundSize] = useState("200px"); const [isScrolled, setIsScrolled] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [formData, setFormData] = useState({ firstName: "", lastName: "", email: "", subject: "", message: "" }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); useEffect(()=>{ const updateBackgroundSize = ()=>{ setBackgroundSize(window.innerWidth < 768 ? "100px" : "200px"); }; const handleScroll = ()=>{ setIsScrolled(window.scrollY > 10); }; updateBackgroundSize(); window.addEventListener("resize", updateBackgroundSize); window.addEventListener("scroll", handleScroll); return ()=>{ window.removeEventListener("resize", updateBackgroundSize); window.removeEventListener("scroll", handleScroll); }; }, []); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/submit-contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (data.success) { setSuccess(true); setFormData({ firstName: "", lastName: "", email: "", subject: "", message: "" }); } else { throw new Error("Failed to submit form"); } } catch (err) { setError("Something went wrong. Please try again."); } finally{ setLoading(false); } }; if (success) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen overflow-x-hidden", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: `fixed w-full z-50 transition-all duration-300 ${isScrolled ? "bg-[#f7f0e4] shadow-md" : ""}`, __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-6 md:h-8 transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "md:hidden text-[#2b2b2b] z-50", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: isMobileMenuOpen ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex space-x-8", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, "Our Story"), /*#__PURE__*/ React.createElement("a", { href: "/features", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, "Stay Updated"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-[#f7f0e4] z-40 transform transition-transform duration-300 ${isMobileMenuOpen ? "translate-x-0" : "translate-x-full"} md:hidden`, __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-8 mb-12", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }, "Our Story"), /*#__PURE__*/ React.createElement("a", { href: "/features", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 160, columnNumber: 21 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, "Stay Updated"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block text-2xl text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-8 opacity-80", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex min-h-[70vh] items-center justify-center bg-[#f7f0e4] p-4", __source: { fileName: "", lineNumber: 192, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 193, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-3xl p-8 shadow-xl text-center", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-8 h-8 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "Thank You!"), /*#__PURE__*/ React.createElement("p", { className: "text-[#2b2b2b]/80 mb-8", __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, "We've received your message and will get back to you soon."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSuccess(false), className: "bg-[#d9a441] text-white px-6 py-3 rounded-full text-base hover:bg-[#c49339] transition-all hover:scale-105 shadow-lg", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Send Another Message")))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 226, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/2 -translate-x-1/2 -top-5", style: { height: "40px", width: "120%", backgroundImage: 'url("https://ucarecdn.com/c13c4c9d-4a5c-4e36-a4c5-7c105cd7ee9c/-/format/auto/")', backgroundSize: "100% 100%", backgroundRepeat: "no-repeat", backgroundPosition: "bottom center", zIndex: 20 }, __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#f7f0e4]/95 pt-12 pb-20 md:pt-16 md:pb-24 px-4 border-t border-[#2b2b2b]/10 shadow-2xl relative", __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-12 md:h-16 mb-4", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }, "Making meal planning effortless.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 257, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 258, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 264, columnNumber: 21 }, __self: this }, "Our Story")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/features", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 269, columnNumber: 21 }, __self: this }, "Features")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 273, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 274, columnNumber: 21 }, __self: this }, "Stay Updated")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 278, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 279, columnNumber: 21 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 286, columnNumber: 17 }, __self: this }, "Legal"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 289, columnNumber: 21 }, __self: this }, "Privacy Policy")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this }, "Terms of Service")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Questions? Reach out at", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 304, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "mailto:hello@eat-themealplanner.com", className: "text-[#d9a441]", __source: { fileName: "", lineNumber: 305, columnNumber: 19 }, __self: this }, "hello@eat-themealplanner.com"))))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen overflow-x-hidden", __source: { fileName: "", lineNumber: 321, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: `fixed w-full z-50 transition-all duration-300 ${isScrolled ? "bg-[#f7f0e4] shadow-md" : ""}`, __source: { fileName: "", lineNumber: 322, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 327, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 328, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-6 md:h-8 transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "md:hidden text-[#2b2b2b] z-50", __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: isMobileMenuOpen ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex space-x-8", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this }, "Our Story"), /*#__PURE__*/ React.createElement("a", { href: "/features", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, "Stay Updated"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-[#d9a441] font-recoleta transition-colors", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-[#f7f0e4] z-40 transform transition-transform duration-300 ${isMobileMenuOpen ? "translate-x-0" : "translate-x-full"} md:hidden`, __source: { fileName: "", lineNumber: 389, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full", __source: { fileName: "", lineNumber: 394, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-8 mb-12", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 396, columnNumber: 19 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 403, columnNumber: 19 }, __self: this }, "Our Story"), /*#__PURE__*/ React.createElement("a", { href: "/features", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "block text-2xl text-[#2b2b2b] hover:text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, "Stay Updated"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block text-2xl text-[#d9a441] font-recoleta transition-colors", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-8 opacity-80", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("section", { className: "relative min-h-[30vh] md:min-h-[40vh] flex items-center justify-center mt-0 pt-16", style: { backgroundImage: 'url("https://ucarecdn.com/b903f5cd-9679-40a9-a3c0-fd2af9ef933a/-/format/auto/")', backgroundSize: "cover", backgroundPosition: "center center" }, __source: { fileName: "", lineNumber: 442, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#f7f0e4]/80", __source: { fileName: "", lineNumber: 451, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-4xl mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl lg:text-5xl font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 453, columnNumber: 11 }, __self: this }, "What's for dinner?"))), /*#__PURE__*/ React.createElement("main", { className: "relative min-h-screen py-20 px-8", __source: { fileName: "", lineNumber: 459, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", style: { backgroundImage: 'url("https://ucarecdn.com/f698e7df-d7d1-4e2a-bc89-e34c276e55da/-/format/auto/")', backgroundSize: backgroundSize, backgroundRepeat: "repeat" }, __source: { fileName: "", lineNumber: 460, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-[1]", style: { backgroundImage: 'url("https://ucarecdn.com/7fa955c5-e43b-41b7-bff3-d97a13968092/-/format/auto/")', backgroundSize: "300%", backgroundRepeat: "repeat", backgroundPosition: "top left" }, __source: { fileName: "", lineNumber: 469, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-[2]", style: { backgroundImage: 'url("https://ucarecdn.com/7fa955c5-e43b-41b7-bff3-d97a13968092/-/format/auto/")', backgroundSize: "300%", backgroundRepeat: "repeat", backgroundPosition: "top left" }, __source: { fileName: "", lineNumber: 479, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-[3]", style: { backgroundImage: 'url("https://ucarecdn.com/7fa955c5-e43b-41b7-bff3-d97a13968092/-/format/auto/")', backgroundSize: "300%", backgroundRepeat: "repeat", backgroundPosition: "top left" }, __source: { fileName: "", lineNumber: 489, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-20 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 500, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f7f0e4]/95 rounded-3xl p-8 md:p-12 shadow-2xl", __source: { fileName: "", lineNumber: 501, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 502, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 503, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, "First Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", value: formData.firstName, onChange: (e)=>setFormData({ ...formData, firstName: e.target.value }), className: "w-full px-4 py-3 rounded-lg border border-[#2b2b2b]/20 focus:outline-none focus:border-[#d9a441] focus:ring-1 focus:ring-[#d9a441] bg-white/50", required: true, __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 520, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 521, columnNumber: 19 }, __self: this }, "Last Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", value: formData.lastName, onChange: (e)=>setFormData({ ...formData, lastName: e.target.value }), className: "w-full px-4 py-3 rounded-lg border border-[#2b2b2b]/20 focus:outline-none focus:border-[#d9a441] focus:ring-1 focus:ring-[#d9a441] bg-white/50", required: true, __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 536, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 537, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), className: "w-full px-4 py-3 rounded-lg border border-[#2b2b2b]/20 focus:outline-none focus:border-[#d9a441] focus:ring-1 focus:ring-[#d9a441] bg-white/50", required: true, __source: { fileName: "", lineNumber: 540, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 552, columnNumber: 17 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", value: formData.subject, onChange: (e)=>setFormData({ ...formData, subject: e.target.value }), className: "w-full px-4 py-3 rounded-lg border border-[#2b2b2b]/20 focus:outline-none focus:border-[#d9a441] focus:ring-1 focus:ring-[#d9a441] bg-white/50", required: true, __source: { fileName: "", lineNumber: 555, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 566, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-recoleta text-[#2b2b2b]", __source: { fileName: "", lineNumber: 567, columnNumber: 17 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: (e)=>setFormData({ ...formData, message: e.target.value }), rows: "6", className: "w-full px-4 py-3 rounded-lg border border-[#2b2b2b]/20 focus:outline-none focus:border-[#d9a441] focus:ring-1 focus:ring-[#d9a441] bg-white/50", required: true, __source: { fileName: "", lineNumber: 570, columnNumber: 17 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 583, columnNumber: 17 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-green-50 p-3 text-sm text-green-500", __source: { fileName: "", lineNumber: 589, columnNumber: 17 }, __self: this }, "Thank you for your message. We'll get back to you soon!"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-[#d9a441] px-6 py-3 text-base font-recoleta text-white transition-all hover:bg-[#c49339] focus:outline-none focus:ring-2 focus:ring-[#d9a441] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 594, columnNumber: 15 }, __self: this }, loading ? "Sending..." : "Send Message"))))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 606, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/2 -translate-x-1/2 -top-5", style: { height: "40px", width: "120%", backgroundImage: 'url("https://ucarecdn.com/c13c4c9d-4a5c-4e36-a4c5-7c105cd7ee9c/-/format/auto/")', backgroundSize: "100% 100%", backgroundRepeat: "no-repeat", backgroundPosition: "bottom center", zIndex: 20 }, __source: { fileName: "", lineNumber: 607, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#f7f0e4]/95 pt-12 pb-20 md:pt-16 md:pb-24 px-4 border-t border-[#2b2b2b]/10 shadow-2xl relative", __source: { fileName: "", lineNumber: 621, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 622, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 623, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52b51a99-d7bd-4068-964e-5689ca11f8ae/-/format/auto/", alt: "Eat - The Meal Planner", className: "h-12 md:h-16 mb-4", __source: { fileName: "", lineNumber: 624, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 629, columnNumber: 15 }, __self: this }, "Making meal planning effortless.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 633, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 634, columnNumber: 15 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 641, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/our-story", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "Our Story")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/features", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 647, columnNumber: 19 }, __self: this }, "Features")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 651, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/stay-updated", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 652, columnNumber: 19 }, __self: this }, "Stay Updated")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 656, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 657, columnNumber: 19 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 663, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, "Legal"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 665, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 666, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this }, "Privacy Policy")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 671, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#d9a441]", __source: { fileName: "", lineNumber: 672, columnNumber: 19 }, __self: this }, "Terms of Service")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 678, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-recoleta text-[#2b2b2b] mb-4", __source: { fileName: "", lineNumber: 679, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-[#2b2b2b]/70", __source: { fileName: "", lineNumber: 680, columnNumber: 15 }, __self: this }, "Questions? Reach out at", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 682, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "mailto:hello@eat-themealplanner.com", className: "text-[#d9a441]", __source: { fileName: "", lineNumber: 683, columnNumber: 17 }, __self: this }, "hello@eat-themealplanner.com"))))))); }