{"id":2,"date":"2025-12-26T23:09:07","date_gmt":"2025-12-26T23:09:07","guid":{"rendered":"https:\/\/publisherbook.yasioffice.shop\/cs\/?page_id=2"},"modified":"2025-12-27T22:19:37","modified_gmt":"2025-12-27T22:19:37","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/publisherbook.yasioffice.shop\/cs\/","title":{"rendered":"Terimakasih atas kunjungan anda!!!"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Penerbit Buku - Yayasan Ahmad Sarmadi Indonesia<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #1a5fb4;\r\n --secondary: #2d8bce;\r\n --accent: #ff9800;\r\n --light: #f8f9fa;\r\n --dark: #333;\r\n --gray: #6c757d;\r\n --shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #f5f7fa;\r\n color: var(--dark);\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Top Logo Bar *\/\r\n .top-logo-bar {\r\n background: white;\r\n padding: 15px 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n z-index: 100;\r\n }\r\n \r\n .top-logo-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n max-width: 250px;\r\n width: 100%;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .top-logo-image {\r\n height: 80px;\r\n width: auto;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .top-logo-image:hover {\r\n transform: scale(1.05);\r\n }\r\n \r\n .top-logo-text {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .top-logo-text h1 {\r\n color: var(--primary);\r\n font-size: 1.8rem;\r\n margin-bottom: 5px;\r\n text-align: center;\r\n }\r\n \r\n .top-logo-text p {\r\n color: var(--gray);\r\n font-size: 0.95rem;\r\n text-align: center;\r\n }\r\n \r\n \/* Tagline Section *\/\r\n .tagline-section {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n color: white;\r\n padding: 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .tagline-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');\r\n background-size: cover;\r\n }\r\n \r\n .tagline-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .tagline-content h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n }\r\n \r\n .tagline-content p {\r\n font-size: 1.1rem;\r\n opacity: 0.95;\r\n line-height: 1.5;\r\n }\r\n \r\n .tagline-highlight {\r\n color: var(--accent);\r\n font-weight: 700;\r\n }\r\n \r\n \/* Header *\/\r\n .publisher-header {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n color: white;\r\n padding: 40px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n margin-top: 0;\r\n }\r\n \r\n .publisher-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');\r\n background-size: cover;\r\n }\r\n \r\n .publisher-header h1 {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .publisher-header p {\r\n font-size: 1.2rem;\r\n max-width: 800px;\r\n margin: 0 auto 20px;\r\n opacity: 0.9;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .publisher-logo {\r\n width: 120px;\r\n height: 120px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n z-index: 1;\r\n border: 5px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .publisher-logo i {\r\n font-size: 3.5rem;\r\n color: var(--primary);\r\n }\r\n \r\n \/* Main Container *\/\r\n .publisher-container {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Section Styles *\/\r\n .section-title {\r\n color: var(--primary);\r\n font-size: 2rem;\r\n margin-bottom: 30px;\r\n padding-bottom: 10px;\r\n border-bottom: 3px solid var(--accent);\r\n display: inline-block;\r\n }\r\n \r\n .section-subtitle {\r\n color: var(--gray);\r\n font-size: 1.1rem;\r\n margin-bottom: 40px;\r\n }\r\n \r\n \/* Book Slider *\/\r\n .book-slider-section {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .slider-container {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 15px;\r\n box-shadow: var(--shadow);\r\n height: 500px;\r\n }\r\n \r\n .slider {\r\n display: flex;\r\n transition: transform 0.5s ease;\r\n height: 100%;\r\n }\r\n \r\n .slide {\r\n min-width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n }\r\n \r\n .slide img {\r\n width: auto;\r\n height: 90%;\r\n max-width: 90%;\r\n object-fit: contain;\r\n border-radius: 10px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .slider-nav {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n \r\n .slider-btn {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n transition: all 0.3s;\r\n }\r\n \r\n .slider-btn:hover {\r\n background: var(--accent);\r\n transform: scale(1.1);\r\n }\r\n \r\n .slide-indicators {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 15px;\r\n justify-content: center;\r\n }\r\n \r\n .indicator {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: #ddd;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n \r\n .indicator.active {\r\n background: var(--primary);\r\n transform: scale(1.3);\r\n }\r\n \r\n \/* Two Column Layouts *\/\r\n .two-column-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 60px;\r\n }\r\n \r\n \/* Price & Image Section *\/\r\n .price-image-section {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 30px;\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n \r\n .price-image {\r\n width: 100%;\r\n max-width: 300px;\r\n height: 400px;\r\n background: var(--light);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 25px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .price-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .book-price {\r\n font-size: 2.5rem;\r\n color: var(--primary);\r\n font-weight: 700;\r\n margin: 20px 0;\r\n }\r\n \r\n .price-old {\r\n font-size: 1.5rem;\r\n color: var(--gray);\r\n text-decoration: line-through;\r\n margin-right: 10px;\r\n }\r\n \r\n .price-discount {\r\n background: var(--accent);\r\n color: white;\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n margin-left: 10px;\r\n }\r\n \r\n .buy-btn {\r\n background: var(--accent);\r\n color: white;\r\n border: none;\r\n padding: 15px 40px;\r\n border-radius: 30px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .buy-btn:hover {\r\n background: #e68900;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(255, 152, 0, 0.3);\r\n }\r\n \r\n \/* Description Section *\/\r\n .description-section {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 30px;\r\n box-shadow: var(--shadow);\r\n }\r\n \r\n .description-image {\r\n width: 100%;\r\n height: 250px;\r\n background: var(--light);\r\n border-radius: 10px;\r\n margin-bottom: 25px;\r\n overflow: hidden;\r\n }\r\n \r\n .description-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .description-content h3 {\r\n color: var(--primary);\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n }\r\n \r\n .description-content ul {\r\n list-style: none;\r\n padding-left: 0;\r\n }\r\n \r\n .description-content li {\r\n margin-bottom: 10px;\r\n padding-left: 25px;\r\n position: relative;\r\n }\r\n \r\n .description-content li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--accent);\r\n font-weight: bold;\r\n }\r\n \r\n \/* Books Grid *\/\r\n .books-grid-section {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .books-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n .book-card {\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: transform 0.3s;\r\n }\r\n \r\n .book-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .book-card-image {\r\n height: 300px;\r\n background: var(--light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .book-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n }\r\n \r\n .book-card:hover .book-card-image img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .book-card-content {\r\n padding: 20px;\r\n }\r\n \r\n .book-card h4 {\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .book-card p {\r\n color: var(--gray);\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .book-card-price {\r\n color: var(--accent);\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* Catalog Section *\/\r\n .catalog-section {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .catalog-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 25px;\r\n }\r\n \r\n .catalog-item {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n }\r\n \r\n .catalog-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .catalog-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n }\r\n \r\n .catalog-icon i {\r\n font-size: 1.8rem;\r\n color: white;\r\n }\r\n \r\n .catalog-item h4 {\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .catalog-item p {\r\n color: var(--gray);\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Map Section *\/\r\n .map-section {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .map-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n }\r\n \r\n .map-wrapper {\r\n background: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n height: 400px;\r\n }\r\n \r\n .map-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n \r\n .map-placeholder i {\r\n font-size: 4rem;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .address-section {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 30px;\r\n box-shadow: var(--shadow);\r\n }\r\n \r\n .address-section h3 {\r\n color: var(--primary);\r\n margin-bottom: 25px;\r\n font-size: 1.5rem;\r\n }\r\n \r\n .address-info {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .address-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--light);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 15px;\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n }\r\n \r\n .contact-btn {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n padding: 12px 30px;\r\n border-radius: 30px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 10px;\r\n }\r\n \r\n .contact-btn:hover {\r\n background: var(--secondary);\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Footer *\/\r\n .publisher-footer {\r\n background: var(--dark);\r\n color: white;\r\n padding: 40px 20px;\r\n text-align: center;\r\n }\r\n \r\n .footer-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .footer-logo {\r\n font-size: 2.5rem;\r\n color: var(--accent);\r\n margin-bottom: 20px;\r\n }\r\n \r\n .footer-social {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin: 30px 0;\r\n }\r\n \r\n .social-icon {\r\n width: 45px;\r\n height: 45px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n }\r\n \r\n .social-icon:hover {\r\n background: var(--accent);\r\n transform: translateY(-5px);\r\n }\r\n \r\n .copyright {\r\n margin-top: 30px;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 992px) {\r\n .two-column-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n .map-container {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .books-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n }\r\n \r\n .catalog-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n }\r\n \r\n .top-logo-container {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 15px;\r\n }\r\n \r\n .top-logo-image {\r\n height: 70px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .top-logo-text h1 {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .tagline-content h2 {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .tagline-content p {\r\n font-size: 1rem;\r\n }\r\n \r\n .publisher-header h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .slider-container {\r\n height: 400px;\r\n }\r\n \r\n .price-image {\r\n height: 350px;\r\n }\r\n \r\n .book-price {\r\n font-size: 2rem;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .top-logo-bar {\r\n padding: 10px 15px;\r\n }\r\n \r\n .top-logo-image {\r\n height: 60px;\r\n }\r\n \r\n .top-logo-text h1 {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .top-logo-text p {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tagline-section {\r\n padding: 15px;\r\n }\r\n \r\n .tagline-content h2 {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .tagline-content p {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .publisher-header {\r\n padding: 30px 15px;\r\n }\r\n \r\n .publisher-header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .publisher-container {\r\n padding: 0 15px;\r\n }\r\n \r\n .slider-container {\r\n height: 300px;\r\n }\r\n \r\n .price-image {\r\n height: 300px;\r\n }\r\n \r\n .books-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .catalog-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Top Logo Bar -->\r\n <div class=\"top-logo-bar\">\r\n <div class=\"top-logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-content\/uploads\/2025\/12\/logo-penerbit-yasi.png\" \r\n alt=\"Logo Penerbit\" \r\n class=\"top-logo-image\">\r\n <div class=\"top-logo-text\">\r\n <h1>Y A S I <\/h1>\r\n <p>Penerbit Buku Pendidikan Berkualitas untuk Generasi Indonesia<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tagline Section (PARAGRAF BARU) -->\r\n <section class=\"tagline-section\">\r\n <div class=\"tagline-content\">\r\n <h2>Membangun Masa Depan Bangsa Melalui Pendidikan Berkualitas<\/h2>\r\n <p>\r\n Sejak tahun 2020, Yayasan Ahmad Sarmadi Indonesia telah berkomitmen untuk \r\n <span class=\"tagline-highlight\">menghadirkan materi pembelajaran inovatif<\/span> yang menginspirasi \r\n generasi muda Indonesia. Melalui penerbitan buku-buku berkualitas, kami bertekad \r\n <span class=\"tagline-highlight\">mendorong transformasi pendidikan<\/span> yang relevan dengan tantangan \r\n abad 21 dan kebutuhan Kurikulum Nasional.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Header -->\r\n <header class=\"publisher-header\">\r\n <div class=\"publisher-logo\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n <\/div>\r\n <h1>Penerbit Buku Pendidikan Berkualitas<\/h1>\r\n <p>Menghadirkan solusi pembelajaran inovatif untuk generasi Indonesia yang unggul sejak 2020<\/p>\r\n <\/header>\r\n\r\n <!-- Main Container -->\r\n <main class=\"publisher-container\">\r\n <!-- Book Slider Section -->\r\n <section class=\"book-slider-section\">\r\n <h2 class=\"section-title\">Preview Buku Terbaru<\/h2>\r\n <p class=\"section-subtitle\">Lihat preview dari buku-buku terbaik kami dalam format 3D interaktif<\/p>\r\n \r\n <div class=\"slider-container\">\r\n <div class=\"slider\" id=\"bookSlider\">\r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-content\/uploads\/2025\/12\/1766711367.png\" \r\n alt=\"Cover LKPD Eksplorasi Ilmu\">\r\n <\/div>\r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-content\/uploads\/2025\/12\/1766711409-scaled.png\" \r\n alt=\"Halaman Dalam LKPD Eksplorasi Ilmu\">\r\n <\/div>\r\n <div class=\"slide\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/1a5fb4\/ffffff?text=Buku+IPA+Kelas+VIII\" \r\n alt=\"Buku IPA Kelas VIII\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"slider-nav\">\r\n <button class=\"slider-btn\" id=\"prevBtn\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"slide-indicators\">\r\n <div class=\"indicator active\" data-index=\"0\"><\/div>\r\n <div class=\"indicator\" data-index=\"1\"><\/div>\r\n <div class=\"indicator\" data-index=\"2\"><\/div>\r\n <\/div>\r\n \r\n <button class=\"slider-btn\" id=\"nextBtn\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Price & Image + Description Section -->\r\n <div class=\"two-column-grid\">\r\n <!-- Price & Image Column -->\r\n <section class=\"price-image-section\">\r\n <div class=\"price-image\">\r\n <img decoding=\"async\" src=\"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-content\/uploads\/2025\/12\/1766711367.png\" \r\n alt=\"LKPD Eksplorasi Ilmu\">\r\n <\/div>\r\n \r\n <h3>LKPD Eksplorasi Ilmu<\/h3>\r\n <p>Buku kerja terintegrasi untuk SMP Kelas VII Semester Genap<\/p>\r\n \r\n <div class=\"book-price\">\r\n <span class=\"price-old\">Rp 85.000<\/span>\r\n <span>Rp 68.000<\/span>\r\n <span class=\"price-discount\">DISKON 20%<\/span>\r\n <\/div>\r\n \r\n <p><i class=\"fas fa-check-circle\" style=\"color: #4CAF50;\"><\/i> Stok Tersedia<\/p>\r\n <p><i class=\"fas fa-shipping-fast\" style=\"color: #2196F3;\"><\/i> Gratis Ongkir Jabodetabek<\/p>\r\n \r\n <button class=\"buy-btn\">\r\n <i class=\"fas fa-shopping-cart\"><\/i>\r\n BELI SEKARANG\r\n <\/button>\r\n \r\n <p style=\"margin-top: 15px; font-size: 0.9rem; color: #666;\">\r\n <i class=\"fas fa-lock\"><\/i> Transaksi Aman & Terjamin\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Description Column -->\r\n <section class=\"description-section\">\r\n <div class=\"description-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521587760476-6c12a4b040da?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" \r\n alt=\"Deskripsi Buku\">\r\n <\/div>\r\n \r\n <div class=\"description-content\">\r\n <h3>Keunggulan Buku Kami<\/h3>\r\n <p>LKPD Eksplorasi Ilmu hadir dengan inovasi terbaru dalam dunia pendidikan:<\/p>\r\n \r\n <ul>\r\n <li><strong>All-in-One Solution:<\/strong> 5 mata pelajaran dalam 1 buku<\/li>\r\n <li><strong>Kurikulum Merdeka:<\/strong> Sesuai dengan standar nasional terbaru<\/li>\r\n <li><strong>Pembelajaran Aktif:<\/strong> Mendorong siswa berpikir kritis<\/li>\r\n <li><strong>Materi Esensial:<\/strong> Ringkasan yang padat dan jelas<\/li>\r\n <li><strong>Latihan Terstruktur:<\/strong> Soal bertingkat dengan pembahasan<\/li>\r\n <li><strong>Karakter Building:<\/strong> Integrasi nilai-nilai positif<\/li>\r\n <li><strong>Digital Ready:<\/strong> Compatible dengan pembelajaran online<\/li>\r\n <li><strong>Eco-Friendly:<\/strong> Kertas berkualitas dengan sertifikasi ramah lingkungan<\/li>\r\n <\/ul>\r\n \r\n <p style=\"margin-top: 20px; font-style: italic; color: #666;\">\r\n \"Buku ini tidak sekadar mengajarkan ilmu, tetapi membentuk karakter dan kemampuan berpikir siswa untuk menghadapi tantangan masa depan.\"\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Books Grid Section -->\r\n <section class=\"books-grid-section\">\r\n <h2 class=\"section-title\">Koleksi Buku Terbaru<\/h2>\r\n <p class=\"section-subtitle\">Temukan buku-buku berkualitas dari penerbit kami<\/p>\r\n \r\n <div class=\"books-grid\">\r\n <!-- Book 1 -->\r\n <div class=\"book-card\">\r\n <div class=\"book-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" \r\n alt=\"Buku Matematika\">\r\n <\/div>\r\n <div class=\"book-card-content\">\r\n <h4>Matematika Interaktif Kelas VII<\/h4>\r\n <p>Buku matematika dengan pendekatan visual dan aplikasi praktis<\/p>\r\n <div class=\"book-card-price\">Rp 75.000<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Book 2 -->\r\n <div class=\"book-card\">\r\n <div class=\"book-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532012197267-da84d127e765?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" \r\n alt=\"Buku Bahasa Indonesia\">\r\n <\/div>\r\n <div class=\"book-card-content\">\r\n <h4>Bahasa Indonesia Kreatif<\/h4>\r\n <p>Pengembangan keterampilan berbahasa dengan metode storytelling<\/p>\r\n <div class=\"book-card-price\">Rp 65.000<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Book 3 -->\r\n <div class=\"book-card\">\r\n <div class=\"book-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532094349884-543bc11b234d?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" \r\n alt=\"Buku IPA\">\r\n <\/div>\r\n <div class=\"book-card-content\">\r\n <h4>IPA Terpadu Kelas VIII<\/h4>\r\n <p>Pembelajaran sains dengan eksperimen dan proyek ilmiah<\/p>\r\n <div class=\"book-card-price\">Rp 80.000<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Book 4 -->\r\n <div class=\"book-card\">\r\n <div class=\"book-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513475382585-d06e58bcb0e0?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" \r\n alt=\"Buku IPS\">\r\n <\/div>\r\n <div class=\"book-card-content\">\r\n <h4>IPS Kontekstual Kelas IX<\/h4>\r\n <p>Memahami masyarakat melalui studi kasus dan analisis data<\/p>\r\n <div class=\"book-card-price\">Rp 70.000<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Catalog Section -->\r\n <section class=\"catalog-section\">\r\n <h2 class=\"section-title\">Katalog Kategori<\/h2>\r\n <p class=\"section-subtitle\">Jelajahi berbagai kategori buku pendidikan kami<\/p>\r\n \r\n <div class=\"catalog-grid\">\r\n <!-- Category 1 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-calculator\"><\/i>\r\n <\/div>\r\n <h4>Matematika<\/h4>\r\n <p>SD, SMP, SMA<\/p>\r\n <\/div>\r\n \r\n <!-- Category 2 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-flask\"><\/i>\r\n <\/div>\r\n <h4>Ilmu Pengetahuan Alam<\/h4>\r\n <p>Fisika, Kimia, Biologi<\/p>\r\n <\/div>\r\n \r\n <!-- Category 3 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-globe-asia\"><\/i>\r\n <\/div>\r\n <h4>Ilmu Pengetahuan Sosial<\/h4>\r\n <p>Sejarah, Geografi, Ekonomi<\/p>\r\n <\/div>\r\n \r\n <!-- Category 4 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-language\"><\/i>\r\n <\/div>\r\n <h4>Bahasa<\/h4>\r\n <p>Indonesia, Inggris, Arab<\/p>\r\n <\/div>\r\n \r\n <!-- Category 5 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-quran\"><\/i>\r\n <\/div>\r\n <h4>Pendidikan Agama<\/h4>\r\n <p>PAI, Budi Pekerti<\/p>\r\n <\/div>\r\n \r\n <!-- Category 6 -->\r\n <div class=\"catalog-item\">\r\n <div class=\"catalog-icon\">\r\n <i class=\"fas fa-paint-brush\"><\/i>\r\n <\/div>\r\n <h4>Seni & Kreativitas<\/h4>\r\n <p>Seni Rupa, Musik, Tari<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Map & Address Section -->\r\n <section class=\"map-section\">\r\n <h2 class=\"section-title\">Lokasi & Kontak Kami<\/h2>\r\n <p class=\"section-subtitle\">Kunjungi kantor kami atau hubungi tim customer service<\/p>\r\n \r\n <div class=\"map-container\">\r\n <!-- Google Map Column -->\r\n <div class=\"map-wrapper\">\r\n <div class=\"map-placeholder\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n <h3>Lokasi Penerbit<\/h3>\r\n <p>Jl. AMD Manunggal X RT 003 RW 004<\/p>\r\n <p>Kedaung Wetan, Neglasari<\/p>\r\n <p>Kota Tangerang - 15128<\/p>\r\n <p style=\"margin-top: 15px; font-size: 0.9rem;\">\r\n <i class=\"fas fa-clock\"><\/i> Buka: Senin-Jumat, 08:00-17:00 WIB\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Address Column -->\r\n <div class=\"address-section\">\r\n <h3>Informasi Kontak<\/h3>\r\n \r\n <div class=\"address-info\">\r\n <div class=\"address-item\">\r\n <div class=\"address-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4>Alamat Kantor<\/h4>\r\n <p>Jl. AMD Manunggal X RT 003 RW 004<br>\r\n Kedaung Wetan, Kec. Neglasari<br>\r\n Kota Tangerang - Banten 15128<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"address-item\">\r\n <div class=\"address-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4>Telepon<\/h4>\r\n <p>0812 133 1832 (Customer Service)<br>\r\n 021-12345678 (Admin)<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"address-item\">\r\n <div class=\"address-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4>Email<\/h4>\r\n <p>yasi.office@gmail.com<br>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"address-item\">\r\n <div class=\"address-icon\">\r\n <i class=\"fas fa-globe\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4>Website resmi<\/h4>\r\n <p>https:\/\/publisherbook.yasioffice.shop\/cs\/<br>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"contact-btn\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n HUBUNGI KAMI\r\n <\/button>\r\n \r\n <p style=\"margin-top: 20px; font-size: 0.9rem; color: #666;\">\r\n <i class=\"fas fa-info-circle\"><\/i> Untuk pemesanan grosir\/bulk order, silakan hubungi marketing kami.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Book Slider Functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const slider = document.getElementById('bookSlider');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const indicators = document.querySelectorAll('.indicator');\r\n let currentSlide = 0;\r\n const totalSlides = document.querySelectorAll('.slide').length;\r\n \r\n function updateSlider() {\r\n slider.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n \r\n \/\/ Update indicators\r\n indicators.forEach((indicator, index) => {\r\n indicator.classList.toggle('active', index === currentSlide);\r\n });\r\n }\r\n \r\n \/\/ Next button click\r\n nextBtn.addEventListener('click', function() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n });\r\n \r\n \/\/ Previous button click\r\n prevBtn.addEventListener('click', function() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n });\r\n \r\n \/\/ Indicator click\r\n indicators.forEach(indicator => {\r\n indicator.addEventListener('click', function() {\r\n currentSlide = parseInt(this.getAttribute('data-index'));\r\n updateSlider();\r\n });\r\n });\r\n \r\n \/\/ Auto slide every 5 seconds\r\n setInterval(function() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n }, 5000);\r\n \r\n \/\/ Buy button functionality\r\n const buyBtn = document.querySelector('.buy-btn');\r\n if (buyBtn) {\r\n buyBtn.addEventListener('click', function() {\r\n alert('Terima kasih! Anda akan diarahkan ke halaman pembelian.');\r\n \/\/ In production, this would redirect to checkout page\r\n \/\/ window.location.href = '\/checkout';\r\n });\r\n }\r\n \r\n \/\/ Contact button functionality\r\n const contactBtn = document.querySelector('.contact-btn');\r\n if (contactBtn) {\r\n contactBtn.addEventListener('click', function() {\r\n alert('Silakan hubungi kami di:\\n\ud83d\udcde 0812 133 1832\\n\ud83d\udce7 yasi.office@gmail.com');\r\n });\r\n }\r\n \r\n \/\/ Catalog item click\r\n const catalogItems = document.querySelectorAll('.catalog-item');\r\n catalogItems.forEach(item => {\r\n item.addEventListener('click', function() {\r\n const category = this.querySelector('h4').textContent;\r\n alert(`Anda memilih kategori: ${category}\\nHalaman kategori akan segera tersedia.`);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Penerbit Buku – Yayasan Ahmad Sarmadi Indonesia Y A S I Penerbit Buku Pendidikan Berkualitas untuk Generasi Indonesia Membangun Masa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":10,"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":293,"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/pages\/2\/revisions\/293"}],"wp:attachment":[{"href":"https:\/\/publisherbook.yasioffice.shop\/cs\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}