{"id":8,"date":"2026-07-16T17:21:13","date_gmt":"2026-07-16T17:21:13","guid":{"rendered":"https:\/\/cardcat.online\/?page_id=8"},"modified":"2026-07-16T18:58:30","modified_gmt":"2026-07-16T18:58:30","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/cardcat.online\/","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-d07dcc6 e-con e-atomic-element e-flexbox-base e-75ac180 \" data-id=\"d07dcc6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d07dcc6\">\n    \t\t<div class=\"elementor-element elementor-element-ebb274a elementor-widget elementor-widget-html\" data-id=\"ebb274a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CARDCAT ($CARDCAT) | The Legendary Collector<\/title>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@600;800&family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        cinzel: ['Cinzel', 'serif'],\n                        inter: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        deepblue: '#070b19',\n                        panelbg: 'rgba(7, 11, 25, 0.85)',\n                        gold: '#d4af37',\n                        goldlight: '#f9df9f',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Custom CSS (Optimized for Performance) -->\n    <style>\n        :root {\n            --glass-border: rgba(212, 175, 55, 0.3);\n        }\n\n        body, html {\n            margin: 0;\n            padding: 0;\n            background-color: #04070e;\n            color: #ffffff;\n            overflow-x: hidden;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Fixed Background *\/\n        .fixed-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            background-image: url('http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/fixedbg.jpg');\n            background-size: cover;\n            background-position: center;\n            z-index: -3;\n        }\n\n        \/* Canvas Particles *\/\n        #particles {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        \/* High-Performance Panels (No Blur) *\/\n        .solid-panel {\n            background: var(--panelbg);\n            border: 1px solid var(--glass-border);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n        }\n\n        .text-glow {\n            text-shadow: 0 2px 10px rgba(0,0,0, 0.8);\n        }\n\n        .gold-gradient-text {\n            background: linear-gradient(to right, #d4af37, #f9df9f, #d4af37);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n        }\n\n        \/* Animations *\/\n        @keyframes float {\n            0% { transform: translate(-50%, 0px); }\n            50% { transform: translate(-50%, -15px); }\n            100% { transform: translate(-50%, 0px); }\n        }\n\n        @keyframes float-simple {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n\n        .animate-float-center {\n            animation: float 6s ease-in-out infinite;\n            will-change: transform;\n        }\n        \n        .animate-float {\n            animation: float-simple 6s ease-in-out infinite;\n            will-change: transform;\n        }\n\n        \/* Section Backgrounds - Fully Visible *\/\n        .section-bg {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n            z-index: 0;\n            pointer-events: none;\n        }\n        \n        .content-layer {\n            position: relative;\n            z-index: 10;\n        }\n\n        section {\n            min-height: 100vh;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Fixed Backgrounds -->\n    <div class=\"fixed-bg\"><\/div>\n    <canvas id=\"particles\"><\/canvas>\n\n    <main id=\"smooth-wrapper\">\n        <div id=\"smooth-content\">\n\n            <!-- SECTION 1: HERO -->\n            <section id=\"hero\" class=\"flex-col justify-start pt-24 pb-48\">\n                <!-- BG Image Fully Visible -->\n                <div class=\"section-bg\" style=\"background-image: url('http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/bg1.png');\"><\/div>\n                \n                <div class=\"content-layer w-full max-w-7xl mx-auto px-6 text-center flex flex-col items-center mt-12\">\n                    <div class=\"gsap-hero-text solid-panel p-8 md:p-12 rounded-3xl max-w-4xl\">\n                        <h2 class=\"text-gold tracking-[0.3em] uppercase text-sm md:text-base font-semibold mb-4\">Welcome to the Vault<\/h2>\n                        <h1 class=\"font-cinzel text-5xl md:text-7xl lg:text-8xl font-bold mb-4 gold-gradient-text text-glow\">\n                            CARDCAT\n                        <\/h1>\n                        <p class=\"text-lg md:text-2xl text-gray-200 mx-auto font-light mb-8\">\n                            The legendary collector cat that never sells. Every pump adds a gem to the vault.\n                        <\/p>\n                        \n                        <!-- Contract Address Box -->\n                        <div class=\"bg-black\/50 border border-gold\/30 rounded-lg p-4 mb-8 flex flex-col md:flex-row items-center justify-center gap-4\">\n                            <span class=\"text-gray-400 text-sm uppercase tracking-wider\">Contract:<\/span>\n                            <code class=\"text-gold font-mono text-sm md:text-base\">CA_TBD_INSERT_SOLANA_ADDRESS_HERE<\/code>\n                            <button class=\"bg-gold\/20 hover:bg-gold\/40 text-gold px-4 py-2 rounded transition-colors text-sm font-bold uppercase\">Copy<\/button>\n                        <\/div>\n\n                        <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\n                            <a href=\"#\" class=\"bg-gradient-to-r from-gold to-yellow-600 text-deepblue font-bold px-10 py-4 rounded-full uppercase tracking-wider transition-all duration-300 transform hover:scale-105 hover:shadow-[0_0_20px_#d4af37]\">\n                                Buy $CARDCAT\n                            <\/a>\n                            <a href=\"#vault\" class=\"border border-gold text-gold font-bold px-10 py-4 rounded-full uppercase tracking-wider transition-all duration-300 transform hover:scale-105 hover:bg-gold hover:text-deepblue\">\n                                Read Lore\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Bottom Center Animated Logo -->\n                <img decoding=\"async\" src=\"http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/logo.png\" alt=\"CardCat Logo\" class=\"absolute bottom-0 left-1\/2 w-[90%] md:w-[50%] lg:w-[40%] max-w-2xl animate-float-center z-20\">\n                \n                <!-- Bottom Fade for seamless transition -->\n                <div class=\"absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-[#04070e] to-transparent z-10\"><\/div>\n            <\/section>\n\n            <!-- SECTION 2: LORE & UTILITY -->\n            <section id=\"vault\" class=\"py-24\">\n                <div class=\"section-bg\" style=\"background-image: url('http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/bg2.png');\"><\/div>\n                \n                <div class=\"content-layer w-full max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n                    <div class=\"gsap-fade-right solid-panel p-10 rounded-2xl\">\n                        <h2 class=\"font-cinzel text-4xl md:text-5xl text-white mb-6\">The Legend of <br><span class=\"gold-gradient-text\">CardCat<\/span><\/h2>\n                        <div class=\"w-16 h-1 bg-gold mb-6\"><\/div>\n                        <p class=\"text-gray-300 leading-relaxed mb-6\">\n                            Born in the depths of the bear market, CARDCAT spent years hoarding the rarest jpegs and the most legendary tokens on the Solana blockchain. While others paper-handed, CARDCAT held. \n                        <\/p>\n                        <p class=\"text-gray-300 leading-relaxed mb-6\">\n                            Now, the vault doors are creaking open. CARDCAT isn't just a meme; it is a movement of diamond hands, collectors, and those who understand that true wealth is built by holding the rares.\n                        <\/p>\n                        <div class=\"grid grid-cols-2 gap-4 mt-8\">\n                            <div class=\"border-l-2 border-gold pl-4\">\n                                <h4 class=\"text-gold font-bold text-xl mb-1\">100%<\/h4>\n                                <p class=\"text-sm text-gray-400\">Community Driven<\/p>\n                            <\/div>\n                            <div class=\"border-l-2 border-gold pl-4\">\n                                <h4 class=\"text-gold font-bold text-xl mb-1\">Zero<\/h4>\n                                <p class=\"text-sm text-gray-400\">Compromises<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"gsap-fade-left\">\n                        <div class=\"solid-panel rounded-2xl p-8 relative z-10 transform lg:rotate-2\">\n                            <h3 class=\"font-cinzel text-2xl text-gold mb-6 text-center border-b border-gray-700 pb-4\">The Collector's Manifesto<\/h3>\n                            <ul class=\"space-y-6\">\n                                <li class=\"flex items-start space-x-4\">\n                                    <span class=\"text-gold text-2xl mt-1\">\u2726<\/span>\n                                    <div>\n                                        <h4 class=\"font-bold text-lg text-white\">Diamond Hands Only<\/h4>\n                                        <p class=\"text-sm text-gray-400 mt-1\">We do not panic sell. We collect, we hold, and we sweep the floor.<\/p>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"flex items-start space-x-4\">\n                                    <span class=\"text-gold text-2xl mt-1\">\u2726<\/span>\n                                    <div>\n                                        <h4 class=\"font-bold text-lg text-white\">Every Pump is a Gem<\/h4>\n                                        <p class=\"text-sm text-gray-400 mt-1\">Market caps are just high scores for the ultimate collector.<\/p>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"flex items-start space-x-4\">\n                                    <span class=\"text-gold text-2xl mt-1\">\u2726<\/span>\n                                    <div>\n                                        <h4 class=\"font-bold text-lg text-white\">Solana Speed<\/h4>\n                                        <p class=\"text-sm text-gray-400 mt-1\">Built on the fastest chain for the most aggressive trading strategies.<\/p>\n                                    <\/div>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION 3: THE SHOWCASE -->\n            <section id=\"collection\" class=\"py-24 relative\">\n                <!-- Using fixed bg, just a dark gradient to separate sections visually -->\n                <div class=\"absolute inset-0 bg-gradient-to-b from-[#04070e] via-transparent to-[#04070e] z-0\"><\/div>\n                \n                <div class=\"content-layer w-full max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12\">\n                    \n                    <!-- Featured Image Showcase -->\n                    <div class=\"w-full lg:w-1\/2 relative gsap-scale-up\">\n                        <div class=\"solid-panel p-4 rounded-3xl relative z-10 animate-float\">\n                            <img decoding=\"async\" src=\"http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/featured3.png\" alt=\"Featured CardCat Collection\" class=\"w-full h-auto rounded-2xl\">\n                            \n                            <!-- Floating Badges -->\n                            <div class=\"absolute -left-4 md:-left-8 top-10 solid-panel px-4 py-2 rounded-xl flex items-center space-x-2\">\n                                <span class=\"text-gold\">\ud83c\udfc6<\/span>\n                                <span class=\"font-bold tracking-wider text-xs md:text-sm\">Rarity: Mythic<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Text Content -->\n                    <div class=\"w-full lg:w-1\/2 text-center lg:text-left gsap-fade-up\">\n                        <h2 class=\"font-cinzel text-5xl md:text-6xl gold-gradient-text mb-6\">The Vault <br>is Open<\/h2>\n                        <p class=\"text-lg text-gray-300 mb-8\">\n                            CARDCAT's vault contains the most sought-after memes in the ecosystem. By holding $CARDCAT, you align yourself with the apex predators of the Solana network. \n                        <\/p>\n                        \n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n                            <div class=\"solid-panel p-6 rounded-xl text-left border-t-2 border-t-gold\">\n                                <h4 class=\"font-bold text-white mb-2\">Phase 1: The Hoard<\/h4>\n                                <p class=\"text-sm text-gray-400\">Launch token, establish the core community, and build the foundation of the vault.<\/p>\n                            <\/div>\n                            <div class=\"solid-panel p-6 rounded-xl text-left border-t-2 border-t-gray-600 opacity-80\">\n                                <h4 class=\"font-bold text-white mb-2\">Phase 2: The Display<\/h4>\n                                <p class=\"text-sm text-gray-400\">CEX listings, exclusive holder roles, and massive marketing expansions.<\/p>\n                            <\/div>\n                            <div class=\"solid-panel p-6 rounded-xl text-left border-t-2 border-t-gray-600 opacity-80 sm:col-span-2\">\n                                <h4 class=\"font-bold text-white mb-2\">Phase 3: Legendary Status<\/h4>\n                                <p class=\"text-sm text-gray-400\">Global takeover. $CARDCAT becomes the recognized symbol of elite Solana collectors.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION 4: TOKENOMICS -->\n            <section id=\"tokenomics\" class=\"py-24\">\n                <div class=\"section-bg\" style=\"background-image: url('http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/bg4.png');\"><\/div>\n                \n                <div class=\"content-layer w-full max-w-7xl mx-auto px-6\">\n                    <div class=\"solid-panel p-10 md:p-16 rounded-3xl\">\n                        <div class=\"text-center mb-16 gsap-fade-up\">\n                            <h2 class=\"font-cinzel text-5xl md:text-6xl text-white mb-4\">Vault <span class=\"text-gold\">Metrics<\/span><\/h2>\n                            <p class=\"text-gray-300 text-lg\">The architecture of legendary gains. Zero BS.<\/p>\n                        <\/div>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\n                            <!-- Metric Cards -->\n                            <div class=\"bg-[#0a0f24] border border-gray-800 p-8 rounded-2xl text-center gsap-stagger-card\">\n                                <div class=\"text-5xl text-gold mb-2 font-cinzel font-bold\">0%<\/div>\n                                <h3 class=\"text-xl font-bold mb-2 text-white\">Taxes<\/h3>\n                                <p class=\"text-gray-400 text-sm\">No buy or sell tax. Pure trading freedom.<\/p>\n                            <\/div>\n                            \n                            <div class=\"bg-[#0a0f24] border border-gold p-8 rounded-2xl text-center gsap-stagger-card transform md:-translate-y-4 shadow-[0_0_30px_rgba(212,175,55,0.15)]\">\n                                <div class=\"text-5xl text-gold mb-2 font-cinzel font-bold\">100%<\/div>\n                                <h3 class=\"text-xl font-bold mb-2 text-white\">LP Burned<\/h3>\n                                <p class=\"text-gray-400 text-sm\">Liquidity is locked and burned forever.<\/p>\n                            <\/div>\n                            \n                            <div class=\"bg-[#0a0f24] border border-gray-800 p-8 rounded-2xl text-center gsap-stagger-card\">\n                                <div class=\"text-5xl text-gold mb-2 font-cinzel font-bold\">Revoked<\/div>\n                                <h3 class=\"text-xl font-bold mb-2 text-white\">Mint Authority<\/h3>\n                                <p class=\"text-gray-400 text-sm\">Contract is entirely immutable.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Supply Bar -->\n                        <div class=\"mt-12 gsap-fade-up\">\n                            <h3 class=\"text-center text-xl font-bold mb-4\">Total Supply: 1,000,000,000 $CARDCAT<\/h3>\n                            <div class=\"w-full h-8 bg-gray-900 rounded-full overflow-hidden flex border border-gray-700\">\n                                <div class=\"bg-gold h-full flex items-center justify-center text-xs font-bold text-black\" style=\"width: 85%;\">85% Liquidity Pool<\/div>\n                                <div class=\"bg-blue-600 h-full flex items-center justify-center text-xs font-bold\" style=\"width: 10%;\">10% CEX<\/div>\n                                <div class=\"bg-purple-600 h-full flex items-center justify-center text-xs font-bold\" style=\"width: 5%;\">5% Vault<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION 5: HOW TO BUY & COMMUNITY -->\n            <section id=\"community\" class=\"py-24\">\n                <div class=\"section-bg\" style=\"background-image: url('http:\/\/cardcat.online\/wp-content\/uploads\/2026\/07\/bg5.png');\"><\/div>\n                \n                <div class=\"content-layer w-full max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                    \n                    <!-- How to buy -->\n                    <div class=\"solid-panel p-10 rounded-3xl gsap-fade-right\">\n                        <h2 class=\"font-cinzel text-4xl text-white mb-8\">How to <span class=\"text-gold\">Collect<\/span><\/h2>\n                        \n                        <div class=\"space-y-6\">\n                            <div class=\"flex gap-4\">\n                                <div class=\"w-10 h-10 rounded-full bg-gold text-black font-bold flex items-center justify-center flex-shrink-0\">1<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-lg\">Create a Wallet<\/h4>\n                                    <p class=\"text-gray-400 text-sm mt-1\">Download Phantom or Solflare from the app store or browser extension store for free.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex gap-4\">\n                                <div class=\"w-10 h-10 rounded-full bg-gold text-black font-bold flex items-center justify-center flex-shrink-0\">2<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-lg\">Get Some SOL<\/h4>\n                                    <p class=\"text-gray-400 text-sm mt-1\">Have SOL in your wallet to switch to $CARDCAT. If you don\u2019t have any SOL, you can buy directly on Phantom.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex gap-4\">\n                                <div class=\"w-10 h-10 rounded-full bg-gold text-black font-bold flex items-center justify-center flex-shrink-0\">3<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-lg\">Go to Raydium or Jupiter<\/h4>\n                                    <p class=\"text-gray-400 text-sm mt-1\">Connect your wallet. Paste the $CARDCAT token address into the swap.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex gap-4\">\n                                <div class=\"w-10 h-10 rounded-full bg-gold text-black font-bold flex items-center justify-center flex-shrink-0\">4<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-lg\">Swap for $CARDCAT<\/h4>\n                                    <p class=\"text-gray-400 text-sm mt-1\">Switch SOL for $CARDCAT. We have ZERO taxes so you don't need to worry about buying with a specific slippage.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Community CTA -->\n                    <div class=\"text-center solid-panel p-12 rounded-3xl gsap-fade-left\">\n                        <h2 class=\"font-cinzel text-5xl text-white mb-4\">Join the <br><span class=\"gold-gradient-text\">Hoard<\/span><\/h2>\n                        <p class=\"text-gray-300 mb-10\">\n                            The vault doors are open. Secure your $CARDCAT and join the most elite collector community on Solana.\n                        <\/p>\n                        \n                        <div class=\"flex flex-col gap-4 justify-center\">\n                            <a href=\"#\" class=\"bg-gold text-deepblue font-bold px-12 py-4 rounded-full uppercase tracking-wider transition-transform hover:scale-105 hover:bg-yellow-400\">\n                                Join Telegram\n                            <\/a>\n                            <a href=\"#\" class=\"border border-gold text-white font-bold px-12 py-4 rounded-full uppercase tracking-wider transition-all hover:bg-gold hover:text-deepblue\">\n                                Follow on X (Twitter)\n                            <\/a>\n                            <a href=\"#\" class=\"border border-gray-600 text-white font-bold px-12 py-4 rounded-full uppercase tracking-wider transition-all hover:bg-gray-800\">\n                                View Chart (DexScreener)\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Footer -->\n                <footer class=\"content-layer w-full text-center mt-24 text-sm text-gray-500 pb-8\">\n                    <p>\u00a9 2026 CARDCAT ($CARDCAT). Built on Solana.<\/p>\n                    <p class=\"mt-2 text-xs max-w-2xl mx-auto px-6 opacity-60\">$CARDCAT is a meme coin created for entertainment purposes only and has no intrinsic value or expectation of financial return. The coin is completely useless and for collectors only.<\/p>\n                <\/footer>\n            <\/section>\n\n        <\/div>\n    <\/main>\n\n    <!-- Scripts: GSAP & Lenis -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/studio-freight\/lenis@1.0.19\/bundled\/lenis.min.js\"><\/script>\n\n    <script>\n        \/\/ 1. Initialize Smooth Scrolling (Lenis)\n        const lenis = new Lenis({\n            duration: 1.2,\n            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n            smooth: true,\n        });\n\n        function raf(time) {\n            lenis.raf(time);\n            requestAnimationFrame(raf);\n        }\n        requestAnimationFrame(raf);\n\n        \/\/ 2. GSAP Animations\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ Hero Text Animation\n        gsap.from(\".gsap-hero-text\", {\n            y: 30,\n            opacity: 0,\n            duration: 1,\n            ease: \"power2.out\",\n            delay: 0.2\n        });\n\n        \/\/ Scroll Animations for sections\n        gsap.utils.toArray('.gsap-fade-up').forEach(element => {\n            gsap.from(element, {\n                scrollTrigger: {\n                    trigger: element,\n                    start: \"top 85%\",\n                    toggleActions: \"play none none reverse\"\n                },\n                y: 40,\n                opacity: 0,\n                duration: 0.8,\n                ease: \"power2.out\"\n            });\n        });\n\n        gsap.from(\".gsap-fade-right\", {\n            scrollTrigger: {\n                trigger: \"#vault\",\n                start: \"top 75%\",\n            },\n            x: -50,\n            opacity: 0,\n            duration: 1,\n            ease: \"power2.out\"\n        });\n\n        gsap.from(\".gsap-fade-left\", {\n            scrollTrigger: {\n                trigger: \"#vault\",\n                start: \"top 75%\",\n            },\n            x: 50,\n            opacity: 0,\n            duration: 1,\n            ease: \"power2.out\"\n        });\n\n        gsap.from(\".gsap-scale-up\", {\n            scrollTrigger: {\n                trigger: \"#collection\",\n                start: \"top 70%\",\n            },\n            scale: 0.9,\n            opacity: 0,\n            duration: 1.2,\n            ease: \"expo.out\"\n        });\n\n        gsap.from(\".gsap-stagger-card\", {\n            scrollTrigger: {\n                trigger: \"#tokenomics\",\n                start: \"top 80%\",\n            },\n            y: 30,\n            opacity: 0,\n            duration: 0.6,\n            stagger: 0.15,\n            ease: \"back.out(1.5)\"\n        });\n\n        \/\/ 3. High-Performance Canvas Particles\n        const canvas = document.getElementById('particles');\n        const ctx = canvas.getContext('2d');\n        \n        let width = canvas.width = window.innerWidth;\n        let height = canvas.height = window.innerHeight;\n        let particlesArray = [];\n\n        window.addEventListener('resize', () => {\n            width = canvas.width = window.innerWidth;\n            height = canvas.height = window.innerHeight;\n        });\n\n        class Particle {\n            constructor() {\n                this.x = Math.random() * width;\n                this.y = Math.random() * height;\n                this.size = Math.random() * 2 + 0.5;\n                this.speedX = Math.random() * 0.5 - 0.25;\n                this.speedY = Math.random() * -0.8 - 0.2;\n                this.color = `rgba(212, 175, 55, ${Math.random() * 0.6 + 0.1})`; \n            }\n            update() {\n                this.x += this.speedX;\n                this.y += this.speedY;\n                if (this.y < 0) {\n                    this.y = height;\n                    this.x = Math.random() * width;\n                }\n            }\n            draw() {\n                ctx.fillStyle = this.color;\n                ctx.beginPath();\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                ctx.fill();\n            }\n        }\n\n        function initParticles() {\n            particlesArray = [];\n            \/\/ Reduced particle count for better performance\n            let numParticles = window.innerWidth < 768 ? 25 : 60;\n            for (let i = 0; i < numParticles; i++) {\n                particlesArray.push(new Particle());\n            }\n        }\n\n        function animateParticles() {\n            ctx.clearRect(0, 0, width, height);\n            for (let i = 0; i < particlesArray.length; i++) {\n                particlesArray[i].update();\n                particlesArray[i].draw();\n            }\n            requestAnimationFrame(animateParticles);\n        }\n\n        initParticles();\n        animateParticles();\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CARDCAT ($CARDCAT) | The Legendary Collector Welcome to the Vault CARDCAT The legendary collector cat that never sells. Every pump adds a gem to the vault. Contract: CA_TBD_INSERT_SOLANA_ADDRESS_HERE Copy Buy $CARDCAT Read Lore The Legend of CardCat Born in the depths of the bear market, CARDCAT spent years hoarding the rarest jpegs and the most [&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:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cardcat.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/cardcat.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/cardcat.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}