{"id":8,"date":"2026-04-05T19:00:39","date_gmt":"2026-04-05T19:00:39","guid":{"rendered":"https:\/\/milkaddict.fun\/?page_id=8"},"modified":"2026-04-05T20:11:19","modified_gmt":"2026-04-05T20:11:19","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/milkaddict.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d78844 e-con-full e-flex e-con e-parent\" data-id=\"4d78844\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36033d5 elementor-widget elementor-widget-html\" data-id=\"36033d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"milkaddict-vip-theme\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,700;0,800;1,500;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- Core Variables & Reset --- *\/\r\n        #milkaddict-vip-theme {\r\n            --pink: #ff96c9;\r\n            --pink-dark: #cc78a1;\r\n            --bg-black: #050505;\r\n            --surface: rgba(20, 20, 20, 0.4);\r\n            --border-light: rgba(255, 150, 201, 0.15);\r\n            --text-main: #ffffff;\r\n            --text-dim: #a1a1aa;\r\n\r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--text-main);\r\n            background-color: var(--bg-black);\r\n            background-image: \r\n                linear-gradient(rgba(255, 150, 201, 0.03) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(255, 150, 201, 0.03) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            background-attachment: fixed;\r\n            margin: 0;\r\n            padding: 0;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        #milkaddict-vip-theme * { box-sizing: border-box; }\r\n\r\n        #milkaddict-vip-theme h1, \r\n        #milkaddict-vip-theme h2, \r\n        #milkaddict-vip-theme h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            margin: 0;\r\n        }\r\n\r\n        #milkaddict-vip-theme p {\r\n            color: var(--text-dim);\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        \/* --- UI Components --- *\/\r\n        .vip-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: transparent;\r\n            border: 1px solid var(--pink);\r\n            color: var(--pink);\r\n            padding: 14px 32px;\r\n            font-size: 13px;\r\n            font-family: 'Inter', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n            text-decoration: none;\r\n            border-radius: 2px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .vip-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: var(--pink);\r\n            z-index: -1;\r\n            transform: scaleX(0);\r\n            transform-origin: right;\r\n            transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        .vip-btn:hover {\r\n            color: #000;\r\n            box-shadow: 0 0 30px rgba(255, 150, 201, 0.6);\r\n        }\r\n\r\n        .vip-btn:hover::before {\r\n            transform: scaleX(1);\r\n            transform-origin: left;\r\n        }\r\n\r\n        \/* --- Navbar --- *\/\r\n        .vip-nav {\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 25px 5vw;\r\n            background: linear-gradient(to bottom, rgba(5,5,5,0.95), rgba(5,5,5,0));\r\n            backdrop-filter: blur(10px);\r\n            z-index: 1000;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .vip-logo {\r\n            font-family: 'Playfair Display', serif;\r\n            color: var(--pink);\r\n            font-size: 22px;\r\n            letter-spacing: 4px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* --- Hero Section --- *\/\r\n        .vip-hero {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            padding: 120px 20px 80px;\r\n        }\r\n\r\n        .vip-marquee-wrap {\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            gap: 25px;\r\n            opacity: 0.08;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n            -webkit-mask-image: radial-gradient(circle, black 20%, transparent 80%);\r\n            mask-image: radial-gradient(circle, black 20%, transparent 80%);\r\n        }\r\n\r\n        .vip-marquee-row { display: flex; width: max-content; gap: 25px; }\r\n        .vip-marquee-row img { height: 300px; width: auto; border-radius: 8px; object-fit: cover; filter: grayscale(100%); }\r\n\r\n        .anim-left { animation: scrollLeft 50s linear infinite; }\r\n        .anim-right { animation: scrollRight 50s linear infinite; }\r\n\r\n        @keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n        @keyframes scrollRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }\r\n\r\n        .vip-hero-content { position: relative; z-index: 2; max-width: 900px; }\r\n\r\n        .vip-hero-title {\r\n            font-size: clamp(45px, 9vw, 100px);\r\n            line-height: 1;\r\n            margin-bottom: 25px;\r\n            font-weight: 800;\r\n            letter-spacing: -2px;\r\n            background: linear-gradient(180deg, #fff, #999);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .vip-hero-title span { \r\n            display: block;\r\n            font-style: italic; \r\n            font-weight: 500;\r\n            background: linear-gradient(180deg, #ff96c9, #cc78a1);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: 0 0 40px rgba(255, 150, 201, 0.3);\r\n        }\r\n\r\n        .vip-hero-subtitle {\r\n            font-size: 20px;\r\n            margin-bottom: 50px;\r\n            font-weight: 300;\r\n            color: #ccc;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .vip-ca-box {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background: rgba(20, 20, 20, 0.6);\r\n            border: 1px solid var(--border-light);\r\n            padding: 16px 35px;\r\n            border-radius: 100px;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            font-family: monospace;\r\n            font-size: 15px;\r\n            color: var(--pink);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .vip-ca-box:hover {\r\n            border-color: var(--pink);\r\n            box-shadow: 0 0 30px rgba(255, 150, 201, 0.2);\r\n            background: rgba(255, 150, 201, 0.05);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .vip-ca-box span { margin-right: 15px; }\r\n\r\n        \/* --- Sections Structure --- *\/\r\n        .vip-section {\r\n            padding: 120px 5vw;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* --- GUARANTEED SPACING FOR TITLES --- *\/\r\n        .vip-section-title {\r\n            font-size: clamp(38px, 6vw, 55px);\r\n            text-align: center;\r\n            color: #fff;\r\n            position: relative;\r\n            \/* PENGATURAN JARAK EKSTREM AGAR TIDAK MEPET *\/\r\n            margin-bottom: 120px !important; \r\n            padding-bottom: 30px !important;\r\n        }\r\n\r\n        .vip-section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0; left: 50%; transform: translateX(-50%);\r\n            width: 80px; height: 2px;\r\n            background: var(--pink);\r\n            box-shadow: 0 0 15px var(--pink);\r\n        }\r\n\r\n        .vip-section-title span { color: var(--pink); font-style: italic; }\r\n\r\n        \/* Container tambahan untuk memastikan jarak dari bawah judul ke konten *\/\r\n        .vip-content-wrap { margin-top: 60px !important; }\r\n\r\n        \/* --- About Section --- *\/\r\n        .vip-about-box {\r\n            display: flex; flex-direction: column; align-items: center; text-align: center;\r\n            max-width: 800px; margin: 0 auto;\r\n        }\r\n\r\n        .vip-about-img {\r\n            max-width: 220px; border-radius: 16px; margin-bottom: 50px;\r\n            box-shadow: 0 20px 50px rgba(255, 150, 201, 0.2); border: 1px solid rgba(255, 150, 201, 0.3);\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-15px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        .vip-about-box p { font-size: 20px; font-weight: 300; line-height: 1.8; color: #ddd; }\r\n\r\n        \/* --- Tokenomics Grid --- *\/\r\n        .vip-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; }\r\n\r\n        .vip-card {\r\n            background: var(--surface); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid var(--border-light); padding: 60px 30px; text-align: center;\r\n            border-radius: 2px; transition: all 0.5s ease; position: relative;\r\n        }\r\n\r\n        .vip-card::before {\r\n            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle at top right, rgba(255,150,201,0.1), transparent 60%);\r\n            opacity: 0; transition: 0.5s;\r\n        }\r\n\r\n        .vip-card:hover {\r\n            border-color: var(--pink); transform: translateY(-10px);\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.8), 0 0 30px rgba(255,150,201,0.1);\r\n        }\r\n\r\n        .vip-card:hover::before { opacity: 1; }\r\n\r\n        .vip-card h3 { color: #fff; font-size: 40px; margin-bottom: 15px; font-weight: 700; position: relative; z-index: 2; }\r\n        .vip-card p { color: var(--pink); font-size: 14px; text-transform: uppercase; letter-spacing: 3px; margin: 0; font-weight: 600; position: relative; z-index: 2; }\r\n\r\n        \/* --- 3D ORBIT GALLERY SECTION --- *\/\r\n        .orbit-container-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 600px;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            cursor: grab;\r\n            margin-top: -30px; \/* Menyesuaikan posisi *\/\r\n        }\r\n\r\n        .orbit-container-wrapper:active {\r\n            cursor: grabbing;\r\n        }\r\n\r\n        .orbit-scene {\r\n            position: relative;\r\n            width: 240px;\r\n            height: 340px;\r\n            perspective: 1500px;\r\n            transform-style: preserve-3d;\r\n        }\r\n\r\n        #orbit-spinner {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            transform-style: preserve-3d;\r\n            transition: transform 0.1s ease-out; \/* Untuk efek drag yang smooth *\/\r\n        }\r\n\r\n        .orbit-card {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 12px;\r\n            object-fit: cover;\r\n            border: 1px solid rgba(255, 150, 201, 0.2);\r\n            box-shadow: 0 0 20px rgba(0,0,0,0.9);\r\n            -webkit-box-reflect: below 15px linear-gradient(transparent 60%, rgba(255,255,255,0.3));\r\n            filter: grayscale(80%) brightness(0.6);\r\n            transition: all 0.5s ease;\r\n            pointer-events: none; \/* Mencegah drag gambar bawaan browser *\/\r\n        }\r\n\r\n        \/* Hover effect untuk card 3D *\/\r\n        .orbit-container-wrapper:hover .orbit-card {\r\n            filter: grayscale(100%) brightness(0.4);\r\n        }\r\n        \r\n        .orbit-container-wrapper .orbit-card:hover {\r\n            filter: grayscale(0%) brightness(1.1);\r\n            border-color: var(--pink);\r\n            box-shadow: 0 0 40px rgba(255, 150, 201, 0.5);\r\n            pointer-events: auto; \/* Memungkinkan interaksi jika diperlukan *\/\r\n        }\r\n\r\n        \/* --- How to Buy (Timeline Style) --- *\/\r\n        .vip-steps-wrap { max-width: 900px; margin: 0 auto; position: relative; }\r\n\r\n        .vip-steps-wrap::before {\r\n            content: ''; position: absolute; left: 50px; top: 20px; bottom: 20px;\r\n            width: 2px; background: linear-gradient(to bottom, var(--pink), transparent); opacity: 0.3;\r\n        }\r\n\r\n        .vip-step {\r\n            display: flex; align-items: center; background: var(--surface); border: 1px solid var(--border-light);\r\n            padding: 40px 50px; border-radius: 4px; margin-bottom: 30px; position: relative; transition: all 0.4s ease; z-index: 2;\r\n        }\r\n\r\n        .vip-step:last-child { margin-bottom: 0; }\r\n\r\n        .vip-step:hover {\r\n            border-color: var(--pink); background: rgba(255, 150, 201, 0.05);\r\n            transform: translateX(15px); box-shadow: -15px 15px 40px rgba(0,0,0,0.6);\r\n        }\r\n\r\n        .vip-step-num {\r\n            font-family: 'Playfair Display', serif; font-size: 70px; color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255, 150, 201, 0.5); margin-right: 50px; font-weight: 800; line-height: 1;\r\n            min-width: 80px; text-align: center; background: var(--bg-black); padding: 10px 0; transition: 0.3s;\r\n        }\r\n\r\n        .vip-step:hover .vip-step-num {\r\n            -webkit-text-stroke: 1px var(--pink); color: rgba(255, 150, 201, 0.1); text-shadow: 0 0 20px rgba(255,150,201,0.4);\r\n        }\r\n\r\n        .vip-step-content h3 { font-size: 28px; margin-bottom: 12px; color: #fff; }\r\n        .vip-step-content p { margin: 0; font-size: 16px; color: #aaa; }\r\n\r\n        \/* --- Join Community --- *\/\r\n        .vip-join {\r\n            text-align: center; padding: 160px 20px;\r\n            background: radial-gradient(ellipse at center, rgba(255,150,201,0.05) 0%, transparent 70%);\r\n            border-top: 1px solid var(--border-light); margin-top: 100px;\r\n        }\r\n\r\n        .vip-join p { font-size: 22px; max-width: 700px; margin: 0 auto 50px auto; color: #fff; font-weight: 300; }\r\n\r\n        \/* --- Footer --- *\/\r\n        .vip-footer { text-align: center; padding: 60px 20px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: 14px; color: #666; background: #000; }\r\n        .vip-footer span { color: var(--pink); font-family: 'Playfair Display', serif; font-style: italic; font-size: 16px; }\r\n\r\n        \/* --- Animations --- *\/\r\n        .reveal { opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n        \/* --- Responsive Adjustments --- *\/\r\n        @media (max-width: 992px) {\r\n            .vip-steps-wrap::before { display: none; }\r\n            .vip-step { flex-direction: column; text-align: center; padding: 40px 20px; }\r\n            .vip-step-num { margin: 0 0 25px 0; font-size: 60px; }\r\n            .vip-step:hover { transform: translateY(-10px); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .vip-nav { padding: 20px 5vw; }\r\n            .vip-hero-title { font-size: 50px; }\r\n            .vip-section-title { font-size: 38px; margin-bottom: 80px !important; }\r\n            .vip-about-box p { font-size: 16px; }\r\n            \r\n            \/* Scale down 3D orbit on mobile to prevent overflow *\/\r\n            .orbit-scene { transform: scale(0.6); }\r\n            .orbit-container-wrapper { height: 400px; }\r\n        }\r\n    <\/style>\r\n\r\n    <nav class=\"vip-nav\" id=\"vipNav\">\r\n        <div class=\"vip-logo\">MILK ADDICT<\/div>\r\n        <a href=\"#join-section\" class=\"vip-btn\">Join Community<\/a>\r\n    <\/nav>\r\n\r\n    <section class=\"vip-hero\">\r\n        <div class=\"vip-marquee-wrap\">\r\n            <div class=\"vip-marquee-row anim-left\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-9.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-10.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-11.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-12.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-13.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-14.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-9.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-10.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-11.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-12.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-13.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-14.png\" alt=\"Dairy\">\r\n            <\/div>\r\n            <div class=\"vip-marquee-row anim-right\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-15.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-16.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-17.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-18.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-19.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-20.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-15.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-16.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-17.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-18.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-19.png\" alt=\"Dairy\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-20.png\" alt=\"Dairy\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vip-hero-content reveal\">\r\n            <h1 class=\"vip-hero-title\">Down Horrendous. <span>Barking for the Honkers.<\/span><\/h1>\r\n            <p class=\"vip-hero-subtitle\">I don't need therapy. I just need to bury my face in a pair of massive mommy milkers.<\/p>\r\n            <div class=\"vip-ca-box\" id=\"vipCaBtn\" data-ca=\"YOUR_SOLANA_CONTRACT_ADDRESS_HERE\">\r\n                <span id=\"vipCaText\">CA: YOUR_SOLANA_CONTRACT_ADDRESS_HERE<\/span>\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"vip-section\">\r\n        <h2 class=\"vip-section-title reveal\">The Degenerate <span>Dairy<\/span><\/h2>\r\n        <div class=\"vip-content-wrap\">\r\n            <div class=\"vip-about-box reveal\">\r\n                <img decoding=\"async\" src=\"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png\" alt=\"About The Dairy\" class=\"vip-about-img\">\r\n                <p>Let\u2019s drop the classy act. We aren't here for deep conversations, sparkling personalities, or maintaining eye contact. We are completely, incurably, and unapologetically addicted to the absolute heavy hangers.<\/p>\r\n                <p>We live in Horny Jail. We lost the key on purpose. Welcome to the ultimate brotherhood. Whether they are naturally colossal sweater puppies or premium bolt-ons, we drop to our knees. We are completely submissive to the power of the chest.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"vip-section\">\r\n        <h2 class=\"vip-section-title reveal\">The Jugs & <span>Numbers<\/span><\/h2>\r\n        <div class=\"vip-content-wrap\">\r\n            <div class=\"vip-grid-4 reveal\">\r\n                <div class=\"vip-card\">\r\n                    <h3>1 Billion<\/h3>\r\n                    <p>Total Supply<\/p>\r\n                <\/div>\r\n                <div class=\"vip-card\">\r\n                    <h3>Solana<\/h3>\r\n                    <p>Blockchain<\/p>\r\n                <\/div>\r\n                <div class=\"vip-card\">\r\n                    <h3>Zero<\/h3>\r\n                    <p>Taxes (0\/0)<\/p>\r\n                <\/div>\r\n                <div class=\"vip-card\">\r\n                    <h3>Burned<\/h3>\r\n                    <p>Liquidity<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"vip-section\" style=\"overflow: hidden;\">\r\n        <h2 class=\"vip-section-title reveal\">The Wall of <span>Thirst<\/span><\/h2>\r\n        <div class=\"vip-content-wrap\">\r\n            <p style=\"text-align: center; color: #ff96c9; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px;\">Drag or Swipe to Rotate<\/p>\r\n            \r\n            <div class=\"orbit-container-wrapper reveal\">\r\n                <div class=\"orbit-scene\">\r\n                    <div id=\"orbit-spinner\">\r\n                        <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"vip-section\">\r\n        <h2 class=\"vip-section-title reveal\">Secure the <span>Milk<\/span><\/h2>\r\n        <div class=\"vip-content-wrap\">\r\n            <div class=\"vip-steps-wrap reveal\">\r\n                <div class=\"vip-step\">\r\n                    <div class=\"vip-step-num\">01<\/div>\r\n                    <div class=\"vip-step-content\">\r\n                        <h3>Get a Wallet & SOL<\/h3>\r\n                        <p>Download Phantom or your wallet of choice, and fund it with some Solana (SOL). You need fuel to quench this thirst.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vip-step\">\r\n                    <div class=\"vip-step-num\">02<\/div>\r\n                    <div class=\"vip-step-content\">\r\n                        <h3>Head to Pump.swap<\/h3>\r\n                        <p>Connect your wallet to Pump.fun \/ Pump.swap. Make sure you're ready to enter the most degenerate dairy aisle on the internet.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vip-step\">\r\n                    <div class=\"vip-step-num\">03<\/div>\r\n                    <div class=\"vip-step-content\">\r\n                        <h3>Swap for $ADDICT<\/h3>\r\n                        <p>Paste the $ADDICT contract address, confirm the swap, and officially join the brotherhood of mommy milker supremacy.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"join-section\" class=\"vip-join reveal\">\r\n        <h2 class=\"vip-section-title\" style=\"margin-bottom: 40px !important;\">Give Us The <span>Milk<\/span><\/h2>\r\n        <p>Stop pretending you're a functioning member of society. Embrace the degeneracy. Bark with the herd.<\/p>\r\n        <a href=\"#\" class=\"vip-btn\" style=\"padding: 18px 45px; font-size: 14px;\">Enter The Dairy<\/a>\r\n    <\/section>\r\n\r\n    <footer class=\"vip-footer\">\r\n        <p>Stay feral, stay thirsty, and God bless heavy hangers.<br><br> \u00a9 2026 <span>MilkAddict<\/span>. All rights reserved.<\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \r\n            \/\/ --- 1. SETUP 3D ORBIT GALLERY ---\r\n            const imageUrls = [\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-9.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-10.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-11.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-12.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-13.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-14.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-15.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-16.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-17.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-18.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-19.png\",\r\n                \"http:\/\/milkaddict.fun\/wp-content\/uploads\/2026\/04\/Asset-20.png\"\r\n            ];\r\n\r\n            const spinner = document.getElementById('orbit-spinner');\r\n            const totalCards = imageUrls.length;\r\n            const degreePerCard = 360 \/ totalCards;\r\n            const radius = 480; \/\/ Jarak gambar dari titik tengah (Z-axis)\r\n\r\n            \/\/ Inject gambar ke dalam spinner\r\n            imageUrls.forEach((url, index) => {\r\n                const img = document.createElement('img');\r\n                img.src = url;\r\n                img.className = 'orbit-card';\r\n                \/\/ Posisi melingkar menggunakan matematika 3D\r\n                img.style.transform = `rotateY(${index * degreePerCard}deg) translateZ(${radius}px)`;\r\n                spinner.appendChild(img);\r\n            });\r\n\r\n            \/\/ --- 2. LOGIKA DRAG & AUTO-ROTATE ORBIT ---\r\n            let currentRotation = 0;\r\n            let isDragging = false;\r\n            let startX = 0;\r\n            let lastMouseX = 0;\r\n            let autoRotateSpeed = -0.2; \/\/ Kecepatan putar otomatis\r\n            let animationFrameId;\r\n\r\n            const orbitWrapper = document.querySelector('.orbit-container-wrapper');\r\n\r\n            function rotateOrbit() {\r\n                spinner.style.transform = `rotateY(${currentRotation}deg)`;\r\n            }\r\n\r\n            function autoRotate() {\r\n                if (!isDragging) {\r\n                    currentRotation += autoRotateSpeed;\r\n                    rotateOrbit();\r\n                }\r\n                animationFrameId = requestAnimationFrame(autoRotate);\r\n            }\r\n            \r\n            \/\/ Mulai auto-rotate\r\n            autoRotate();\r\n\r\n            \/\/ Fungsi Drag (Mouse)\r\n            orbitWrapper.addEventListener('mousedown', (e) => {\r\n                isDragging = true;\r\n                startX = e.clientX;\r\n                lastMouseX = e.clientX;\r\n                spinner.style.transition = 'none'; \/\/ Hilangkan transisi saat di-drag agar responsif\r\n            });\r\n\r\n            window.addEventListener('mousemove', (e) => {\r\n                if (!isDragging) return;\r\n                const deltaX = e.clientX - lastMouseX;\r\n                currentRotation += deltaX * 0.4; \/\/ Sensitivitas drag\r\n                lastMouseX = e.clientX;\r\n                rotateOrbit();\r\n            });\r\n\r\n            window.addEventListener('mouseup', () => {\r\n                if (isDragging) {\r\n                    isDragging = false;\r\n                    spinner.style.transition = 'transform 0.1s ease-out';\r\n                }\r\n            });\r\n\r\n            \/\/ Fungsi Drag (Touch\/Mobile)\r\n            orbitWrapper.addEventListener('touchstart', (e) => {\r\n                isDragging = true;\r\n                startX = e.touches[0].clientX;\r\n                lastMouseX = e.touches[0].clientX;\r\n                spinner.style.transition = 'none';\r\n            }, {passive: true});\r\n\r\n            window.addEventListener('touchmove', (e) => {\r\n                if (!isDragging) return;\r\n                const deltaX = e.touches[0].clientX - lastMouseX;\r\n                currentRotation += deltaX * 0.5;\r\n                lastMouseX = e.touches[0].clientX;\r\n                rotateOrbit();\r\n            }, {passive: true});\r\n\r\n            window.addEventListener('touchend', () => {\r\n                if (isDragging) {\r\n                    isDragging = false;\r\n                    spinner.style.transition = 'transform 0.1s ease-out';\r\n                }\r\n            });\r\n\r\n\r\n            \/\/ --- 3. NAVBAR SCROLL ---\r\n            const nav = document.getElementById('vipNav');\r\n            window.addEventListener('scroll', () => {\r\n                if (window.scrollY > 100) {\r\n                    nav.style.background = 'rgba(3, 3, 3, 0.98)';\r\n                    nav.style.borderBottom = '1px solid rgba(255, 150, 201, 0.1)';\r\n                    nav.style.padding = '20px 5vw';\r\n                } else {\r\n                    nav.style.background = 'linear-gradient(to bottom, rgba(5,5,5,0.95), rgba(5,5,5,0))';\r\n                    nav.style.borderBottom = '1px solid transparent';\r\n                    nav.style.padding = '25px 5vw';\r\n                }\r\n            });\r\n\r\n            \/\/ --- 4. COPY CA LOGIC ---\r\n            const caBtn = document.getElementById('vipCaBtn');\r\n            const caText = document.getElementById('vipCaText');\r\n            \r\n            caBtn.addEventListener('click', () => {\r\n                const ca = caBtn.getAttribute('data-ca');\r\n                navigator.clipboard.writeText(ca).then(() => {\r\n                    const originalText = caText.innerText;\r\n                    caText.innerText = \"COPIED TO CLIPBOARD \ud83d\udca6\";\r\n                    caBtn.style.background = \"rgba(255, 150, 201, 0.2)\";\r\n                    caBtn.style.borderColor = \"#ff96c9\";\r\n                    \r\n                    setTimeout(() => {\r\n                        caText.innerText = originalText;\r\n                        caBtn.style.background = \"rgba(20, 20, 20, 0.6)\";\r\n                        caBtn.style.borderColor = \"rgba(255, 150, 201, 0.15)\";\r\n                    }, 2500);\r\n                });\r\n            });\r\n\r\n            \/\/ --- 5. SMOOTH REVEAL ANIMATIONS ---\r\n            const revealElements = document.querySelectorAll('.reveal');\r\n            const revealObserver = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                root: null,\r\n                threshold: 0.1,\r\n                rootMargin: \"0px 0px -50px 0px\"\r\n            });\r\n\r\n            revealElements.forEach(el => {\r\n                revealObserver.observe(el);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\t\t<\/div>\n\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>MILK ADDICT Join Community Down Horrendous. Barking for the Honkers. I don&#8217;t need therapy. I just need to bury my face in a pair of massive mommy milkers. CA: YOUR_SOLANA_CONTRACT_ADDRESS_HERE The Degenerate Dairy Let\u2019s drop the classy act. We aren&#8217;t here for deep conversations, sparkling personalities, or maintaining eye contact. We are completely, incurably, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/milkaddict.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}