function LocationMap() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { title: "207 East 33rd Street", src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.7153542609647!2d-73.97894492342987!3d40.74438597138451!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a903f8446f%3A0x4b402b89d2c80872!2s207%20E%2033rd%20St%2C%20New%20York%2C%20NY%2010016!5e0!3m2!1sen!2sus!4v1709657544165!5m2!1sen!2sus", width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: true, loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function LocationMapStory() { return /*#__PURE__*/ React.createElement(LocationMap, { __source: { fileName: "", lineNumber: 19, columnNumber: 10 }, __self: this }); } function EventCard({ title, date, location, description, image }) { const formatDate = (dateStr)=>{ const options = { weekday: "long", month: "long", day: "numeric", year: "numeric" }; return new Date(dateStr).toLocaleDateString("en-US", options); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#E6F3FF] rounded-xl p-6 shadow-md max-w-md transform hover:scale-[1.02] hover:shadow-xl transition-all duration-500", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] mb-4 overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image || "/event-placeholder.jpg", alt: "Event featuring people gathering", className: "w-full h-full object-cover transform hover:scale-105 transition-transform duration-500", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-pacifico text-[#1E3A8A] text-3xl", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, title || "Community Gathering"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F7FF] p-3 rounded-lg font-caveat text-[#2563EB] flex items-center space-x-3", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2563EB] text-white p-2 rounded-full", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, formatDate(date) || formatDate("2024-03-15"))), /*#__PURE__*/ React.createElement("div", { className: "font-caveat text-[#2563EB] flex items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, location || "Central Park")), /*#__PURE__*/ React.createElement("p", { className: "font-caveat text-[#3B82F6] leading-relaxed", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, description || "Join us for an amazing community event filled with fun activities, music, and great people!"))); } function EventCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(EventCard, { __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(EventCard, { title: "Art in the Park", date: "2024-04-01", location: "Riverside Gallery", description: "Experience local artists showcasing their masterpieces in our beautiful outdoor gallery.", image: "/art-event.jpg", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(EventCard, { title: "Music Festival", date: "2024-05-20", location: "Downtown Square", description: "A day full of live performances, food trucks, and family-friendly entertainment.", image: "/music-event.jpg", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this })); } function CircularLogo() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-[300px] h-[300px] mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4605d359-d16c-457f-8104-8e559911b6f5/-/format/auto/", alt: "Profile of Ben", className: "rounded-full w-[200px] h-[200px] object-cover absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 animate-rotate-slow", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 100 100", className: "w-full h-full", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("defs", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { id: "circle", d: "M 50,50 m -37,0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("text", { className: "text-[#121212] font-montserrat text-[8px]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textPath", { href: "#circle", letterSpacing: "2", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "AIRBEN&BEN ✨ AIRBEN&BEN ✨ AIRBEN&BEN ✨ AIRBEN&BEN ✨")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, ` @keyframes rotate-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-rotate-slow { animation: rotate-slow 12s linear infinite; } `)); } function CircularLogoStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CircularLogo, { __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this })); } function MainComponent() { const [currentMonth, setCurrentMonth] = useState(new Date()); const occupiedDates = [ { start: "2024-03-01", end: "2024-03-05" }, { start: "2024-03-15", end: "2024-03-20" }, { start: "2024-03-25", end: "2024-03-30" } ]; const isDateOccupied = (date)=>{ return occupiedDates.some(({ start, end })=>{ const checkDate = new Date(date); return checkDate >= new Date(start) && checkDate <= new Date(end); }); }; const getDaysInMonth = (date)=>{ const year = date.getFullYear(); const month = date.getMonth(); const daysInMonth = new Date(year, month + 1, 0).getDate(); const firstDayOfMonth = new Date(year, month, 1).getDay(); return { daysInMonth, firstDayOfMonth }; }; const recentEvents = [ { title: "Community Meetup", date: "March 15, 2024", location: "Central Park", description: "Join us for an amazing community gathering with activities and music!", image: "/event1.jpg" }, { title: "Tech Workshop", date: "March 20, 2024", location: "Innovation Hub", description: "Learn the latest tech trends and network with industry experts.", image: "/event2.jpg" }, { title: "Networking Night", date: "March 25, 2024", location: "Grand Hotel", description: "An evening of meaningful connections and inspiring conversations.", image: "/event3.jpg" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#F6F8FF] via-[#EDF2FF] to-[#E5EDFF] font-quicksand", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-8 py-20 max-w-7xl", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-24", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "transform hover:scale-110 transition-all duration-500 w-[400px]", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(CircularLogo, { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-32", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://t.me/+sfeNNj93X9A1OTc1", target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-3 bg-[#4A90E2] hover:bg-[#357ABD] text-white font-caveat text-3xl px-14 py-6 rounded-xl shadow-lg transform hover:scale-105 transition-all duration-300 hover:shadow-xl border border-[#D1DCFF]", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram text-3xl", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), "Join our Telegram Community")), /*#__PURE__*/ React.createElement("div", { className: "mb-32", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-caveat text-center mb-12 text-[#2C3E50]", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Room Availability"), /*#__PURE__*/ React.createElement("div", { className: "bg-white/90 backdrop-blur rounded-xl p-10 shadow-lg hover:shadow-xl max-w-3xl mx-auto border border-[#D1DCFF] transition-all duration-300", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-xl font-caveat text-[#2C3E50] mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, currentMonth.toLocaleString("default", { month: "long", year: "numeric" })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-1 text-center mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ].map((day)=>/*#__PURE__*/ React.createElement("div", { key: day, className: "font-semibold text-[#4A5568]", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, day))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-1", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, [ ...Array(getDaysInMonth(currentMonth).firstDayOfMonth) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: `empty-${i}`, className: "h-12", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this })), [ ...Array(getDaysInMonth(currentMonth).daysInMonth) ].map((_, i)=>{ const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), i + 1); const isOccupied = isDateOccupied(date); return /*#__PURE__*/ React.createElement("div", { key: i, className: `h-12 flex items-center justify-center rounded-lg text-sm transition-all duration-300 ${isOccupied ? "bg-[#FFE4E4] text-[#E53E3E] font-semibold" : "bg-[#F0F7FF] text-[#4A90E2] hover:bg-[#E5EDFF]"}`, __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, i + 1); })), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-center gap-6 text-sm text-[#2C3E50]", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 rounded-full bg-[#FFE4E4]", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, "Occupied")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 rounded-full bg-[#F0F7FF]", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Available"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-32", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-6xl font-caveat text-center mb-16 text-[#2C3E50]", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Recent Events"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-12 px-4", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, recentEvents.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "transform hover:scale-105 transition-all duration-300", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(EventCard, { ...event, __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mb-20", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-6xl font-caveat text-center mb-16 text-[#2C3E50]", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "Find Us Here"), /*#__PURE__*/ React.createElement("div", { className: "rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 border border-[#D1DCFF]", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(LocationMap, { __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }))))); }