function Button({ text, icon, onClick, className }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-gray-100 text-gray-800 font-semibold py-2 px-4 rounded-[8px] hover:bg-gray-200 transition-colors duration-200 " + className, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, icon && /*#__PURE__*/ React.createElement("i", { className: `fas ${icon} ${text ? "mr-2" : ""}`, __source: { fileName: "", lineNumber: 11, columnNumber: 18 }, __self: this }), text)); } function ButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { text: "Sign in", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { icon: "fa-shopping-cart", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [socials] = useState([ { url: "https://www.instagram.com/hrcfertilitybayarea/", icon: "fab fa-instagram" } ]); const [links] = useState([ { title: "Schedule a Consultation", url: "https://forms.gle/JihBjkaczqjoRjWP8" }, { title: "Our Services", url: "https://www.havingbabies.com/treatments/" }, { title: "Patient Resources", url: "https://www.havingbabies.com/education/" } ]); const [eventsExpanded, setEventsExpanded] = useState(false); const [events] = useState([ { title: "Decode Your AMH for a Healthier Future", subtitle: "IN PERSON", date: "Friday, April 11", time: "12:00 PM - 1:00 PM PDT", location: "55 Francisco St, San Francisco, CA 94133", description: "Join us for a FREE AMH (Anti-Müllerian Hormone) blood test led by Dr. Kay Waud from HRC Fertility. This simple yet powerful test helps assess your hormones, giving you valuable insights into your reproductive health and how it connects to your overall well-being and aging process.", image: "https://ucarecdn.com/4f13f0a9-221c-4b28-88ea-3db84391af24/-/format/auto/", registrationUrl: "https://lu.ma/vf7taget" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F8FBFD] relative", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", style: { backgroundImage: `linear-gradient(#E6EEF4 1px, transparent 1px), linear-gradient(90deg, #E6EEF4 1px, transparent 1px)`, backgroundSize: "40px 40px", opacity: 0.2 }, __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl mx-auto px-6 space-y-6 pt-6 animate-fadeIn", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6 animate-slideUp", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[160px] h-[160px] mx-auto rounded-full overflow-hidden border-2 border-gray-100 bg-white animate-fadeIn", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/b8ca2f2d-a529-4bac-9d12-7f0b417a2c44/-/format/auto/", alt: "Medical caduceus symbol representing healthcare and fertility services", className: "w-full h-full object-cover object-center", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "mt-3 text-2xl font-poppins font-semibold text-black tracking-wide animate-fadeIn", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "HRC Fertility Bay Area"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center gap-3 mt-4 mb-6 animate-scaleIn", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/hrcfertilitybayarea/", target: "_blank", rel: "noopener noreferrer", className: "text-black hover:text-gray-600 transition-all duration-300 hover:scale-110", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.9091 12.909C13.2365 12.5817 13.4918 12.1895 13.6588 11.7577C13.8195 11.3443 13.9294 10.8718 13.961 10.1799C13.9926 9.48665 14.0001 9.26529 14.0001 7.50001C14.0001 5.73473 13.9926 5.51328 13.961 4.82008C13.9294 4.12821 13.8195 3.65573 13.6588 3.24228C13.4956 2.80857 13.2398 2.41567 12.9091 2.091C12.5844 1.76028 12.1915 1.50437 11.7578 1.34113C11.3443 1.18056 10.8718 1.0707 10.1799 1.03924C9.48675 1.00748 9.26537 1 7.50006 1C5.73476 1 5.51333 1.00748 4.82014 1.03912C4.12826 1.0707 3.65578 1.18056 3.24233 1.34125C2.80862 1.50447 2.41573 1.76032 2.09105 2.09098C1.76032 2.41563 1.5044 2.80852 1.34113 3.24225C1.18056 3.65573 1.0707 4.12821 1.03924 4.82008C1.00748 5.51328 1 5.73471 1 7.50001C1 9.26532 1.00748 9.48675 1.03924 10.1799C1.07083 10.8718 1.18069 11.3443 1.34138 11.7577C1.5046 12.1915 1.76045 12.5843 2.09111 12.909C2.41578 13.2397 2.80867 13.4955 3.24238 13.6587C3.65586 13.8194 4.12834 13.9293 4.82019 13.9609C5.51348 13.9925 5.73483 14 7.50012 14C9.2654 14 9.48685 13.9925 10.18 13.9609C10.8719 13.9293 11.3444 13.8194 11.7578 13.6587C12.1896 13.4917 12.5818 13.2364 12.9091 12.909ZM1.99949 6.73496C1.99974 6.94524 2.00005 7.19543 2.00005 7.50002C2.00005 7.80461 1.99974 8.0548 1.99949 8.26507C1.99849 9.08596 1.99824 9.29856 2.01963 9.7655C2.04625 10.3509 2.07823 10.7811 2.17588 11.1053C2.26976 11.417 2.37505 11.7342 2.7188 12.1171C3.06255 12.4999 3.39411 12.6733 3.81645 12.8007C4.23879 12.928 4.7696 12.9554 5.23052 12.9764C5.75332 13.0003 5.96052 13.0002 7.05714 12.9999L7.50006 12.9999C7.79304 12.9999 8.03569 13.0001 8.2409 13.0004C9.08195 13.0013 9.29425 13.0015 9.76575 12.9799C10.3512 12.9533 10.7814 12.9213 11.1056 12.8237C11.4173 12.7298 11.7345 12.6245 12.1173 12.2807C12.5001 11.937 12.6735 11.6054 12.8009 11.1831C12.9283 10.7607 12.9557 10.2299 12.9767 9.76902C13.0005 9.24689 13.0004 9.04027 13.0002 7.94749V7.94738L13.0001 7.50039L13.0001 7.05747C13.0004 5.96085 13.0005 5.75365 12.9766 5.23085C12.9556 4.76993 12.9282 4.23912 12.8009 3.81678C12.6735 3.39445 12.5001 3.06288 12.1173 2.71913C11.7345 2.37538 11.4172 2.27009 11.1056 2.17621C10.7813 2.07856 10.3511 2.04658 9.76571 2.01996C9.29421 1.99836 9.08194 1.99859 8.24092 1.99951H8.24092C8.0357 1.99974 7.79305 2.00001 7.50006 2.00001L7.05704 1.99993C5.96051 1.99964 5.75331 1.99958 5.23052 2.02343C4.7696 2.04446 4.23879 2.07183 3.81645 2.19921C3.39411 2.32659 3.06255 2.49999 2.7188 2.88281C2.37505 3.26562 2.26976 3.58286 2.17588 3.89453C2.07823 4.21874 2.04625 4.64894 2.01963 5.23437C1.99824 5.70131 1.99849 5.91401 1.99949 6.73496ZM7.49996 5.25015C6.25741 5.25015 5.25012 6.25744 5.25012 7.49999C5.25012 8.74254 6.25741 9.74983 7.49996 9.74983C8.74251 9.74983 9.7498 8.74254 9.7498 7.49999C9.7498 6.25744 8.74251 5.25015 7.49996 5.25015ZM4.25012 7.49999C4.25012 5.70515 5.70512 4.25015 7.49996 4.25015C9.2948 4.25015 10.7498 5.70515 10.7498 7.49999C10.7498 9.29483 9.2948 10.7498 7.49996 10.7498C5.70512 10.7498 4.25012 9.29483 4.25012 7.49999ZM10.9697 4.7803C11.3839 4.7803 11.7197 4.44452 11.7197 4.0303C11.7197 3.61609 11.3839 3.2803 10.9697 3.2803C10.5555 3.2803 10.2197 3.61609 10.2197 4.0303C10.2197 4.44452 10.5555 4.7803 10.9697 4.7803Z", fill: "currentColor", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this })), " "), /*#__PURE__*/ React.createElement("a", { href: "https://www.havingbabies.com", target: "_blank", rel: "noopener noreferrer", className: "text-black hover:text-gray-600 transition-all duration-300 hover:scale-110", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M4.62471 4.00001L4.56402 4.00001C4.04134 3.99993 3.70687 3.99988 3.4182 4.055C2.2379 4.28039 1.29846 5.17053 1.05815 6.33035C0.999538 6.61321 0.999604 6.93998 0.999703 7.43689L0.999711 7.50001L0.999703 7.56313C0.999604 8.06004 0.999538 8.38681 1.05815 8.66967C1.29846 9.8295 2.2379 10.7196 3.4182 10.945C3.70688 11.0001 4.04135 11.0001 4.56403 11L4.62471 11H5.49971C5.77585 11 5.99971 10.7762 5.99971 10.5C5.99971 10.2239 5.77585 10 5.49971 10H4.62471C4.02084 10 3.78907 9.99777 3.60577 9.96277C2.80262 9.8094 2.19157 9.21108 2.03735 8.46678C2.00233 8.29778 1.99971 8.08251 1.99971 7.50001C1.99971 6.91752 2.00233 6.70225 2.03735 6.53324C2.19157 5.78895 2.80262 5.19062 3.60577 5.03725C3.78907 5.00225 4.02084 5.00001 4.62471 5.00001H5.49971C5.77585 5.00001 5.99971 4.77615 5.99971 4.50001C5.99971 4.22387 5.77585 4.00001 5.49971 4.00001H4.62471ZM10.3747 5.00001C10.9786 5.00001 11.2104 5.00225 11.3937 5.03725C12.1968 5.19062 12.8079 5.78895 12.9621 6.53324C12.9971 6.70225 12.9997 6.91752 12.9997 7.50001C12.9997 8.08251 12.9971 8.29778 12.9621 8.46678C12.8079 9.21108 12.1968 9.8094 11.3937 9.96277C11.2104 9.99777 10.9786 10 10.3747 10H9.49971C9.22357 10 8.99971 10.2239 8.99971 10.5C8.99971 10.7762 9.22357 11 9.49971 11H10.3747L10.4354 11C10.9581 11.0001 11.2925 11.0001 11.5812 10.945C12.7615 10.7196 13.701 9.8295 13.9413 8.66967C13.9999 8.38681 13.9998 8.06005 13.9997 7.56314L13.9997 7.50001L13.9997 7.43688C13.9998 6.93998 13.9999 6.61321 13.9413 6.33035C13.701 5.17053 12.7615 4.28039 11.5812 4.055C11.2925 3.99988 10.9581 3.99993 10.4354 4.00001L10.3747 4.00001H9.49971C9.22357 4.00001 8.99971 4.22387 8.99971 4.50001C8.99971 4.77615 9.22357 5.00001 9.49971 5.00001H10.3747ZM5.00038 7C4.72424 7 4.50038 7.22386 4.50038 7.5C4.50038 7.77614 4.72424 8 5.00038 8H10.0004C10.2765 8 10.5004 7.77614 10.5004 7.5C10.5004 7.22386 10.2765 7 10.0004 7H5.00038Z", fill: "currentColor", "fill-rule": "evenodd", "clip-rule": "evenodd", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-[500px] mx-auto bg-[#0066CC1A] p-4 rounded-lg animate-slideUp", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-helvetica font-bold text-lg mb-1 text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "$2,000 Off Fertility Treatments"), /*#__PURE__*/ React.createElement("p", { className: "font-helvetica text-xs text-center", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "HRC Fertility San Francisco is offering new patients special pricing off Egg Freezing & IVF services. Request a consultation to learn more.")), /*#__PURE__*/ React.createElement("div", { className: "max-w-[500px] mx-auto flex flex-col gap-2", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, links.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.url, className: "flex items-center justify-center p-3 bg-white text-black hover:bg-gray-50 transition-colors w-full shadow-sm rounded-lg animate-slideUpStagger", style: { animationDelay: `${index * 0.1}s` }, __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-helvetica tracking-normal", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, link.title))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEventsExpanded(!eventsExpanded), className: `relative flex items-center justify-center p-3 bg-white text-black ${!eventsExpanded ? "hover:bg-gray-50" : ""} transition-colors w-full shadow-sm rounded-lg animate-slideUpStagger`, style: { animationDelay: `${links.length * 0.1}s` }, __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm font-helvetica tracking-normal", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Events"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${eventsExpanded ? "up" : "down"} text-sm transition-transform duration-200 absolute right-3`, __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this })), eventsExpanded && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-5 animate-expandHeight bg-white rounded-lg shadow-sm p-0 sm:p-6", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, events.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "w-full max-w-[400px] border border-gray-100 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full pb-[66.67%] bg-white", __source: { fileName: "", lineNumber: 155, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 156, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: event.image, alt: event.title, className: "w-full h-full object-contain object-center", __source: { fileName: "", lineNumber: 157, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-4 sm:p-5 space-y-4", __source: { fileName: "", lineNumber: 164, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-helvetica font-semibold text-lg", __source: { fileName: "", lineNumber: 165, columnNumber: 23 }, __self: this }, event.title), /*#__PURE__*/ React.createElement("p", { className: "font-helvetica text-sm text-gray-600", __source: { fileName: "", lineNumber: 168, columnNumber: 23 }, __self: this }, event.subtitle), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 text-sm text-gray-600 font-helvetica", __source: { fileName: "", lineNumber: 171, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 172, columnNumber: 25 }, __self: this }, event.date), event.time && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 175, columnNumber: 29 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 176, columnNumber: 29 }, __self: this }, event.time))), event.location && /*#__PURE__*/ React.createElement("p", { className: "font-helvetica text-sm text-gray-600", __source: { fileName: "", lineNumber: 181, columnNumber: 25 }, __self: this }, event.location), /*#__PURE__*/ React.createElement("p", { className: "font-helvetica text-sm", __source: { fileName: "", lineNumber: 185, columnNumber: 23 }, __self: this }, event.description), event.specialOffer && index === 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-[#0066CC1A] p-4 rounded-lg", __source: { fileName: "", lineNumber: 189, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-helvetica text-sm text-black", __source: { fileName: "", lineNumber: 190, columnNumber: 27 }, __self: this }, event.specialOffer)), /*#__PURE__*/ React.createElement("a", { href: event.registrationUrl, target: "_blank", rel: "noopener noreferrer", className: "font-helvetica block w-full text-center bg-black text-white py-2 mt-4 text-sm hover:bg-gray-800 transition-colors rounded-lg", __source: { fileName: "", lineNumber: 195, columnNumber: 23 }, __self: this }, "Register Now"))))))), /*#__PURE__*/ React.createElement("div", { className: "text-center pb-8 animate-fadeInLate", __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://maps.app.goo.gl/m1EEpuR7rDzGSLAz8", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-[#666666] font-helvetica text-xs hover:text-gray-600 transition-colors whitespace-nowrap", __source: { fileName: "", lineNumber: 212, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, "📍"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 219, columnNumber: 13 }, __self: this }, "55 Francisco Street #300, San Francisco, California 94133")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 225, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes expandHeight { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 2000px; } } .animate-fadeIn { animation: fadeIn 0.3s ease-out forwards; } .animate-slideUp { animation: slideUp 0.4s ease-out forwards; } .animate-scaleIn { animation: scaleIn 0.3s ease-out forwards; animation-delay: 0.4s; } .animate-slideUpStagger { opacity: 0; animation: slideUp 0.3s ease-out forwards; } .animate-expandHeight { animation: expandHeight 0.3s ease-out forwards; } .animate-fadeInLate { opacity: 0; animation: fadeIn 0.3s ease-out forwards; animation-delay: 1.2s; } `)); }