{"id":14,"date":"2026-09-04T17:18:08","date_gmt":"2026-09-04T17:18:08","guid":{"rendered":"https:\/\/preservationroomoc.com\/?page_id=14"},"modified":"2026-09-04T18:28:47","modified_gmt":"2026-09-04T18:28:47","slug":"home","status":"publish","type":"page","link":"https:\/\/preservationroomoc.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>The Preservation Room | Private Speakeasy in Fullerton, CA<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&amp;family=Cormorant+Garamond:wght@400;500;600&amp;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --bg-dark: #17120F;\n            --bg-panel: #211A15;\n            --copper: #C17A4E;\n            --copper-light: #D89A6E;\n            --cream: #EDE6DC;\n            --muted: #A89B8C;\n            --hairline: rgba(193,122,78,0.28);\n        }\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html, body { width: 100%; overflow-x: hidden; }\n        body {\n            font-family: 'Cormorant Garamond', Georgia, serif;\n            font-size: 19px;\n            color: var(--cream);\n            background: var(--bg-dark);\n            line-height: 1.7;\n        }\n        :where(h1, h2, h3, .wordmark) { font-family: 'Cinzel', serif; }\n        .wp-breakout-wrapper { width: 100%; margin: 0 auto; }\n        .wp-block-html { padding: 0 !important; margin: 0 !important; }\n        .landing-page-wrapper { width: 100%; background: var(--bg-dark); }\n        section { width: 100%; }\n        .container { max-width: 1100px; margin: 0 auto; padding: 0 32px; width: 100%; }\n        a { color: var(--copper); }\n\n        \/* Image placeholder *\/\n        .img-placeholder {\n            border: 1px dashed var(--hairline);\n            background: var(--bg-panel);\n            color: var(--muted);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 14px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n        }\n\n        \/* Hero *\/\n        .hero { padding: 90px 0 80px; text-align: center; }\n        .hero-emblem-placeholder { width: 220px; height: 220px; margin: 0 auto 36px; border-radius: 50%; }\n        .hero-tagline { font-size: 13px; letter-spacing: 3px; color: var(--copper); text-transform: uppercase; margin-bottom: 18px; }\n        .hero h1 { font-size: 44px; font-weight: 600; line-height: 1.3; max-width: 780px; margin: 0 auto 22px; color: var(--cream); }\n        .hero-sub { font-size: 20px; color: var(--muted); max-width: 620px; margin: 0 auto 34px; font-style: italic; }\n        .btn-copper { display: inline-block; background: transparent; color: var(--copper); border: 1px solid var(--copper); padding: 14px 36px; text-decoration: none; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; transition: all 0.3s ease; }\n        .btn-copper:hover { background: var(--copper); color: var(--bg-dark); }\n\n        \/* Divider ornament *\/\n        .ornament { text-align: center; color: var(--copper); font-size: 20px; letter-spacing: 12px; padding: 8px 0; opacity: 0.7; }\n\n        \/* Story section *\/\n        .story-section { padding: 80px 0; }\n        .story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n        .story-image-placeholder { height: 460px; border-radius: 2px; }\n        .eyebrow { font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 3px; color: var(--copper); text-transform: uppercase; margin-bottom: 18px; }\n        .story-content h2 { font-size: 32px; font-weight: 600; color: var(--cream); margin-bottom: 20px; line-height: 1.3; }\n        .story-content p { color: var(--muted); margin-bottom: 16px; }\n        .story-content p:last-child { margin-bottom: 0; }\n        .story-content em { color: var(--copper); font-style: italic; }\n\n        \/* Feature strip *\/\n        .features-section { padding: 60px 0; background: var(--bg-panel); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }\n        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; text-align: center; }\n        @media (max-width: 800px) { .features-grid { grid-template-columns: 1fr; gap: 32px; } }\n        .feature h3 { font-size: 18px; font-weight: 600; color: var(--cream); margin-bottom: 10px; letter-spacing: 0.5px; }\n        .feature p { font-size: 17px; color: var(--muted); }\n\n        \/* Menu teaser *\/\n        .menu-section { padding: 90px 0; text-align: center; }\n        .menu-section .eyebrow { text-align: center; }\n        .menu-section h2 { font-size: 34px; font-weight: 600; color: var(--cream); max-width: 640px; margin: 0 auto 20px; }\n        .menu-section p.lead { color: var(--muted); max-width: 600px; margin: 0 auto 44px; }\n        .menu-image-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n        @media (max-width: 800px) { .menu-image-row { grid-template-columns: 1fr; } }\n        .menu-image-placeholder { height: 300px; border-radius: 2px; }\n\n        \/* Events section *\/\n        .events-section { padding: 80px 0; }\n        .events-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n        @media (max-width: 800px) { .events-grid, .story-grid { grid-template-columns: 1fr; } }\n        .events-image-placeholder { height: 420px; border-radius: 2px; order: 2; }\n        @media (max-width: 800px) { .events-image-placeholder { order: 0; } }\n        .events-content h2 { font-size: 32px; font-weight: 600; color: var(--cream); margin-bottom: 20px; }\n        .events-content p { color: var(--muted); margin-bottom: 16px; }\n        .events-list { list-style: none; margin-top: 22px; }\n        .events-list li { padding: 8px 0 8px 26px; position: relative; color: var(--cream); font-size: 18px; }\n        .events-list li::before { content: '\u2022'; position: absolute; left: 0; color: var(--copper); font-size: 22px; }\n\n        \/* Membership \/ Interest CTA *\/\n        .interest-section { padding: 90px 0; text-align: center; background: var(--bg-panel); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }\n        .interest-section h2 { font-size: 32px; font-weight: 600; color: var(--cream); margin-bottom: 16px; }\n        .interest-section p { color: var(--muted); max-width: 560px; margin: 0 auto 32px; }\n        .interest-form-placeholder { max-width: 560px; margin: 0 auto; border: 1px dashed var(--hairline); padding: 60px 30px; color: var(--muted); font-size: 15px; letter-spacing: 0.5px; }\n        .interest-form-placeholder strong { color: var(--copper); display: block; margin-bottom: 8px; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }\n\n        \/* Visit \/ Footer *\/\n        .visit-section { padding: 70px 0 40px; text-align: center; }\n        .visit-section h2 { font-size: 26px; font-weight: 600; color: var(--cream); margin-bottom: 18px; }\n        .visit-details { color: var(--muted); font-size: 18px; margin-bottom: 6px; }\n        .visit-details a { text-decoration: none; }\n        .visit-hours { color: var(--copper); font-size: 15px; letter-spacing: 1px; text-transform: uppercase; margin-top: 14px; }\n        .footer-bottom { padding: 30px 0; text-align: center; border-top: 1px solid var(--hairline); margin-top: 40px; }\n        .footer-bottom p { font-size: 14px; color: var(--muted); letter-spacing: 0.5px; }\n\n        @media (max-width: 640px) {\n            .hero h1 { font-size: 30px; }\n            .hero-emblem-placeholder { width: 160px; height: 160px; }\n            .story-content h2, .events-content h2 { font-size: 26px; }\n            .menu-section h2 { font-size: 26px; }\n        }\n    <\/style>\n\n\n<div class=\"wp-breakout-wrapper\">\n<div class=\"landing-page-wrapper\">\n\n    <!-- HERO -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-emblem\">\n  <img decoding=\"async\" class=\"hero-emblem-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/The-Charleston.jpeg\" alt=\"\">\n<\/div>\n            <div class=\"hero-tagline\">Members Only<\/div>\n            <h1>An Authentic Speakeasy Experience, Hidden in Plain Sight<\/h1>\n            <p class=\"hero-sub\">Membership truly has its privileges.<\/p>\n            <a href=\"#interest\" class=\"btn-copper\">Request Membership<\/a>\n        <\/div>\n    <\/section>\n\n    <div class=\"ornament\">\u2766<\/div>\n\n    <!-- STORY -->\n    <section class=\"story-section\">\n        <div class=\"container\">\n            <div class=\"story-grid\">\n                <div class=\"story-image-row\">\n  <img decoding=\"async\" class=\"story-image-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-05_17_24-PM.png\" alt=\"Interior \/ Door Photo\">\n<\/div>\n                <div class=\"story-content\">\n                    <div class=\"eyebrow\">Our Story<\/div>\n                    <h2>Nestled on the Top Floor of the Historic Williams Building<\/h2>\n                    <p>The Preservation Room is an exclusive private membership club in the heart of Fullerton, California. Open 365 days a year, it invites members to immerse themselves in the timeless charm of an authentic speakeasy experience.<\/p>\n                    <p>Our thoughtfully curated, ever-evolving seasonal craft cocktail menu masterfully combines historical inspiration with modern innovation, perfectly complementing the changing seasons \u2014 paired with a menu of delectable bites designed to enhance every sip.<\/p>\n                    <p><em>At The Preservation Room, membership truly has its privileges.<\/em><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FEATURES -->\n    <section class=\"features-section\">\n        <div class=\"container\">\n            <div class=\"features-grid\">\n                <div class=\"feature\">\n                    <h3>Seasonal Craft Cocktails<\/h3>\n                    <p>An ever-evolving menu blending historical inspiration with modern innovation.<\/p>\n                <\/div>\n                <div class=\"feature\">\n                    <h3>Open Every Day<\/h3>\n                    <p>365 days a year \u2014 a private escape whenever the mood calls for it.<\/p>\n                <\/div>\n                <div class=\"feature\">\n                    <h3>Members-Only Access<\/h3>\n                    <p>Special events, live music, and intimate private dinners reserved for members.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MENU TEASER -->\n<section class=\"menu-section\">\n    <div class=\"container\">\n        <div class=\"eyebrow\">The Menu<\/div>\n        <h2>Craft Cocktails Built for the Season<\/h2>\n        <p class=\"lead\">A rotating collection of libations rooted in Prohibition-era tradition and finished with a modern hand \u2014 paired with bites made to match.<\/p>\n        <div class=\"menu-image-row\">\n            <img decoding=\"async\" class=\"menu-image-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-05_38_39-PM.png\" alt=\"\">\n            <img decoding=\"async\" class=\"menu-image-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-05_37_35-PM.png\" alt=\"\">\n            <img decoding=\"async\" class=\"menu-image-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-03-at-5.18.12-PM.png\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n    <div class=\"ornament\">\u2766<\/div>\n\n    <!-- EVENTS -->\n    <section class=\"events-section\">\n        <div class=\"container\">\n            <div class=\"events-grid\">\n                <div class=\"events-content\">\n                    <div class=\"eyebrow\">Member Events<\/div>\n                    <h2>Privileges Beyond the Bar<\/h2>\n                    <p>Membership at The Preservation Room extends beyond our doors \u2014 unlocking access to special events across the venue, including:<\/p>\n                    <ul class=\"events-list\">\n                        <li>Live music performances<\/li>\n                        <li>Intimate private dinners<\/li>\n                        <li>Seasonal member gatherings<\/li>\n                    <\/ul>\n                <\/div>\n<img decoding=\"async\" class=\"events-image-placeholder img-placeholder\" src=\"https:\/\/preservationroomoc.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-05_29_40-PM.png\" alt=\"\">\n<\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MEMBERSHIP INTEREST -->\n    <section class=\"interest-section\" id=\"interest\">\n        <div class=\"container\">\n            <div class=\"eyebrow\">Membership<\/div>\n            <h2>Request Your Invitation<\/h2>\n            <p>Access is limited and intentionally curated. Share a few details and our team will be in touch.<\/p>\n            <div class=\"interest-form-placeholder\">\n    <strong>Membership Interest Form<\/strong>\n    <iframe src=\"https:\/\/api.leadconnectorhq.com\/widget\/form\/bjnOe6vPtViHggleMMFX\" style=\"width:100%;height:853px;border:none;border-radius:8px\" id=\"inline-bjnOe6vPtViHggleMMFX\" data-layout=\"{'id':'INLINE'}\" data-trigger-type=\"alwaysShow\" data-trigger-value=\"\" data-activation-type=\"alwaysActivated\" data-activation-value=\"\" data-deactivation-type=\"neverDeactivate\" data-deactivation-value=\"\" data-form-name=\"A2P\" data-height=\"853\" data-layout-iframe-id=\"inline-bjnOe6vPtViHggleMMFX\" data-form-id=\"bjnOe6vPtViHggleMMFX\" data-cookie-consent=\"true\" data-cookie-consent-provider=\"auto\" title=\"A2P\"><\/iframe>\n<\/div>\n<script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\"><\/script>\n        <\/div>\n    <\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Preservation Room | Private Speakeasy in Fullerton, CA Members Only An Authentic Speakeasy Experience, Hidden in Plain Sight Membership truly has its privileges. Request Membership \u2766 Our Story Nestled on the Top Floor of the Historic Williams Building The Preservation Room is an exclusive private membership club in the heart of Fullerton, California. Open&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":11,"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/preservationroomoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}