{"id":10,"date":"2026-07-25T15:10:48","date_gmt":"2026-07-25T15:10:48","guid":{"rendered":"https:\/\/serenityagogo.com\/?page_id=10"},"modified":"2026-07-25T15:38:47","modified_gmt":"2026-07-25T15:38:47","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/serenityagogo.com\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-242e71c e-con-full e-flex e-con e-parent\" data-id=\"242e71c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4af34c elementor-widget elementor-widget-html\" data-id=\"d4af34c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  html,\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  .serenity-landing {\n    --gold: #d8a62b;\n    --gold-light: #f6d778;\n    --red: #d10f1f;\n    --black: #030303;\n    --white: #ffffff;\n\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.08) 0%,\n        rgba(0, 0, 0, 0.2) 30%,\n        rgba(0, 0, 0, 0.75) 52%,\n        rgba(0, 0, 0, 0.98) 100%\n      ),\n      url(\"https:\/\/serenityagogo.com\/wp-content\/uploads\/2026\/07\/IMG_8147.jpg\") left center \/ cover no-repeat;\n    color: var(--white);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .serenity-landing::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(\n        circle at 88% 68%,\n        rgba(180, 0, 20, 0.28),\n        transparent 32%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0.05),\n        rgba(0, 0, 0, 0.45)\n      );\n    pointer-events: none;\n  }\n\n  .serenity-landing::after {\n    content: \"\";\n    position: absolute;\n    right: 4%;\n    top: 8%;\n    width: 210px;\n    height: 75%;\n    opacity: 0.12;\n    background:\n      radial-gradient(\n        ellipse at center,\n        rgba(255, 255, 255, 0.25),\n        transparent 62%\n      );\n    transform: rotate(-9deg);\n    pointer-events: none;\n  }\n\n  .serenity-inner {\n    position: relative;\n    z-index: 2;\n    min-height: 100vh;\n    max-width: 1600px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 55px 70px 95px;\n  }\n\n  .serenity-panel {\n    width: 58%;\n    max-width: 900px;\n    text-align: center;\n  }\n\n  .serenity-features {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n    margin: 0 auto 45px;\n    max-width: 760px;\n  }\n\n  .serenity-feature {\n    padding: 0 10px;\n    border-right: 1px solid rgba(216, 166, 43, 0.35);\n  }\n\n  .serenity-feature:last-child {\n    border-right: none;\n  }\n\n  .serenity-icon {\n    width: 58px;\n    height: 58px;\n    margin: 0 auto 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--gold);\n    border-radius: 50%;\n    color: var(--gold-light);\n    font-size: 25px;\n    background: rgba(0, 0, 0, 0.45);\n  }\n\n  .serenity-feature span {\n    display: block;\n    font-size: 11px;\n    line-height: 1.3;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .serenity-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(82px, 9vw, 155px);\n    line-height: 0.82;\n    font-weight: 400;\n    letter-spacing: -5px;\n    text-transform: uppercase;\n    background: linear-gradient(\n      180deg,\n      #fff3ae 0%,\n      #e1aa2f 48%,\n      #8b5a08 100%\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.8));\n  }\n\n  .serenity-subtitle {\n    margin: 8px 0 28px;\n    color: var(--red);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(40px, 4vw, 64px);\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 8px;\n    text-transform: uppercase;\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.9);\n  }\n\n  .serenity-divider {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 22px auto 30px;\n    max-width: 760px;\n  }\n\n  .serenity-divider::before,\n  .serenity-divider::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--gold),\n      transparent\n    );\n  }\n\n  .serenity-diamond {\n    width: 13px;\n    height: 13px;\n    border: 2px solid var(--gold);\n    transform: rotate(45deg);\n  }\n\n  .serenity-coming {\n    margin: 0 0 20px;\n    color: var(--gold-light);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(34px, 4vw, 58px);\n    font-weight: 400;\n    letter-spacing: 14px;\n    text-transform: uppercase;\n  }\n\n  .serenity-copy {\n    max-width: 760px;\n    margin: 0 auto 32px;\n    color: #f1f1f1;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(18px, 1.6vw, 24px);\n    line-height: 1.55;\n  }\n\n  .serenity-contact {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    min-width: 650px;\n    padding: 20px 30px;\n    border: 1px solid var(--gold);\n    border-radius: 14px;\n    background: rgba(0, 0, 0, 0.72);\n    color: var(--white);\n    text-decoration: none;\n    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);\n    transition: 0.25s ease;\n  }\n\n  .serenity-contact:hover {\n    transform: translateY(-3px);\n    background: var(--gold);\n    color: var(--black);\n  }\n\n  .serenity-contact-icon {\n    font-size: 28px;\n  }\n\n  .serenity-contact-label {\n    color: var(--gold-light);\n    font-size: 20px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  .serenity-contact:hover .serenity-contact-label {\n    color: var(--black);\n  }\n\n  .serenity-email {\n    padding-left: 24px;\n    border-left: 1px solid rgba(216, 166, 43, 0.55);\n    font-size: 19px;\n    font-weight: 600;\n  }\n\n  .serenity-footer {\n    position: absolute;\n    z-index: 3;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    padding: 20px;\n    border-top: 1px solid var(--gold);\n    background: rgba(0, 0, 0, 0.86);\n    text-align: center;\n    color: #eeeeee;\n    font-size: 12px;\n    letter-spacing: 5px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 1150px) {\n    .serenity-landing {\n      background-position: 28% center;\n    }\n\n    .serenity-inner {\n      padding: 45px 30px 95px;\n    }\n\n    .serenity-panel {\n      width: 64%;\n    }\n\n    .serenity-features {\n      grid-template-columns: repeat(3, 1fr);\n      row-gap: 25px;\n    }\n\n    .serenity-feature {\n      border-right: none;\n    }\n\n    .serenity-contact {\n      min-width: 0;\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .serenity-landing {\n      min-height: auto;\n      background:\n        linear-gradient(\n          180deg,\n          rgba(0, 0, 0, 0.05) 0%,\n          rgba(0, 0, 0, 0.22) 25%,\n          rgba(0, 0, 0, 0.82) 48%,\n          rgba(0, 0, 0, 1) 68%\n        ),\n        url(\"PASTE-GIRL-IMAGE-URL-HERE\") 28% top \/ auto 520px no-repeat,\n        #000;\n    }\n\n    .serenity-inner {\n      min-height: auto;\n      display: block;\n      padding: 390px 16px 100px;\n    }\n\n    .serenity-panel {\n      width: 100%;\n      max-width: none;\n    }\n\n    .serenity-features {\n      grid-template-columns: repeat(2, 1fr);\n      margin-bottom: 34px;\n    }\n\n    .serenity-title {\n      font-size: 68px;\n      letter-spacing: -3px;\n    }\n\n    .serenity-subtitle {\n      font-size: 31px;\n      letter-spacing: 5px;\n    }\n\n    .serenity-coming {\n      font-size: 30px;\n      letter-spacing: 7px;\n    }\n\n    .serenity-copy {\n      font-size: 17px;\n    }\n\n    .serenity-contact {\n      flex-direction: column;\n      gap: 8px;\n      padding: 17px;\n    }\n\n    .serenity-email {\n      padding-left: 0;\n      padding-top: 8px;\n      border-left: none;\n      border-top: 1px solid rgba(216, 166, 43, 0.5);\n      font-size: 15px;\n      word-break: break-word;\n    }\n\n    .serenity-footer {\n      padding: 15px 10px;\n      font-size: 9px;\n      letter-spacing: 2px;\n    }\n  }\n<\/style>\n\n<section class=\"serenity-landing\">\n  <div class=\"serenity-inner\">\n    <div class=\"serenity-panel\">\n\n      <div class=\"serenity-features\">\n        <div class=\"serenity-feature\">\n          <div class=\"serenity-icon\">\u2605<\/div>\n          <span>Venue<br>History<\/span>\n        <\/div>\n\n        <div class=\"serenity-feature\">\n          <div class=\"serenity-icon\">\u25a3<\/div>\n          <span>Photo<br>Galleries<\/span>\n        <\/div>\n\n        <div class=\"serenity-feature\">\n          <div class=\"serenity-icon\">\u25c6<\/div>\n          <span>Events<\/span>\n        <\/div>\n\n        <div class=\"serenity-feature\">\n          <div class=\"serenity-icon\">\u2666<\/div>\n          <span>Exclusive<br>Content<\/span>\n        <\/div>\n\n        <div class=\"serenity-feature\">\n          <div class=\"serenity-icon\">\u25ce<\/div>\n          <span>Future<br>Projects<\/span>\n        <\/div>\n      <\/div>\n\n      <h1 class=\"serenity-title\">Serenity<\/h1>\n      <div class=\"serenity-subtitle\">A Go Go<\/div>\n\n      <div class=\"serenity-divider\">\n        <span class=\"serenity-diamond\"><\/span>\n      <\/div>\n\n      <h2 class=\"serenity-coming\">Coming Soon<\/h2>\n\n      <p class=\"serenity-copy\">\n        Serenity GoGo is preparing a brand-new online experience\n        celebrating the history of Serenity while showcasing future\n        entertainment, galleries and exciting projects.\n      <\/p>\n\n      <a\n        class=\"serenity-contact\"\n        href=\"mailto:serenityagogo@gmail.com\"\n      >\n        <span class=\"serenity-contact-icon\">\u2709<\/span>\n        <span class=\"serenity-contact-label\">Contact Us<\/span>\n        <span class=\"serenity-email\">serenityagogo@gmail.com<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <footer class=\"serenity-footer\">\n    \u00a9 2026 Serenity GoGo. All Rights Reserved.\n  <\/footer>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2605 VenueHistory \u25a3 PhotoGalleries \u25c6 Events \u2666 ExclusiveContent \u25ce FutureProjects Serenity A Go Go Coming Soon Serenity GoGo is preparing a brand-new online experience celebrating the history of Serenity while showcasing future entertainment, galleries and exciting projects. \u2709 Contact Us serenityagogo@gmail.com \u00a9 2026 Serenity GoGo. All Rights Reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serenityagogo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":13,"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/serenityagogo.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/serenityagogo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}