function Footer({ brandName, description, socialLinks, quickLinks, supportLinks, contactDetails, paymentIcons, year }) { return /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1B4B43] text-white py-16 mt-20 w-full", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2 mb-6", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paw text-3xl", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, brandName)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, socialLinks.map(({ href, icon, label }, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: href, className: "text-white hover:text-gray-300 transition-colors", "aria-label": label, __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: icon + " text-xl", __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mt-0", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, quickLinks.map(({ href, text, target, rel }, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: href, className: "text-gray-300 hover:text-white transition-colors", target: target, rel: rel, __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, text))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 md:mt-0", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, supportLinks.map(({ href, text, target, rel }, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: href, className: "text-gray-300 hover:text-white transition-colors", target: target, rel: rel, __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, text))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 md:mt-0", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, contactDetails.map(({ icon, text }, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${icon} text-gray-300`, __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-300", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, text)))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-700 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm mb-4 md:mb-0", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "© ", year, " ", brandName, ". All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center md:justify-end items-center gap-4", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, paymentIcons.map((icon, index)=>/*#__PURE__*/ React.createElement("i", { key: index, className: `${icon} text-3xl text-gray-300 hover:text-white transition-colors`, __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this })))))); } function FooterStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Footer, { brandName: "Sniffbnb", description: "Making pet care easy and stress-free for everyone.", socialLinks: [ { href: "#", icon: "fab fa-facebook", label: "Facebook" }, { href: "#", icon: "fab fa-twitter", label: "Twitter" }, { href: "#", icon: "fab fa-instagram", label: "Instagram" } ], quickLinks: [ { href: "/sniffbnb-search", text: "Find a Sitter" }, { href: "https://services.sniffbnb.com/", text: "Become a Service Provider", target: "_blank", rel: "noopener noreferrer" } ], supportLinks: [ { href: "#", text: "Safety" }, { href: "#", text: "Terms of Service" }, { href: "#", text: "Privacy Policy" }, { href: "/cancellation-refund-policy", text: "Cancellation & Refund Policy", target: "_blank", rel: "noopener noreferrer" } ], contactDetails: [ { icon: "fas fa-envelope", text: "support@sniffbnb.com" }, { icon: "fas fa-phone", text: "+91 - 9653539979" }, { icon: "fas fa-map-marker-alt", text: "Gurugram, Haryana" } ], paymentIcons: [ "fab fa-cc-visa", "fab fa-cc-mastercard", "fab fa-cc-amex" ], year: 2025, __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this })); } function BlogAdoptionCard() { return /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gradient-to-br from-[#7B2CBF] via-[#9D4EDD] to-[#C77DFF] rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative px-6 py-8 md:py-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-32 h-32 opacity-10", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paw text-[100px] text-white transform -rotate-12", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-12 gap-8 items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-7 relative z-10", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-3 rounded-full shadow-md", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bone text-[#7B2CBF] text-2xl", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-white text-3xl font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Adopt, Don't Buy a Pet")), /*#__PURE__*/ React.createElement("p", { className: "text-white text-xl font-light mb-8 leading-relaxed", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, '"Every wagging tail and gentle purr is a reminder that the best things in life come with four paws and a loving heart."'), /*#__PURE__*/ React.createElement("div", { className: "flex gap-6", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/20 backdrop-blur-sm rounded-lg p-3 mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dog text-white text-2xl", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Loyal Friend")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/20 backdrop-blur-sm rounded-lg p-3 mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cat text-white text-2xl", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Purr-fect Match")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/20 backdrop-blur-sm rounded-lg p-3 mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-white text-2xl", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Forever Home")))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-5", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/95 backdrop-blur-sm rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paw text-[#7B2CBF] text-3xl mb-3", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#7B2CBF] font-bold text-xl", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, "Find Your Perfect Companion")), /*#__PURE__*/ React.createElement("a", { href: "https://adopt.sniffbnb.com", target: "_blank", rel: "noopener noreferrer", className: "block w-full bg-gradient-to-r from-[#7B2CBF] to-[#9D4EDD] text-white py-4 px-6 rounded-lg hover:from-[#9D4EDD] hover:to-[#C77DFF] transform hover:scale-105 transition-all duration-300 text-center group", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paw", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, "Meet Your New Friend"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right group-hover:translate-x-1 transition-transform", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "Trusted by animal lovers nationwide"))))))); } function BlogAdoptionCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-8", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Adoption Card"), /*#__PURE__*/ React.createElement(BlogAdoptionCard, { __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }))); } function Header1({ user, currentAnimal = 0 }) { const [showSignupModal, setShowSignupModal] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false); const [showLoginModal, setShowLoginModal] = useState(false); const [showProfileDropdown, setShowProfileDropdown] = useState(false); const [personalInfo, setPersonalInfo] = useState(null); const dropdownRef = useRef(null); useEffect(()=>{ async function fetchUserData() { if (user?.id) { try { const response = await fetch("/api/db/customerprofile", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM customer_profile WHERE user_id = ?", values: [ user.id ] }) }); const data = await response.json(); if (data && data[0]) { setPersonalInfo(data[0]); } } catch (err) { console.error("Failed to fetch user data:", err); } } } fetchUserData(); }, [ user ]); useEffect(()=>{ function handleClickOutside(event) { if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { setShowProfileDropdown(false); } } document.addEventListener("mousedown", handleClickOutside); return ()=>document.removeEventListener("mousedown", handleClickOutside); }, []); const getDisplayName = ()=>{ if (personalInfo?.first_name && personalInfo?.last_name) { return `${personalInfo.first_name} ${personalInfo.last_name}`; } return user?.name || "Guest"; }; const getInitials = ()=>{ if (personalInfo?.first_name && personalInfo?.last_name) { return `${personalInfo.first_name[0]}${personalInfo.last_name[0]}`; } if (user?.name) { const nameParts = user.name.split(" "); if (nameParts.length > 1) { return `${nameParts[0][0]}${nameParts[nameParts.length - 1][0]}`; } return user.name[0]; } return "G"; }; const menuItems = { main: [ { href: "/", label: "Home", icon: "home" }, { href: "/sniffbnb-search", label: "Find a Service Provider", icon: "search" } ], account: [ { href: "/petparentpage", label: "My Bookings", icon: "calendar-check" }, { href: "/editprofile", label: "Edit Profile", icon: "user-edit" } ], other: [ { href: "https://adopt.sniffbnb.com", label: "Adopt a Pet", icon: "paw", external: true }, { href: "https://services.sniffbnb.com/", label: "Become a Service Provider", icon: "briefcase", external: true }, { href: "/account/logout", label: "Logout", icon: "sign-out-alt" } ] }; const publicMenuItems = [ { href: "/sniffbnb-search", label: "Find a Service Provider", icon: "search" }, { href: "https://services.sniffbnb.com/", label: "Become a Service Provider", icon: "briefcase", external: true } ]; const handleLoginClick = ()=>{ setIsMenuOpen(false); setShowLoginModal(true); }; const handleCloseLoginModal = ()=>{ setShowLoginModal(false); }; const handleSignupClick = ()=>{ setIsMenuOpen(false); setShowSignupModal(true); }; const handleCloseSignupModal = ()=>{ setShowSignupModal(false); }; const renderLoginModal = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[100] p-4", __source: { fileName: "", lineNumber: 126, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-[400px] max-h-[90vh] overflow-y-auto modal-content", __source: { fileName: "", lineNumber: 127, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-100 flex justify-between items-center", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium text-[#1B4B43]", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Login As"), /*#__PURE__*/ React.createElement("button", { onClick: handleCloseLoginModal, className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-4", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/", className: "block w-full bg-[#1B4B43] text-white py-3 rounded-lg text-center hover:bg-[#143832] transition-colors", __source: { fileName: "", lineNumber: 138, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }), "Login as Customer"), /*#__PURE__*/ React.createElement("a", { href: "https://services.sniffbnb.com/account/signin?callbackUrl=/", target: "_blank", rel: "noopener noreferrer", className: "block w-full border-2 border-[#1B4B43] text-[#1B4B43] py-3 rounded-lg text-center hover:bg-[#1B4B43] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase mr-2", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }), "Login as Service Provider")))); const renderSignupModal = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[100] p-4", __source: { fileName: "", lineNumber: 160, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-[400px] max-h-[90vh] overflow-y-auto modal-content", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-100 flex justify-between items-center", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium text-[#1B4B43]", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "Sign Up As"), /*#__PURE__*/ React.createElement("button", { onClick: handleCloseSignupModal, className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-4", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/editprofile", className: "block w-full bg-[#1B4B43] text-white py-3 rounded-lg text-center hover:bg-[#143832] transition-colors", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }), "Sign up as Customer"), /*#__PURE__*/ React.createElement("a", { href: "https://services.sniffbnb.com/", target: "_blank", rel: "noopener noreferrer", className: "block w-full border-2 border-[#1B4B43] text-[#1B4B43] py-3 rounded-lg text-center hover:bg-[#1B4B43] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase mr-2", __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this }), "Sign up as Service Provider")))); const renderMobileMenu = ()=>/*#__PURE__*/ React.createElement("div", { className: "md:hidden absolute top-full left-0 right-0 bg-white border-b shadow-lg", __source: { fileName: "", lineNumber: 194, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 195, columnNumber: 7 }, __self: this }, user ? /*#__PURE__*/ React.createElement(React.Fragment, null, Object.values(menuItems).flat().map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, target: item.external ? "_blank" : undefined, rel: item.external ? "noopener noreferrer" : undefined, className: "block text-gray-600 hover:text-[#1B4B43] transition-colors py-2", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} mr-2`, __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this }), item.label))) : /*#__PURE__*/ React.createElement(React.Fragment, null, publicMenuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, target: item.external ? "_blank" : undefined, rel: item.external ? "noopener noreferrer" : undefined, className: "block text-gray-600 hover:text-[#1B4B43] transition-colors py-2", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} mr-2`, __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }), item.label)), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 pt-2 border-t border-gray-100", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleLoginClick, className: "block text-[#1B4B43] hover:text-[#143832] transition-colors py-2", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, "Log in"), /*#__PURE__*/ React.createElement("button", { onClick: handleSignupClick, className: "block bg-[#1B4B43] hover:bg-[#143832] text-white px-6 py-2 rounded-lg transition-colors text-center w-full", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Sign up"))))); return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 248, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "relative z-50 bg-white border-b border-gray-200/50 sticky top-0", __source: { fileName: "", lineNumber: 249, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-3", __source: { fileName: "", lineNumber: 250, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between px-4", __source: { fileName: "", lineNumber: 251, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center group", __source: { fileName: "", lineNumber: 252, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center relative w-10 h-10 mr-2", __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, [ "dog", "cat", "dove", "rabbit" ].map((animal, index)=>/*#__PURE__*/ React.createElement("i", { key: animal, className: `fas fa-${animal} text-[#1B4B43] text-3xl absolute left-0 transform transition-all duration-700 ease-in-out ${currentAnimal === index ? "opacity-100 scale-100" : "opacity-0 scale-95"} group-hover:text-[#143832]`, __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("span", { className: "text-[#1B4B43] text-2xl font-bold tracking-tight group-hover:text-[#143832] transition-colors", __source: { fileName: "", lineNumber: 263, columnNumber: 15 }, __self: this }, "Sniffbnb")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-6", __source: { fileName: "", lineNumber: 267, columnNumber: 13 }, __self: this }, !user && /*#__PURE__*/ React.createElement(React.Fragment, null, publicMenuItems.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, target: item.external ? "_blank" : undefined, rel: item.external ? "noopener noreferrer" : undefined, className: "text-gray-600 hover:text-[#1B4B43] transition-all duration-300 hover:scale-105 transform text-sm font-medium", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, item.label)), /*#__PURE__*/ React.createElement("button", { onClick: handleLoginClick, className: "text-[#1B4B43] hover:text-[#143832] transition-all duration-300 hover:scale-105 transform font-medium text-sm px-4 py-2 rounded-lg hover:bg-[#1B4B43]/5", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "Log in"), /*#__PURE__*/ React.createElement("button", { onClick: handleSignupClick, className: "bg-[#1B4B43] hover:bg-[#143832] text-white px-6 py-2 rounded-lg transition-all duration-300 hover:shadow-md hover:shadow-[#1B4B43]/10 hover:scale-105 transform font-medium text-sm", __source: { fileName: "", lineNumber: 287, columnNumber: 19 }, __self: this }, "Sign up")), user && /*#__PURE__*/ React.createElement("div", { className: "relative", ref: dropdownRef, __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileDropdown(!showProfileDropdown), className: "flex items-center space-x-3 focus:outline-none group bg-white/50 hover:bg-white rounded-xl px-3 py-2 transition-all duration-300", __source: { fileName: "", lineNumber: 297, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-9 h-9 rounded-lg bg-gradient-to-br from-[#1B4B43] to-[#143832] text-white flex items-center justify-center text-sm shadow-sm group-hover:shadow-md transition-all duration-300", __source: { fileName: "", lineNumber: 301, columnNumber: 21 }, __self: this }, getInitials().toUpperCase()), /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 304, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900 group-hover:text-[#1B4B43] transition-colors duration-300", __source: { fileName: "", lineNumber: 305, columnNumber: 23 }, __self: this }, getDisplayName()), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 transition-colors duration-300", __source: { fileName: "", lineNumber: 308, columnNumber: 23 }, __self: this }, user.email)), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down transform transition-all duration-300 ${showProfileDropdown ? "rotate-180" : ""} text-gray-400 group-hover:text-[#1B4B43]`, __source: { fileName: "", lineNumber: 312, columnNumber: 21 }, __self: this })), showProfileDropdown && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-72 bg-white/95 rounded-xl shadow-lg py-2 border border-gray-100/80 transform transition-all duration-300 animate-dropdown backdrop-blur-sm", __source: { fileName: "", lineNumber: 319, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-3 py-2 border-b border-gray-100/80", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 321, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-lg bg-gradient-to-br from-[#1B4B43]/10 to-[#143832]/10 flex items-center justify-center", __source: { fileName: "", lineNumber: 322, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#1B4B43] text-lg", __source: { fileName: "", lineNumber: 323, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 325, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 326, columnNumber: 29 }, __self: this }, getDisplayName()), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 329, columnNumber: 29 }, __self: this }, user.email)))), Object.entries(menuItems).map(([section, items], sectionIndex)=>/*#__PURE__*/ React.createElement("div", { key: section, __source: { fileName: "", lineNumber: 337, columnNumber: 27 }, __self: this }, sectionIndex > 0 && /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-100/80 my-1", __source: { fileName: "", lineNumber: 339, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-1.5 py-1", __source: { fileName: "", lineNumber: 341, columnNumber: 29 }, __self: this }, items.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, target: item.external ? "_blank" : undefined, rel: item.external ? "noopener noreferrer" : undefined, className: "flex items-center space-x-3 px-2.5 py-2 rounded-lg text-gray-700 hover:bg-[#1B4B43]/5 hover:text-[#1B4B43] transition-all duration-300 group", __source: { fileName: "", lineNumber: 343, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-9 h-9 rounded-lg bg-gradient-to-br from-[#1B4B43]/10 to-[#143832]/10 flex items-center justify-center group-hover:from-[#1B4B43]/20 group-hover:to-[#143832]/20 transition-colors duration-300", __source: { fileName: "", lineNumber: 354, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} text-[#1B4B43] text-sm`, __source: { fileName: "", lineNumber: 355, columnNumber: 37 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 359, columnNumber: 35 }, __self: this }, item.label))))))))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden p-2 rounded-lg hover:bg-[#1B4B43]/5 transition-colors", __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isMenuOpen ? "times" : "bars"} text-[#1B4B43] text-lg`, __source: { fileName: "", lineNumber: 377, columnNumber: 15 }, __self: this }))), isMenuOpen && renderMobileMenu())), showLoginModal && renderLoginModal(), showSignupModal && renderSignupModal(), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 389, columnNumber: 7 }, __self: this }, ` @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .animate-dropdown { animation: modalFadeIn 0.3s ease-out forwards; } .modal-content { animation: modalFadeIn 0.3s ease-out forwards; } `)); } function Header1Story() { const [currentAnimal, setCurrentAnimal] = useState(0); useEffect(()=>{ const interval = setInterval(()=>{ setCurrentAnimal((prev)=>(prev + 1) % 4); }, 3000); return ()=>clearInterval(interval); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 422, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 423, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2 px-4", __source: { fileName: "", lineNumber: 424, columnNumber: 9 }, __self: this }, "Header - Anonymous User"), /*#__PURE__*/ React.createElement(Header1, { currentAnimal: currentAnimal, __source: { fileName: "", lineNumber: 427, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 429, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2 px-4", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, "Header - Logged In User"), /*#__PURE__*/ React.createElement(Header1, { user: { id: "123", name: "John Doe", email: "john@example.com" }, currentAnimal: currentAnimal, __source: { fileName: "", lineNumber: 433, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [showLoginModal, setShowLoginModal] = useState(false); const [showSignupModal, setShowSignupModal] = useState(false); const [location, setLocation] = useState(""); const [coordinates, setCoordinates] = useState(null); const [currentAnimal, setCurrentAnimal] = useState(0); const [error, setError] = useState(""); const [predictions, setPredictions] = useState([]); const [showPredictions, setShowPredictions] = useState(false); const [isLoading, setIsLoading] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false); const [showLocation, setShowLocation] = useState(false); const [locationInput, setLocationInput] = useState(""); const [pageLoading, setPageLoading] = useState(true); const [isVerifyingEmail, setIsVerifyingEmail] = useState(false); const [scrollPosition, setScrollPosition] = useState(0); const reviewsRef = useRef(null); const { data: user, loading: userLoading } = useUser(); const params = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams(); const services = [ { icon: "house-user", title: "Home Pet Boarding", subtitle: /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Your pet stays at sitter's home", " ", /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-[#1B4B43]/10 text-[#1B4B43] px-2 py-0.5 rounded-full text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), "11 AM - 11 AM next day")), description: "Going on a trip but can't bring your furry friend? No worries! A pet sitter can provide a loving home-away-from-home experience. Your pet will receive personalized care, including regular feeding, playtime, and plenty of cuddles, ensuring they feel happy and comfortable while you're away. They'll enjoy companionship and attention, so you can relax knowing they're in good hands.", priceType: "night", overnight: true }, { icon: "home", title: "House Sitting", subtitle: /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Sitter stays at your home", " ", /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-[#1B4B43]/10 text-[#1B4B43] px-2 py-0.5 rounded-full text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), "11 AM - 11 AM next day")), description: "Does your pet feel most secure at home? You can trust our police-verified sitters to provide overnight care in your house, giving personalized attention and following their familiar routine, from meal times and playtime to cuddles and comfort. This service is perfect for pets who are happiest in their own surroundings or need a little extra care.", priceType: "night", overnight: true }, { icon: "sun", title: "Daycare Services", subtitle: /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Your pet stays at sitter's home in day time", " ", /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-[#1B4B43]/10 text-[#1B4B43] px-2 py-0.5 rounded-full text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), "8 hours")), description: "Worried about your pet being home alone all day? Our sitters provide daytime care in their homes, offering personalized playtime, cuddles, and companionship. Your pet will enjoy a stimulating and loving environment while you're away.", priceType: "day" }, { icon: "clock", title: "Drop-In Visits", subtitle: /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Regular check-in visits", " ", /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-[#1B4B43]/10 text-[#1B4B43] px-2 py-0.5 rounded-full text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }), "2-3 visits per day")), description: "If you don't need full-time pet care, but just want someone to check in on your pet a few times in a day, a sitter can visit your home 2-3 times. They will feed your pet, give them fresh water, take them for a short walk, and spend some time with them so they don't feel lonely. This is great for pets who are mostly independent but still need some care and attention.", priceType: "visit" }, { icon: "walking", title: "Dog Walking", subtitle: "Professional dog walking", description: "If you don't have time to walk your dog, a sitter can do it for you. They will take your dog on a 35-40 minute walk, giving them fresh air and exercise they need. This helps keep your dog happy, active, and healthy.", priceType: "walk" }, { icon: "scissors", title: "Pet Grooming", subtitle: "Professional grooming service", description: "Pamper your pet with our professional grooming services! From luxurious baths and stylish haircuts to nail trims and more, we'll have your furry friend looking and feeling fresh, clean, and happy. Healthy skin and a beautiful coat are just the beginning!", priceType: "session" } ]; useEffect(()=>{ const locationParam = params.get("location"); const latParam = params.get("lat"); const lngParam = params.get("lng"); if (locationParam) { setLocation(locationParam); setLocationInput(locationParam); } if (latParam && lngParam) { setCoordinates({ lat: parseFloat(latParam), lng: parseFloat(lngParam) }); } fetch("/api/load-google-analytics-script-function", { method: "POST" }).then((res)=>res.json()).then((data)=>{ if (data.script) { const scriptContainer = document.createElement("div"); scriptContainer.innerHTML = data.script; document.head.appendChild(scriptContainer); } }).catch((err)=>console.error("Failed to load analytics:", err)); }, []); useEffect(()=>{ const initializeChat = async ()=>{ try { await fetch("/api/db/chatstorage", { method: "POST", body: JSON.stringify({ query: `CREATE TABLE IF NOT EXISTS chat_messages ( id INTEGER PRIMARY KEY AUTO_INCREMENT, user_id VARCHAR(255) NOT NULL, sitter_id VARCHAR(255) NOT NULL, message_text TEXT NOT NULL, timestamp DATETIME DEFAULT CURRENT_TIMESTAMP, is_read BOOLEAN DEFAULT FALSE, sender_type ENUM('user', 'sitter') NOT NULL, attachment_url TEXT, booking_id VARCHAR(255), message_type ENUM('text', 'image', 'system') DEFAULT 'text' )` }) }); } catch (error) { console.error("Failed to initialize chat:", error); } finally{ setPageLoading(false); } }; initializeChat(); const generateSitemap = async ()=>{ try { const response = await fetch("/api/generate-sitemap", { method: "POST" }); if (!response.ok) { console.error("Failed to generate sitemap"); } } catch (error) { console.error("Sitemap generation error:", error); } }; generateSitemap(); }, []); useEffect(()=>{ async function fetchUserData() { if (user?.id) { try { const response = await fetch("/api/db/customerprofile", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM customer_profile WHERE user_id = ?", values: [ user.id ] }) }); const data = await response.json(); if (data && data[0]) { setPersonalInfo(data[0]); } } catch (err) { console.error("Failed to fetch user data:", err); } } } fetchUserData(); }, [ user ]); useEffect(()=>{ const interval = setInterval(()=>{ setCurrentAnimal((prev)=>(prev + 1) % 4); }, 3000); return ()=>clearInterval(interval); }, []); const handleLocationSearch = async (value)=>{ setLocation(value); setError(""); if (!value.trim()) { setPredictions([]); setShowPredictions(false); return; } if (value.length < 2) { setPredictions([]); setShowPredictions(false); return; } setIsLoading(true); try { const response = await fetch(`/api/google-place-autocomplete-handler`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ input: value, radius: 500 }) }); if (!response.ok) { throw new Error("Failed to fetch locations"); } const data = await response.json(); if (data.predictions && data.predictions.length > 0) { setPredictions(data.predictions.slice(0, 5)); setShowPredictions(true); } else { setPredictions([]); setShowPredictions(false); } } catch (err) { console.error("Failed to fetch locations:", err); setPredictions([]); setShowPredictions(false); } finally{ setIsLoading(false); } }; const handlePlaceSelect = async (prediction)=>{ if (!prediction || !prediction.description) { return; } setIsLoading(true); try { setLocation(prediction.description); setLocationInput(prediction.description); if (prediction.latitude && prediction.longitude) { setCoordinates({ lat: prediction.latitude, lng: prediction.longitude }); } setShowLocation(false); setPredictions([]); setShowPredictions(false); } catch (err) { console.error("Location selection error:", err); } finally{ setIsLoading(false); } }; const handleSearch = async ()=>{ if (!location || !coordinates) { setError("Please enter a location"); return; } const searchParams = new URLSearchParams(); searchParams.append("location", location); searchParams.append("lat", coordinates.lat); searchParams.append("lng", coordinates.lng); window.location.href = `/sniffbnb-search?${searchParams.toString()}`; }; const handleEmailVerification = async (email)=>{ try { const response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`); const data = await response.json(); return data.status === "deliverable"; } catch (error) { console.error("Email verification error:", error); return false; } }; const handleSignup = ()=>{ setShowSignupModal(true); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 305, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header1, { user: user, currentAnimal: currentAnimal, onSignupClick: ()=>setShowSignupModal(true), onLoginClick: ()=>setShowLoginModal(true), showSignupModal: showSignupModal, setShowSignupModal: setShowSignupModal, __source: { fileName: "", lineNumber: 306, columnNumber: 7 }, __self: this }), pageLoading || userLoading ? /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-white flex items-center justify-center", __source: { fileName: "", lineNumber: 315, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 316, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold text-[#1B4B43] loading-text mb-4", __source: { fileName: "", lineNumber: 317, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, "S"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 319, columnNumber: 15 }, __self: this }, "n"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 320, columnNumber: 15 }, __self: this }, "i"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 321, columnNumber: 15 }, __self: this }, "f"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, "f"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 323, columnNumber: 15 }, __self: this }, "b"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 324, columnNumber: 15 }, __self: this }, "n"), /*#__PURE__*/ React.createElement("span", { className: "letter", __source: { fileName: "", lineNumber: 325, columnNumber: 15 }, __self: this }, "b")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 327, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-[#1B4B43] rounded-full animate-bounce", __source: { fileName: "", lineNumber: 328, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-[#1B4B43] rounded-full animate-bounce", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-[#1B4B43] rounded-full animate-bounce", style: { animationDelay: "0.4s" }, __source: { fileName: "", lineNumber: 333, columnNumber: 15 }, __self: this })))) : /*#__PURE__*/ React.createElement(React.Fragment, null, error && /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded z-50", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 347, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-6xl mx-auto w-full px-4 flex-1", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col items-center justify-center mt-4 md:mt-20", __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl font-serif text-center mb-4 text-[#1B4B43]", __source: { fileName: "", lineNumber: 350, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 font-light text-lg md:text-2xl block mb-2", __source: { fileName: "", lineNumber: 351, columnNumber: 19 }, __self: this }, "Find trusted"), /*#__PURE__*/ React.createElement("span", { className: "font-medium block", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }, "Home Pet Boarders | Groomers | Dog Walkers"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 font-light text-lg md:text-2xl block mt-2", __source: { fileName: "", lineNumber: 357, columnNumber: 19 }, __self: this }, "near you")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-4", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs md:text-sm text-[#1B4B43] font-medium", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, "An IIM Alumni Initiative"), /*#__PURE__*/ React.createElement("span", { className: "text-[#1B4B43]", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs md:text-sm text-[#1B4B43] font-medium", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }, "Made in India"), /*#__PURE__*/ React.createElement("span", { className: "animate-bounce", __source: { fileName: "", lineNumber: 370, columnNumber: 21 }, __self: this }, "❤️"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto px-2 md:px-4", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-white/90 backdrop-blur-sm rounded-[50px] shadow-xl p-2 md:p-3 flex", __source: { fileName: "", lineNumber: 374, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 px-2 md:px-4 relative flex-1", __source: { fileName: "", lineNumber: 375, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#1B4B43]", __source: { fileName: "", lineNumber: 376, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter your location to search nearest Sitter, Dog Walker, Groomer", className: "w-full outline-none cursor-pointer bg-transparent py-2 md:py-3 text-sm md:text-base", value: location, onClick: ()=>setShowLocation(true), readOnly: true, name: "location", __source: { fileName: "", lineNumber: 377, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "bg-[#1B4B43] text-white px-4 md:px-6 py-2 rounded-full hover:bg-[#143832] transition-colors ml-2 text-sm md:text-base", __source: { fileName: "", lineNumber: 387, columnNumber: 21 }, __self: this }, "Search")))), showLocation && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl w-full max-w-[500px] modal-content", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-6", __source: { fileName: "", lineNumber: 399, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 400, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-medium text-gray-800", __source: { fileName: "", lineNumber: 401, columnNumber: 25 }, __self: this }, "Choose Location"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowLocation(false); setLocationInput(location); setPredictions([]); setShowPredictions(false); }, className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 404, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 413, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 416, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center border-2 border-gray-200 rounded-xl p-2 md:p-3 focus-within:border-[#1B4B43] transition-colors", __source: { fileName: "", lineNumber: 417, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-400 mr-2 md:mr-3 text-lg", __source: { fileName: "", lineNumber: 418, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search for your location...", value: locationInput, onChange: (e)=>{ const value = e.target.value; setLocationInput(value); if (value.length >= 2) { handleLocationSearch(value); } }, className: "w-full outline-none text-gray-700 placeholder-gray-400 text-sm md:text-base", autoComplete: "off", __source: { fileName: "", lineNumber: 419, columnNumber: 27 }, __self: this }), isLoading && /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin text-gray-400", __source: { fileName: "", lineNumber: 434, columnNumber: 29 }, __self: this })), showPredictions && predictions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute w-full mt-2 bg-white border border-gray-200 rounded-xl shadow-lg max-h-[40vh] md:max-h-60 overflow-y-auto", __source: { fileName: "", lineNumber: 438, columnNumber: 27 }, __self: this }, predictions.map((prediction)=>/*#__PURE__*/ React.createElement("div", { key: prediction.place_id, onClick: ()=>handlePlaceSelect(prediction), className: "p-2 md:p-3 hover:bg-gray-50 cursor-pointer flex items-center gap-2 md:gap-3 border-b border-gray-100 last:border-b-0", __source: { fileName: "", lineNumber: 440, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#1B4B43]", __source: { fileName: "", lineNumber: 445, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 truncate text-sm md:text-base", __source: { fileName: "", lineNumber: 446, columnNumber: 33 }, __self: this }, prediction.description))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 md:mt-6", __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ navigator.geolocation.getCurrentPosition(async (position)=>{ try { setIsLoading(true); const response = await fetch("/api/current-location", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ latitude: position.coords.latitude, longitude: position.coords.longitude }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } setLocation(data.formattedAddress); setLocationInput(data.formattedAddress); setCoordinates({ lat: position.coords.latitude, lng: position.coords.longitude }); setShowLocation(false); } catch (err) { setError("Unable to get location"); } finally{ setIsLoading(false); } }, ()=>{ setError("Unable to get location"); }); }, className: "w-full p-3 md:p-4 bg-[#E6F3F0] text-[#1B4B43] rounded-xl flex items-center justify-center gap-2 md:gap-3 hover:bg-[#d1e9e4] transition-colors text-sm md:text-base", disabled: isLoading, __source: { fileName: "", lineNumber: 455, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-location-arrow text-lg", __source: { fileName: "", lineNumber: 500, columnNumber: 27 }, __self: this }), isLoading ? "Getting location..." : "Use my current location"))))), /*#__PURE__*/ React.createElement("section", { className: "mt-20 w-full", __source: { fileName: "", lineNumber: 510, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 511, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center mb-8 md:mb-16 gap-4 px-4", __source: { fileName: "", lineNumber: 512, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#E6F3F0] px-4 py-2 rounded-full shadow-sm flex items-center justify-center space-x-2 hover:scale-105 transition-all duration-300", __source: { fileName: "", lineNumber: 513, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-check text-[#1B4B43]", __source: { fileName: "", lineNumber: 514, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#1B4B43] text-sm md:text-base", __source: { fileName: "", lineNumber: 515, columnNumber: 23 }, __self: this }, "Verified Sitters")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#E6F3F0] px-4 py-2 rounded-full shadow-sm flex items-center justify-center space-x-2 hover:scale-105 transition-all duration-300", __source: { fileName: "", lineNumber: 519, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-walking text-[#1B4B43]", __source: { fileName: "", lineNumber: 520, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#1B4B43] text-sm md:text-base", __source: { fileName: "", lineNumber: 521, columnNumber: 23 }, __self: this }, "Professional Pet Walkers")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#E6F3F0] px-4 py-2 rounded-full shadow-sm flex items-center justify-center space-x-2 hover:scale-105 transition-all duration-300", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cut text-[#1B4B43]", __source: { fileName: "", lineNumber: 526, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#1B4B43] text-sm md:text-base", __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, "Top Rated Groomers"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto mb-8 md:mb-16", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full aspect-[2.73/1.2] transform hover:scale-105 transition-all duration-500 my-8 md:my-16", __source: { fileName: "", lineNumber: 534, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/76e0ddc9-8171-4bd1-8dd5-5145bb1bab51/-/format/auto/", alt: "Happy couple with their dog on couch surrounded by moving boxes and plants", className: "w-full h-full object-cover object-top rounded-3xl transition-all duration-500", loading: "eager", fetchpriority: "high", width: "1200", height: "440", __source: { fileName: "", lineNumber: 535, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-serif text-center mb-6 md:mb-8 text-[#1B4B43] px-4", __source: { fileName: "", lineNumber: 547, columnNumber: 19 }, __self: this }, "Services we offer"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 px-4", __source: { fileName: "", lineNumber: 551, columnNumber: 19 }, __self: this }, services.map((service, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `group flex flex-col p-4 md:p-6 rounded-xl bg-gradient-to-br from-[#f8f9fa] to-white hover:from-white hover:to-[#f8f9fa] transform hover:scale-105 transition-all duration-300 shadow-sm hover:shadow-xl items-center text-center h-full border border-gray-200 ${service.overnight ? "relative overflow-hidden" : ""}`, __source: { fileName: "", lineNumber: 553, columnNumber: 23 }, __self: this }, service.overnight && /*#__PURE__*/ React.createElement("div", { className: "absolute top-1 right-1 md:top-4 md:right-4 bg-[#1B4B43] text-white px-2 py-0.5 md:px-3 md:py-1 rounded-full text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 560, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon mr-1", __source: { fileName: "", lineNumber: 561, columnNumber: 29 }, __self: this }), "Overnight"), /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 md:w-16 md:h-16 bg-[#1B4B43] bg-opacity-10 rounded-full flex-shrink-0 flex items-center justify-center mb-4 group-hover:scale-110 transform transition-all duration-300", __source: { fileName: "", lineNumber: 565, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${service.icon} text-[#1B4B43] text-lg md:text-2xl group-hover:rotate-12 transition-all duration-300`, __source: { fileName: "", lineNumber: 566, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 570, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm md:text-lg font-medium text-[#1B4B43] mb-1 md:mb-2 group-hover:scale-105 transition-transform duration-300", __source: { fileName: "", lineNumber: 571, columnNumber: 27 }, __self: this }, service.title), /*#__PURE__*/ React.createElement("p", { className: "text-[10px] md:text-sm text-gray-600 mb-1 md:mb-4 group-hover:text-gray-800 transition-colors duration-300", __source: { fileName: "", lineNumber: 574, columnNumber: 27 }, __self: this }, service.subtitle), /*#__PURE__*/ React.createElement("p", { className: "text-[10px] md:text-sm text-gray-500 group-hover:text-gray-700 transition-colors duration-300", __source: { fileName: "", lineNumber: 577, columnNumber: 27 }, __self: this }, service.description))))))), /*#__PURE__*/ React.createElement("section", { className: "mt-20 w-full", __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://adopt.sniffbnb.com", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement(BlogAdoptionCard, { __source: { fileName: "", lineNumber: 593, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "mt-20 w-full", __source: { fileName: "", lineNumber: 597, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto relative", __source: { fileName: "", lineNumber: 598, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/dc507edd-2be1-4981-9fc2-fe70adabbb88/-/format/auto/", alt: "How Sniffbnb works - A visual guide showing search, chat, and booking steps", className: "w-full rounded-3xl shadow-lg hover:shadow-2xl transition-all duration-500", loading: "lazy", width: "1200", height: "675", __source: { fileName: "", lineNumber: 599, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.scrollTo({ top: 0, behavior: "smooth" }), className: "absolute bottom-4 right-4 bg-white hover:bg-[#1B4B43] text-[#1B4B43] hover:text-white px-6 py-2 rounded-lg transition-colors duration-300 shadow-lg hover:shadow-xl", __source: { fileName: "", lineNumber: 607, columnNumber: 19 }, __self: this }, "Book now"))), /*#__PURE__*/ React.createElement("section", { className: "mt-20 w-full bg-gradient-to-b from-[#f8f9fa] to-white py-20", __source: { fileName: "", lineNumber: 617, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4", __source: { fileName: "", lineNumber: 618, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8 md:mb-16", __source: { fileName: "", lineNumber: 619, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-4xl font-serif text-[#1B4B43] mb-2 md:mb-4", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, "What Our Happy Pet Parents Say"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-1 md:gap-2 text-[#F5A623]", __source: { fileName: "", lineNumber: 623, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-xl md:text-2xl", __source: { fileName: "", lineNumber: 624, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl md:text-2xl font-bold", __source: { fileName: "", lineNumber: 625, columnNumber: 23 }, __self: this }, "4.9"), /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-lg text-gray-600", __source: { fileName: "", lineNumber: 626, columnNumber: 23 }, __self: this }, "(2,943+ Reviews)"))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 631, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-[#f8f9fa] to-transparent z-10", __source: { fileName: "", lineNumber: 632, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-[#f8f9fa] to-transparent z-10", __source: { fileName: "", lineNumber: 633, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left absolute -left-4 top-1/2 -translate-y-1/2 z-20 text-[#1B4B43] hover:text-[#143832] text-2xl cursor-pointer transition-all duration-300 hover:-translate-x-1", onClick: ()=>{ if (reviewsRef.current) { reviewsRef.current.scrollLeft -= 300; setScrollPosition(reviewsRef.current.scrollLeft - 300); } }, __source: { fileName: "", lineNumber: 634, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right absolute -right-4 top-1/2 -translate-y-1/2 z-20 text-[#1B4B43] hover:text-[#143832] text-2xl cursor-pointer transition-all duration-300 hover:translate-x-1", onClick: ()=>{ if (reviewsRef.current) { reviewsRef.current.scrollLeft += 300; setScrollPosition(reviewsRef.current.scrollLeft + 300); } }, __source: { fileName: "", lineNumber: 645, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { ref: reviewsRef, className: "overflow-x-auto touch-pan-x scrollbar-hide relative", style: { scrollBehavior: "smooth" }, __source: { fileName: "", lineNumber: 656, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 md:gap-6 py-2 md:py-4 w-max", __source: { fileName: "", lineNumber: 661, columnNumber: 23 }, __self: this }, [ { name: "Priya S.", text: "Amazing service! Our sitter sent us daily updates and photos. Our dog was so happy and well-cared for.", icon: "dog" }, { name: "Rahul M.", text: "Found the perfect sitter for my cats. The booking process was smooth, and the sitter was professional.", icon: "cat" }, { name: "Anjali K.", text: "The peace of mind we got from the insurance coverage and professional pet walkers was priceless!", icon: "shield-alt" }, { name: "Dev P.", text: "Exceptional grooming service! My dog looks amazing and the sitter was so gentle and professional.", icon: "cut" }, { name: "Sarah M.", text: "Best pet sitting service ever! Daily photos and updates kept me worry-free during my vacation.", icon: "camera" }, { name: "Raj K.", text: "The sitter was amazing with my anxious rescue dog. Couldn't be happier with the service.", icon: "heart" }, { name: "Maya S.", text: "Professional, caring, and reliable. My cats were so well taken care of during my business trip.", icon: "briefcase" }, { name: "Arjun R.", text: "Great experience! The sitter was punctual, professional and sent regular updates about my pets.", icon: "clock" }, { name: "Neha T.", text: "Outstanding service! My dog had the best time and came back happy and well-exercised.", icon: "walking" }, { name: "Kiran P.", text: "Fantastic experience from booking to completion. Will definitely use again for my pets!", icon: "check-circle" } ].map((review, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-none w-[250px] md:w-[300px] bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 714, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-6", __source: { fileName: "", lineNumber: 718, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 md:gap-4 mb-3 md:mb-4", __source: { fileName: "", lineNumber: 719, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#1B4B43] bg-opacity-10 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 720, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${review.icon} text-[#1B4B43] text-lg md:text-xl`, __source: { fileName: "", lineNumber: 721, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 725, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm md:text-base font-medium text-[#1B4B43]", __source: { fileName: "", lineNumber: 726, columnNumber: 35 }, __self: this }, review.name), /*#__PURE__*/ React.createElement("div", { className: "flex text-[#F5A623]", __source: { fileName: "", lineNumber: 729, columnNumber: 35 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("i", { key: i, className: "fas fa-star text-[10px] md:text-xs", __source: { fileName: "", lineNumber: 732, columnNumber: 41 }, __self: this }))))), /*#__PURE__*/ React.createElement("p", { className: "text-xs md:text-sm text-gray-600 leading-relaxed", __source: { fileName: "", lineNumber: 741, columnNumber: 31 }, __self: this }, review.text), /*#__PURE__*/ React.createElement("div", { className: "mt-3 md:mt-4 flex items-center text-[10px] md:text-xs text-[#1B4B43]", __source: { fileName: "", lineNumber: 744, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1 md:mr-2", __source: { fileName: "", lineNumber: 745, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 746, columnNumber: 33 }, __self: this }, "Verified Booking")))))))))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 758, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto mt-20", __source: { fileName: "", lineNumber: 759, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/77988e5d-f8c4-404c-b35f-71ae9fc822fe/-/format/auto/", alt: "A young child smiling with a green parrot perched on their hand, showcasing the joy of pet companionship", className: "w-full rounded-3xl", loading: "lazy", width: "1200", height: "675", __source: { fileName: "", lineNumber: 760, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement(Footer, { brandName: "Sniffbnb", description: "Making pet care easy and stress-free for everyone.", socialLinks: [ { href: "#", icon: "fab fa-facebook", label: "Facebook" }, { href: "#", icon: "fab fa-twitter", label: "Twitter" }, { href: "#", icon: "fab fa-instagram", label: "Instagram" } ], quickLinks: [ { href: "/sniffbnb-search", text: "Find a Sitter" }, { href: "https://services.sniffbnb.com/", text: "Become a Service Provider", target: "_blank", rel: "noopener noreferrer" } ], supportLinks: [ { href: "#", text: "Safety" }, { href: "#", text: "Terms of Service" }, { href: "#", text: "Privacy Policy" }, { href: "/cancellation-refund-policy", text: "Cancellation & Refund Policy", target: "_blank", rel: "noopener noreferrer" } ], contactDetails: [ { icon: "fas fa-envelope", text: "support@sniffbnb.com" }, { icon: "fas fa-phone", text: "+91 - 9653539979" }, { icon: "fas fa-map-marker-alt", text: "Gugraon, Haryana" } ], paymentIcons: [ "fab fa-cc-visa", "fab fa-cc-mastercard", "fab fa-cc-amex" ], year: 2025, __source: { fileName: "", lineNumber: 769, columnNumber: 13 }, __self: this })), showLoginModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 814, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl w-[400px] max-w-[95vw] max-h-[90vh] overflow-y-auto modal-content", __source: { fileName: "", lineNumber: 815, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-100 flex justify-between items-center", __source: { fileName: "", lineNumber: 816, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium text-[#1B4B43]", __source: { fileName: "", lineNumber: 817, columnNumber: 19 }, __self: this }, "Login As"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLoginModal(false), className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 820, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 824, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-4", __source: { fileName: "", lineNumber: 827, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/", className: "block w-full bg-[#1B4B43] text-white py-3 rounded-lg text-center hover:bg-[#143832] transition-colors", __source: { fileName: "", lineNumber: 828, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 832, columnNumber: 21 }, __self: this }), "Login as Customer"), /*#__PURE__*/ React.createElement("a", { href: "https://services.sniffbnb.com/account/signin?callbackUrl=/", target: "_blank", rel: "noopener noreferrer", className: "block w-full border-2 border-[#1B4B43] text-[#1B4B43] py-3 rounded-lg text-center hover:bg-[#1B4B43] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 835, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase mr-2", __source: { fileName: "", lineNumber: 841, columnNumber: 21 }, __self: this }), "Login as Service Provider")))), showSignupModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 849, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl w-[400px] max-w-[95vw] max-h-[90vh] overflow-y-auto modal-content", __source: { fileName: "", lineNumber: 850, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-100 flex justify-between items-center", __source: { fileName: "", lineNumber: 851, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium text-[#1B4B43]", __source: { fileName: "", lineNumber: 852, columnNumber: 19 }, __self: this }, "Sign Up As"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignupModal(false), className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 855, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 859, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-4", __source: { fileName: "", lineNumber: 862, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/editprofile", className: "block w-full bg-[#1B4B43] text-white py-3 rounded-lg text-center hover:bg-[#143832] transition-colors", __source: { fileName: "", lineNumber: 863, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 867, columnNumber: 21 }, __self: this }), "Sign up as Customer"), /*#__PURE__*/ React.createElement("a", { href: "https://services.sniffbnb.com/", target: "_blank", rel: "noopener noreferrer", className: "block w-full border-2 border-[#1B4B43] text-[#1B4B43] py-3 rounded-lg text-center hover:bg-[#1B4B43] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 870, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase mr-2", __source: { fileName: "", lineNumber: 876, columnNumber: 21 }, __self: this }), "Sign up as Service Provider")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 883, columnNumber: 11 }, __self: this }, ` @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .modal-content { animation: modalFadeIn 0.3s ease-out forwards; } @keyframes slideInDog { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes bounceInCat { 0% { transform: translateY(-100%); opacity: 0; } 60% { transform: translateY(25%); } 100% { transform: translateY(0); opacity: 1; } } @keyframes flyInBird { 0% { transform: translate(-100%, 100%) rotate(-45deg); opacity: 0; } 100% { transform: translate(0, 0) rotate(0); opacity: 1; } } @keyframes hopInRabbit { 0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.2); } 100% { transform: scale(1); opacity: 1; } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes slide-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-300px * 10)); } } @keyframes fillText { 0% { color: transparent; } 100% { color: #1B4B43; } } .loading-text .letter { display: inline-block; color: transparent; animation: fillText 1.5s ease-out forwards; } .loading-text .letter:nth-child(1) { animation-delay: 0.1s; } .loading-text .letter:nth-child(2) { animation-delay: 0.2s; } .loading-text .letter:nth-child(3) { animation-delay: 0.3s; } .loading-text .letter:nth-child(4) { animation-delay: 0.4s; } .loading-text .letter:nth-child(5) { animation-delay: 0.5s; } .loading-text .letter:nth-child(6) { animation-delay: 0.6s; } .loading-text .letter:nth-child(7) { animation-delay: 0.7s; } .loading-text .letter:nth-child(8) { animation-delay: 0.8s; } .animate-spin-slow { animation: spin-slow 3s linear infinite; } .animate-slide-up { animation: slide-up 0.6s ease-out forwards; } .animate-fade-in { animation: modalFadeIn 1s ease-out forwards; } .animate-scroll { animation: scroll 60s linear infinite; width: calc(300px * 20); } .animate-scroll.pause { animation-play-state: paused; } .touch-pan-y { touch-action: pan-y; } `), /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 970, columnNumber: 11 }, __self: this }, ` { "@context": "https://schema.org", "@type": "Organization", "name": "Sniffbnb", "url": "https://sniffbnb.com", "logo": "https://sniffbnb.com/logo.png", "description": "India's leading pet care platform connecting pet parents with verified pet sitters, dog walkers, and groomers.", "address": { "@type": "PostalAddress", "addressLocality": "Gurugram", "addressRegion": "Haryana", "addressCountry": "IN", "postalCode": "122001" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+91-9653539979", "contactType": "customer service", "email": "support@sniffbnb.com", "areaServed": "IN", "availableLanguage": ["en", "hi"] }, "sameAs": [ "https://facebook.com/sniffbnb", "https://twitter.com/sniffbnb", "https://instagram.com/sniffbnb", "https://linkedin.com/company/sniffbnb", "https://youtube.com/sniffbnb" ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.9", "reviewCount": "2943", "bestRating": "5", "worstRating": "1" }, "offers": { "@type": "AggregateOffer", "priceCurrency": "INR", "offerCount": "6", "highPrice": "2000", "lowPrice": "200", "offers": [ { "@type": "Offer", "name": "Pet Boarding", "description": "Your pet stays at sitter's home", "availability": "https://schema.org/InStock" }, { "@type": "Offer", "name": "House Sitting", "description": "Sitter stays at your home", "availability": "https://schema.org/InStock" }, { "@type": "Offer", "name": "Daycare Services", "description": "Your pet stays at sitter's home in day time", "availability": "https://schema.org/InStock" }, { "@type": "Offer", "name": "Drop-In Visits", "description": "Regular check-in visits", "availability": "https://schema.org/InStock" }, { "@type": "Offer", "name": "Dog Walking", "description": "Professional dog walking", "availability": "https://schema.org/InStock" }, { "@type": "Offer", "name": "Pet Grooming", "description": "Professional grooming service", "availability": "https://schema.org/InStock" } ] }, "areaServed": { "@type": "Country", "name": "India", "alternateName": "IN" }, "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://sniffbnb.com/sniffbnb-search?location={location}" }, "query-input": "required name=location" } } `))); }