{"id":29,"date":"2026-06-19T09:24:18","date_gmt":"2026-06-19T09:24:18","guid":{"rendered":"https:\/\/unclebest.com.my\/?page_id=29"},"modified":"2026-11-02T12:10:47","modified_gmt":"2026-11-02T12:10:47","slug":"home","status":"publish","type":"page","link":"https:\/\/unclebest.com.my\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70f51f9 e-con-full e-flex e-con e-parent\" data-id=\"70f51f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f1c7e8 elementor-widget elementor-widget-html\" data-id=\"3f1c7e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\n     UNCLE BEST \u2014 HOME (RED THEME, BM)  \u2192 Home page \u2192 one HTML widget\n     Scoped under .ub-home. Red-first with yellow accents & white text,\n     alternating white sections for contrast. Full Width, padding 0.\n==================================================================== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\n\n.ub-home{\n  --ub-red:#E61B23; --ub-red-dark:#C4141B; --ub-red-deep:#C4141B;\n  --ub-yellow:#F7D607; --ub-yellow-dark:#D9BC00;\n  --ub-ink:#241A15; --ub-muted:#6B5E57; --ub-white:#FFFFFF; --ub-cream:#FFF7EC; --ub-border:#EDE6DD;\n  --ub-font-head:'Plus Jakarta Sans',sans-serif; --ub-font-body:'Inter',sans-serif;\n  --ub-ease:cubic-bezier(.22,.61,.36,1);\n  font-family:var(--ub-font-body); color:var(--ub-ink); background:var(--ub-red);\n  -webkit-font-smoothing:antialiased; overflow-x:hidden;\n}\n.ub-home *{box-sizing:border-box; margin:0; padding:0;}\n.ub-home img{max-width:100%; display:block;}\n.ub-home .ub-wrap{max-width:1200px; margin:0 auto; padding-left:clamp(20px,5vw,56px); padding-right:clamp(20px,5vw,56px);}\n.ub-home h2{font-family:var(--ub-font-head); font-weight:800; line-height:1.08; letter-spacing:-.5px;}\n\n\/* buttons *\/\n.ub-home .ub-btn{display:inline-flex; align-items:center; gap:9px; font-family:var(--ub-font-head); font-weight:800; font-size:15px; text-decoration:none; padding:14px 26px; border-radius:999px; cursor:pointer; transition:transform .3s var(--ub-ease), box-shadow .3s var(--ub-ease), background .3s var(--ub-ease), color .3s var(--ub-ease), border-color .3s var(--ub-ease);}\n.ub-home .ub-btn svg{transition:transform .3s var(--ub-ease);}\n.ub-home .ub-btn:hover svg{transform:translateX(4px);}\n.ub-home .ub-btn-yellow{background:var(--ub-yellow); color:var(--ub-ink); box-shadow:0 8px 20px rgba(0,0,0,.18);}\n.ub-home .ub-btn-yellow:hover{background:#fff; transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.24);}\n.ub-home .ub-btn-owhite{background:transparent; color:#fff; border:1.6px solid rgba(255,255,255,.7);}\n.ub-home .ub-btn-owhite:hover{background:#fff; color:var(--ub-red); border-color:#fff; transform:translateY(-2px);}\n.ub-home .ub-btn-red{background:var(--ub-red); color:#fff; box-shadow:0 8px 20px rgba(218,33,40,.28);}\n.ub-home .ub-btn-red:hover{background:var(--ub-red-dark); transform:translateY(-2px); box-shadow:0 14px 30px rgba(218,33,40,.36);}\n\n.ub-home .eyebrow{font-family:var(--ub-font-head); font-weight:800; font-size:13px; letter-spacing:2.4px; text-transform:uppercase;}\n.ub-home .eyebrow.red{color:var(--ub-red);}\n.ub-home .eyebrow.yellow{color:var(--ub-yellow);}\n\n\/* ============ HERO (RED) ============ *\/\n.ub-home .hero{background:var(--ub-red); color:#fff; position:relative; overflow:hidden; padding:clamp(56px,8vw,104px) 0 clamp(48px,7vw,84px);}\n.ub-home .hero::before{content:\"\"; position:absolute; width:420px; height:420px; border:3px solid rgba(255,255,255,.08); border-radius:50%; top:-140px; right:-120px;}\n.ub-home .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(26px,4vw,52px); align-items:center; position:relative; max-width:1100px;}\n.ub-home .hero h1{font-family:var(--ub-font-head); font-weight:800; font-size:clamp(34px,5.2vw,59px); line-height:1.02; letter-spacing:-1.5px; color:#fff;}\n.ub-home .hero h1 .acc{color:var(--ub-yellow);}\n.ub-home .hero .tag{margin-top:14px; font-family:var(--ub-font-head); font-weight:800; font-size:clamp(15px,1.9vw,20px); color:var(--ub-yellow);}\n.ub-home .hero .subtag{margin-top:6px; font-family:var(--ub-font-head); font-weight:600; font-size:clamp(14px,1.6vw,17px); color:rgba(255,255,255,.9);}\n.ub-home .hero p.lead{margin:16px 0 28px; font-size:clamp(15px,1.5vw,17px); line-height:1.7; color:rgba(255,255,255,.9); max-width:42ch;}\n.ub-home .hero-cta{display:flex; flex-wrap:wrap; gap:14px;}\n.ub-home .hero-media{position:relative; max-width:440px; margin-left:auto;}\n.ub-home .hero-photo{border-radius:26px; overflow:hidden; line-height:0; background:#fff; border:4px solid var(--ub-yellow); box-shadow:0 30px 70px rgba(120,10,15,.45);}\n.ub-home .hero-photo img{width:100%; height:auto; display:block;}\n.ub-home .badge{position:absolute; right:-26px; top:-26px; width:94px; height:94px; border-radius:50%; background:var(--ub-yellow); color:var(--ub-ink); display:grid; place-items:center; text-align:center; font-family:var(--ub-font-head); font-weight:800; font-size:15px; line-height:1.1; box-shadow:0 16px 36px rgba(0,0,0,.35); animation:ub-float 5s ease-in-out infinite; z-index:3;}\n@keyframes ub-float{0%,100%{transform:translateY(0) rotate(-8deg);}50%{transform:translateY(-12px) rotate(-8deg);}}\n\n\/* ============ MARQUEE (YELLOW) ============ *\/\n.ub-home .marquee{background:var(--ub-yellow); padding:16px 0; overflow:hidden; white-space:nowrap;}\n.ub-home .marquee .track{display:inline-flex; gap:40px; animation:ub-scroll 26s linear infinite; will-change:transform;}\n.ub-home .marquee span{font-family:var(--ub-font-head); font-weight:800; font-size:15px; letter-spacing:2px; text-transform:uppercase; color:var(--ub-ink); display:inline-flex; align-items:center; gap:40px;}\n.ub-home .marquee span::after{content:\"\"; width:8px; height:8px; border-radius:50%; background:var(--ub-red); display:inline-block;}\n@keyframes ub-scroll{to{transform:translateX(-50%);}}\n\n\/* ============ FEATURES (WHITE) ============ *\/\n.ub-home .feats{padding:clamp(56px,8vw,96px) 0; background:var(--ub-red);}\n.ub-home .feats .head{text-align:center; max-width:640px; margin:0 auto 52px;}\n.ub-home .feats .head h2{font-size:clamp(28px,4vw,46px); margin-top:14px; color:#fff;}\n.ub-home .feats-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\n.ub-home .feat{background:#fff; border:1px solid var(--ub-border); border-radius:20px; padding:34px 28px; transition:transform .35s var(--ub-ease), box-shadow .35s var(--ub-ease), border-color .35s var(--ub-ease);}\n.ub-home .feat:hover{transform:translateY(-6px); box-shadow:0 22px 50px rgba(36,26,21,.10); border-color:var(--ub-yellow);}\n.ub-home .feat .ic{width:56px; height:56px; border-radius:14px; display:grid; place-items:center; background:var(--ub-yellow); color:var(--ub-red); margin-bottom:20px;}\n.ub-home .feat h3{font-family:var(--ub-font-head); font-weight:800; font-size:20px; margin-bottom:8px; color:var(--ub-ink);}\n.ub-home .feat p{color:var(--ub-muted); font-size:15px; line-height:1.65;}\n\n\/* ============ PRODUCTS (RED) ============ *\/\n.ub-home .prods{padding:clamp(56px,8vw,96px) 0; background:var(--ub-red);}\n.ub-home .prods .top{display:flex; flex-wrap:wrap; gap:18px 24px; align-items:flex-end; justify-content:space-between; margin-bottom:46px;}\n.ub-home .prods .top h2{font-size:clamp(28px,4vw,46px); color:#fff; margin-top:12px; max-width:18ch;}\n.ub-home .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\n.ub-home .card{background:#fff; border-radius:20px; overflow:hidden; transition:transform .35s var(--ub-ease), box-shadow .35s var(--ub-ease);}\n.ub-home .card:hover{transform:translateY(-6px); box-shadow:0 24px 54px rgba(120,10,15,.35);}\n.ub-home .card .pic{aspect-ratio:1\/1; overflow:hidden; background:var(--ub-cream);}\n.ub-home .card .pic img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ub-ease);}\n.ub-home .card:hover .pic img{transform:scale(1.06);}\n.ub-home .card .body{padding:20px 22px 24px;}\n.ub-home .card h3{font-family:var(--ub-font-head); font-weight:800; font-size:19px; margin-bottom:7px; color:var(--ub-ink);}\n.ub-home .card p{color:var(--ub-muted); font-size:14.5px; line-height:1.6;}\n\n\/* ============ ABOUT TEASER (WHITE) ============ *\/\n.ub-home .about{padding:clamp(56px,8vw,100px) 0; background:var(--ub-red);}\n.ub-home .about-grid{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,5vw,64px); align-items:center;}\n.ub-home .about .pic{border-radius:24px; overflow:hidden; line-height:0; border:4px solid var(--ub-yellow); box-shadow:0 24px 60px rgba(36,26,21,.16); background:var(--ub-cream);}\n.ub-home .about .pic img{width:100%; height:auto; display:block;}\n.ub-home .about h2{font-size:clamp(28px,4vw,46px); margin:14px 0 18px; color:#fff;}\n.ub-home .about p{color:rgba(255,255,255,.9); font-size:16.5px; line-height:1.75; margin-bottom:20px; max-width:48ch;}\n\n\/* ============ FAQ (SEO 2026-11-02) ============ *\/\n.ub-home .faq{padding:clamp(48px,7vw,88px) 0 0;}\n.ub-home .faq .head{text-align:center; max-width:640px; margin:0 auto 36px;}\n.ub-home .faq .head h2{font-size:clamp(28px,4vw,44px); margin-top:14px; color:#fff;}\n.ub-home .faq-list{max-width:860px; margin:0 auto; display:grid; gap:12px;}\n.ub-home .faq details{background:var(--ub-red-deep); border:2px solid rgba(255,255,255,.14); border-radius:18px; padding:0 22px;}\n.ub-home .faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; font-family:var(--ub-font-head); font-weight:800; font-size:17px; line-height:1.35; color:#fff;}\n.ub-home .faq summary::-webkit-details-marker{display:none;}\n.ub-home .faq summary::after{content:\"+\"; flex:none; width:30px; height:30px; border-radius:50%; background:var(--ub-yellow); color:var(--ub-ink); display:grid; place-items:center; font-size:20px; font-weight:800; line-height:1; transition:transform .3s var(--ub-ease);}\n.ub-home .faq details[open] summary::after{transform:rotate(45deg);}\n.ub-home .faq summary:focus-visible{outline:3px solid var(--ub-yellow); outline-offset:4px; border-radius:8px;}\n.ub-home .faq details p{color:rgba(255,255,255,.9); font-size:16px; line-height:1.7; margin:0 0 18px;}\n.ub-home .faq details a{color:var(--ub-yellow); font-weight:700;}\n\n\/* ============ CTA (RED) ============ *\/\n.ub-home .cta{padding:clamp(48px,7vw,88px) 0; background:var(--ub-red);}\n.ub-home .cta-inner{background:var(--ub-red-deep); border:2px solid rgba(255,255,255,.14); border-radius:28px; padding:clamp(40px,6vw,72px) clamp(28px,5vw,64px); text-align:center; color:#fff; position:relative; overflow:hidden;}\n.ub-home .cta-inner h2{color:#fff; font-size:clamp(28px,4.4vw,50px); margin-bottom:14px;}\n.ub-home .cta-inner h2 .acc{color:var(--ub-yellow);}\n.ub-home .cta-inner p{color:rgba(255,255,255,.92); font-size:17px; line-height:1.7; max-width:50ch; margin:0 auto 30px;}\n.ub-home .cta-inner .row{display:flex; flex-wrap:wrap; gap:14px; justify-content:center;}\n.ub-home .cta-inner::before{content:\"\"; position:absolute; width:260px; height:260px; border:3px solid rgba(247,214,7,.18); border-radius:50%; top:-90px; right:-70px;}\n\n\n\/* ============ FLOATING PRODUCTS (hero decoration only) ============ *\/\n.ub-home .hero-grid > div{position:relative; z-index:2;}   \/* hero content always above *\/\n.ub-home .hero-floats{position:absolute; inset:0; z-index:1; pointer-events:none;}\n.ub-home .fp{position:absolute; will-change:transform; pointer-events:none;}\n.ub-home .fp-enter{animation:fp-in .9s cubic-bezier(.22,.61,.36,1) both;}\n.ub-home .fp-float{will-change:transform;}\n.ub-home .fp img{width:100%; height:auto; display:block; pointer-events:auto;\n  filter:drop-shadow(0 18px 26px rgba(80,6,9,.45));\n  transition:transform .35s cubic-bezier(.22,.61,.36,1), filter .35s cubic-bezier(.22,.61,.36,1);}\n.ub-home .fp img:hover{transform:scale(1.05) rotate(2deg); filter:drop-shadow(0 26px 36px rgba(80,6,9,.55));}\n\/* soft ambient glow behind each product *\/\n.ub-home .fp::before{content:\"\"; position:absolute; inset:6% 6% 2%; border-radius:50%;\n  background:radial-gradient(closest-side, rgba(247,214,7,.30), rgba(247,214,7,0) 72%); filter:blur(8px); z-index:-1;}\n\n@keyframes fp-in{\n  from{opacity:0; transform:scale(.9) rotate(-6deg); filter:blur(12px);}\n  to{opacity:1; transform:scale(1) rotate(0deg); filter:blur(0);}\n}\n@keyframes fp-a{0%,100%{transform:translate3d(0,0,0) rotate(-2.5deg) scale(1);} 50%{transform:translate3d(0,-12px,0) rotate(2.5deg) scale(1.03);}}\n@keyframes fp-b{0%,100%{transform:translate3d(0,-10px,0) rotate(2deg) scale(1.02);} 50%{transform:translate3d(0,10px,0) rotate(-3deg) scale(1);}}\n@keyframes fp-c{0%,100%{transform:translate3d(0,0,0) rotate(3deg) scale(1.01);} 50%{transform:translate3d(0,-11px,0) rotate(-2deg) scale(1.03);}}\n@keyframes fp-d{0%,100%{transform:translate3d(0,8px,0) rotate(-3deg) scale(1);} 50%{transform:translate3d(0,-9px,0) rotate(1.5deg) scale(1.02);}}\n\n\/* each product: own place, size, duration, delay, easing *\/\n.ub-home .fp-1{left:-5%;  top:2%;     width:clamp(190px,26vw,380px);}\n.ub-home .fp-2{right:0%;  top:-5%;    width:clamp(176px,22vw,330px);}\n.ub-home .fp-3{left:1%;   bottom:-8%; width:clamp(180px,24vw,350px);}\n.ub-home .fp-4{right:-6%; bottom:5%;  width:clamp(200px,28vw,400px);}\n.ub-home .fp-1 .fp-enter{animation-delay:.15s;} .ub-home .fp-1 .fp-float{animation:fp-a 7.5s ease-in-out 1.0s infinite;}\n.ub-home .fp-2 .fp-enter{animation-delay:.30s;} .ub-home .fp-2 .fp-float{animation:fp-b 8.6s cubic-bezier(.45,.05,.55,.95) 1.2s infinite;}\n.ub-home .fp-3 .fp-enter{animation-delay:.45s;} .ub-home .fp-3 .fp-float{animation:fp-c 6.8s ease-in-out 1.4s infinite;}\n.ub-home .fp-4 .fp-enter{animation-delay:.60s;} .ub-home .fp-4 .fp-float{animation:fp-d 9.2s cubic-bezier(.37,0,.63,1) 1.6s infinite;}\n\n@media (max-width:960px){   \/* tablet: smaller, hug the edges *\/\n  .ub-home .fp-1{left:-11%; top:1%;     width:clamp(140px,20vw,215px);}\n  .ub-home .fp-2{right:-11%;top:-1%;    width:clamp(130px,18vw,200px);}\n  .ub-home .fp-3{left:-12%; bottom:2%;  width:clamp(135px,19vw,205px);}\n  .ub-home .fp-4{right:-12%;bottom:4%;  width:clamp(145px,21vw,225px);}\n}\n@media (max-width:600px){   \/* phone: small, at the edges, never in the way *\/\n  .ub-home .fp{opacity:.5;}\n  .ub-home .fp img{pointer-events:none;}\n  .ub-home .fp-1{left:-20%; top:0;      width:132px;}\n  .ub-home .fp-2{right:-20%;top:2%;     width:124px;}\n  .ub-home .fp-3{left:-21%; bottom:1%;  width:128px;}\n  .ub-home .fp-4{right:-21%;bottom:3%;  width:140px;}\n  .ub-home .fp-float{animation-duration:9s !important;}\n  .ub-home .fp-1 .fp-float,.ub-home .fp-2 .fp-float,\n  .ub-home .fp-3 .fp-float,.ub-home .fp-4 .fp-float{animation-name:fp-soft;}\n  @keyframes fp-soft{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg);}50%{transform:translate3d(0,-5px,0) rotate(1.5deg);}}\n}\n@media (prefers-reduced-motion:reduce){\n  .ub-home .fp-enter,.ub-home .fp-float{animation:none !important;}\n  .ub-home .fp img{transition:none !important;}\n}\n\n\/* reveal + a11y *\/\n.ub-home [data-r]{opacity:0; transform:translateY(26px); transition:opacity .7s var(--ub-ease), transform .7s var(--ub-ease);}\n.ub-home [data-r].in{opacity:1; transform:none;}\n.ub-home [data-r][data-d=\"1\"]{transition-delay:.08s;}\n.ub-home [data-r][data-d=\"2\"]{transition-delay:.16s;}\n.ub-home [data-r][data-d=\"3\"]{transition-delay:.24s;}\n.ub-home a:focus-visible{outline:3px solid var(--ub-yellow); outline-offset:3px; border-radius:10px;}\n\n@media (max-width:960px){\n  .ub-home .hero-grid{grid-template-columns:1fr;}\n  .ub-home .hero-media{max-width:330px;}\n  .ub-home .feats-grid{grid-template-columns:1fr 1fr;}\n  .ub-home .cards{grid-template-columns:1fr 1fr;}\n  .ub-home .about-grid{grid-template-columns:1fr;}\n  .ub-home .about .pic{max-width:520px; order:-1;}\n}\n@media (max-width:600px){\n  .ub-home .feats-grid,.ub-home .cards{grid-template-columns:1fr;}\n  .ub-home .badge{width:80px; height:80px; font-size:13px; right:-12px; top:-12px;}\n  .ub-home .hero-cta .ub-btn{flex:1 1 auto; justify-content:center;}\n}\n@media (prefers-reduced-motion:reduce){\n  .ub-home *{animation:none !important;}\n  .ub-home [data-r]{opacity:1; transform:none; transition:none;}\n  .ub-home .marquee .track{animation:none;}\n}\n<\/style>\n\n<main class=\"ub-home\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <!-- Floating product PNGs \u2014 decoration only. Upload these 4 transparent PNGs to Media\n         (2026\/07 folder) with these exact names; nothing else to change. -->\n    <div class=\"hero-floats\" aria-hidden=\"true\">\n        <div class=\"fp fp-1\" data-par=\"8\">\n          <div class=\"fp-enter\"><div class=\"fp-float\">\n            <img decoding=\"async\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-float-ayam-gunting-768x576.png\" alt=\"Ayam gunting Uncle Best\" loading=\"lazy\">\n          <\/div><\/div>\n        <\/div>\n        <div class=\"fp fp-2\" data-par=\"10\">\n          <div class=\"fp-enter\"><div class=\"fp-float\">\n            <img decoding=\"async\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-float-sosej-cheese-768x576.png\" alt=\"Sosej cheese Uncle Best\" loading=\"lazy\">\n          <\/div><\/div>\n        <\/div>\n        <div class=\"fp fp-3\" data-par=\"6\">\n          <div class=\"fp-enter\"><div class=\"fp-float\">\n            <img decoding=\"async\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-float-popcorn-768x1024.png\" alt=\"Chicken popcorn Uncle Best\" loading=\"lazy\">\n          <\/div><\/div>\n        <\/div>\n        <div class=\"fp fp-4\" data-par=\"8\">\n          <div class=\"fp-enter\"><div class=\"fp-float\">\n            <img decoding=\"async\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-float-sotong-raja-768x576.png\" alt=\"Sotong Raja Uncle Best\" loading=\"lazy\">\n          <\/div><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"ub-wrap hero-grid\">\n      <div>\n        <p class=\"eyebrow yellow\" data-r>Taste it, you'll luv it!!<\/p>\n        <h1 data-r data-d=\"1\">Pembekal Ayam<br>Gunting <span class=\"acc\">No.1<\/span><br><span class=\"acc\">di Malaysia<\/span><\/h1>\n        <p class=\"tag\" data-r data-d=\"1\">Membina Usahawan Berniaga<br>dengan Lebih Mudah<\/p>\n        <p class=\"subtag\" data-r data-d=\"2\">Malaysia's Trusted Street Food Supplier<\/p>\n        <p class=\"lead\" data-r data-d=\"2\">Dari perapan rahsia hingga ke tangan pelanggan \u2014 kami bekalkan ayam gunting, sosej, sotong &amp; produk sedia niaga yang buat perniagaan anda lebih mudah dan menguntungkan.<\/p>\n        <div class=\"hero-cta\" data-r data-d=\"3\">\n          <a class=\"ub-btn ub-btn-yellow\" href=\"\/peluang-perniagaan\/\">Jadi Usahawan\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"ub-btn ub-btn-owhite\" href=\"\/products\/\">Lihat Produk<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hero-media\" data-r data-d=\"2\">\n        <div class=\"hero-photo\">\n          <img decoding=\"async\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-hero.jpg\" alt=\"Ayam gunting Uncle Best yang rangup\">\n        <\/div>\n        <div class=\"badge\">100%<br>HALAL<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE -->\n  <div class=\"marquee\" aria-hidden=\"true\">\n    <div class=\"track\">\n      <span>Tepung Ayam Gunting<\/span><span>Sosej Cheese<\/span><span>Sotong King<\/span><span>Serbuk Cili<\/span><span>Ayam Satay<\/span>\n      <span>Tepung Ayam Gunting<\/span><span>Sosej Cheese<\/span><span>Sotong King<\/span><span>Serbuk Cili<\/span><span>Ayam Satay<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- FEATURES -->\n  <section class=\"feats\">\n    <div class=\"ub-wrap\">\n      <div class=\"head\" data-r>\n        <p class=\"eyebrow yellow\">Kelebihan Kami<\/p>\n        <h2>Kenapa Ramai Pilih Uncle Best?<\/h2>\n      <\/div>\n      <div class=\"feats-grid\">\n        <div class=\"feat\" data-r>\n          <div class=\"ic\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n          <h3>Confirm Halal, Confirm Tenang<\/h3>\n          <p>Diperakui rasmi JAIS (Sijil MS 1500) &amp; 100% milik Muslim \u2014 jamu selera tanpa was-was.<\/p>\n        <\/div>\n        <div class=\"feat\" data-r data-d=\"1\">\n          <div class=\"ic\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2C8 6 7 9 7 12a5 5 0 0 0 10 0c0-3-1-6-5-10z\"\/><\/svg><\/div>\n          <h3>Rangup &amp; Padu<\/h3>\n          <p>Rangup di luar, juicy di dalam. Resepi &amp; perapan yang buat pelanggan datang lagi &amp; lagi.<\/p>\n        <\/div>\n        <div class=\"feat\" data-r data-d=\"2\">\n          <div class=\"ic\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7l9-4 9 4-9 4-9-4z\"\/><path d=\"M3 7v10l9 4 9-4V7\"\/><\/svg><\/div>\n          <h3>Stok Tak Pernah Putus<\/h3>\n          <p>Rangkaian pembekal terbesar di Malaysia \u2014 bekalan sentiasa ada, perniagaan anda terus jalan.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PRODUCTS -->\n  <section class=\"prods\">\n    <div class=\"ub-wrap\">\n      <div class=\"top\">\n        <div data-r>\n          <p class=\"eyebrow yellow\">Produk Kami<\/p>\n          <h2>Produk Sedia Niaga, Terus Laris<\/h2>\n        <\/div>\n        <a class=\"ub-btn ub-btn-yellow\" href=\"\/products\/\" data-r data-d=\"1\">Lihat Semua Produk\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"cards\">\n        <article class=\"card\" data-r>\n          <div class=\"pic\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" loading=\"lazy\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-product-01.jpg\" alt=\"Perapan Ayam Gunting Uncle Best\"><\/div>\n          <div class=\"body\"><h3>Perapan Ayam Gunting<\/h3><p>Perapan rahsia yang buat ayam rangup, padu &amp; menyelerakan.<\/p><\/div>\n        <\/article>\n        <article class=\"card\" data-r data-d=\"1\">\n          <div class=\"pic\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"506\" loading=\"lazy\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-product-02.jpg\" alt=\"Sosej Cheese Uncle Best\"><\/div>\n          <div class=\"body\"><h3>Sosej Cheese<\/h3><p>Sosej jumbo berintikan cheese \u2014 sedia bakar atau goreng, laku keras.<\/p><\/div>\n        <\/article>\n        <article class=\"card\" data-r data-d=\"2\">\n          <div class=\"pic\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"509\" loading=\"lazy\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-product-03.jpg\" alt=\"Sotong King Uncle Best\"><\/div>\n          <div class=\"body\"><h3>Sotong King<\/h3><p>Sotong bersalut rangup \u2014 antara kegemaran ramai pelanggan.<\/p><\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ABOUT TEASER -->\n  <section class=\"about\">\n    <div class=\"ub-wrap about-grid\">\n      <div class=\"pic\" data-r>\n        <img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"763\" loading=\"lazy\" src=\"https:\/\/unclebest.com.my\/wp-content\/uploads\/2026\/07\/ub-usahawan-group.jpg\" alt=\"Keluarga usahawan Uncle Best\">\n      <\/div>\n      <div data-r data-d=\"1\">\n        <p class=\"eyebrow yellow\">Sejak 2013<\/p>\n        <h2>Jenama Tempatan yang Terus Membesar<\/h2>\n        <p>Bermula pada 2013, Uncle Best kini 100% milik Bumiputera dengan kilang sendiri \u2014 dari pengeluaran, pemborongan sehingga peruncitan. Setiap produk dijaga rapi supaya sentiasa halal &amp; berkualiti.<\/p>\n        <a class=\"ub-btn ub-btn-yellow\" href=\"\/about\/\">Kenali Kami\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"faq\" aria-labelledby=\"ubHomeFaq\">\n    <div class=\"ub-wrap\">\n      <div class=\"head\" data-r>\n        <p class=\"eyebrow yellow\">Soalan Lazim<\/p>\n        <h2 id=\"ubHomeFaq\">Soalan tentang Uncle Best<\/h2>\n      <\/div>\n      <div class=\"faq-list\">\n        <details data-r>\n          <summary>Adakah produk Uncle Best halal?<\/summary>\n          <p>Ya. Uncle Best diperakui halal oleh Jabatan Agama Islam Selangor (JAIS) di bawah piawaian MS 1500. Butiran penuh di halaman <a href=\"\/halal\/\">Halal<\/a>.<\/p>\n        <\/details>\n        <details data-r>\n          <summary>Di mana saya boleh dapatkan produk Uncle Best?<\/summary>\n          <p>Di 12 outlet kami di Kuala Lumpur, Selangor, Negeri Sembilan, Pahang, Johor, Kedah, Pulau Pinang, Perak dan Kelantan &mdash; lihat <a href=\"\/outlet\/\">senarai outlet<\/a> &mdash; atau hubungi kami terus melalui <a href=\"https:\/\/wa.me\/60128766955\" target=\"_blank\" rel=\"noopener\">WhatsApp 012-876 6955<\/a>.<\/p>\n        <\/details>\n        <details data-r>\n          <summary>Produk apa yang Uncle Best bekalkan?<\/summary>\n          <p>Ayam gunting fillet, perapan ayam gunting, tepung premium dan tepung kasava, serbuk cili, pepper salt, sosej jumbo cheese, sotong raja, chicken tender dan ayam satay &mdash; semuanya sedia untuk dijual. Lihat <a href=\"\/products\/\">semua produk<\/a>.<\/p>\n        <\/details>\n        <details data-r>\n          <summary>Bolehkah saya mula berniaga ayam gunting bersama Uncle Best?<\/summary>\n          <p>Boleh. Kami ada pakej perniagaan untuk konsep kiosk, gerai, food truck dan karnival, dengan latihan lengkap dan bekalan produk yang stabil. Lihat <a href=\"\/peluang-perniagaan\/\">peluang perniagaan<\/a>.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"cta\">\n    <div class=\"ub-wrap\">\n      <div class=\"cta-inner\" data-r>\n        <h2>Jom Mula Niaga Ayam Gunting <span class=\"acc\">Anda Sendiri!<\/span><\/h2>\n        <p>Modal berpatutan, latihan lengkap &amp; bekalan yang stabil. Sertai keluarga usahawan Uncle Best hari ini.<\/p>\n        <div class=\"row\">\n          <a class=\"ub-btn ub-btn-yellow\" href=\"\/peluang-perniagaan\/\">Jadi Usahawan\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"ub-btn ub-btn-owhite\" href=\"https:\/\/wa.me\/60128766955\" target=\"_blank\" rel=\"noopener\">Hubungi Kami<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<script>\n(function(){\n  var root=document.querySelector('.ub-home'); if(!root) return;\n  var items=root.querySelectorAll('[data-r]');\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.14, rootMargin:'0px 0px -6% 0px'});\n    items.forEach(function(el){io.observe(el);});\n  } else { items.forEach(function(el){el.classList.add('in');}); }\n\n  \/* floating hero products: mouse parallax (desktop) + scroll drift *\/\n  (function(){\n    var floats=root.querySelectorAll('.hero-floats .fp');\n    if(!floats.length) return;\n    var hero=root.querySelector('.hero');\n    var reduce=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n    var fine=window.matchMedia('(min-width:901px)').matches && window.matchMedia('(hover:hover)').matches;\n    var mx=0,my=0,prog=0,tick=false;\n\n    \/* hide a product if its PNG hasn't been uploaded yet *\/\n    floats.forEach(function(fp){\n      var im=fp.querySelector('img');\n      im.addEventListener('error', function(){ fp.style.display='none'; });\n    });\n    if(reduce) return;\n\n    function paint(){\n      tick=false;\n      floats.forEach(function(fp,i){\n        var p=parseFloat(fp.getAttribute('data-par'))||8;\n        var down=(i>1)?1:-1;                       \/* 1&2 top, 3&4 bottom *\/\n        var drift=down*prog*70;                    \/* scroll: top up, bottom down *\/\n        fp.style.transform='translate3d('+(mx*p).toFixed(2)+'px,'+((my*p)+drift).toFixed(2)+'px,0)';\n        fp.style.opacity=(1-prog).toFixed(3);\n      });\n    }\n    function request(){ if(!tick){ tick=true; requestAnimationFrame(paint); } }\n    function onScroll(){\n      var r=hero.getBoundingClientRect();\n      prog=Math.min(1,Math.max(0,-r.top\/Math.max(1,r.height)));\n      request();\n    }\n    window.addEventListener('scroll',onScroll,{passive:true}); onScroll();\n    if(fine){\n      window.addEventListener('mousemove',function(e){\n        mx=(e.clientX\/window.innerWidth-.5)*2; my=(e.clientY\/window.innerHeight-.5)*2; request();\n      },{passive:true});\n    }\n  })();\n})();\n<\/script>\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>Taste it, you&#8217;ll luv it!! Pembekal Ayam Gunting No.1 di Malaysia Membina Usahawan Berniaga dengan Lebih Mudah Malaysia&#8217;s Trusted Street Food Supplier Dari perapan rahsia hingga ke tangan pelanggan \u2014 kami bekalkan ayam gunting, sosej, sotong &amp; produk sedia niaga yang buat perniagaan anda lebih mudah dan menguntungkan. Jadi Usahawan Lihat Produk 100%HALAL Tepung Ayam [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":34,"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/pages\/29\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/unclebest.com.my\/en\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}