Playdukatif - Belajar & Bermain Bersama

Belajar & Bermain Bersama Playdukatif

Teman belajar interaktif untuk melengkapi keluarga menghadapi tantangan di era digital. Hadir dalam bentuk animasi, game dan buku digital.

Lihat Produk Kami

Produk Edukasi Kami

E-book Parenting

Solusi cerdas untuk orang tua modern yang ingin mendampingi buah hati dengan bijak di era digital.

Download Gratis

Video Animasi 3D

Ratusan konten edukasi 3D yang aman, menyenangkan, dan bermutu untuk tontonan anak sehari-hari.

Tonton Sekarang

Doa Harian Anak

Kumpulan doa harian lengkap dengan ilustrasi menarik, tulisan arab, latin, dan terjemahan.

Ambil Sekarang

{"page":{"title":"playdukatif","sections":{"byId":{"OEMCXiAUt5z2o_Za4Pt8e":{"_id":"OEMCXiAUt5z2o_Za4Pt8e","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","mobile":{"marginTop":"0px","marginRight":"20px","marginBottom":"24px","marginLeft":"20px"},"marginRight":"20px","marginBottom":"24px","marginLeft":"20px"},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":"","dirty":true,"customEditorStyles":{"LETTER-undefined-5":{"letterSpacing":"5px"},"LINEH-undefined--5":{"lineHeight":-5},"LINEH-undefined-5":{"lineHeight":5},"COLOR-undefined-sYWOmE":{"color":"#d00808ff"},"COLOR-undefined-jeFrru":{"color":"#d00808ff"},"COLOR-undefined-ibE2Jr":{"color":"#d00808ff"},"COLOR-undefined-Dm7U5t":{"color":"#d00808ff"},"COLOR-undefined-l3YO9g":{"color":"#d00808ff"}},"fonts":{}},"components":{"byId":{"EXHD":{"_id":"EXHD","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Playdukatif - Belajar & Bermain Bersama</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n /* RESET & DASAR */\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Poppins', sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #ffffff;\n scroll-behavior: smooth;\n }\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 20px;\n }\n img {\n max-width: 100%;\n height: auto;\n }\n\n /* HEADER & HERO */\n header {\n padding: 30px 0;\n text-align: center;\n }\n\n /* Logo Styling */\n .logo {\n width: 75%;\n max-width: 170px; /* Ukuran pas untuk Desktop */\n margin: 0 auto 20px;\n display: block;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n color: #1a1a1a;\n margin-bottom: 5px;\n font-weight: 700;\n line-height: 1.2;\n }\n .hero h1 span {\n color: #d00808;\n }\n\n .hero-main-image {\n display: block;\n max-width: 80%;\n margin: 25px auto;\n border-radius: 20px;\n }\n\n .hero p {\n font-size: 1.1rem;\n max-width: 800px;\n margin: 0 auto 20px;\n color: #555;\n }\n .hero p strong {\n color: #d00808;\n }\n\n /* PRODUK SECTION */\n .section-title {\n text-align: center;\n margin: 60px 0 40px;\n font-size: 1.8rem;\n color: #203551;\n }\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-bottom: 80px;\n }\n .card {\n background: #fff;\n border-radius: 20px;\n padding: 40px 25px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n transition: transform 0.3s ease;\n border: 1px solid #eee;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .card:hover {\n transform: translateY(-10px);\n }\n .card img, .card video {\n width: 100%;\n max-width: 250px;\n height: auto;\n margin-bottom: 25px;\n border-radius: 15px;\n }\n .card h2 {\n font-size: 1.4rem;\n margin-bottom: 15px;\n color: #203551;\n }\n .card p {\n font-size: 0.95rem;\n color: #666;\n margin-bottom: 30px;\n flex-grow: 1;\n }\n\n /* TOMBOL & EFEK BERGOYANG */\n .btn {\n display: inline-block;\n background: #d00808;\n color: #fff;\n padding: 14px 35px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: background 0.3s ease;\n box-shadow: 0 4px 15px rgba(208, 8, 8, 0.3);\n border: none;\n }\n .btn:hover {\n background: #a00606;\n color: #fff;\n }\n\n /* Animasi Wobble */\n @keyframes wobble {\n 0% { transform: translateX(0%); }\n 15% { transform: translateX(-5%) rotate(-5deg); }\n 30% { transform: translateX(4%) rotate(3deg); }\n 45% { transform: translateX(-3%) rotate(-3deg); }\n 60% { transform: translateX(2%) rotate(2deg); }\n 75% { transform: translateX(-1%) rotate(-1deg); }\n 100% { transform: translateX(0%); }\n }\n .effect-wobble {\n animation: wobble 2.5s infinite ease-in-out;\n }\n\n /* RESPONSIVE */\n @media (max-width: 768px) {\n header { padding: 30px 0; }\n .logo { max-width: 150px; } /* Ukuran lebih kecil di HP */\n .hero h1 { font-size: 1.8rem; }\n .hero-main-image { max-width: 100%; }\n .hero p { font-size: 1rem; }\n .products-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto 80px;}\n }\n </style>\n</head>\n<body>\n\n <header>\n <div class=\"container hero\">\n <img src=\"https://media.buat.id/live/tr:q-25/2025-12-06/1765013717443-playdukatif_transparent.png\" alt=\"Logo Playdukatif\" class=\"logo\">\n \n <h1>Belajar & Bermain Bersama <span>Playdukatif</span></h1>\n \n <img src=\"https://media.buat.id/live/tr:q-25/2025-11-28/1764347905071-Playdukatif Daily.png\" alt=\"Playdukatif Hero\" class=\"hero-main-image\">\n\n <p>\n Teman belajar interaktif untuk melengkapi keluarga menghadapi tantangan di era digital. \n Hadir dalam bentuk <strong>animasi</strong>, <strong>game</strong> dan <strong>buku digital.</strong>\n </p>\n <a href=\"#produk\" class=\"btn effect-wobble\">Lihat Produk Kami</a>\n </div>\n </header>\n\n <section class=\"container\" id=\"produk\">\n <h2 class=\"section-title\">Produk Edukasi Kami</h2>\n \n <div class=\"products-grid\">\n <div class=\"card\">\n <img src=\"https://media.buat.id/live/tr:q-25/2025-11-29/1764366168203-Playdukatif Daily (2).png\" alt=\"E-book Parenting\">\n <h2>E-book Parenting</h2>\n <p>Solusi cerdas untuk orang tua modern yang ingin mendampingi buah hati dengan bijak di era digital.</p>\n <a href=\"https://drive.google.com/file/d/1m7_576azzOyCmVjGTQRZrT4yjpsEYwMq/view\" target=\"_blank\" class=\"btn effect-wobble\">Download Gratis</a>\n </div>\n\n <div class=\"card\">\n <video autoplay muted loop playsinline>\n <source src=\"https://res.cloudinary.com/dbrfpb94h/video/upload/0107_j9fnup.mp4\" type=\"video/mp4\">\n Browser tidak mendukung video.\n </video>\n <h2>Video Animasi 3D</h2>\n <p>Ratusan konten edukasi 3D yang aman, menyenangkan, dan bermutu untuk tontonan anak sehari-hari.</p>\n <a href=\"https://playdukatif.com/animasi-edukasi\" class=\"btn effect-wobble\">Tonton Sekarang</a>\n </div>\n\n <div class=\"card\">\n <img src=\"https://media.buat.id/live/tr:q-25/2025-11-29/1764364454819-White and Brown Simple Cover Book Mockup Instagram Post (1).png\" alt=\"Buku Doa Harian\">\n <h2>Doa Harian Anak</h2>\n <p>Kumpulan doa harian lengkap dengan ilustrasi menarik, tulisan arab, latin, dan terjemahan.</p>\n <a href=\"https://playdukatif.com/kumpulan-doa-harian\" class=\"btn effect-wobble\">Ambil Sekarang</a>\n </div>\n </div>\n </section>\n\n <footer style=\"background: #f4f4f4; padding: 30px; text-align: center; color: #888; font-size: 0.9rem; margin-top: 50px;\">\n <div class=\"container\">\n <p>© 2024 Playdukatif. Semua Hak Dilindungi.</p>\n </div>\n </footer>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"overrideStyle":{"shadow":{"default":{}}},"dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["EXHD"]}}},"allIds":["OEMCXiAUt5z2o_Za4Pt8e"]},"slug":"playdukatif","canvas":"2","_id":"692944be14755b9435cdb934","state":"publish","userUuid":"691c1a1405c47468ba5175ca","publishSlug":"playdukatif","slugName":"playdukatif","isOriginal":true,"isABTesting":false,"autoSave":false,"index":true,"canvasColor":"#eceeed","settings":{"thumbnail":"https://media.buat.id/live/tr:q-75/2025-11-29/1764363193285-playdukatif_transparent.png","favicon":"https://media.buat.id/live/tr:q-75/2025-11-28/1764313266284-playdukatif_transparent.png","keyword_phrase":"","keyword_phrase_options":[],"seo_title":["title","separator","keyword"],"meta_description":"","search_engine_display":true,"search_engine_follow":true,"scripts":{"disable_global":false,"head":"","head_desktop":"","head_mobile":"","footer":"","footer_desktop":"","footer_mobile":"© 2025, Playdukatif."},"utm_trackings":{"utm_source":false,"utm_medium":false,"utm_campaign":false,"utm_term":false,"utm_content":false},"published_on":null,"cloakActive":false,"cloakValue":{"device":[],"os":[],"countries":[],"url_redirect":""},"pageLimiter":false,"limiterValue":{"limit":0,"reset":0,"refer":["direct"],"whiteList":[],"urlRedirectTo":""},"boost":true,"formulirBoost":false},"permalink":"https://playdukatif.buat.page/undefined","pageContentId":"692944be14755b9435cdb936"},"pixel":{"_id":"692f5b804c9e3f0cd2e9037d","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"0qVV":{"id":"1322852872925928","name":"pdktv","_id":"0qVV"}},"allIds":["0qVV"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"692f5fd4e23115da303b4818"}}}