{"id":2,"date":"2026-01-12T10:03:57","date_gmt":"2026-01-12T10:03:57","guid":{"rendered":"http:\/\/paddlespapa.com\/?page_id=2"},"modified":"2026-03-23T00:09:50","modified_gmt":"2026-03-22T18:39:50","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/paddlespapa.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-772f0008 e-con-full e-flex e-con e-parent\" data-id=\"772f0008\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bed129d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bed129d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nPICKLEBALL PAPA\u00ae \u2014 THE PRIVATE INSTITUTION (V12)\r\n\"Native Scroll + Full Screen Hero\"\r\nTECHNOLOGY STACK:\r\n- GSAP 3.12 + ScrollTrigger\r\n- Native Browser Scroll (No smooth scroll libraries)\r\n- Dual Video Logic (Full Screen Background)\r\nASSETS:\r\n- Desktop Video: http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/InShot_20250105_161601397.mp4\r\n- Mobile Video: http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/InShot_20250107_173508464.mp4\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Montserrat:wght@200;300;400;500&display=swap\"\r\n    rel=\"stylesheet\">\r\n<style>\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CORE FOUNDATION\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    :root {\r\n        --void: #111111;\r\n        --graphite: #1a1a1a;\r\n        --bone: #F4F0EB;\r\n        --stone: #a0a0a0;\r\n        --bronze: #888888; \/* Muted accent instead of shiny bronze *\/\r\n        --serif: 'Cormorant Garamond', serif;\r\n        --sans: 'Montserrat', sans-serif; \/* Crisp, architectural geometric sans *\/\r\n    }\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n    body,\r\n    html {\r\n        background: var(--void) !important;\r\n        color: var(--bone);\r\n        font-family: var(--sans);\r\n        overflow-x: hidden;\r\n        cursor: auto;\r\n        \/* Reverting to native cursor for better feel if needed, keeping custom visual only *\/\r\n    }\r\n    .pp-wrapper {\r\n        width: 100vw;\r\n        position: relative;\r\n        background: var(--void);\r\n        overflow: hidden;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n    }\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4 {\r\n        font-family: var(--serif);\r\n        font-weight: 400; \/* Slightly heavier for brutalist feel *\/\r\n        line-height: 1.05;\r\n        letter-spacing: -0.02em; \/* Tighter tracking for headers *\/\r\n    }\r\n    p,\r\n    li {\r\n        font-family: var(--sans);\r\n        font-weight: 300;\r\n        line-height: 1.8; \/* Increased line height for breathability *\/\r\n        color: var(--stone);\r\n    }\r\n    \/* CUSTOM CURSOR (Visual Only) *\/\r\n    .pp-cursor {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: var(--bone);\r\n        border-radius: 50%;\r\n        position: fixed;\r\n        pointer-events: none;\r\n        z-index: 99999;\r\n        mix-blend-mode: difference;\r\n    }\r\n    .pp-cursor-follow {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: 1px solid var(--bone); \/* Starker border *\/\r\n        border-radius: 50%;\r\n        position: fixed;\r\n        pointer-events: none;\r\n        z-index: 99998;\r\n        transition: transform 0.1s ease-out;\r\n    }\r\n    \/* BUTTONS *\/\r\n    .pp-btn {\r\n        display: inline-block;\r\n        padding: 1.2rem 3rem;\r\n        border: 1px solid var(--bone);\r\n        color: var(--bone);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.15em;\r\n        font-size: 0.8rem;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease; \/* Brisk transition *\/\r\n        cursor: pointer;\r\n        background: transparent; \/* Removed glassmorphism *\/\r\n    }\r\n    .pp-btn:hover {\r\n        background: var(--bone);\r\n        color: var(--void);\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FULL SCREEN HERO (FIXED LANDSCAPE)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-hero-fs {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n    .pp-video-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        \/* Ensures landscape fills screen *\/\r\n        z-index: 0;\r\n        opacity: 0.7;\r\n        \/* Dim video slightly for text readability *\/\r\n    }\r\n    .pp-hero-overlay {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n        max-width: 900px;\r\n        padding: 0 20px;\r\n    }\r\n    .pp-logo-fs {\r\n        position: absolute;\r\n        top: 40px;\r\n        left: 40px;\r\n        width: 120px;\r\n        z-index: 10;\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION I: IDENTITY LIST (Moved below hero)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-identity {\r\n        padding: 20vh 5vw; \/* Massive spacing *\/\r\n        background: var(--void);\r\n        display: flex;\r\n        justify-content: center;\r\n        border-top: 1px solid var(--graphite); \/* Brutalist divider *\/\r\n    }\r\n    .pp-identity-content {\r\n        max-width: 600px;\r\n    }\r\n    .pp-list-item {\r\n        display: flex;\r\n        align-items: baseline;\r\n        margin-bottom: 2rem; \/* More breathability *\/\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    .pp-bullet {\r\n        font-family: var(--sans);\r\n        color: var(--stone);\r\n        margin-right: 1.5rem;\r\n        flex-shrink: 0;\r\n        font-size: 0.9rem;\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION II: THE HEIRLOOM (Product)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-heirloom {\r\n        padding: 20vh 5vw; \/* Massive spacing *\/\r\n        text-align: center;\r\n        position: relative;\r\n        background: var(--void); \/* Unified background *\/\r\n        border-top: 1px solid var(--graphite);\r\n    }\r\n    .pp-hero-img-box {\r\n        width: 100%; \/* Full width as requested *\/\r\n        max-width: none;\r\n        margin: 0 auto 5vh;\r\n        padding: 0;\r\n    }\r\n    .pp-hero-img-box img {\r\n        width: 100vw;\r\n        height: auto;\r\n        object-fit: cover;\r\n    }\r\n    .pp-specs-row {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 6rem; \/* Increased gap *\/\r\n        margin: 6rem auto 10rem; \/* Massive spacing before the button *\/\r\n        max-width: 900px;\r\n        border-top: 1px solid var(--graphite);\r\n        padding-top: 3rem;\r\n    }\r\n    .pp-spec {\r\n        text-align: left;\r\n    }\r\n    .pp-spec small {\r\n        display: block;\r\n        font-family: var(--sans);\r\n        font-size: 0.7rem;\r\n        letter-spacing: 0.1em;\r\n        color: var(--stone);\r\n        margin-bottom: 0.5rem;\r\n    }\r\n    .pp-spec span {\r\n        font-family: var(--serif);\r\n        font-size: 1.2rem;\r\n        color: var(--bone);\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION III: THE RITUAL (Unboxing)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-ritual {\r\n        position: relative;\r\n        height: 150vh;\r\n        background: var(--graphite); \/* Use graphite here for contrast *\/\r\n        border-top: 1px solid var(--graphite);\r\n    }\r\n    .pp-ritual-sticky {\r\n        position: sticky;\r\n        top: 0;\r\n        height: 100vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    .pp-ritual-img {\r\n        width: 400px;\r\n        height: 400px;\r\n        object-fit: contain;\r\n        z-index: 1;\r\n        transition: transform 0.5s;\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION IV: SOCIAL PROOF\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-social {\r\n        padding: 20vh 5vw;\r\n        text-align: center;\r\n        background: var(--void);\r\n        border-top: 1px solid var(--graphite);\r\n    }\r\n    .pp-quote-box {\r\n        max-width: 800px;\r\n        margin: 0 auto 5rem;\r\n    }\r\n    .pp-quote {\r\n        font-size: 3rem; \/* Larger quotes *\/\r\n        font-family: var(--serif);\r\n        color: var(--bone);\r\n        margin-bottom: 2rem;\r\n        line-height: 1.1;\r\n        font-style: italic; \/* Added italics for a more refined testimonial look *\/\r\n    }\r\n    .pp-cite {\r\n        font-size: 0.9rem;\r\n        letter-spacing: 0.1em;\r\n        color: var(--stone);\r\n        text-transform: uppercase;\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION V: SCARCITY + CHECKOUT\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-checkout {\r\n        padding: 20vh 5vw;\r\n        text-align: center;\r\n        background: var(--graphite);\r\n        border-top: 1px solid var(--void);\r\n    }\r\n    .pp-counter {\r\n        display: inline-block;\r\n        padding: 12px 24px;\r\n        border: 1px solid var(--stone);\r\n        color: var(--stone);\r\n        font-family: var(--sans);\r\n        font-size: 0.8rem;\r\n        letter-spacing: 0.1em;\r\n        margin-bottom: 4rem;\r\n        text-transform: uppercase;\r\n    }\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MICRO-CRO\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .pp-sticky-badge {\r\n        position: fixed;\r\n        bottom: 30px;\r\n        right: 30px;\r\n        background: var(--graphite); \/* Solid background, no blur *\/\r\n        border: 1px solid var(--stone);\r\n        padding: 12px 24px;\r\n        font-size: 0.75rem;\r\n        color: var(--stone);\r\n        letter-spacing: 0.1em;\r\n        z-index: 900;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        text-transform: uppercase;\r\n    }\r\n    .pp-exit-intent {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(17, 17, 17, 0.98); \/* Solid off-black *\/\r\n        z-index: 11000;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 1.5s ease-in-out; \/* Much smoother, less abrupt fade in *\/\r\n    }\r\n    @media (max-width: 900px) {\r\n        .pp-specs-row {\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n            text-align: center;\r\n        }\r\n        .pp-spec {\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n<!-- MARKUP -->\r\n<div class=\"pp-cursor\"><\/div>\r\n<div class=\"pp-cursor-follow\"><\/div>\r\n<!-- STICKY BADGE -->\r\n<div class=\"pp-sticky-badge\">FOUNDERS REMAINING: 27<\/div>\r\n<!-- EXIT INTENT OVERLAY -->\r\n<div class=\"pp-exit-intent\" id=\"ppExit\">\r\n    <div style=\"text-align: center;\">\r\n        <h2 style=\"font-size: 3rem; margin-bottom: 2rem;\">Stay a while longer.<\/h2>\r\n        <a href=\"#\" class=\"pp-btn\" onclick=\"closeExit()\">Return to the Code<\/a>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"pp-wrapper\">\r\n    <!-- HERO FULL SCREEN -->\r\n    <section class=\"pp-hero-fs\">\r\n        <img decoding=\"async\" src=\"http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/17236597081369003860_Pickleball_Papa_5_White-1-scaled.png\"\r\n            class=\"pp-logo-fs\" alt=\"Logo\">\r\n        <!-- VIDEO BG -->\r\n        <video muted playsinline class=\"pp-video-bg\" id=\"heroVideo\">\r\n            <!-- Source injected via JS -->\r\n        <\/video>\r\n        <!-- TEXT OVERLAY -->\r\n        <div class=\"pp-hero-overlay gsap-fade\">\r\n            <h1 style=\"font-size: clamp(3rem, 5vw, 5rem); margin-bottom: 20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\">The leisurely pursuit of perfection.<\/h1>\r\n            <p style=\"font-size: 1.2rem; color: var(--bone); margin-bottom: 40px; font-weight: 400; letter-spacing: 0.05em;\">Crafted for the quiet moments on the court.<\/p>\r\n            <a href=\"#identity\" class=\"pp-btn\">View The Standard<\/a>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- I. IDENTITY -->\r\n    <section class=\"pp-identity\" id=\"identity\">\r\n        <div class=\"pp-identity-content\">\r\n            <h2 style=\"font-size: 2.5rem; margin-bottom: 4rem; text-align: center;\">The standard we keep:<\/h2>\r\n            <div class=\"pp-list-item\">\r\n                <div class=\"pp-bullet\">\u2014<\/div>\r\n                <p>Taste over volume.<\/p>\r\n            <\/div>\r\n            <div class=\"pp-list-item\">\r\n                <div class=\"pp-bullet\">\u2014<\/div>\r\n                <p>Substance over noise.<\/p>\r\n            <\/div>\r\n            <div class=\"pp-list-item\">\r\n                <div class=\"pp-bullet\">\u2014<\/div>\r\n                <p>Pieces that define seasons, not follow them.<\/p>\r\n            <\/div>\r\n            <div class=\"pp-list-item\">\r\n                <div class=\"pp-bullet\">\u2014<\/div>\r\n                <p>Leisure approached with discipline.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- II. THE HEIRLOOM (Product) -->\r\n    <section class=\"pp-heirloom\" id=\"heirloom\">\r\n        <div class=\"pp-hero-img-box gsap-fade\">\r\n            <img decoding=\"async\" src=\"http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/Untitled_design_2.png\" alt=\"Heirloom Wide\">\r\n        <\/div>\r\n        <!-- Massive spacing added before heading -->\r\n        <h2 style=\"font-size: 3rem; margin-top: 10rem; margin-bottom: 1rem;\" class=\"gsap-fade\">The Heirloom Paddle<\/h2>\r\n        <p style=\"margin-bottom: 4rem; font-size: 1.2rem;\" class=\"gsap-fade\">An heirloom masquerading as equipment.<\/p>\r\n        <!-- Rational Permission -->\r\n        <div class=\"pp-specs-row gsap-fade\">\r\n            <div class=\"pp-spec\"><small>CORE<\/small><span>Balanced Fiberglass<\/span><\/div>\r\n            <div class=\"pp-spec\"><small>FACE<\/small><span>Tournament Sized<\/span><\/div>\r\n            <div class=\"pp-spec\"><small>GEOMETRY<\/small><span>Court Weighted<\/span><\/div>\r\n        <\/div>\r\n        <a href=\"#checkout\" class=\"pp-btn gsap-fade\">Enter With This Paddle<\/a>\r\n    <\/section>\r\n    <!-- III. THE RITUAL (Unboxing) -->\r\n    <section class=\"pp-ritual\">\r\n        <div class=\"pp-ritual-sticky\">\r\n            <img decoding=\"async\" src=\"http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/Untitled_1300_x_1500_px_1.png\"\r\n                class=\"pp-ritual-img\" alt=\"Kit\">\r\n            <div style=\"margin-top: 4rem; text-align: center; max-width: 500px; position: relative; z-index: 2;\">\r\n                <h3 style=\"font-size: 2.2rem; margin-bottom: 1.5rem;\">The unboxing is a ceremony.<\/h3>\r\n                <ul style=\"list-style: none; text-align: left; margin: 2rem auto; display: inline-block;\">\r\n                    <li style=\"margin-bottom: 15px; color: var(--stone);\">\u2014 Ceremonial Presentation<\/li>\r\n                    <li style=\"margin-bottom: 15px; color: var(--stone);\">\u2014 Personal Note from the Founder<\/li>\r\n                <\/ul>\r\n                <br>\r\n                <a href=\"#checkout\" class=\"pp-btn\" style=\"margin-top: 2rem;\">Acquire The Kit<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- IV. SOCIAL PROOF (The Circle) -->\r\n    <section class=\"pp-social\">\r\n        <div class=\"pp-quote-box\">\r\n            <div class=\"pp-quote\">\"It performs like an instrument. It feels like an inheritance.\"<\/div>\r\n            <div class=\"pp-cite\">\u2014 Allocation 042<\/div>\r\n        <\/div>\r\n        <div class=\"pp-quote-box\">\r\n            <div class=\"pp-quote\">\"Quietly exceptional.\"<\/div>\r\n            <div class=\"pp-cite\">\u2014 Allocation 018<\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- V. CHECKOUT (Product Only) -->\r\n    <section class=\"pp-checkout\" id=\"checkout\">\r\n        <div class=\"pp-counter\">Allocation Remaining: 27<\/div>\r\n        <h2 style=\"font-size: 3rem; margin-bottom: 4rem;\">Secure Your Heirloom<\/h2>\r\n        <div style=\"text-align: center; margin-top: 3rem;\">\r\n            <a href=\"#\" class=\"pp-btn\" style=\"width: 100%; max-width: 400px;\">Add to Collection<\/a>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- VI. CULTURE (Editorial) -->\r\n    <section style=\"padding: 10vh 5vw; border-top: 1px solid #222;\">\r\n        <div\r\n            style=\"display: flex; justify-content: space-between; align-items: center; max-width: 900px; margin: 0 auto; flex-wrap: wrap; gap: 2rem;\">\r\n            <div style=\"flex: 1; min-width: 250px;\">\r\n                <h4 style=\"margin-bottom: 10px;\">Why Leisure Became the New Status Symbol<\/h4>\r\n                <a href=\"#\" class=\"pp-btn-small\"\r\n                    style=\"font-size: 0.7rem; border-bottom: 1px solid #555; padding-bottom: 5px; color: #888; text-decoration: none;\">Read\r\n                    Article<\/a>\r\n            <\/div>\r\n            <div style=\"flex: 1; min-width: 250px;\">\r\n                <h4 style=\"margin-bottom: 10px;\">The New Gentleman's Sport<\/h4>\r\n                <a href=\"#\" class=\"pp-btn-small\"\r\n                    style=\"font-size: 0.7rem; border-bottom: 1px solid #555; padding-bottom: 5px; color: #888; text-decoration: none;\">Read\r\n                    Article<\/a>\r\n            <\/div>\r\n            <div style=\"flex: 1; min-width: 250px;\">\r\n                <h4 style=\"margin-bottom: 10px;\">Why Equipment Is Identity<\/h4>\r\n                <a href=\"#\" class=\"pp-btn-small\"\r\n                    style=\"font-size: 0.7rem; border-bottom: 1px solid #555; padding-bottom: 5px; color: #888; text-decoration: none;\">Read\r\n                    Article<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        \/\/ 1. VIDEO HANDLING (Desktop vs Mobile + Slow Motion + No Loop)\r\n        const videoObj = document.getElementById('heroVideo');\r\n        const isMobile = window.innerWidth < 768;\r\n        \/\/ Choose Source\r\n        const desktopSrc = \"http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/InShot_20250105_161601397.mp4\";\r\n        const mobileSrc = \"http:\/\/paddlespapa.com\/wp-content\/uploads\/2026\/01\/InShot_20250107_173508464.mp4\";\r\n        videoObj.src = isMobile ? mobileSrc : desktopSrc;\r\n        videoObj.playbackRate = 0.5; \/\/ Slow motion\r\n        videoObj.addEventListener('ended', () => {\r\n            videoObj.pause();\r\n        });\r\n        videoObj.play().catch(e => console.log(\"Auto-play blocked\", e));\r\n        \/\/ 2. NATIVE SCROLL (Lenis Removed for \"non-sticky\" feel)\r\n        gsap.registerPlugin(ScrollTrigger);\r\n        \/\/ 3. CURSOR\r\n        const cursor = document.querySelector('.pp-cursor');\r\n        const follow = document.querySelector('.pp-cursor-follow');\r\n        document.addEventListener('mousemove', (e) => {\r\n            gsap.to(cursor, { x: e.clientX, y: e.clientY, duration: 0 });\r\n            gsap.to(follow, { x: e.clientX - 20, y: e.clientY - 20, duration: 0.1 });\r\n        });\r\n        \/\/ 4. ANIMATIONS\r\n        gsap.utils.toArray('.pp-list-item').forEach((item, i) => {\r\n            gsap.to(item, {\r\n                scrollTrigger: { trigger: item, start: \"top 85%\" },\r\n                opacity: 1, y: 0, duration: 0.8, delay: i * 0.2\r\n            });\r\n        });\r\n        gsap.utils.toArray('.gsap-fade').forEach(item => {\r\n            gsap.from(item, {\r\n                scrollTrigger: { trigger: item, start: \"top 85%\" },\r\n                opacity: 0, y: 30, duration: 1\r\n            });\r\n        });\r\n        \/\/ 5. STICKY BADGE\r\n        gsap.to('.pp-sticky-badge', {\r\n            scrollTrigger: { trigger: '#heirloom', start: \"top center\", toggleActions: \"play none none reverse\" },\r\n            opacity: 1, y: 0, duration: 0.5\r\n        });\r\n        \/\/ 6. EXIT INTENT\r\n        document.addEventListener('mouseleave', e => {\r\n            if (e.clientY < 0) {\r\n                gsap.to('#ppExit', { opacity: 1, pointerEvents: \"all\", duration: 0.5 });\r\n            }\r\n        });\r\n        \/\/ RESIZE LOGIC\r\n        window.addEventListener('resize', () => {\r\n            const currentlyMobile = window.innerWidth < 768;\r\n            const currentSrc = videoObj.currentSrc || videoObj.src;\r\n            if (currentlyMobile && !currentSrc.includes(\"173508464\")) {\r\n                videoObj.src = mobileSrc;\r\n                videoObj.playbackRate = 0.5;\r\n                videoObj.play();\r\n            } else if (!currentlyMobile && !currentSrc.includes(\"161601397\")) {\r\n                videoObj.src = desktopSrc;\r\n                videoObj.playbackRate = 0.5;\r\n                videoObj.play();\r\n            }\r\n        });\r\n    });\r\n    function closeExit() {\r\n        gsap.to('#ppExit', { opacity: 0, pointerEvents: \"none\", duration: 0.5 });\r\n    }\r\n<\/script>\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>FOUNDERS REMAINING: 27 Stay a while longer. Return to the Code The leisurely pursuit of perfection. Crafted for the quiet moments on the court. View The Standard The standard we keep: \u2014 Taste over volume. \u2014 Substance over noise. \u2014 Pieces that define seasons, not follow them. \u2014 Leisure approached with discipline. The Heirloom Paddle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paddlespapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":15,"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/paddlespapa.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/paddlespapa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}