Showing source for: https://katabaik.com/
Duration: 0.658894s
Server: LiteSpeed

<!DOCTYPE html>
<html lang="id" class="light">

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <title>KataBaik.com</title>
<meta name='robots' content='max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="canonical" href="https://katabaik.com/">
<meta property="og:title" content="KataBaik.com">
<meta property="og:type" content="website">
<meta property="og:url" content="https://katabaik.com/">
<meta property="og:locale" content="id_ID">
<meta property="og:site_name" content="KataBaik.com">
<meta name="twitter:card" content="summary_large_image">
<link rel='dns-prefetch' href='//cdn.tailwindcss.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="KataBaik.com &raquo; Feed" href="https://katabaik.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="KataBaik.com &raquo; Umpan Komentar" href="https://katabaik.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://katabaik.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkatabaik.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://katabaik.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkatabaik.com%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>

<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="wp-block-heading-inline-css">
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://katabaik.com/wp-includes/blocks/heading/style.min.css */
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://katabaik.com/wp-includes/blocks/paragraph/style.min.css */
</style>

<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='generate-style-css' href='https://katabaik.com/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' />
<style id="generate-style-inline-css">
body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
/*# sourceURL=generate-style-inline-css */
</style>
<link rel='stylesheet' id='buzzerid-style-css' href='https://katabaik.com/wp-content/themes/buzzerid-theme/style.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='buzzerid-fonts-css' href='https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&#038;display=swap' media='all' />
<link rel='stylesheet' id='buzzerid-icons-css' href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&#038;display=swap' media='all' />
<link rel='stylesheet' id='generate-child-css' href='https://katabaik.com/wp-content/themes/buzzerid-theme/style.css?ver=1783398744' media='all' />
<style id="generateblocks-inline-css">
:root{--gb-container-width:1200px;}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.gb-shape{line-height:0;}
/*# sourceURL=generateblocks-inline-css */
</style>
<script id="tailwind-cdn-js" src="https://cdn.tailwindcss.com?plugins=forms,typography,container-queries"></script>
<link rel="https://api.w.org/" href="https://katabaik.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://katabaik.com/wp-json/wp/v2/pages/2061" /><meta name="generator" content="WordPress 7.1.3" />
<link rel='shortlink' href='https://katabaik.com/' />
    <script>
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    colors: {
                        "primary": "#4bd0a7",
                        "primary-dark": "#2db289",
                        "accent": "#dc2626",
                        "background-light": "#f6f6f8",
                        "background-dark": "#101622",
                        "surface-light": "#ffffff",
                        "surface-dark": "#1a2230",
                        "text-main": "#111318",
                        "text-muted": "#616f89",
                    },
                    fontFamily: {
                        "display": ["Work Sans", "sans-serif"],
                    },
                    borderRadius: {
                        "DEFAULT": "0.375rem",
                        "lg": "0.5rem",
                        "xl": "0.75rem",
                        "full": "9999px"
                    },
                },
            },
        }
    </script>
    <link rel="icon" href="https://katabaik.com/wp-content/uploads/2026/07/icon_page.png" sizes="32x32" />
<link rel="icon" href="https://katabaik.com/wp-content/uploads/2026/07/icon_page.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://katabaik.com/wp-content/uploads/2026/07/icon_page.png" />
<meta name="msapplication-TileImage" content="https://katabaik.com/wp-content/uploads/2026/07/icon_page.png" />
    <script>
        // Default to light mode
        document.documentElement.classList.remove('dark');
        localStorage.setItem('color-theme', 'light');
    </script>
    <style>
        :root {
            --primary-color:
                #4bd0a7            ;
            --accent-color:
                #dc2626            ;
        }

        .custom-logo-link img,
        .custom-logo {
            max-width: 200px !important;
            height: auto !important;
            width: 100%;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    </style>
</head>

<body class="home wp-singular page-template-default page page-id-2061 wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-buzzerid-theme bg-background-light dark:bg-background-dark text-text-main dark:text-white font-display overflow-x-hidden flex flex-col min-h-screen right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover">
        <header
        class="bg-surface-light dark:bg-surface-dark border-b border-[#f0f2f4] dark:border-gray-800 sticky top-0 z-50">
        <div class="max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-16 gap-4">
                <div class="flex items-center gap-2 flex-shrink-0">
                                            <a href="https://katabaik.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="300" height="62" src="https://katabaik.com/wp-content/uploads/2026/07/katabaik.png" class="custom-logo" alt="Katabaik" decoding="async" /></a>                                    </div>

                <!-- Desktop Nav -->
                <nav class="hidden md:flex items-center gap-6 lg:gap-8">
                    <ul id="menu-primary-menu" class="flex gap-6 lg:gap-8 list-none m-0 p-0"><li id="menu-item-2072" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2061 current_page_item menu-item-2072"><a href="https://katabaik.com/" aria-current="page" class=" dark:text-white hover:text-primary font-semibold text-sm transition-colors text-primary">Home</a></li>
<li id="menu-item-2073" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2073"><a href="https://katabaik.com/berita/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Berita</a></li>
<li id="menu-item-2074" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2074"><a href="https://katabaik.com/kategori/kesehatan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kesehatan</a></li>
<li id="menu-item-2075" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2075"><a href="https://katabaik.com/kategori/pendidikan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Pendidikan</a></li>
<li id="menu-item-2076" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2076"><a href="https://katabaik.com/kategori/tips/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Tips</a></li>
<li id="menu-item-2077" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2077"><a href="https://katabaik.com/kategori/pariwisata/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Pariwisata</a></li>
<li id="menu-item-2078" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2078"><a href="https://katabaik.com/kategori/kecantikan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kecantikan</a></li>
<li id="menu-item-2079" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2079"><a href="https://katabaik.com/kategori/fashion/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Fashion</a></li>
<li id="menu-item-2080" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2080"><a href="https://katabaik.com/kategori/kuliner/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kuliner</a></li>
</ul>                </nav>

                <div class="flex items-center gap-4 flex-1 justify-end max-w-sm">
                    <div class="hidden sm:flex relative w-full max-w-[240px]">
                        <form role="search" method="get" action="https://katabaik.com/" class="w-full">
                            <input
                                class="w-full bg-background-light dark:bg-gray-800 border-none rounded-lg py-2 pl-4 pr-10 text-sm focus:ring-2 focus:ring-primary placeholder:text-text-muted"
                                placeholder="Search news..." type="text" name="s"
                                value="" />
                            <button type="submit"
                                class="absolute right-3 top-2 bg-transparent border-none p-0 cursor-pointer">
                                <span class="material-symbols-outlined text-text-muted text-[20px]">search</span>
                            </button>
                        </form>
                    </div>


                    <button class="md:hidden flex items-center justify-center size-10 text-text-main dark:text-white"
                        id="mobile-menu-toggle">
                        <span class="material-symbols-outlined">menu</span>
                    </button>
                </div>
            </div>
        </div>

        <!-- Mobile Menu -->
        <div id="mobile-menu"
            class="hidden md:hidden bg-surface-light dark:bg-surface-dark border-t border-gray-100 dark:border-gray-800 p-4">
            <ul id="menu-primary-menu-1" class="flex flex-col gap-4"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2061 current_page_item menu-item-2072"><a href="https://katabaik.com/" aria-current="page" class=" dark:text-white hover:text-primary font-semibold text-sm transition-colors text-primary">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2073"><a href="https://katabaik.com/berita/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Berita</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2074"><a href="https://katabaik.com/kategori/kesehatan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kesehatan</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2075"><a href="https://katabaik.com/kategori/pendidikan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Pendidikan</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2076"><a href="https://katabaik.com/kategori/tips/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Tips</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2077"><a href="https://katabaik.com/kategori/pariwisata/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Pariwisata</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2078"><a href="https://katabaik.com/kategori/kecantikan/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kecantikan</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2079"><a href="https://katabaik.com/kategori/fashion/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Fashion</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2080"><a href="https://katabaik.com/kategori/kuliner/" class="text-text-main dark:text-white hover:text-primary font-semibold text-sm transition-colors">Kuliner</a></li>
</ul>        </div>
        <script>
            document.getElementById('mobile-menu-toggle').addEventListener('click', function () {
                document.getElementById('mobile-menu').classList.toggle('hidden');
            });
        </script>
    </header>

            <div class="bg-surface-light dark:bg-surface-dark border-b border-[#f0f2f4] dark:border-gray-800">
            <div class="max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8 py-2">
                <div class="flex items-center gap-4 overflow-hidden">
                    <span
                        class="bg-accent text-white text-xs font-bold px-2 py-1 rounded uppercase tracking-wider shrink-0 animate-pulse">
                        Breaking                    </span>
                    <div class="flex-1 overflow-hidden relative h-6">
                        <marquee class="text-sm font-medium text-text-main dark:text-white absolute w-full" direction="left"
                            scrollamount="10">
                            Ingin upgrade skill tanpa ribet? Temukan kelas seru dan materi lengkap hanya di YukBelajar.com. Mulai langkah suksesmu hari ini! • Mau lulus? Latih dirimu dengan ribuan soal akurat di tryout.id.                        </marquee>
                    </div>
                </div>
            </div>
        </div>
    
<main class="flex-grow w-full max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-12">
            <section class="grid grid-cols-1 lg:grid-cols-12 gap-8">
            <div class="lg:col-span-8 group cursor-pointer relative">
                                <div class="relative w-full aspect-video rounded-xl overflow-hidden mb-4 bg-gray-200 dark:bg-gray-800">
                    <img alt="Bagaimana Cara SMA Al Ma’soem Membantu Siswa Memborong Puluhan Medali Kejuaraan?"
                        class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
                        src="https://katabaik.com/wp-content/uploads/2026/10/SMA-al-Masoem-3.jpg" />
                    <a href="https://katabaik.com/bagaimana-cara-sma-al-masoem-membantu-siswa-memborong-puluhan-medali-kejuaraan/" class="absolute inset-0 z-20"></a>
                    <div class="absolute bottom-4 left-4">
                                                                            <span
                                class="bg-primary text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide shadow-sm">
                                Uncategorized                            </span>
                                            </div>
                </div>
                <h2
                    class="text-3xl sm:text-4xl font-extrabold leading-tight text-text-main dark:text-white mb-3 group-hover:text-primary transition-colors">
                    <a href="https://katabaik.com/bagaimana-cara-sma-al-masoem-membantu-siswa-memborong-puluhan-medali-kejuaraan/">Bagaimana Cara SMA Al Ma’soem Membantu Siswa Memborong Puluhan Medali Kejuaraan?</a>
                </h2>
                <p class="text-text-muted dark:text-gray-300 text-lg leading-relaxed line-clamp-2">
                    Pencapaian luar biasa yang diraih oleh para pelajar di tingkat regional hingga nasional sering kali memicu pertanyaan di kalangan masyarakat luas. Bagaimana mungkin sebuah sekolah mampu secara konsisten mengirimkan siswanya ke podium juara dari minggu ke minggu? Di Jawa Barat, Al Ma’soem Bandung menjadi salah satu contoh nyata lembaga pendidikan yang berhasil membangun ekosistem tersebut. ... <a title="Home" class="read-more" href="https://katabaik.com/" aria-label="Baca selengkapnya tentang Home">Baca Selengkapnya</a>                </p>
                <div class="mt-4 flex items-center gap-2 text-xs font-medium text-text-muted dark:text-gray-400">
                    <span>7 menit ago</span>
                    <span>•</span>
                    <span>By Al Masoem</span>
                </div>
            </div>

            <div
                class="lg:col-span-4 flex flex-col gap-6 border-l border-transparent lg:border-gray-100 dark:lg:border-gray-800 lg:pl-8">
                <div class="flex items-center justify-between mb-2">
                    <h3 class="text-lg font-bold text-accent uppercase tracking-wider flex items-center gap-2">
                        <span class="material-symbols-outlined text-[20px]">bolt</span> Top Stories
                    </h3>
                </div>
                                    <article class="group cursor-pointer relative">
                        <a href="https://katabaik.com/mengapa-sma-al-masoem-bandung-layak-disebut-sebagai-sekolah-ladang-prestasi/" class="absolute inset-0 z-10"></a>
                        <div class="flex gap-4 items-start">
                            <div class="size-20 shrink-0 rounded-lg overflow-hidden bg-gray-200">
                                                                <img alt="Mengapa SMA Al Ma’soem Bandung Layak Disebut Sebagai Sekolah Ladang Prestasi?" class="w-full h-full object-cover"
                                    src="https://katabaik.com/wp-content/uploads/2026/10/IMG_9976-150x150.jpg" />
                            </div>
                            <div class="flex flex-col">
                                                                                                    <span class="text-primary text-xs font-bold mb-1">Uncategorized</span>
                                                                <h4
                                    class="text-base font-bold leading-snug group-hover:text-primary transition-colors line-clamp-2">
                                    Mengapa SMA Al Ma’soem Bandung Layak Disebut Sebagai Sekolah Ladang Prestasi?                                </h4>
                                <span
                                    class="text-xs text-text-muted mt-2">14 menit ago</span>
                            </div>
                        </div>
                    </article>
                                            <hr class="border-gray-100 dark:border-gray-800" />
                                                        <article class="group cursor-pointer relative">
                        <a href="https://katabaik.com/bagaimana-calon-anggota-dewan-mengetahui-persepsi-publik-terhadap-dirinya-di-media-sosial/" class="absolute inset-0 z-10"></a>
                        <div class="flex gap-4 items-start">
                            <div class="size-20 shrink-0 rounded-lg overflow-hidden bg-gray-200">
                                                                <img alt="Bagaimana Calon Anggota Dewan Mengetahui Persepsi Publik terhadap Dirinya di Media Sosial?" class="w-full h-full object-cover"
                                    src="https://katabaik.com/wp-content/uploads/2026/09/ChatGPT-Image-4-Sep-2026-18.51.46-150x150.jpg" />
                            </div>
                            <div class="flex flex-col">
                                                                                                    <span class="text-primary text-xs font-bold mb-1">Tekno</span>
                                                                <h4
                                    class="text-base font-bold leading-snug group-hover:text-primary transition-colors line-clamp-2">
                                    Bagaimana Calon Anggota Dewan Mengetahui Persepsi Publik terhadap Dirinya di Media Sosial?                                </h4>
                                <span
                                    class="text-xs text-text-muted mt-2">1 bulan ago</span>
                            </div>
                        </div>
                    </article>
                                            <hr class="border-gray-100 dark:border-gray-800" />
                                                        <article class="group cursor-pointer relative">
                        <a href="https://katabaik.com/tabayyun-di-antara-perbedaan-budaya-belajar-memahami-niat-di-balik-nada-bicara/" class="absolute inset-0 z-10"></a>
                        <div class="flex gap-4 items-start">
                            <div class="size-20 shrink-0 rounded-lg overflow-hidden bg-gray-200">
                                                                <img alt="Tabayyun di Antara Perbedaan Budaya: Belajar Memahami Niat di Balik Nada Bicara" class="w-full h-full object-cover"
                                    src="https://katabaik.com/wp-content/uploads/2026/08/SMP-Al-Masoem-4-150x150.jpg" />
                            </div>
                            <div class="flex flex-col">
                                                                                                    <span class="text-primary text-xs font-bold mb-1">Uncategorized</span>
                                                                <h4
                                    class="text-base font-bold leading-snug group-hover:text-primary transition-colors line-clamp-2">
                                    Tabayyun di Antara Perbedaan Budaya: Belajar Memahami Niat di Balik Nada Bicara                                </h4>
                                <span
                                    class="text-xs text-text-muted mt-2">2 bulan ago</span>
                            </div>
                        </div>
                    </article>
                                                </div>
        </section>
    
            <div class="w-full flex justify-center">
            <div class="rounded-xl overflow-hidden shadow-sm mx-auto"
                style="width: 1300px; height: 180px;">
                <a href="https://rajakomen.com" class="block w-full h-full relative group">
                    <img src="https://katabaik.com/wp-content/uploads/2026/07/rajakomen-02h.jpg"
                        alt="Home"
                        class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
                    <div
                        class="absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider">
                        Ad</div>
                </a>
            </div>
        </div>
    
    <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
        <div class="lg:col-span-8 flex flex-col gap-10">
            <!-- Politics Section -->
                            <section>
                                        <div class="flex items-center justify-between border-b border-black dark:border-white pb-3 mb-6">
                        <h2 class="text-2xl font-bold text-text-main dark:text-white">
                            Kesehatan                        </h2>
                                                    <a class="text-sm font-semibold text-text-muted hover:text-primary flex items-center gap-1"
                                href="https://katabaik.com/kategori/kesehatan/">
                                See All <span class="material-symbols-outlined text-[16px]">arrow_forward</span>
                            </a>
                                            </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                                        <div
                                    class="bg-surface-light dark:bg-surface-dark rounded-lg overflow-hidden border border-gray-100 dark:border-gray-800 shadow-sm hover:shadow-md transition-shadow relative group">
                                    <a href="https://katabaik.com/ingin-gecko-cepat-beradaptasi-gunakan-alas-kandang-cocohusk-yang-tepat/" class="absolute inset-0 z-10"></a>
                                    <div class="aspect-[3/2] w-full bg-gray-200 dark:bg-gray-700">
                                                                                <img alt="Ingin Gecko Cepat Beradaptasi? Gunakan Alas Kandang Cocohusk yang Tepat" class="w-full h-full object-cover"
                                            src="https://katabaik.com/wp-content/uploads/2026/07/alas-kandang-gecko-yang-baik-768x432.jpg" />
                                    </div>
                                    <div class="p-4">
                                        <h3 class="text-lg font-bold leading-tight mb-2 group-hover:text-primary cursor-pointer">
                                            Ingin Gecko Cepat Beradaptasi? Gunakan Alas Kandang Cocohusk yang Tepat                                        </h3>
                                        <p class="text-text-muted text-sm line-clamp-2">Memelihara gecko menjadi hobi yang semakin digemari karena reptil ini memiliki karakter yang unik, perawatan yang relatif mudah, serta warna atau penampilan yang menarik. Namun, banyak pemilik gecko, terutama pemula, seringkali hanya fokus pada pemberian pakan dan ukuran kandang. Padahal, ada satu komponen penting yang sangat mempengaruhi kenyamanan sekaligus kesehatan gecko, yaitu alas kandang. Saat ... <a title="Ingin Gecko Cepat Beradaptasi? Gunakan Alas Kandang Cocohusk yang Tepat" class="read-more" href="https://katabaik.com/ingin-gecko-cepat-beradaptasi-gunakan-alas-kandang-cocohusk-yang-tepat/" aria-label="Baca selengkapnya tentang Ingin Gecko Cepat Beradaptasi? Gunakan Alas Kandang Cocohusk yang Tepat">Baca Selengkapnya</a></p>
                                    </div>
                                </div>
                                                            <div
                                    class="bg-surface-light dark:bg-surface-dark rounded-lg overflow-hidden border border-gray-100 dark:border-gray-800 shadow-sm hover:shadow-md transition-shadow relative group">
                                    <a href="https://katabaik.com/hamster-sehat-dan-aktif-berawal-dari-alas-kandang-yang-tepat/" class="absolute inset-0 z-10"></a>
                                    <div class="aspect-[3/2] w-full bg-gray-200 dark:bg-gray-700">
                                                                                <img alt="Hamster Sehat dan Aktif Berawal dari Alas Kandang yang Tepat" class="w-full h-full object-cover"
                                            src="https://katabaik.com/wp-content/uploads/2026/07/serut-kayu-alas-hamster-katabaik-768x432.jpg" />
                                    </div>
                                    <div class="p-4">
                                        <h3 class="text-lg font-bold leading-tight mb-2 group-hover:text-primary cursor-pointer">
                                            Hamster Sehat dan Aktif Berawal dari Alas Kandang yang Tepat                                        </h3>
                                        <p class="text-text-muted text-sm line-clamp-2">Memelihara hamster bukan hanya soal memberikan makanan bergizi atau menyediakan roda putar untuk bermain. Salah satu faktor yang sering diabaikan, padahal sangat berpengaruh terhadap kesehatan dan kenyamanan hamster, adalah pemilihan alas kandang. Alas kandang yang tepat mampu menciptakan lingkungan yang bersih, nyaman, sekaligus mendukung perilaku alami hamster seperti menggali, bersembunyi, dan beristirahat. Bagi pemilik hamster, ... <a title="Hamster Sehat dan Aktif Berawal dari Alas Kandang yang Tepat" class="read-more" href="https://katabaik.com/hamster-sehat-dan-aktif-berawal-dari-alas-kandang-yang-tepat/" aria-label="Baca selengkapnya tentang Hamster Sehat dan Aktif Berawal dari Alas Kandang yang Tepat">Baca Selengkapnya</a></p>
                                    </div>
                                </div>
                                                </div>
                </section>
            
            <!-- Home Wide Banner -->
                            <div class="w-full flex justify-center py-6">
                    <div class="rounded-xl overflow-hidden shadow-sm mx-auto"
                        style="width: 1300px; height: 115px;">
                        <a href="https://rajakomen.com" class="block w-full h-full relative group">
                            <img src="https://katabaik.com/wp-content/uploads/2026/07/rajakomen-05h.jpg"
                                alt="Home"
                                class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
                            <div
                                class="absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider">
                                Ad</div>
                        </a>
                    </div>
                </div>
            
            <!-- Tech Section -->
                            <section>
                                        <div class="flex items-center justify-between border-b border-black dark:border-white pb-3 mb-6">
                        <h2 class="text-2xl font-bold text-text-main dark:text-white">
                            Pariwisata                        </h2>
                                                    <a class="text-sm font-semibold text-text-muted hover:text-primary flex items-center gap-1"
                                href="https://katabaik.com/kategori/pariwisata/">
                                See All <span class="material-symbols-outlined text-[16px]">arrow_forward</span>
                            </a>
                                            </div>
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
                                                        <div class="flex flex-col gap-2 group cursor-pointer relative">
                                    <a href="https://katabaik.com/optimalkan-persiapan-ujian-masuk-ui-dengan-tryout-online/" class="absolute inset-0 z-10"></a>
                                    <div class="aspect-video rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-800">
                                                                                <img alt="Optimalkan Persiapan Ujian Masuk UI dengan Tryout Online"
                                            class="w-full h-full object-cover group-hover:scale-105 transition-transform"
                                            src="https://katabaik.com/wp-content/uploads/2026/07/8dcc5680f9ae3f06.jpg" />
                                    </div>
                                    <h3 class="font-bold text-base leading-tight group-hover:text-primary dark:text-white">
                                        Optimalkan Persiapan Ujian Masuk UI dengan Tryout Online                                    </h3>
                                    <span class="text-xs text-text-muted">
                                        Pariwisata                                    </span>
                                </div>
                                                            <div class="flex flex-col gap-2 group cursor-pointer relative">
                                    <a href="https://katabaik.com/deforestasi-legal-tinggi-terus-berlangsung-sistem-perizinan-hutan-kembali-dipertanyakan/" class="absolute inset-0 z-10"></a>
                                    <div class="aspect-video rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-800">
                                                                                <img alt="Deforestasi Legal Tinggi Terus Berlangsung, Sistem Perizinan Hutan Kembali Dipertanyakan"
                                            class="w-full h-full object-cover group-hover:scale-105 transition-transform"
                                            src="https://katabaik.com/wp-content/uploads/2026/07/8192170585770968.jpg" />
                                    </div>
                                    <h3 class="font-bold text-base leading-tight group-hover:text-primary dark:text-white">
                                        Deforestasi Legal Tinggi Terus Berlangsung, Sistem Perizinan Hutan Kembali Dipertanyakan                                    </h3>
                                    <span class="text-xs text-text-muted">
                                        Pariwisata                                    </span>
                                </div>
                                                            <div class="flex flex-col gap-2 group cursor-pointer relative">
                                    <a href="https://katabaik.com/menjaga-surga-laut-timur-upaya-konservasi-terumbu-karang-di-maluku/" class="absolute inset-0 z-10"></a>
                                    <div class="aspect-video rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-800">
                                                                                <img alt="Menjaga Surga Laut Timur, Upaya Konservasi Terumbu Karang di Maluku"
                                            class="w-full h-full object-cover group-hover:scale-105 transition-transform"
                                            src="https://katabaik.com/wp-content/uploads/2026/07/16f5908113a1b28b.jpg" />
                                    </div>
                                    <h3 class="font-bold text-base leading-tight group-hover:text-primary dark:text-white">
                                        Menjaga Surga Laut Timur, Upaya Konservasi Terumbu Karang di Maluku                                    </h3>
                                    <span class="text-xs text-text-muted">
                                        Pariwisata                                    </span>
                                </div>
                                                </div>
                </section>
            
            <!-- Lifestyle Section -->
                            <section>
                                        <div class="flex items-center justify-between border-b border-black dark:border-white pb-3 mb-6">
                        <h2 class="text-2xl font-bold text-text-main dark:text-white">
                            Tekno                        </h2>
                                                    <a class="text-sm font-semibold text-text-muted hover:text-primary flex items-center gap-1"
                                href="https://katabaik.com/kategori/tekno/">
                                See All <span class="material-symbols-outlined text-[16px]">arrow_forward</span>
                            </a>
                                            </div>
                    <div class="flex flex-col md:flex-row gap-6">
                                                    <div class="flex-1 group cursor-pointer relative">
                                <a href="https://katabaik.com/cara-memilih-mesin-parut-kelapa-dan-pemeras-santan-yang-tepat/" class="absolute inset-0 z-10"></a>
                                <div class="aspect-[4/3] rounded-lg overflow-hidden bg-gray-200 dark:bg-gray-800 mb-3">
                                                                        <img alt="Cara Memilih Mesin Parut Kelapa dan Pemeras Santan yang Tepat"
                                        class="w-full h-full object-cover group-hover:scale-105 transition-transform"
                                        src="https://katabaik.com/wp-content/uploads/2026/08/mesin-parut-kelapa-listrik-katabaik-768x429.jpg" />
                                </div>
                                <h3 class="text-xl font-bold mb-2 group-hover:text-primary dark:text-white">
                                    Cara Memilih Mesin Parut Kelapa dan Pemeras Santan yang Tepat                                </h3>
                                <p class="text-text-muted text-sm line-clamp-2">Kelapa merupakan salah satu bahan pangan yang memiliki peran penting dalam berbagai jenis kuliner di Indonesia. Mulai dari masakan tradisional, kue, minuman, hingga kebutuhan industri makanan, santan masih menjadi bahan yang banyak digunakan. Namun, proses memarut kelapa dan memeras santan secara manual membutuhkan waktu serta tenaga yang tidak sedikit. Karena itu, penggunaan mesin menjadi pilihan ... <a title="Home" class="read-more" href="https://katabaik.com/" aria-label="Baca selengkapnya tentang Home">Baca Selengkapnya</a>                                </p>
                            </div>
                            <div class="flex-1 flex flex-col gap-4">
                                                                    <div class="flex gap-3 items-center group cursor-pointer relative">
                                        <a href="https://katabaik.com/cara-pakai-cocopeat-sebagai-media-tanam-agar-tanaman-tidak-mudah-layu/" class="absolute inset-0 z-10"></a>
                                        <div class="size-16 rounded overflow-hidden bg-gray-200 dark:bg-gray-800 shrink-0">
                                                                                        <img alt="Cara Pakai Cocopeat sebagai Media Tanam agar Tanaman Tidak Mudah Layu" class="w-full h-full object-cover"
                                                src="https://katabaik.com/wp-content/uploads/2026/08/cocopeat-media-tanam-150x150.jpg" />
                                        </div>
                                        <h4 class="font-semibold text-sm hover:text-primary dark:text-white">
                                            Cara Pakai Cocopeat sebagai Media Tanam agar Tanaman Tidak Mudah Layu                                        </h4>
                                    </div>
                                                                    <div class="flex gap-3 items-center group cursor-pointer relative">
                                        <a href="https://katabaik.com/tahan-lama-dan-tidak-mudah-melengkung-ini-keunggulan-papan-upvc/" class="absolute inset-0 z-10"></a>
                                        <div class="size-16 rounded overflow-hidden bg-gray-200 dark:bg-gray-800 shrink-0">
                                                                                        <img alt="Tahan Lama dan Tidak Mudah Melengkung, Ini Keunggulan Papan UPVC" class="w-full h-full object-cover"
                                                src="https://katabaik.com/wp-content/uploads/2026/08/Papan-UPVC-katabaik-150x150.jpg" />
                                        </div>
                                        <h4 class="font-semibold text-sm hover:text-primary dark:text-white">
                                            Tahan Lama dan Tidak Mudah Melengkung, Ini Keunggulan Papan UPVC                                        </h4>
                                    </div>
                                                                    <div class="flex gap-3 items-center group cursor-pointer relative">
                                        <a href="https://katabaik.com/teknologi-yang-pernah-dianggap-mustahil-kini-berhasil-diciptakan/" class="absolute inset-0 z-10"></a>
                                        <div class="size-16 rounded overflow-hidden bg-gray-200 dark:bg-gray-800 shrink-0">
                                                                                        <img alt="Teknologi yang Pernah Dianggap Mustahil Kini Berhasil Diciptakan" class="w-full h-full object-cover"
                                                src="https://katabaik.com/wp-content/uploads/2026/08/Teknologi-dalam-Film-katabaik-150x150.jpg" />
                                        </div>
                                        <h4 class="font-semibold text-sm hover:text-primary dark:text-white">
                                            Teknologi yang Pernah Dianggap Mustahil Kini Berhasil Diciptakan                                        </h4>
                                    </div>
                                                            </div>
                                                </div>
                </section>
                    </div>

        <aside class="lg:col-span-4 flex flex-col gap-8">
            <div class="w-full flex justify-center">
            <div class="rounded-xl overflow-hidden shadow-sm mx-auto"
                style="width: 400px; height: 370px;">
                <a href="https://masoemuniversity.ac.id" class="block w-full h-full relative group">
                    <img src="https://katabaik.com/wp-content/uploads/2026/07/mu-bisdigital-01.jpg"
                        alt="Home"
                        class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
                    <div
                        class="absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider">
                        Ad</div>
                </a>
            </div>
        </div>
    
    <div class="bg-surface-light dark:bg-surface-dark p-6 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 class="text-lg font-bold mb-4 flex items-center gap-2">
            <span class="material-symbols-outlined text-primary">trending_up</span> Trending Topics
        </h3>
        <div class="flex flex-wrap gap-2">
            <a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/masoem-university/">#Ma'soem University</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/mediasosial/">#MediaSosial</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/tryoutonline/">#tryoutonline</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/boarding-school-di-bandung/">#Boarding School di Bandung</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/seo/">#SEO</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/bisnis/">#Bisnis</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/resep/">#Resep</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/website/">#Website</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/cpns/">#cpns</a><a class="px-3 py-1.5 bg-gray-100 dark:bg-gray-700 text-sm font-medium rounded-full hover:bg-primary hover:text-white transition-colors" href="https://katabaik.com/tag/pesantren-modern-di-bandung/">#Pesantren Modern di Bandung</a>        </div>
    </div>

            <div class="w-full flex justify-center mb-6">
            <div class="rounded-xl overflow-hidden shadow-sm mx-auto"
                style="width: 400px; height: 370px;">
                <a href="https://rajabacklink.com" class="block w-full h-full relative group">
                    <img src="https://katabaik.com/wp-content/uploads/2026/07/rajabacklink-01.jpg"
                        alt="Home"
                        class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
                    <div
                        class="absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider">
                        Ad</div>
                </a>
            </div>
        </div>
    
    <div class="bg-surface-light dark:bg-surface-dark p-6 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 class="text-lg font-bold mb-6 flex items-center gap-2">
            <span class="material-symbols-outlined text-primary">visibility</span> Most Read
        </h3>
        <div class="flex flex-col gap-6">
                                <a class="flex gap-4 items-start group cursor-pointer" href="https://katabaik.com/bagaimana-cara-sma-al-masoem-membantu-siswa-memborong-puluhan-medali-kejuaraan/">
                        <span
                            class="text-4xl font-black text-gray-200 dark:text-gray-700 leading-none group-hover:text-primary transition-colors">1</span>
                        <div>
                            <h4 class="font-bold text-sm leading-snug hover:text-primary">Bagaimana Cara SMA Al Ma’soem Membantu Siswa Memborong Puluhan Medali Kejuaraan?</h4>
                                                                                        <span class="text-xs text-text-muted mt-1 block">Uncategorized</span>
                                                    </div>
                    </a>
                                    <a class="flex gap-4 items-start group cursor-pointer" href="https://katabaik.com/ini-dia-spesifikasi-dan-harga-vivo-v23e-foto-malam-hari-menggiurkan-banget/">
                        <span
                            class="text-4xl font-black text-gray-200 dark:text-gray-700 leading-none group-hover:text-primary transition-colors">2</span>
                        <div>
                            <h4 class="font-bold text-sm leading-snug hover:text-primary">Ini Dia Spesifikasi dan Harga Vivo V23e, Foto Malam Hari Menggiurkan Banget!</h4>
                                                                                        <span class="text-xs text-text-muted mt-1 block">Fashion</span>
                                                    </div>
                    </a>
                                    <a class="flex gap-4 items-start group cursor-pointer" href="https://katabaik.com/pesantren-lansia-emaki-di-lembang-bandung/">
                        <span
                            class="text-4xl font-black text-gray-200 dark:text-gray-700 leading-none group-hover:text-primary transition-colors">3</span>
                        <div>
                            <h4 class="font-bold text-sm leading-snug hover:text-primary">Pesantren Lansia Emaki di Lembang Bandung</h4>
                                                                                        <span class="text-xs text-text-muted mt-1 block">Pariwisata</span>
                                                    </div>
                    </a>
                                    <a class="flex gap-4 items-start group cursor-pointer" href="https://katabaik.com/lebih-baik-asi-atau-susu-formula-manakah-yang-akan-anda-pilih/">
                        <span
                            class="text-4xl font-black text-gray-200 dark:text-gray-700 leading-none group-hover:text-primary transition-colors">4</span>
                        <div>
                            <h4 class="font-bold text-sm leading-snug hover:text-primary">Lebih Baik ASI atau Susu Formula? Manakah Yang Akan Anda Pilih?</h4>
                                                                                        <span class="text-xs text-text-muted mt-1 block">Kesehatan</span>
                                                    </div>
                    </a>
                                    <a class="flex gap-4 items-start group cursor-pointer" href="https://katabaik.com/3-tempat-kuliner-enak-unik-yang-ada-di-kabupaten-majalengka/">
                        <span
                            class="text-4xl font-black text-gray-200 dark:text-gray-700 leading-none group-hover:text-primary transition-colors">5</span>
                        <div>
                            <h4 class="font-bold text-sm leading-snug hover:text-primary">3 Tempat Kuliner Enak &amp; Unik Yang Ada Di Kabupaten Majalengka</h4>
                                                                                        <span class="text-xs text-text-muted mt-1 block">Kuliner</span>
                                                    </div>
                    </a>
                        </div>
    </div>

    <div class="w-full flex justify-center mt-4">
                    <div class="rounded-xl overflow-hidden shadow-sm mx-auto"
                style="width: 400px; height: 370px;">
                <a href="https://rajakomen.com" class="block w-full h-full relative group">
                    <img src="https://katabaik.com/wp-content/uploads/2026/07/rajakomen-03.jpg"
                        alt="Home"
                        class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" />
                    <div
                        class="absolute top-2 right-2 bg-black/60 backdrop-blur-sm text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider">
                        Ad</div>
                </a>
            </div>
            </div>
</aside>    </div>
</main>
<footer class="bg-[#101622] text-white pt-16 pb-8 border-t border-gray-800 mt-auto">
    <div class="max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
            <div>
                <div class="flex items-center gap-2 mb-6">
                                            <div class="w-auto h-8 [&_img]:h-full [&_img]:w-auto grayscale brightness-0 invert">
                            <a href="https://katabaik.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="300" height="62" src="https://katabaik.com/wp-content/uploads/2026/07/katabaik.png" class="custom-logo" alt="Katabaik" decoding="async" /></a>                        </div>
                                    </div>
                <p class="text-gray-400 text-sm leading-relaxed mb-6">
                                    </p>
                <div class="flex gap-4">
                    <a class="text-gray-400 hover:text-white transition-colors" href="#"><span
                            class="material-symbols-outlined">public</span></a>
                    <a class="text-gray-400 hover:text-white transition-colors" href="#"><span
                            class="material-symbols-outlined">rss_feed</span></a>
                    <a class="text-gray-400 hover:text-white transition-colors" href="#"><span
                            class="material-symbols-outlined">share</span></a>
                </div>
            </div>
            <div>
                <h3 class="text-lg font-bold mb-4">Categories</h3>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/fashion/">Fashion</a></li><li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/kecantikan/">Kecantikan</a></li><li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/kesehatan/">Kesehatan</a></li><li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/kuliner/">Kuliner</a></li><li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/pariwisata/">Pariwisata</a></li><li><a class="hover:text-primary transition-colors" href="https://katabaik.com/kategori/pendidikan/">Pendidikan</a></li>                </ul>
            </div>
            <div>
                <h3 class="text-lg font-bold mb-4">Navigasi</h3>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li id="menu-item-2082" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2061 current_page_item menu-item-2082"><a href="https://katabaik.com/" aria-current="page" class="hover:text-primary transition-colors text-primary">Home</a></li>
<li id="menu-item-2083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2083"><a href="https://katabaik.com/berita/" class="hover:text-primary transition-colors text-neutral-400">Berita</a></li>
<li id="menu-item-2084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2084"><a rel="privacy-policy" href="https://katabaik.com/kebijakan-privasi/" class="hover:text-primary transition-colors text-neutral-400">Kebijakan Privasi</a></li>
<li id="menu-item-2085" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2085"><a href="https://katabaik.com/tentang-kami/" class="hover:text-primary transition-colors text-neutral-400">Tentang Kami</a></li>
                </ul>
            </div>
            <div>
                <h3 class="text-lg font-bold mb-4">Contact</h3>
                <ul class="space-y-4 text-sm text-gray-400">
                    <li class="flex items-start gap-3">
                        <span class="material-symbols-outlined text-primary shrink-0">location_on</span>
                        <span>
                                                    </span>
                    </li>
                    <li class="flex items-center gap-3">
                        <span class="material-symbols-outlined text-primary shrink-0">call</span>
                        <span>
                                                    </span>
                    </li>
                    <li class="flex items-center gap-3">
                        <span class="material-symbols-outlined text-primary shrink-0">mail</span>
                        <span>
                                                    </span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
            <p class="text-sm text-gray-500">© 2026 KataBaik.com. All rights reserved.
            </p>
            <!-- <div class="flex gap-6 text-sm text-gray-500">
                <a class="hover:text-white" href="#">Sitemap</a>
                <a class="hover:text-white" href="#">Cookies</a>
                <a class="hover:text-white" href="#">Accessibility</a>
            </div> -->
        </div>
    </div>
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/buzzerid-theme/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
<script type="application/ld+json" id="slim-seo-schema">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://katabaik.com/#website","url":"https://katabaik.com/","name":"KataBaik.com","inLanguage":"id","potentialAction":{"@id":"https://katabaik.com/#searchaction"},"publisher":{"@id":"https://katabaik.com/#organization"}},{"@type":"SearchAction","@id":"https://katabaik.com/#searchaction","target":"https://katabaik.com/?s={search_term_string}","query-input":"required name=search_term_string"},{"@type":"WebPage","@id":"https://katabaik.com/#webpage","url":"https://katabaik.com/","inLanguage":"id","name":"KataBaik.com","datePublished":"2026-07-07T11:31:25+07:00","dateModified":"2026-07-07T11:31:26+07:00","isPartOf":{"@id":"https://katabaik.com/#website"},"potentialAction":{"@id":"https://katabaik.com/#readaction"},"about":{"@id":"https://katabaik.com/#organization"}},{"@type":"ReadAction","@id":"https://katabaik.com/#readaction","target":"https://katabaik.com/"},{"@type":"Organization","@id":"https://katabaik.com/#organization","url":"https://katabaik.com/","name":"KataBaik.com"}]}</script><script id="generate-menu-js-before">
var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Buka Submenu","closeSubMenuLabel":"Tutup submenu"};
//# sourceURL=generate-menu-js-before
</script>
<script id="generate-menu-js" src="https://katabaik.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://katabaik.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://katabaik.com/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>

</html>

<!-- Page cached by LiteSpeed Cache 7.9 on 2026-10-14 09:30:59 -->

Latest requests

# Url Url Source Date
1 https://katabaik.com/ 2026-10-18 10:50:27
2 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:26
3 https://consciouslifenews.com 2026-10-18 10:50:26
4 https://imperialneogrody.pl/ 2026-10-18 10:50:25
5 https://dailyswise.com 2026-10-18 10:50:25
6 https://mattolegrange.com/ 2026-10-18 10:50:23
7 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:20
8 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:20
9 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:19
10 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:17
11 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:16
12 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:16
13 https://www.texarkanatwins.com/&qu… 2026-10-18 10:50:15
14 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:14
15 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:14
16 https://auth.acog.org/OAuth/SignIn… 2026-10-18 10:50:13
17 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:13
18 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:13
19 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:12
20 https://www.texarkanatwins.com/%25… 2026-10-18 10:50:11