1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>Live Events â Feminine Rising</title> 7<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 8<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png"> 9<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 10<link rel="preconnect" href="https://fonts.googleapis.com"> 11<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Marcellus&family=Great+Vibes&display=swap" rel="stylesheet"> 12<style> 13:root { 14 --gold: #C5A55A; 15 --gold-light: #D4BA7A; 16 --plum: #8B2252; 17 --plum-deep: #6B1A42; 18 --berry: #940E4B; 19 --cream: #FBF8F3; 20 --cream-warm: #F7F0E5; 21 --charcoal: #2E2E2E; 22} 23 24* { margin: 0; padding: 0; box-sizing: border-box; } 25 26body { 27 font-family: 'Lora', serif; 28 background: var(--cream); 29 color: var(--charcoal); 30 min-height: 100vh; 31} 32 33/* Banner */ 34.back-to-hub { 35 position: absolute; 36 top: 16px; 37 left: 20px; 38 display: inline-flex; 39 align-items: center; 40 gap: 6px; 41 padding: 8px 18px; 42 background: rgba(107, 26, 66, 0.7); 43 border: 1px solid rgba(197, 165, 90, 0.4); 44 border-radius: 6px; 45 color: var(--gold-light); 46 font-family: 'Marcellus', serif; 47 font-size: 10px; 48 letter-spacing: 2px; 49 text-transform: uppercase; 50 text-decoration: none; 51 transition: all 0.3s; 52 z-index: 10; 53} 54 55.back-to-hub:hover { 56 background: rgba(107, 26, 66, 0.95); 57 border-color: var(--gold); 58 color: var(--gold); 59} 60 61.e-banner { 62 background: var(--plum); 63 padding: 40px 20px 36px; 64 text-align: center; 65 position: relative; 66} 67 68.e-banner::after { 69 content: ''; 70 position: absolute; 71 bottom: -3px; 72 left: 10%; right: 10%; 73 height: 3px; 74 background: var(--gold); 75} 76 77.e-eyebrow { 78 font-family: 'Marcellus', serif; 79 font-size: 12px; 80 letter-spacing: 5px; 81 color: var(--gold); 82 text-transform: uppercase; 83 margin-bottom: 10px; 84} 85 86.e-title { 87 font-family: 'Cormorant Garamond', serif; 88 font-size: 36px; 89 color: white; 90 font-weight: 400; 91 margin-bottom: 4px; 92} 93 94.e-subtitle { 95 font-family: 'Cormorant Garamond', serif; 96 font-style: italic; 97 font-size: 16px; 98 color: var(--gold-light); 99} 100 101/* Welcome */ 102.e-welcome { 103 max-width: 640px; 104 margin: 0 auto; 105 padding: 50px 30px 20px; 106 text-align: center; 107} 108 109.e-welcome-text { 110 font-family: 'Cormorant Garamond', serif; 111 font-style: italic; 112 font-size: 18px; 113 line-height: 1.7; 114 color: var(--plum); 115} 116 117/* Diamond divider */ 118.diamond-divider { 119 display: flex; 120 align-items: center; 121 justify-content: center; 122 gap: 14px; 123 padding: 10px 0 30px; 124 max-width: 400px; 125 margin: 0 auto; 126} 127 128.diamond-divider::before, 129.diamond-divider::after { 130 content: ''; 131 flex: 1; 132 height: 1px; 133 background: var(--gold-light); 134} 135 136.diamond-divider span { color: var(--gold); font-size: 10px; } 137 138/* Events section */ 139.events-section { 140 max-width: 700px; 141 margin: 0 auto; 142 padding: 0 30px 60px; 143} 144 145.event-card { 146 background: white; 147 border-radius: 14px; 148 border: 1px solid rgba(197, 165, 90, 0.25); 149 overflow: hidden; 150 transition: all 0.3s; 151 text-decoration: none; 152 color: inherit; 153 display: block; 154 margin-bottom: 24px; 155} 156 157.event-card:hover { 158 border-color: var(--gold); 159 box-shadow: 0 6px 28px rgba(197, 165, 90, 0.18); 160 transform: translateY(-3px); 161} 162 163.event-header { 164 background: var(--plum-deep); 165 padding: 20px 28px; 166 display: flex; 167 align-items: center; 168 justify-content: space-between; 169} 170 171.event-tag { 172 font-family: 'Marcellus', serif; 173 font-size: 10px; 174 letter-spacing: 3px; 175 color: var(--gold); 176 text-transform: uppercase; 177} 178 179.event-date-tag { 180 font-family: 'Lora', serif; 181 font-size: 12px; 182 color: var(--gold-light); 183} 184 185.event-body { 186 padding: 28px 28px 32px; 187 text-align: center; 188} 189 190.event-icon { 191 font-size: 32px; 192 color: var(--gold); 193 margin-bottom: 14px; 194} 195 196.event-name { 197 font-family: 'Cormorant Garamond', serif; 198 font-size: 26px; 199 color: var(--plum-deep); 200 font-weight: 400; 201 margin-bottom: 4px; 202} 203 204.event-tagline { 205 font-family: 'Cormorant Garamond', serif; 206 font-style: italic; 207 font-size: 15px; 208 color: var(--berry); 209 margin-bottom: 16px; 210} 211 212.event-details { 213 font-size: 13px; 214 color: var(--charcoal); 215 line-height: 1.7; 216 opacity: 0.8; 217 margin-bottom: 20px; 218 max-width: 460px; 219 margin-left: auto; 220 margin-right: auto; 221} 222 223.event-cta { 224 display: inline-block; 225 padding: 12px 32px; 226 background: var(--plum); 227 color: var(--gold); 228 border-radius: 8px; 229 font-family: 'Marcellus', serif; 230 font-size: 11px; 231 letter-spacing: 3px; 232 text-transform: uppercase; 233 text-decoration: none; 234 transition: all 0.3s; 235} 236 237.event-cta:hover { 238 background: var(--plum-deep); 239 box-shadow: 0 4px 16px rgba(107, 26, 66, 0.3); 240} 241 242/* Stay tuned section */ 243.stay-tuned { 244 text-align: center; 245 padding: 40px 30px; 246 background: white; 247 border-radius: 14px; 248 border: 1px solid rgba(197, 165, 90, 0.2); 249} 250 251.stay-tuned-icon { 252 font-size: 28px; 253 color: var(--gold); 254 margin-bottom: 14px; 255} 256 257.stay-tuned-title { 258 font-family: 'Cormorant Garamond', serif; 259 font-size: 22px; 260 color: var(--plum-deep); 261 margin-bottom: 8px; 262} 263 264.stay-tuned-text { 265 font-size: 13px; 266 color: var(--charcoal); 267 opacity: 0.7; 268 line-height: 1.6; 269 max-width: 420px; 270 margin: 0 auto; 271} 272 273/* Footer */ 274.e-footer { 275 text-align: center; 276 padding: 30px 20px 40px; 277 border-top: 1px solid var(--gold-light); 278 position: relative; 279} 280 281.e-footer::before { 282 content: '\2666\FE0E'; 283 position: absolute; 284 top: -8px; 285 left: 50%; 286 transform: translateX(-50%); 287 background: var(--cream); 288 padding: 0 12px; 289 color: var(--gold); 290 font-size: 10px; 291} 292 293.e-footer-logo { width: 36px; height: 36px; margin-bottom: 8px; } 294 295.e-footer-brand { 296 font-family: 'Marcellus', serif; 297 font-size: 9px; 298 letter-spacing: 4px; 299 color: var(--gold); 300 text-transform: uppercase; 301 margin-bottom: 6px; 302} 303 304.e-footer-copy { 305 font-size: 9px; 306 color: var(--gold); 307 opacity: 0.7; 308} 309 310.e-back { 311 display: inline-block; 312 margin-top: 20px; 313 font-family: 'Marcellus', serif; 314 font-size: 10px; 315 letter-spacing: 2px; 316 color: var(--gold); 317 text-decoration: none; 318 text-transform: uppercase; 319} 320 321.e-back:hover { color: var(--plum); } 322 323/* Stay Connected */ 324.e-stay-section { 325 max-width: 700px; 326 margin: 0 auto;
327 padding: 0 30px 60px; 328} 329 330.e-stay-card { 331 background: white; 332 border-radius: 14px; 333 border: 1px solid rgba(197, 165, 90, 0.25); 334 padding: 36px 32px; 335 text-align: center; 336} 337 338.e-stay-title { 339 font-family: 'Cormorant Garamond', serif; 340 font-size: 22px; 341 color: var(--plum-deep); 342 font-weight: 600; 343 margin-bottom: 6px; 344} 345 346.e-stay-desc { 347 font-family: 'Lora', serif; 348 font-size: 12px; 349 color: var(--charcoal); 350 opacity: 0.7; 351 margin-bottom: 24px; 352 line-height: 1.5; 353} 354 355.e-form-row { 356 display: grid; 357 grid-template-columns: 1fr 1fr; 358 gap: 12px; 359 margin-bottom: 12px; 360 max-width: 420px; 361 margin-left: auto; 362 margin-right: auto; 363} 364 365.e-form-input { 366 width: 100%; 367 padding: 12px 16px; 368 border: 1px solid var(--gold-light); 369 border-radius: 8px; 370 background: var(--cream); 371 font-family: 'Lora', serif; 372 font-size: 13px; 373 color: var(--charcoal); 374 outline: none; 375 transition: border-color 0.3s; 376} 377 378.e-form-input:focus { 379 border-color: var(--gold); 380 box-shadow: 0 0 0 3px rgba(197, 165, 90, 0.12); 381} 382 383.e-form-input::placeholder { color: #bbb; } 384 385.e-form-full { 386 margin-bottom: 12px; 387 max-width: 420px; 388 margin-left: auto; 389 margin-right: auto; 390} 391 392.e-form-btn { 393 padding: 14px 40px; 394 background: var(--plum); 395 color: var(--gold); 396 border: none; 397 border-radius: 8px; 398 font-family: 'Marcellus', serif; 399 font-size: 12px; 400 letter-spacing: 3px; 401 text-transform: uppercase; 402 cursor: pointer; 403 transition: all 0.3s; 404} 405 406.e-form-btn:hover { 407 background: var(--plum-deep); 408 box-shadow: 0 4px 16px rgba(107, 26, 66, 0.3); 409} 410 411.e-form-success { 412 display: none; 413 padding: 20px; 414 text-align: center; 415} 416 417.e-form-success-text { 418 font-family: 'Cormorant Garamond', serif; 419 font-style: italic; 420 font-size: 18px; 421 color: var(--plum); 422} 423 424@media (max-width: 600px) { 425 .e-form-row { grid-template-columns: 1fr; } 426} 427 428/* Reserve Form */ 429.reserve-form { 430 max-width: 420px; 431 margin: 24px auto 0; 432 text-align: left; 433} 434 435.rv-row { 436 display: grid; 437 grid-template-columns: 1fr 1fr; 438 gap: 12px; 439 margin-bottom: 12px; 440} 441 442.rv-input { 443 width: 100%; 444 padding: 12px 16px; 445 border: 1px solid var(--gold-light); 446 border-radius: 8px; 447 background: var(--cream); 448 font-family: 'Lora', serif; 449 font-size: 13px; 450 color: var(--charcoal); 451 outline: none; 452 transition: border-color 0.3s; 453} 454 455.rv-input:focus { 456 border-color: var(--gold); 457 box-shadow: 0 0 0 3px rgba(197, 165, 90, 0.12); 458} 459 460.rv-input::placeholder { color: #bbb; } 461 462.rv-full { margin-bottom: 12px; } 463 464.rv-btn { 465 width: 100%; 466 padding: 14px; 467 background: var(--plum); 468 color: var(--gold); 469 border: none; 470 border-radius: 8px; 471 font-family: 'Marcellus', serif; 472 font-size: 12px; 473 letter-spacing: 3px; 474 text-transform: uppercase; 475 cursor: pointer; 476 transition: all 0.3s; 477 margin-top: 4px; 478} 479 480.rv-btn:hover { 481 background: var(--plum-deep); 482 box-shadow: 0 4px 16px rgba(107, 26, 66, 0.3); 483} 484 485.rv-success { 486 display: none; 487 padding: 20px; 488 text-align: center; 489} 490 491.rv-success-text { 492 font-family: 'Cormorant Garamond', serif; 493 font-style: italic; 494 font-size: 18px; 495 color: var(--plum); 496} 497 498@media (max-width: 600px) { 499 .rv-row { grid-template-columns: 1fr; } 500} 501 502@media (max-width: 600px) { 503 .e-title { font-size: 28px; } 504 .event-header { flex-direction: column; gap: 6px; text-align: center; } 505 .event-name { font-size: 22px; } 506} 507 508 509/* iOS Safari auto-zoom fix: inputs must be at least 16px to prevent zoom-on-focus */ 510@media (max-width: 768px) { 511 input[type="text"], 512 input[type="email"], 513 input[type="password"], 514 input[type="search"], 515 input[type="number"], 516 input[type="tel"], 517 input[type="url"], 518 textarea, 519 select { 520 font-size: 16px !important; 521 } 522} 523</style> 524</head> 525<body> 526 527 <header class="e-banner"> 528 <a class='back-to-hub' href='/'>← Return to Main Page</a> 529 <div class="e-eyebrow">
529Feminine Rising</div> 530 <h1 class="e-title">Live Events</h1> 531 <p class="e-subtitle">Retreats, Gatherings & Immersive Experiences</p> 532 </header> 533 534 <section class="e-welcome"> 535 <p class="e-welcome-text"> 536 These are the spaces where everything deepens. Where the teachings come alive 537 in your body and in the presence of other women walking this path alongside you. 538 </p> 539 </section> 540 541 <div class="diamond-divider"><span>♦︎</span></div> 542 543 <section class="events-section"> 544 545 <!-- Feminine Alchemy Event --> 546 <div class="event-card"> 547 <div class="event-header"> 548 <span class="event-tag">Upcoming Retreat</span> 549 <span class="event-date-tag">September 15 – 21, 2026</span> 550 </div> 551 <div class="event-body"> 552 <div class="event-icon">✦</div> 553 <div class="event-name">Feminine Alchemy</div> 554 <div class="event-tagline">A Six-Day Women's Immersive Experience</div> 555 <p class="event-details"> 556 We are returning to New Eden for an intimate, all-women's deep dive experience. 557 Six days of embodiment, ceremony, sisterhood, and transformation in one of the 558 most beautiful settings on Earth. 559 </p> 560 <a href="https://feminine-alchemy.netlify.app" target="_blank" class="event-cta">Learn More →</a> 561 </div> 562 </div> 563 564 <!-- More events coming --> 565 <div class="stay-tuned"> 566 <div class="stay-tuned-title">More Experiences Coming</div> 567 <p class="stay-tuned-text"> 568 New retreats, gatherings, and immersive experiences are being crafted.
569 Stay Connected (see below) and we'll let you know when new experiences arrive! 570 </p> 571 </div> 572 573 </section> 574 575 <!-- Stay Connected --> 576 <div class="diamond-divider"><span>♦︎</span></div> 577 578 <section class="e-stay-section"> 579 <div class="e-stay-card"> 580 <div class="e-stay-title">Stay Connected</div> 581 <div class="e-stay-desc">Want to hear about upcoming programs, events, experiences, free offerings?<br>We'll only reach out when there's something meaningful to share — no pesky emails, no clutter.</div> 582 583 <form id='events-stay-form' method='POST' name='events-stay-connected'> 584 <input type="hidden" name="form-name" value="events-stay-connected"> 585 <input type="hidden" name="subject" value="Events - Stay Connected"> 586 <p style="display:none;"><input name="bot-field"></p> 587 <div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true"> 588 <input type="text" name="website" tabindex="-1" autocomplete="off"> 589 <input type="text" name="_gotcha" tabindex="-1" autocomplete="off"> 590 </div> 591 <input type="hidden" name="_t" id="events-timing-token"> 592 593 <div class="e-form-row"> 594 <input type="text" name="first-name" class="e-form-input" placeholder="First Name" required> 595 <input type="text" name="last-name" class="e-form-input" placeholder="Last Name" required> 596 </div> 597 598 <div class="e-form-full"> 599 <input type="email" name="email" class="e-form-input" placeholder="Email Address" required style="width:100%;"> 600 </div> 601 602 <div class="e-form-full"> 603 <input type="tel" name="phone" class="e-form-input" placeholder="Phone Number (optional)" style="width:100%;"> 604 </div> 605 606 <div style="display:flex;align-items:center;gap:10px;margin-bottom:20px;justify-content:center;"> 607 <input type="checkbox" id="e-text-optin" name="text-optin" value="yes" style="accent-color:var(--gold);width:16px;height:16px;"> 608 <label for="e-text-optin" style="font-size:12px;color:var(--charcoal);opacity:0.8;">I'm open to receiving occasional text updates</label> 609 </div> 610 611 <button type="submit" class="e-form-btn">Stay Connected</button> 612 </form> 613 614 <div id="events-form-success" class="e-form-success"> 615 <p class="e-form-success-text">Thank you! Your information has been received.</p> 616 </div> 617 </div> 618 </section> 619 620 <footer class="e-footer"> 621 <img src="feminine-rising-logo.png" alt="Feminine Rising" class="e-footer-logo"><br> 622 <div class="e-footer-brand">
622Feminine Rising</div> 623 <p class="e-footer-copy">© 2026 Feminine Rising. All rights reserved.</p> 624 <a class='e-back' href='/'>← Back to Hub</a> 625 </footer> 626
627<script> 628document.getElementById('events-timing-token').value = Date.now().toString(); 629 630const form = document.getElementById('events-stay-form'); 631form.addEventListener('submit', async function(e) { 632 e.preventDefault(); 633 const formData = new FormData(form); 634 try { 635 await fetch('/', { 636 method: 'POST', 637 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 638 body: new URLSearchParams(formData).toString() 639 }); 640 // Capture to CRM 641 fetch('/.netlify/functions/capture-contact', { 642 method: 'POST', 643 headers: { 'Content-Type': 'application/json' }, 644 body: JSON.stringify({ 645 first_name: formData.get('first-name'), 646 last_name: formData.get('last-name'), 647 email: formData.get('email'), 648 phone: formData.get('phone'), 649 sms_opt_in: formData.get('text-optin') === 'yes', 650 source: 'Stay Connected â Events', 651 website: formData.get('website'), 652 _gotcha: formData.get('_gotcha'), 653 _t: formData.get('_t') 654 }) 655 }).catch(() => {}); 656 form.style.display = 'none'; 657 document.getElementById('events-form-success').style.display = 'block'; 658 document.getElementById('events-form-success').scrollIntoView({ behavior: 'smooth', block: 'center' }); 659 } catch (err) { 660 alert('Something went wrong. Please try again or email [email protected]'); 661 } 662}); 663</script>
663 664 665</body> 666</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.