function SniffbnbConnect() { const [user] = useState(()=>{ if (typeof window !== "undefined") { const stored = localStorage.getItem("user"); return stored ? JSON.parse(stored) : null; } return null; }); const colors = { primary: "#8B5CF6", secondary: "#7C3AED", light: "#A78BFA", lighter: "#DDD6FE", gradient: "from-[#8B5CF6] to-[#7C3AED]", hoverGradient: "hover:from-[#7C3AED] hover:to-[#8B5CF6]" }; const services = [ { icon: "fa-search", title: "Need a Pet Service?", description: "Find trusted pet sitters, groomers, and dog walkers near you", benefits: [ "Pet sitting at your home", "Dog walking services", "Pet grooming", "Easy online booking" ] }, { icon: "fa-heart", title: "Become a Pet sitter, groomer, walker", description: "Register for free and join our community of pet care providers", benefits: [ "Free registration", "Choose your services", "Set your own rates", "Get paid weekly" ] } ]; const stats = [ { number: "1,000+", label: "Pet Parents", icon: "fa-users" }, { number: "500+", label: "Service Providers", icon: "fa-certificate" }, { number: "4.9/5", label: "Service Rating", icon: "fa-star" } ]; const handleButtonClick = (index)=>{ if (index === 0) { window.location.href = "https://sniffbnb.com"; } else { window.location.href = "https://services.sniffbnb.com"; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#F5F3FF] via-white to-[#EDE9FE] p-6 md:p-12 relative overflow-hidden", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B5CF6' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')] opacity-50", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto relative", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-float", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl md:text-5xl lg:text-6xl font-crimson-text bg-gradient-to-r from-[#8B5CF6] to-[#7C3AED] text-transparent bg-clip-text mb-6 transform hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Find pet care services or become a service provider")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-6", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, stats.map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white backdrop-blur-lg bg-opacity-90 px-8 py-6 rounded-2xl shadow-lg transform hover:-translate-y-1 transition-all duration-300", style: { boxShadow: `0 4px 20px ${colors.primary}20`, border: `2px solid ${colors.lighter}` }, __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-[#8B5CF6]", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, stat.number), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 font-medium", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, stat.label))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-16", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, services.map((service, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white backdrop-blur-lg bg-opacity-90 rounded-2xl shadow-xl p-8 transform hover:-translate-y-2 transition-all duration-300 relative overflow-hidden", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute top-0 left-0 w-full h-2 bg-gradient-to-r ${colors.gradient}`, __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-16 h-16 rounded-xl bg-gradient-to-r ${colors.gradient} flex items-center justify-center transform hover:rotate-6 transition-transform duration-300`, __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${service.icon} text-2xl text-white`, __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold ml-4 text-gray-800", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, service.title)), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, service.description), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mb-6", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, service.benefits.map((benefit, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "flex items-center group", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#8B5CF6] mr-3 transform group-hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }, benefit)))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleButtonClick(index), className: `w-full bg-gradient-to-r ${colors.gradient} ${colors.hoverGradient} text-white text-lg py-4 rounded-xl shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 flex items-center justify-center`, __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, index === 0 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 130, columnNumber: 21 }, __self: this }), "Find Services Now") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-2", __source: { fileName: "", lineNumber: 135, columnNumber: 21 }, __self: this }), "Register Now (Free)"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white backdrop-blur-lg bg-opacity-90 rounded-2xl shadow-xl p-8", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, [ { icon: "shield-alt", title: "Safe & Secure", desc: "All providers verified" }, { icon: "wallet", title: "Secure Payments", desc: "Pay after service" }, { icon: "headset", title: "24/7 Help", desc: "Always available" } ].map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-center transform hover:-translate-y-1 transition-all duration-300", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} text-4xl text-[#8B5CF6]`, __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, item.desc)))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, ` @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } .animate-float { animation: float 3s ease-in-out infinite; } `)); } function SniffbnbConnectStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 194, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SniffbnbConnect, { __source: { fileName: "", lineNumber: 195, columnNumber: 7 }, __self: this })); } function SniffbnbFooterClone({ currentColor = "#0B4B3D" }) { const footerLinks = { company: { title: "Company", links: [ { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, { label: "Terms", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" } ] }, services: { title: "Services", links: [ { label: "Pet Adoption", href: "/" }, { label: "Pet Sitting", href: "https://sniffbnb.com" }, { label: "Pet Walking", href: "https://sniffbnb.com/services" }, { label: "Pet Grooming", href: "https://sniffbnb.com/grooming" } ] }, support: { title: "Support", links: [ { label: "Contact Us", href: "tel:+919653539979", icon: "fas fa-phone-alt" }, { label: "Email Support", href: "mailto:support@sniffbnb.com", icon: "fas fa-envelope" } ] } }; const socialLinks = [ { icon: "fab fa-facebook", href: "https://facebook.com/sniffbnb" }, { icon: "fab fa-instagram", href: "https://instagram.com/sniffbnb" }, { icon: "fab fa-twitter", href: "https://twitter.com/sniffbnb" }, { icon: "fab fa-linkedin", href: "https://linkedin.com/company/sniffbnb" } ]; return /*#__PURE__*/ React.createElement("footer", { className: "bg-white border-t border-gray-200", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12 md:py-16", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8 md:gap-12", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-paw text-[#0B4B3D] text-3xl`, __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0B4B3D] text-2xl font-roboto tracking-wide font-bold", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "Sniffbnb"))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "India's trusted platform for pet adoption and pet care services."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, socialLinks.map((social, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: social.href, target: "_blank", rel: "noopener noreferrer", className: "text-[#0B4B3D] hover:text-[#0B4B3D]/80 transition-colors", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${social.icon} text-xl`, __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }))))), Object.entries(footerLinks).map(([key, section])=>/*#__PURE__*/ React.createElement("div", { key: key, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#0B4B3D] font-medium mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, section.title), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, section.links.map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "text-gray-600 hover:text-gray-900 text-sm transition-colors flex items-center", __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, link.icon && /*#__PURE__*/ React.createElement("i", { className: `${link.icon} mr-2`, __source: { fileName: "", lineNumber: 88, columnNumber: 37 }, __self: this }), link.label))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-8 border-t border-gray-200", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center items-center", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "© 2025 Sniffbnb. All rights reserved."))))); } function SniffbnbFooterCloneStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SniffbnbFooterClone, { __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this })); } function MainComponent() { const [location, setLocation] = useState(""); const [suggestions, setSuggestions] = useState([]); const [petType, setPetType] = useState("all"); const [showPetTypes, setShowPetTypes] = useState(false); const [loading, setLoading] = useState(false); const [showPhoneAuth, setShowPhoneAuth] = useState(false); const [phoneNumber, setPhoneNumber] = useState(""); const [otp, setOtp] = useState(""); const [otpSent, setOtpSent] = useState(false); const [verifying, setVerifying] = useState(false); const [otpError, setOtpError] = useState(""); const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [user, setUser] = useState(null); const [showNameFields, setShowNameFields] = useState(false); const [notification, setNotification] = useState(null); const [selectedLocation, setSelectedLocation] = useState(null); const [showMobileMenu, setShowMobileMenu] = useState(false); const petTypes = [ { value: "all", label: "All Pets", icon: "fas fa-paw" }, { value: "dogs", label: "Dogs", icon: "fas fa-dog" }, { value: "cats", label: "Cats", icon: "fas fa-cat" }, { value: "birds", label: "Birds", icon: "fas fa-dove" }, { value: "rabbits", label: "Rabbits", icon: "fas fa-rabbit" } ]; const handleListPet = ()=>{ if (!user) { setShowPhoneAuth(true); return; } window.location.href = "/pet-listing-form"; }; const formatLocationString = (suggestion)=>{ const cityComponent = suggestion.address_components?.find((comp)=>comp.types.includes("locality")); const stateComponent = suggestion.address_components?.find((comp)=>comp.types.includes("administrative_area_level_1")); const city = cityComponent?.long_name || ""; const state = stateComponent?.long_name || ""; if (city && state) { return `${city}, ${state}`; } else if (city) { return city; } else if (state) { return state; } return suggestion.formatted_address; }; const handleLocationSearch = async (input)=>{ setLocation(input); if (input.length > 2) { setLoading(true); try { const response = await fetch("/api/google-place-autocomplete-handler", { method: "POST", body: JSON.stringify({ input, radius: 1000 }), headers: { "Content-Type": "application/json" } }); const data = await response.json(); if (data.predictions) { const uniqueLocations = new Map(); data.predictions.forEach((prediction)=>{ const displayAddress = formatLocationString(prediction); if (!uniqueLocations.has(displayAddress)) { uniqueLocations.set(displayAddress, { ...prediction, displayAddress }); } }); const formattedPredictions = Array.from(uniqueLocations.values()); setSuggestions(formattedPredictions); } } catch (error) { console.error("Error fetching locations:", error); } setLoading(false); } else { setSuggestions([]); } }; const handleSearch = ()=>{ if (!location) { setNotification({ type: "error", message: "Please enter a location to search" }); return; } const searchParams = new URLSearchParams(); if (selectedLocation) { const cityComponent = selectedLocation.address_components?.find((comp)=>comp.types.includes("locality")); const stateComponent = selectedLocation.address_components?.find((comp)=>comp.types.includes("administrative_area_level_1")); const city = cityComponent?.long_name || ""; const state = stateComponent?.long_name || ""; searchParams.append("city", city); searchParams.append("state", state); } searchParams.append("pet_type", petType); window.location.href = `/pet-listing?${searchParams.toString()}`; }; const handleSendOtp = async ()=>{ if (!phoneNumber.trim()) { setOtpError("Please enter your WhatsApp number"); return; } if (phoneNumber.length !== 10 || !/^\d+$/.test(phoneNumber)) { setOtpError("Please enter a valid 10-digit phone number"); return; } setVerifying(true); setOtpError(""); try { const otpValue = Math.floor(100000 + Math.random() * 900000).toString(); const formattedPhone = phoneNumber.startsWith("91") ? phoneNumber : `91${phoneNumber}`; const response = await fetch("/api/whatsappa-otp-verification", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ phoneNumber: formattedPhone, otpValue: otpValue }) }); const data = await response.json(); if (data.success) { const userCheckResponse = await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE phone_number = ?", values: [ phoneNumber ] }) }); const existingUser = await userCheckResponse.json(); if (existingUser.length === 0) { await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (phone_number, otp_value, otp_pending) VALUES (?, ?, ?)", values: [ phoneNumber, otpValue, 1 ] }) }); } else { await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET otp_value = ?, otp_pending = 1 WHERE phone_number = ?", values: [ otpValue, phoneNumber ] }) }); } setOtpSent(true); } else { setOtpError(data.error || "Failed to send OTP. Please try again."); } } catch (error) { setOtpError("Failed to send OTP. Please try again."); console.error("Error sending OTP:", error); } setVerifying(false); }; const handleVerifyOtp = async ()=>{ setVerifying(true); setOtpError(""); try { const response = await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE phone_number = ? AND otp_value = ? AND otp_pending = 1", values: [ phoneNumber, otp ] }) }); const data = await response.json(); if (data.length > 0) { await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET otp_pending = 0 WHERE phone_number = ?", values: [ phoneNumber ] }) }); const userCheckResponse = await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE phone_number = ?", values: [ phoneNumber ] }) }); const existingUser = await userCheckResponse.json(); if (existingUser.length > 0 && existingUser[0].first_name && existingUser[0].last_name) { const userData = { phoneNumber, firstName: existingUser[0].first_name, lastName: existingUser[0].last_name, verified: true }; setUser(userData); localStorage.setItem("user", JSON.stringify(userData)); setShowPhoneAuth(false); setOtpSent(false); setNotification({ type: "success", message: "Login successful!" }); setTimeout(()=>setNotification(null), 3000); } else { setShowNameFields(true); setOtpSent(false); } } else { setOtpError("Invalid OTP. Please try again."); } } catch (error) { setOtpError("Failed to verify OTP. Please try again."); console.error("Error verifying OTP:", error); } setVerifying(false); }; const handleSubmitUserDetails = async ()=>{ if (!firstName || !lastName) { setOtpError("Please enter both first and last name"); return; } try { await fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET first_name = ?, last_name = ? WHERE phone_number = ?", values: [ firstName, lastName, phoneNumber ] }) }); const userData = { phoneNumber, firstName, lastName, verified: true }; setUser(userData); localStorage.setItem("user", JSON.stringify(userData)); setShowPhoneAuth(false); setOtpSent(false); setShowNameFields(false); setNotification({ type: "success", message: "Registration successful!" }); setTimeout(()=>setNotification(null), 3000); } catch (error) { setOtpError("Failed to save user details. Please try again."); console.error("Error saving user details:", error); } }; const handleLogout = ()=>{ setUser(null); localStorage.removeItem("user"); setNotification({ type: "success", message: "Logout successful!" }); setTimeout(()=>setNotification(null), 3000); setShowMobileMenu(false); }; const [pageLoading, setPageLoading] = useState(true); useEffect(()=>{ const storedUser = localStorage.getItem("user"); if (storedUser) { setUser(JSON.parse(storedUser)); } fetch("/api/db/adoption-listing-pet", { method: "POST", body: JSON.stringify({ query: `CREATE TABLE IF NOT EXISTS users ( id VARCHAR(255) PRIMARY KEY, phone_number VARCHAR(255), first_name VARCHAR(255), last_name VARCHAR(255), otp_value VARCHAR(255), otp_pending INT )` }) }).finally(()=>{ setTimeout(()=>setPageLoading(false), 1000); }); }, []); if (pageLoading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 313, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-2", __source: { fileName: "", lineNumber: 314, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0B4B3D] text-3xl font-roboto tracking-wide font-bold", __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }, "Sniffbnb"), /*#__PURE__*/ React.createElement("span", { className: "text-[#0B4B3D]/70 text-sm font-roboto tracking-[0.25em] uppercase transform -translate-y-1 font-medium", __source: { fileName: "", lineNumber: 318, columnNumber: 11 }, __self: this }, "adoption")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-4", __source: { fileName: "", lineNumber: 322, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#0B4B3D] rounded-full animate-[bounce_1s_infinite]", __source: { fileName: "", lineNumber: 323, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#0B4B3D] rounded-full animate-[bounce_1s_infinite_0.2s]", __source: { fileName: "", lineNumber: 324, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#0B4B3D] rounded-full animate-[bounce_1s_infinite_0.4s]", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-white via-[#f7faf9] to-white", __source: { fileName: "", lineNumber: 332, columnNumber: 5 }, __self: this }, notification && /*#__PURE__*/ React.createElement("div", { className: `fixed top-4 right-4 z-50 p-4 rounded-lg shadow-lg ${notification.type === "success" ? "bg-green-500" : "bg-red-500"} text-white animate-[fadeIn_0.3s_ease-out]`, __source: { fileName: "", lineNumber: 334, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 339, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${notification.type === "success" ? "fa-check-circle" : "fa-exclamation-circle"} mr-2`, __source: { fileName: "", lineNumber: 340, columnNumber: 13 }, __self: this }), notification.message)), /*#__PURE__*/ React.createElement("nav", { className: "bg-white/80 backdrop-blur-md border-b border-gray-200 p-4 sticky top-0 z-50", __source: { fileName: "", lineNumber: 351, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex items-center justify-between px-4", __source: { fileName: "", lineNumber: 352, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 353, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paw text-[#0B4B3D] text-3xl", __source: { fileName: "", lineNumber: 354, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 355, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0B4B3D] text-2xl font-roboto tracking-wide font-bold", __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this }, "Sniffbnb"), /*#__PURE__*/ React.createElement("span", { className: "text-[#0B4B3D]/70 text-xs font-roboto tracking-[0.25em] uppercase transform -translate-y-1 font-medium", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, "adoption"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-6", __source: { fileName: "", lineNumber: 364, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "text-[#0B4B3D] hover:text-[#083D32] font-roboto flex items-center", __source: { fileName: "", lineNumber: 365, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }), "Adopt a Pet"), /*#__PURE__*/ React.createElement("button", { onClick: handleListPet, className: "text-[#0B4B3D] hover:text-[#083D32] font-roboto flex items-center", __source: { fileName: "", lineNumber: 371, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-heart mr-2", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }), "List for Adoption"), user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/profile", className: "text-[#0B4B3D] hover:text-[#083D32] transition-colors flex items-center group", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2 group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "border-b-2 border-transparent group-hover:border-[#0B4B3D] transition-all", __source: { fileName: "", lineNumber: 385, columnNumber: 19 }, __self: this }, user.firstName, " ", user.lastName)), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "bg-[#0B4B3D] text-white px-6 py-2 rounded-full hover:bg-[#083D32]", __source: { fileName: "", lineNumber: 389, columnNumber: 17 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPhoneAuth(true), className: "bg-[#0B4B3D] text-white px-6 py-2 rounded-full hover:bg-[#083D32]", __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp mr-2", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }), "Login with WhatsApp")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMobileMenu(!showMobileMenu), className: "md:hidden text-[#0B4B3D] p-2", __source: { fileName: "", lineNumber: 405, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showMobileMenu ? "fa-times" : "fa-bars"} text-xl`, __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }))), showMobileMenu && /*#__PURE__*/ React.createElement("div", { className: "md:hidden absolute top-full left-0 right-0 bg-white border-b border-gray-200 py-4 px-6 shadow-lg animate-[fadeIn_0.2s_ease-out]", __source: { fileName: "", lineNumber: 418, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "w-full text-left text-[#0B4B3D] hover:text-[#083D32] font-roboto py-2 flex items-center", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 424, columnNumber: 17 }, __self: this }), "Adopt a Pet"), /*#__PURE__*/ React.createElement("button", { onClick: handleListPet, className: "w-full text-left text-[#0B4B3D] hover:text-[#083D32] font-roboto py-2 flex items-center", __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-heart mr-2", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }), "List for Adoption"), user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/profile", className: "w-full text-left flex items-center space-x-2 text-[#0B4B3D] hover:text-[#083D32] py-2 transition-colors group", __source: { fileName: "", lineNumber: 435, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user group-hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "border-b-2 border-transparent group-hover:border-[#0B4B3D] transition-all", __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, user.firstName, " ", user.lastName)), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-full bg-[#0B4B3D] text-white px-6 py-2 rounded-full hover:bg-[#083D32]", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowPhoneAuth(true); setShowMobileMenu(false); }, className: "w-full bg-[#0B4B3D] text-white px-6 py-2 rounded-full hover:bg-[#083D32]", __source: { fileName: "", lineNumber: 452, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp mr-2", __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this }), "Login with WhatsApp")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-8 md:py-16", __source: { fileName: "", lineNumber: 467, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16 px-4 animate-[fadeIn_1s_ease-out]", __source: { fileName: "", lineNumber: 468, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-crimson-text text-[#0B4B3D] mb-6 leading-tight tracking-tight relative z-10", __source: { fileName: "", lineNumber: 469, columnNumber: 11 }, __self: this }, "Give a Pet", /*#__PURE__*/ React.createElement("span", { className: "block text-4xl md:text-5xl bg-gradient-to-r from-[#0B4B3D] via-[#0D5B4A] to-[#083D32] text-transparent bg-clip-text font-medium mt-2", __source: { fileName: "", lineNumber: 471, columnNumber: 13 }, __self: this }, "Their Forever Home"), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 -left-4 w-16 h-16 bg-[#E8F3F1] rounded-full opacity-50 blur-xl -z-10", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 -right-8 w-24 h-24 bg-[#D1E8E3] rounded-full opacity-40 blur-xl -z-10", __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-gray-600 font-roboto max-w-2xl mx-auto leading-relaxed", __source: { fileName: "", lineNumber: 477, columnNumber: 11 }, __self: this }, "Adopt a pet or help find them a loving home today!")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto mb-20", __source: { fileName: "", lineNumber: 481, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8 text-center hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2", __source: { fileName: "", lineNumber: 482, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#E8F3F1] to-[#D1E8E3] w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 483, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-[#0B4B3D] text-3xl", __source: { fileName: "", lineNumber: 484, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#0B4B3D] mb-4", __source: { fileName: "", lineNumber: 486, columnNumber: 13 }, __self: this }, "Adopt a Pet"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8", __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, "Find your perfect companion and give them a loving forever home"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 492, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 494, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", placeholder: "Enter your location", className: "w-full pl-12 pr-4 py-4 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D]", value: location, onChange: (e)=>handleLocationSearch(e.target.value), __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }), suggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full bg-white mt-1 rounded-lg shadow-lg border border-gray-200 max-h-60 overflow-y-auto", __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, suggestions.map((suggestion, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "w-full px-4 py-3 text-left hover:bg-gray-50 flex items-center space-x-2", onClick: ()=>{ setLocation(suggestion.displayAddress); setSelectedLocation(suggestion); setSuggestions([]); }, __source: { fileName: "", lineNumber: 506, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#0B4B3D]", __source: { fileName: "", lineNumber: 515, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 516, columnNumber: 25 }, __self: this }, suggestion.displayAddress)))), loading && /*#__PURE__*/ React.createElement("div", { className: "absolute right-4 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 522, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400", __source: { fileName: "", lineNumber: 523, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 527, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full px-4 py-4 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D] bg-white text-left flex items-center justify-between", onClick: ()=>setShowPetTypes(!showPetTypes), __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${petTypes.find((type)=>type.value === petType)?.icon} text-[#0B4B3D] mr-2`, __source: { fileName: "", lineNumber: 534, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 539, columnNumber: 21 }, __self: this }, petTypes.find((type)=>type.value === petType)?.label)), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down text-gray-400 transition-transform ${showPetTypes ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 543, columnNumber: 19 }, __self: this })), showPetTypes && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full bg-white mt-1 rounded-lg shadow-lg border border-gray-200", __source: { fileName: "", lineNumber: 550, columnNumber: 19 }, __self: this }, petTypes.map((type)=>/*#__PURE__*/ React.createElement("button", { key: type.value, type: "button", className: "w-full px-4 py-3 text-left hover:bg-gray-50 flex items-center space-x-2", onClick: ()=>{ setPetType(type.value); setShowPetTypes(false); }, __source: { fileName: "", lineNumber: 552, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${type.icon} text-[#0B4B3D]`, __source: { fileName: "", lineNumber: 561, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 562, columnNumber: 25 }, __self: this }, type.label))))), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "w-full bg-[#0B4B3D] text-white px-8 py-4 rounded-lg hover:bg-[#083D32] transition-colors font-medium text-lg", __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 572, columnNumber: 17 }, __self: this }), "Find Pets to Adopt"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8 text-center hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2", __source: { fileName: "", lineNumber: 578, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#E8F3F1] to-[#D1E8E3] w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 579, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-heart text-[#0B4B3D] text-3xl", __source: { fileName: "", lineNumber: 580, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#0B4B3D] mb-4", __source: { fileName: "", lineNumber: 582, columnNumber: 13 }, __self: this }, "List for Adoption"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8", __source: { fileName: "", lineNumber: 585, columnNumber: 13 }, __self: this }, "Help a pet find their perfect family by listing them for adoption"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 588, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "text-left space-y-3", __source: { fileName: "", lineNumber: 589, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#0B4B3D] mr-3", __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this }), "Simple, caring adoption process"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 594, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#0B4B3D] mr-3", __source: { fileName: "", lineNumber: 595, columnNumber: 19 }, __self: this }), "Match with loving families"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 598, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#0B4B3D] mr-3", __source: { fileName: "", lineNumber: 599, columnNumber: 19 }, __self: this }), "Full support throughout")), /*#__PURE__*/ React.createElement("button", { onClick: handleListPet, className: "w-full bg-[#0B4B3D] text-white px-8 py-4 rounded-lg hover:bg-[#083D32] transition-all hover:shadow-lg text-lg font-medium", __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-heart mr-2", __source: { fileName: "", lineNumber: 607, columnNumber: 17 }, __self: this }), "List Pet for Adoption")))), /*#__PURE__*/ React.createElement(SniffbnbConnect, { currentColor: "#8B5CF6", __source: { fileName: "", lineNumber: 613, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 614, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-[#f7faf9]/50 to-white pointer-events-none", __source: { fileName: "", lineNumber: 615, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 px-4 animate-[fadeIn_1s_ease-out]", __source: { fileName: "", lineNumber: 616, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group", __source: { fileName: "", lineNumber: 617, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[#0B4B3D] to-[#083D32] transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300", __source: { fileName: "", lineNumber: 618, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#E8F3F1] to-[#D1E8E3] w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6 animate-[float_3s_ease-in-out_infinite] group-hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 619, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-[#0B4B3D] text-4xl group-hover:rotate-12 transition-transform duration-300", __source: { fileName: "", lineNumber: 620, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#0B4B3D] mb-4 text-center group-hover:text-[#083D32] transition-colors duration-300", __source: { fileName: "", lineNumber: 622, columnNumber: 15 }, __self: this }, "Safe Adoptions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-center leading-relaxed group-hover:text-gray-700", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, "Every adoption is verified and monitored to ensure pets go to loving, responsible homes")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group md:translate-y-4", __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[#0B4B3D] to-[#083D32] transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#E8F3F1] to-[#D1E8E3] w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6 animate-[float_3s_ease-in-out_infinite] group-hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-[#0B4B3D] text-4xl group-hover:rotate-12 transition-transform duration-300", __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#0B4B3D] mb-4 text-center group-hover:text-[#083D32] transition-colors duration-300", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, "Loving Care"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-center leading-relaxed group-hover:text-gray-700", __source: { fileName: "", lineNumber: 638, columnNumber: 15 }, __self: this }, "We ensure each pet finds a caring family committed to providing lifelong love and attention")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 relative overflow-hidden group", __source: { fileName: "", lineNumber: 643, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[#0B4B3D] to-[#083D32] transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300", __source: { fileName: "", lineNumber: 644, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#E8F3F1] to-[#D1E8E3] w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6 animate-[float_3s_ease-in-out_infinite] group-hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hands-helping text-[#0B4B3D] text-4xl group-hover:rotate-12 transition-transform duration-300", __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#0B4B3D] mb-4 text-center group-hover:text-[#083D32] transition-colors duration-300", __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }, "Adoption Support"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-center leading-relaxed group-hover:text-gray-700", __source: { fileName: "", lineNumber: 651, columnNumber: 15 }, __self: this }, "Get guidance throughout your adoption journey from our experienced pet adoption team"))))), /*#__PURE__*/ React.createElement(SniffbnbFooterClone, { currentColor: "#0B4B3D", __source: { fileName: "", lineNumber: 660, columnNumber: 7 }, __self: this }), showPhoneAuth && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center p-4 z-50 animate-[overlayFadeIn_0.3s_ease-out]", __source: { fileName: "", lineNumber: 663, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md w-full shadow-2xl animate-[modalFadeIn_0.3s_ease-out]", __source: { fileName: "", lineNumber: 664, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 665, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 666, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#0B4B3D] mb-2", __source: { fileName: "", lineNumber: 667, columnNumber: 17 }, __self: this }, otpSent ? "Verify WhatsApp OTP" : showNameFields ? "Complete Your Profile" : "Welcome to Sniffbnb"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }, otpSent ? "Enter the code we sent to your WhatsApp" : showNameFields ? "Please enter your name to continue" : "Login with your WhatsApp number")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowPhoneAuth(false); setOtpSent(false); setOtpError(""); setShowNameFields(false); }, className: "text-gray-400 hover:text-gray-600 transition-colors p-2", __source: { fileName: "", lineNumber: 682, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 691, columnNumber: 17 }, __self: this }))), !otpSent ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 695, columnNumber: 15 }, __self: this }, showNameFields ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 698, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 699, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 700, columnNumber: 25 }, __self: this }, "First Name ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 701, columnNumber: 38 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", value: firstName, onChange: (e)=>setFirstName(e.target.value), className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D] transition-all duration-200", placeholder: "John", required: true, __source: { fileName: "", lineNumber: 703, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 713, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 714, columnNumber: 25 }, __self: this }, "Last Name ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 715, columnNumber: 37 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", value: lastName, onChange: (e)=>setLastName(e.target.value), className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D] transition-all duration-200", placeholder: "Doe", required: true, __source: { fileName: "", lineNumber: 717, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmitUserDetails, disabled: verifying, className: "w-full bg-[#0B4B3D] text-white py-4 rounded-lg hover:bg-[#083D32] transition-all duration-200 flex items-center justify-center space-x-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 728, columnNumber: 21 }, __self: this }, verifying ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 734, columnNumber: 25 }, __self: this }) : "Complete Registration")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 742, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 743, columnNumber: 23 }, __self: this }, "WhatsApp Number ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 744, columnNumber: 41 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 746, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-4 top-1/2 transform -translate-y-1/2 flex items-center space-x-2 text-gray-400", __source: { fileName: "", lineNumber: 747, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-lg", __source: { fileName: "", lineNumber: 748, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 749, columnNumber: 27 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 750, columnNumber: 27 }, __self: this }, "+91")), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", value: phoneNumber, onChange: (e)=>setPhoneNumber(e.target.value), className: "w-full pl-24 pr-4 py-3 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D] transition-all duration-200", placeholder: "9876543210", required: true, pattern: "[0-9]{10}", title: "Please enter a valid 10-digit phone number", __source: { fileName: "", lineNumber: 752, columnNumber: 25 }, __self: this }))), otpError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-500 p-3 rounded-lg text-sm animate-[shake_0.5s_ease-in-out]", __source: { fileName: "", lineNumber: 766, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 767, columnNumber: 25 }, __self: this }), otpError), /*#__PURE__*/ React.createElement("button", { onClick: handleSendOtp, disabled: verifying, className: "w-full bg-[#0B4B3D] text-white py-4 rounded-lg hover:bg-[#083D32] transition-all duration-200 flex items-center justify-center space-x-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 771, columnNumber: 21 }, __self: this }, verifying ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 777, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 780, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 781, columnNumber: 27 }, __self: this }, "Continue with WhatsApp"))))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 789, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#E8F3F1] p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 790, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#0B4B3D] mb-2", __source: { fileName: "", lineNumber: 791, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-3xl", __source: { fileName: "", lineNumber: 792, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#0B4B3D] font-medium", __source: { fileName: "", lineNumber: 794, columnNumber: 19 }, __self: this }, "Enter 6-digit code sent to"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#0B4B3D]", __source: { fileName: "", lineNumber: 797, columnNumber: 19 }, __self: this }, "+91 ", phoneNumber)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 799, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "otp", value: otp, onChange: (e)=>setOtp(e.target.value), className: "w-full px-4 py-4 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#0B4B3D] text-center text-2xl tracking-widest transition-all duration-200", placeholder: "000000", maxLength: 6, required: true, pattern: "[0-9]{6}", title: "Please enter a valid 6-digit OTP", __source: { fileName: "", lineNumber: 800, columnNumber: 19 }, __self: this })), otpError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-500 p-3 rounded-lg text-sm animate-[shake_0.5s_ease-in-out]", __source: { fileName: "", lineNumber: 814, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 815, columnNumber: 21 }, __self: this }), otpError), /*#__PURE__*/ React.createElement("button", { onClick: handleVerifyOtp, disabled: verifying, className: "w-full bg-[#0B4B3D] text-white py-4 rounded-lg hover:bg-[#083D32] transition-all duration-200 flex items-center justify-center space-x-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 819, columnNumber: 17 }, __self: this }, verifying ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 825, columnNumber: 21 }, __self: this }) : "Verify & Continue"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 830, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSendOtp, disabled: verifying, className: "text-[#0B4B3D] text-sm hover:underline", __source: { fileName: "", lineNumber: 831, columnNumber: 19 }, __self: this }, "Didn't receive code? Send again"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 844, columnNumber: 7 }, __self: this }, ` @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } `)); }