Beras Kampung \u2014 Beras Pilihan Keluarga<\/title>\n<meta name=\"description\" content=\"Beras Kampung, beras premium dari Segeri, Kabupaten Pangkep. Dipilih dari beras terbaik, dikemas higienis, dan siap memenuhi kebutuhan keluarga Anda.\">\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Inter:wght@300;400;500;600&display=swap');\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F5F0E8;\n --cream-dk: #EDE4D0;\n --white: #FDFBF7;\n --black: #1A1A18;\n --forest: #2C4A2E;\n --forest-lt:#3D6641;\n --forest-xlt:#EEF4EE;\n --gold: #B8924A;\n --gold-lt: #D4AA6A;\n --grey: #6B6860;\n --grey-lt: #C8C4BC;\n\n --display: 'Playfair Display', Georgia, serif;\n --body: 'Inter', system-ui, sans-serif;\n\n --max: 1080px;\n --gap: clamp(1.5rem, 4vw, 3rem);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--body);\n background: var(--white);\n color: var(--black);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1rem var(--gap);\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(253,251,247,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--cream-dk);\n transition: box-shadow .3s;\n }\n nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,.08); }\n .nav-logo {\n font-family: var(--display);\n font-weight: 700;\n font-size: 1.15rem;\n color: var(--forest);\n letter-spacing: .02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-cta {\n display: inline-flex; align-items: center; gap: .45rem;\n background: var(--forest);\n color: var(--white);\n font-family: var(--body);\n font-size: .82rem;\n font-weight: 600;\n letter-spacing: .04em;\n padding: .55rem 1.1rem;\n border-radius: 100px;\n text-decoration: none;\n transition: background .2s, transform .15s;\n }\n .nav-cta:hover { background: var(--forest-lt); transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n min-height: 100svh;\n padding-top: 80px;\n display: grid;\n place-items: center;\n position: relative;\n overflow: hidden;\n background: var(--cream);\n }\n\n \/* decorative grain texture *\/\n #hero::before {\n content: '';\n position: absolute; inset: 0;\n background-image:\n radial-gradient(ellipse 80% 60% at 50% 110%, rgba(44,74,46,.12) 0%, transparent 60%),\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='60'%3E%3Ccircle cx='3' cy='3' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='33' cy='3' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='18' cy='18' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='48' cy='18' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='3' cy='33' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='33' cy='33' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='18' cy='48' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='48' cy='48' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n\n \/* SVG sawah illustration *\/\n .hero-illustration {\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 220px;\n opacity: .18;\n pointer-events: none;\n }\n\n .hero-inner {\n position: relative; z-index: 2;\n max-width: 700px;\n margin: 0 auto;\n padding: 4rem var(--gap) 6rem;\n text-align: center;\n }\n\n .hero-badge {\n display: inline-flex; align-items: center; gap: .4rem;\n font-size: .78rem; font-weight: 600;\n letter-spacing: .1em; text-transform: uppercase;\n color: var(--forest);\n background: rgba(44,74,46,.1);\n border: 1px solid rgba(44,74,46,.2);\n padding: .35rem .9rem;\n border-radius: 100px;\n margin-bottom: 2rem;\n opacity: 0; transform: translateY(12px);\n animation: fadeUp .7s .1s forwards;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(3rem, 10vw, 5.5rem);\n font-weight: 900;\n line-height: 1;\n letter-spacing: -.01em;\n color: var(--forest);\n margin-bottom: .4rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .2s forwards;\n }\n\n .hero-tagline {\n font-family: var(--display);\n font-style: italic;\n font-size: clamp(1.1rem, 3vw, 1.5rem);\n color: var(--gold);\n margin-bottom: 1.5rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .3s forwards;\n }\n\n .hero-sub {\n font-size: clamp(.95rem, 2vw, 1.1rem);\n color: var(--grey);\n max-width: 500px;\n margin: 0 auto 2.5rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .4s forwards;\n }\n\n .hero-btn {\n display: inline-flex; align-items: center; gap: .5rem;\n background: var(--forest);\n color: var(--white);\n font-weight: 600; font-size: 1rem;\n padding: .9rem 2rem;\n border-radius: 100px;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(44,74,46,.3);\n transition: background .2s, transform .15s, box-shadow .2s;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .5s forwards;\n }\n .hero-btn:hover { background: var(--forest-lt); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(44,74,46,.35); }\n\n .hero-stats {\n display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap;\n margin-top: 3rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .65s forwards;\n }\n .hero-stat {\n display: flex; align-items: center; gap: .4rem;\n font-size: .82rem; font-weight: 500;\n color: var(--grey);\n letter-spacing: .02em;\n }\n .hero-stat::before { content: '\u2713'; color: var(--gold); font-weight: 700; font-size: .9rem; }\n\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n section { padding: 5rem var(--gap); }\n .container { max-width: var(--max); margin: 0 auto; }\n\n .section-label {\n font-size: .72rem; font-weight: 700;\n letter-spacing: .15em; text-transform: uppercase;\n color: var(--gold);\n margin-bottom: .75rem;\n }\n .section-title {\n font-family: var(--display);\n font-size: clamp(1.7rem, 4vw, 2.6rem);\n font-weight: 700;\n line-height: 1.2;\n color: var(--black);\n margin-bottom: 1rem;\n }\n .section-title em { font-style: italic; color: var(--forest); }\n .section-sub {\n color: var(--grey);\n max-width: 520px;\n font-size: 1rem;\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500 WHY \u2500\u2500 *\/\n #why { background: var(--white); }\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n }\n .why-card {\n background: var(--cream);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n transition: transform .25s, box-shadow .25s;\n opacity: 0; transform: translateY(24px);\n }\n .why-card.visible { opacity: 1; transform: none; transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s, opacity .4s; }\n .why-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,.08); }\n .why-icon {\n width: 48px; height: 48px;\n background: var(--forest);\n border-radius: 12px;\n display: grid; place-items: center;\n font-size: 1.4rem;\n margin-bottom: 1.25rem;\n }\n .why-card h3 {\n font-family: var(--display);\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: .5rem;\n color: var(--black);\n }\n .why-card p { font-size: .9rem; color: var(--grey); line-height: 1.6; }\n\n \/* \u2500\u2500 PRODUCTS \u2500\u2500 *\/\n #produk { background: var(--cream); }\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 700px;\n }\n .product-card {\n background: var(--white);\n border: 1px solid var(--cream-dk);\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n opacity: 0; transform: translateY(24px);\n }\n .product-card.visible { opacity: 1; transform: none; transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s; }\n .product-card:hover .product-img-wrap img { transform: scale(1.04); }\n\n .product-badge-best {\n position: absolute; top: 1rem; right: 1rem; z-index: 2;\n background: var(--gold);\n color: var(--white);\n font-size: .7rem; font-weight: 700;\n letter-spacing: .08em; text-transform: uppercase;\n padding: .3rem .7rem;\n border-radius: 100px;\n }\n\n .product-img-wrap {\n height: 220px;\n background: var(--cream);\n overflow: hidden;\n display: grid; place-items: center;\n }\n .product-img-wrap img {\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform .5s ease;\n }\n\n \/* placeholder if no image *\/\n .product-img-placeholder {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: .5rem; height: 100%;\n font-size: 3.5rem;\n color: var(--forest);\n opacity: .35;\n }\n\n .product-body { padding: 1.5rem; }\n .product-size {\n display: inline-block;\n background: var(--forest-xlt);\n color: var(--forest);\n font-size: .75rem; font-weight: 700;\n letter-spacing: .06em; text-transform: uppercase;\n padding: .25rem .65rem;\n border-radius: 6px;\n margin-bottom: .75rem;\n }\n .product-body h3 {\n font-family: var(--display);\n font-size: 1.3rem; font-weight: 700;\n margin-bottom: .75rem;\n color: var(--black);\n }\n .product-features { list-style: none; margin-bottom: 1.5rem; }\n .product-features li {\n font-size: .88rem; color: var(--grey);\n display: flex; align-items: center; gap: .4rem;\n padding: .25rem 0;\n border-bottom: 1px solid var(--cream-dk);\n }\n .product-features li::before { content: '\u2014'; color: var(--gold); font-weight: 700; flex-shrink: 0; }\n .product-cta {\n display: flex; align-items: center; justify-content: center; gap: .4rem;\n background: var(--forest);\n color: var(--white);\n font-weight: 600; font-size: .9rem;\n padding: .8rem 1.5rem;\n border-radius: 12px;\n text-decoration: none;\n transition: background .2s, transform .15s;\n }\n .product-cta:hover { background: var(--forest-lt); transform: translateY(-1px); }\n\n \/* \u2500\u2500 PROSES \u2500\u2500 *\/\n #proses { background: var(--white); }\n .process-track {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n position: relative;\n margin-top: 1rem;\n }\n .process-track::before {\n content: '';\n position: absolute;\n top: 32px; left: 10%; right: 10%;\n height: 2px;\n background: linear-gradient(90deg, var(--cream-dk), var(--gold-lt), var(--cream-dk));\n }\n .process-step {\n text-align: center;\n padding: 0 .75rem 0;\n opacity: 0; transform: translateY(20px);\n }\n .process-step.visible { opacity: 1; transform: none; transition: all .5s cubic-bezier(.22,1,.36,1); }\n .process-num {\n width: 64px; height: 64px;\n border-radius: 50%;\n background: var(--cream);\n border: 2px solid var(--cream-dk);\n display: grid; place-items: center;\n margin: 0 auto 1.25rem;\n font-size: 1.6rem;\n position: relative; z-index: 1;\n transition: background .3s, border-color .3s;\n }\n .process-step:hover .process-num { background: var(--forest); border-color: var(--forest); }\n .process-step h4 {\n font-family: var(--display);\n font-size: 1rem; font-weight: 600;\n color: var(--black);\n margin-bottom: .4rem;\n }\n .process-step p { font-size: .82rem; color: var(--grey); line-height: 1.5; }\n\n @media (max-width: 600px) {\n .process-track {\n grid-template-columns: 1fr 1fr;\n gap: 2rem 1rem;\n }\n .process-track::before { display: none; }\n }\n\n \/* \u2500\u2500 CERITA \u2500\u2500 *\/\n #cerita {\n background: var(--forest);\n color: var(--white);\n }\n .story-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n @media (max-width: 720px) {\n .story-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n }\n .story-visual {\n border-radius: 20px;\n overflow: hidden;\n height: 360px;\n background: rgba(255,255,255,.05);\n border: 1px solid rgba(255,255,255,.1);\n display: grid; place-items: center;\n font-size: 6rem;\n opacity: .5;\n }\n #cerita .section-label { color: var(--gold-lt); }\n #cerita .section-title { color: var(--white); }\n #cerita .section-title em { color: var(--gold-lt); }\n .story-body p {\n font-size: 1.05rem;\n line-height: 1.8;\n color: rgba(255,255,255,.75);\n }\n .story-divider {\n width: 40px; height: 2px;\n background: var(--gold);\n margin: 1.5rem 0;\n }\n .story-tagline {\n font-family: var(--display);\n font-style: italic;\n font-size: 1.2rem;\n color: var(--gold-lt);\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 KAMPUNG BELANJA \u2500\u2500 *\/\n #jaringan { background: var(--cream); }\n .jaringan-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n max-width: 680px;\n }\n @media (max-width: 540px) {\n .jaringan-cards { grid-template-columns: 1fr; }\n }\n .jaringan-card {\n background: var(--white);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n opacity: 0; transform: translateY(20px);\n }\n .jaringan-card.visible { opacity: 1; transform: none; transition: all .45s cubic-bezier(.22,1,.36,1); }\n .jaringan-icon { font-size: 2.2rem; margin-bottom: 1rem; }\n .jaringan-card h3 {\n font-family: var(--display);\n font-size: 1.15rem; font-weight: 700;\n color: var(--forest);\n margin-bottom: .5rem;\n }\n .jaringan-card p { font-size: .88rem; color: var(--grey); line-height: 1.6; }\n\n \/* \u2500\u2500 TESTIMONI \u2500\u2500 *\/\n #testimoni { background: var(--white); }\n .testi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n }\n .testi-card {\n background: var(--cream);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 1.75rem;\n position: relative;\n opacity: 0; transform: translateY(24px);\n }\n .testi-card.visible { opacity: 1; transform: none; transition: all .45s cubic-bezier(.22,1,.36,1); }\n .testi-quote {\n font-family: var(--display);\n font-size: 3rem;\n color: var(--gold);\n line-height: .8;\n margin-bottom: .5rem;\n }\n .testi-text {\n font-family: var(--display);\n font-style: italic;\n font-size: 1.05rem;\n color: var(--black);\n margin-bottom: 1.25rem;\n line-height: 1.6;\n }\n .testi-stars { color: var(--gold); font-size: .9rem; margin-bottom: .75rem; letter-spacing: .05em; }\n .testi-author {\n display: flex; align-items: center; gap: .65rem;\n border-top: 1px solid var(--cream-dk);\n padding-top: 1rem;\n }\n .testi-avatar {\n width: 36px; height: 36px;\n border-radius: 50%;\n background: var(--forest);\n display: grid; place-items: center;\n font-size: .9rem;\n color: var(--white);\n font-weight: 600;\n flex-shrink: 0;\n }\n .testi-name { font-size: .85rem; font-weight: 600; color: var(--black); }\n .testi-role { font-size: .78rem; color: var(--grey); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n #cta-final {\n background: var(--forest);\n text-align: center;\n padding: 6rem var(--gap);\n }\n #cta-final .section-label { color: var(--gold-lt); margin-bottom: 1rem; }\n #cta-final .section-title { color: var(--white); margin: 0 auto 1rem; max-width: 500px; }\n #cta-final .section-sub { color: rgba(255,255,255,.65); margin: 0 auto 2.5rem; }\n\n .cta-btn-lg {\n display: inline-flex; align-items: center; gap: .6rem;\n background: var(--white);\n color: var(--forest);\n font-weight: 700; font-size: 1.05rem;\n padding: 1rem 2.25rem;\n border-radius: 100px;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n transition: background .2s, transform .15s, box-shadow .2s;\n }\n .cta-btn-lg:hover { background: var(--cream); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,.2); }\n .cta-phone-note {\n margin-top: 1.5rem;\n font-size: .82rem;\n color: rgba(255,255,255,.4);\n letter-spacing: .04em;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--black);\n color: rgba(255,255,255,.5);\n padding: 3rem var(--gap) 2rem;\n }\n .footer-inner {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 2rem;\n align-items: start;\n }\n @media (max-width: 600px) { .footer-inner { grid-template-columns: 1fr; } }\n .footer-brand {\n font-family: var(--display);\n font-size: 1.3rem; font-weight: 700;\n color: var(--white);\n margin-bottom: .5rem;\n }\n .footer-brand span { color: var(--gold); }\n .footer-detail { font-size: .82rem; line-height: 1.9; }\n .footer-link { color: var(--gold-lt); text-decoration: none; }\n .footer-link:hover { text-decoration: underline; }\n .footer-right { text-align: right; font-size: .8rem; line-height: 2; }\n @media (max-width: 600px) { .footer-right { text-align: left; } }\n .footer-copy {\n margin-top: 2rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,.06);\n font-size: .75rem;\n text-align: center;\n color: rgba(255,255,255,.25);\n }\n\n \/* \u2500\u2500 WA FLOAT \u2500\u2500 *\/\n .wa-float {\n position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 200;\n width: 56px; height: 56px;\n background: #25D366;\n border-radius: 50%;\n display: grid; place-items: center;\n box-shadow: 0 4px 20px rgba(37,211,102,.4);\n text-decoration: none;\n transition: transform .2s, box-shadow .2s;\n animation: pulse 2.5s 2s infinite;\n }\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 8px 30px rgba(37,211,102,.5); animation: none; }\n .wa-float svg { width: 28px; height: 28px; fill: white; }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .divider {\n width: 48px; height: 3px;\n background: var(--gold);\n border-radius: 2px;\n margin-bottom: 2rem;\n }\n .divider.center { margin-left: auto; margin-right: auto; }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n to { opacity: 1; transform: none; }\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,.4); }\n 50% { box-shadow: 0 4px 30px rgba(37,211,102,.7); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a class=\"nav-logo\" href=\"#hero\">BERAS <span>KAMPUNG<\/span><\/a>\n <a class=\"nav-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan Sekarang\n <\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">\ud83c\udf3e Segeri, Kabupaten Pangkep<\/div>\n <h1 class=\"hero-title\">BERAS<br>KAMPUNG<\/h1>\n <p class=\"hero-tagline\">Beras Pilihan Keluarga<\/p>\n <p class=\"hero-sub\">Dipilih dari beras premium, dikemas higienis, dan siap memenuhi kebutuhan keluarga Anda setiap hari.<\/p>\n <a class=\"hero-btn\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan via WhatsApp\n <\/a>\n <div class=\"hero-stats\">\n <span class=\"hero-stat\">Beras Premium<\/span>\n <span class=\"hero-stat\">Dikemas Higienis<\/span>\n <span class=\"hero-stat\">Siap Antar<\/span>\n <\/div>\n <\/div>\n\n \n <svg class=\"hero-illustration\" viewBox=\"0 0 1200 220\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0 180 Q100 130 200 160 Q300 190 400 140 Q500 90 600 130 Q700 170 800 120 Q900 70 1000 110 Q1100 150 1200 100 L1200 220 L0 220Z\" fill=\"#2C4A2E\" opacity=\".25\"\/>\n <path d=\"M0 200 Q150 165 300 185 Q450 205 600 165 Q750 125 900 155 Q1050 185 1200 145 L1200 220 L0 220Z\" fill=\"#2C4A2E\" opacity=\".35\"\/>\n \n <g opacity=\".4\" stroke=\"#2C4A2E\" stroke-width=\"1.5\" fill=\"none\">\n <line x1=\"100\" y1=\"200\" x2=\"95\" y2=\"155\"\/><ellipse cx=\"95\" cy=\"150\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"250\" y1=\"210\" x2=\"248\" y2=\"165\"\/><ellipse cx=\"248\" cy=\"160\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"420\" y1=\"195\" x2=\"416\" y2=\"148\"\/><ellipse cx=\"416\" cy=\"143\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"580\" y1=\"200\" x2=\"578\" y2=\"155\"\/><ellipse cx=\"578\" cy=\"150\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"730\" y1=\"192\" x2=\"728\" y2=\"147\"\/><ellipse cx=\"728\" cy=\"142\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"900\" y1=\"198\" x2=\"898\" y2=\"153\"\/><ellipse cx=\"898\" cy=\"148\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"1060\" y1=\"194\" x2=\"1058\" y2=\"149\"\/><ellipse cx=\"1058\" cy=\"144\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <\/g>\n <\/svg>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"container\">\n <p class=\"section-label\">Keunggulan<\/p>\n <h2 class=\"section-title\">Kenapa Memilih<br><em>Beras Kampung?<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"why-grid\">\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83c\udf3e<\/div>\n <h3>Dipilih dari Beras Premium<\/h3>\n <p>Setiap butir beras kami melewati seleksi ketat untuk memastikan hanya kualitas terbaik yang sampai ke meja makan keluarga Anda.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Dikemas Higienis<\/h3>\n <p>Proses pengemasan dilakukan secara bersih dan terstandar, menjaga kebersihan dan kesegaran beras hingga ke tangan Anda.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83c\udf5a<\/div>\n <h3>Pulen dan Enak<\/h3>\n <p>Tekstur pulen, rasa gurih, dan nasi yang matang merata \u2014 setiap masakan terasa lebih nikmat dengan beras pilihan kami.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83d\udcac<\/div>\n <h3>Mudah Dipesan<\/h3>\n <p>Pesan langsung via WhatsApp, tanpa ribet. Kami siap melayani dan mengantarkan ke lokasi Anda dengan cepat.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"produk\">\n <div class=\"container\">\n <p class=\"section-label\">Produk<\/p>\n <h2 class=\"section-title\">Pilihan <em>Ukuran<\/em><\/h2>\n <p class=\"section-sub\">Tersedia dalam dua ukuran untuk memenuhi kebutuhan keluarga kecil maupun besar.<\/p>\n <div class=\"product-grid\">\n <div class=\"product-card reveal\">\n <div class=\"product-img-wrap\">\n <div class=\"product-img-placeholder\">\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"20\" y=\"15\" width=\"40\" height=\"52\" rx=\"6\" stroke=\"#2C4A2E\" stroke-width=\"2\" fill=\"#EDE4D0\"\/>\n <ellipse cx=\"40\" cy=\"22\" rx=\"12\" ry=\"4\" fill=\"#2C4A2E\" opacity=\".2\"\/>\n <circle cx=\"31\" cy=\"35\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"40\" cy=\"33\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"49\" cy=\"35\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"35\" cy=\"42\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"42\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"40\" cy=\"50\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <text x=\"40\" y=\"72\" text-anchor=\"middle\" font-family=\"Georgia\" font-size=\"10\" font-weight=\"bold\" fill=\"#2C4A2E\">3 KG<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"product-body\">\n <span class=\"product-size\">Netto 3 Kg<\/span>\n <h3>Beras Kampung 3 KG<\/h3>\n <ul class=\"product-features\">\n <li>Cocok untuk keluarga kecil<\/li>\n <li>Praktis dan mudah disimpan<\/li>\n <li>Harga terjangkau<\/li>\n <\/ul>\n <a class=\"product-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung%203KG\" target=\"_blank\" rel=\"noopener\">\n Pesan Sekarang\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"product-card reveal\">\n <div class=\"product-badge-best\">Favorit<\/div>\n <div class=\"product-img-wrap\">\n <div class=\"product-img-placeholder\">\n <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"18\" y=\"12\" width=\"54\" height=\"64\" rx=\"7\" stroke=\"#2C4A2E\" stroke-width=\"2\" fill=\"#EDE4D0\"\/>\n <ellipse cx=\"45\" cy=\"21\" rx=\"16\" ry=\"5\" fill=\"#2C4A2E\" opacity=\".2\"\/>\n <circle cx=\"33\" cy=\"38\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"35\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"57\" cy=\"38\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"38\" cy=\"47\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"52\" cy=\"47\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"33\" cy=\"56\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"54\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"57\" cy=\"56\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <text x=\"45\" y=\"80\" text-anchor=\"middle\" font-family=\"Georgia\" font-size=\"11\" font-weight=\"bold\" fill=\"#2C4A2E\">5 KG<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"product-body\">\n <span class=\"product-size\">Netto 5 Kg<\/span>\n <h3>Beras Kampung 5 KG<\/h3>\n <ul class=\"product-features\">\n <li>Lebih hemat, lebih tahan lama<\/li>\n <li>Favorit keluarga Indonesia<\/li>\n <li>Nilai terbaik per kilogram<\/li>\n <\/ul>\n <a class=\"product-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung%205KG\" target=\"_blank\" rel=\"noopener\">\n Pesan Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"proses\">\n <div class=\"container\">\n <p class=\"section-label\">Proses<\/p>\n <h2 class=\"section-title\">Dari Beras Pilihan<br><em>ke Rumah Anda<\/em><\/h2>\n <p class=\"section-sub\">Setiap tahap kami jaga dengan serius agar kualitas tetap terjaga hingga di tangan Anda.<\/p>\n <div class=\"process-track\">\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83c\udf3e<\/div>\n <h4>Seleksi Beras<\/h4>\n <p>Hanya beras premium pilihan yang lolos seleksi ketat kami.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83d\udce6<\/div>\n <h4>Pengemasan<\/h4>\n <p>Dikemas higienis dalam kondisi bersih dan rapat untuk menjaga kualitas.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83c\udfea<\/div>\n <h4>Penyimpanan<\/h4>\n <p>Disimpan di tempat bersih, kering, dan sejuk agar tetap segar.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83d\ude9a<\/div>\n <h4>Pengantaran<\/h4>\n <p>Didistribusikan via Kampung Belanja, langsung ke tangan Anda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cerita\">\n <div class=\"container\">\n <div class=\"story-grid\">\n <div class=\"story-visual\">\ud83c\udf3e<\/div>\n <div class=\"story-body reveal\">\n <p class=\"section-label\">Cerita Kami<\/p>\n <h2 class=\"section-title\">Berawal dari Mimpi<br>yang <em>Diteruskan<\/em><\/h2>\n <div class=\"story-divider\"><\/div>\n <p>Beras Kampung lahir dari keinginan untuk menghadirkan beras berkualitas dengan harga yang lebih terjangkau bagi masyarakat. Terinspirasi dari usaha keluarga yang dahulu bergerak di bidang perdagangan beras, Beras Kampung hadir sebagai langkah baru untuk menghubungkan produk berkualitas dengan kebutuhan keluarga masa kini.<\/p>\n <div class=\"story-divider\"><\/div>\n <p class=\"story-tagline\">\"Beras yang baik adalah dasar dari makanan keluarga yang baik.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"jaringan\">\n <div class=\"container\">\n <p class=\"section-label\">Ekosistem<\/p>\n <h2 class=\"section-title\">Didukung Jaringan<br><em>Kampung Belanja<\/em><\/h2>\n <p class=\"section-sub\">Beras Kampung dikemas dan didistribusikan melalui jaringan Kampung Belanja sehingga lebih mudah menjangkau pelanggan di mana saja.<\/p>\n <div class=\"jaringan-cards\">\n <div class=\"jaringan-card reveal\">\n <div class=\"jaringan-icon\">\ud83c\udf3e<\/div>\n <h3>Beras Kampung<\/h3>\n <p>Merek dan pengemasan. Bertanggung jawab atas seleksi beras dan standar kualitas produk yang sampai ke tangan Anda.<\/p>\n <\/div>\n <div class=\"jaringan-card reveal\">\n <div class=\"jaringan-icon\">\ud83d\udecd\ufe0f<\/div>\n <h3>Kampung Belanja<\/h3>\n <p>Distribusi dan layanan pelanggan. Memastikan setiap pesanan sampai dengan cepat dan dalam kondisi terbaik.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimoni\">\n <div class=\"container\">\n <p class=\"section-label\">Ulasan Pelanggan<\/p>\n <h2 class=\"section-title\">Apa Kata Mereka<br>tentang <em>Beras Kampung?<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Nasinya pulen dan bersih banget. Tidak ada batu, tidak ada kotoran. Sudah berlangganan sebulan lebih.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">S<\/div>\n <div>\n <div class=\"testi-name\">Siti Rahma<\/div>\n <div class=\"testi-role\">Ibu Rumah Tangga, Pangkep<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Harganya masuk akal untuk kualitas yang didapat. Beras premium tapi tidak terlalu mahal. Sangat direkomendasikan.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">A<\/div>\n <div>\n <div class=\"testi-name\">Ahmad Fauzi<\/div>\n <div class=\"testi-role\">Pelanggan Setia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Praktis sekali. Tinggal pesan lewat WhatsApp, tidak lama sudah diantar ke rumah. Pelayanannya cepat dan ramah.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">N<\/div>\n <div>\n <div class=\"testi-name\">Nurul Hikmah<\/div>\n <div class=\"testi-role\">Pelanggan<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta-final\">\n <div class=\"container\" style=\"text-align:center;\">\n <p class=\"section-label\">Mulai Sekarang<\/p>\n <h2 class=\"section-title\" style=\"color:white;max-width:480px;margin:0 auto 1rem;\">Siap Mencoba Beras Kampung?<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto 2.5rem;\">Pesan sekarang dan rasakan kualitas beras pilihan keluarga langsung di rumah Anda.<\/p>\n <a class=\"cta-btn-lg\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan via WhatsApp\n <\/a>\n <p class=\"cta-phone-note\">Respon cepat \u00b7 Pengiriman ke seluruh wilayah Pangkep<\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div>\n <div class=\"footer-brand\">BERAS <span>KAMPUNG<\/span><\/div>\n <div class=\"footer-detail\">\n Segeri, Kabupaten Pangkep<br>\n Dikemas oleh <strong style=\"color:rgba(255,255,255,.7)\">Beras Kampung<\/strong><br>\n Didistribusikan oleh <strong style=\"color:rgba(255,255,255,.7)\">Kampung Belanja<\/strong><br>\n <a class=\"footer-link\" href=\"https:\/\/beraskampung.com\" target=\"_blank\" rel=\"noopener\">BerasKampung.com<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-right\">\n <a class=\"footer-link\" href=\"https:\/\/wa.me\/6281949166386\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a><br>\n <a class=\"footer-link\" href=\"https:\/\/beraskampung.com\" target=\"_blank\" rel=\"noopener\">Website<\/a><br>\n <a class=\"footer-link\" href=\"https:\/\/kampungbelanja.com\" target=\"_blank\" rel=\"noopener\">Kampung Belanja<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2026 Beras Kampung. Semua hak dilindungi undang-undang.<\/div>\n<\/footer>\n\n\n<a class=\"wa-float\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pesan via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n<\/a>\n\n<script>\n \/\/ Nav scroll shadow\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n }, { passive: true });\n\n \/\/ Scroll-reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n \/\/ stagger siblings\n const siblings = entry.target.parentElement.querySelectorAll('.reveal');\n siblings.forEach((el, idx) => {\n setTimeout(() => el.classList.add('visible'), idx * 90);\n });\n \/\/ also mark this one immediately\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Smooth anchor\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const target = document.querySelector(a.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Elementor Halaman #40 - Beras Kampung<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beraskampung.com\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Halaman #40 - Beras Kampung\" \/>\n<meta property=\"og:description\" content=\"Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beraskampung.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Beras Kampung\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T05:17:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/beraskampung.com\/\",\"url\":\"https:\/\/beraskampung.com\/\",\"name\":\"Elementor Halaman #40 - Beras Kampung\",\"isPartOf\":{\"@id\":\"https:\/\/beraskampung.com\/#website\"},\"datePublished\":\"2026-06-26T05:08:24+00:00\",\"dateModified\":\"2026-06-26T05:17:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/beraskampung.com\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/beraskampung.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/beraskampung.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/beraskampung.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Halaman #40\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/beraskampung.com\/#website\",\"url\":\"https:\/\/beraskampung.com\/\",\"name\":\"Beras Kampung\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/beraskampung.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n","yoast_head_json":{"title":"Elementor Halaman #40 - Beras Kampung","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beraskampung.com\/","og_locale":"id_ID","og_type":"article","og_title":"Elementor Halaman #40 - Beras Kampung","og_description":"Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]","og_url":"https:\/\/beraskampung.com\/","og_site_name":"Beras Kampung","article_modified_time":"2026-06-26T05:17:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"16 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beraskampung.com\/","url":"https:\/\/beraskampung.com\/","name":"Elementor Halaman #40 - Beras Kampung","isPartOf":{"@id":"https:\/\/beraskampung.com\/#website"},"datePublished":"2026-06-26T05:08:24+00:00","dateModified":"2026-06-26T05:17:36+00:00","breadcrumb":{"@id":"https:\/\/beraskampung.com\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beraskampung.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/beraskampung.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/beraskampung.com\/"},{"@type":"ListItem","position":2,"name":"Elementor Halaman #40"}]},{"@type":"WebSite","@id":"https:\/\/beraskampung.com\/#website","url":"https:\/\/beraskampung.com\/","name":"Beras Kampung","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beraskampung.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":10,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nBeras Kampung \u2014 Beras Pilihan Keluarga<\/title>\n<meta name=\"description\" content=\"Beras Kampung, beras premium dari Segeri, Kabupaten Pangkep. Dipilih dari beras terbaik, dikemas higienis, dan siap memenuhi kebutuhan keluarga Anda.\">\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Inter:wght@300;400;500;600&display=swap');\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F5F0E8;\n --cream-dk: #EDE4D0;\n --white: #FDFBF7;\n --black: #1A1A18;\n --forest: #2C4A2E;\n --forest-lt:#3D6641;\n --forest-xlt:#EEF4EE;\n --gold: #B8924A;\n --gold-lt: #D4AA6A;\n --grey: #6B6860;\n --grey-lt: #C8C4BC;\n\n --display: 'Playfair Display', Georgia, serif;\n --body: 'Inter', system-ui, sans-serif;\n\n --max: 1080px;\n --gap: clamp(1.5rem, 4vw, 3rem);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--body);\n background: var(--white);\n color: var(--black);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1rem var(--gap);\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(253,251,247,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--cream-dk);\n transition: box-shadow .3s;\n }\n nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,.08); }\n .nav-logo {\n font-family: var(--display);\n font-weight: 700;\n font-size: 1.15rem;\n color: var(--forest);\n letter-spacing: .02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-cta {\n display: inline-flex; align-items: center; gap: .45rem;\n background: var(--forest);\n color: var(--white);\n font-family: var(--body);\n font-size: .82rem;\n font-weight: 600;\n letter-spacing: .04em;\n padding: .55rem 1.1rem;\n border-radius: 100px;\n text-decoration: none;\n transition: background .2s, transform .15s;\n }\n .nav-cta:hover { background: var(--forest-lt); transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n min-height: 100svh;\n padding-top: 80px;\n display: grid;\n place-items: center;\n position: relative;\n overflow: hidden;\n background: var(--cream);\n }\n\n \/* decorative grain texture *\/\n #hero::before {\n content: '';\n position: absolute; inset: 0;\n background-image:\n radial-gradient(ellipse 80% 60% at 50% 110%, rgba(44,74,46,.12) 0%, transparent 60%),\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='60'%3E%3Ccircle cx='3' cy='3' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='33' cy='3' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='18' cy='18' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='48' cy='18' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='3' cy='33' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='33' cy='33' r='.8' fill='%232C4A2E' opacity='.06'\/%3E%3Ccircle cx='18' cy='48' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3Ccircle cx='48' cy='48' r='.8' fill='%232C4A2E' opacity='.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n\n \/* SVG sawah illustration *\/\n .hero-illustration {\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 220px;\n opacity: .18;\n pointer-events: none;\n }\n\n .hero-inner {\n position: relative; z-index: 2;\n max-width: 700px;\n margin: 0 auto;\n padding: 4rem var(--gap) 6rem;\n text-align: center;\n }\n\n .hero-badge {\n display: inline-flex; align-items: center; gap: .4rem;\n font-size: .78rem; font-weight: 600;\n letter-spacing: .1em; text-transform: uppercase;\n color: var(--forest);\n background: rgba(44,74,46,.1);\n border: 1px solid rgba(44,74,46,.2);\n padding: .35rem .9rem;\n border-radius: 100px;\n margin-bottom: 2rem;\n opacity: 0; transform: translateY(12px);\n animation: fadeUp .7s .1s forwards;\n }\n\n .hero-title {\n font-family: var(--display);\n font-size: clamp(3rem, 10vw, 5.5rem);\n font-weight: 900;\n line-height: 1;\n letter-spacing: -.01em;\n color: var(--forest);\n margin-bottom: .4rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .2s forwards;\n }\n\n .hero-tagline {\n font-family: var(--display);\n font-style: italic;\n font-size: clamp(1.1rem, 3vw, 1.5rem);\n color: var(--gold);\n margin-bottom: 1.5rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .3s forwards;\n }\n\n .hero-sub {\n font-size: clamp(.95rem, 2vw, 1.1rem);\n color: var(--grey);\n max-width: 500px;\n margin: 0 auto 2.5rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .4s forwards;\n }\n\n .hero-btn {\n display: inline-flex; align-items: center; gap: .5rem;\n background: var(--forest);\n color: var(--white);\n font-weight: 600; font-size: 1rem;\n padding: .9rem 2rem;\n border-radius: 100px;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(44,74,46,.3);\n transition: background .2s, transform .15s, box-shadow .2s;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .5s forwards;\n }\n .hero-btn:hover { background: var(--forest-lt); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(44,74,46,.35); }\n\n .hero-stats {\n display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap;\n margin-top: 3rem;\n opacity: 0; transform: translateY(16px);\n animation: fadeUp .7s .65s forwards;\n }\n .hero-stat {\n display: flex; align-items: center; gap: .4rem;\n font-size: .82rem; font-weight: 500;\n color: var(--grey);\n letter-spacing: .02em;\n }\n .hero-stat::before { content: '\u2713'; color: var(--gold); font-weight: 700; font-size: .9rem; }\n\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\n section { padding: 5rem var(--gap); }\n .container { max-width: var(--max); margin: 0 auto; }\n\n .section-label {\n font-size: .72rem; font-weight: 700;\n letter-spacing: .15em; text-transform: uppercase;\n color: var(--gold);\n margin-bottom: .75rem;\n }\n .section-title {\n font-family: var(--display);\n font-size: clamp(1.7rem, 4vw, 2.6rem);\n font-weight: 700;\n line-height: 1.2;\n color: var(--black);\n margin-bottom: 1rem;\n }\n .section-title em { font-style: italic; color: var(--forest); }\n .section-sub {\n color: var(--grey);\n max-width: 520px;\n font-size: 1rem;\n margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500 WHY \u2500\u2500 *\/\n #why { background: var(--white); }\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n }\n .why-card {\n background: var(--cream);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n transition: transform .25s, box-shadow .25s;\n opacity: 0; transform: translateY(24px);\n }\n .why-card.visible { opacity: 1; transform: none; transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s, opacity .4s; }\n .why-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,.08); }\n .why-icon {\n width: 48px; height: 48px;\n background: var(--forest);\n border-radius: 12px;\n display: grid; place-items: center;\n font-size: 1.4rem;\n margin-bottom: 1.25rem;\n }\n .why-card h3 {\n font-family: var(--display);\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: .5rem;\n color: var(--black);\n }\n .why-card p { font-size: .9rem; color: var(--grey); line-height: 1.6; }\n\n \/* \u2500\u2500 PRODUCTS \u2500\u2500 *\/\n #produk { background: var(--cream); }\n .product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 700px;\n }\n .product-card {\n background: var(--white);\n border: 1px solid var(--cream-dk);\n border-radius: 20px;\n overflow: hidden;\n position: relative;\n opacity: 0; transform: translateY(24px);\n }\n .product-card.visible { opacity: 1; transform: none; transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s; }\n .product-card:hover .product-img-wrap img { transform: scale(1.04); }\n\n .product-badge-best {\n position: absolute; top: 1rem; right: 1rem; z-index: 2;\n background: var(--gold);\n color: var(--white);\n font-size: .7rem; font-weight: 700;\n letter-spacing: .08em; text-transform: uppercase;\n padding: .3rem .7rem;\n border-radius: 100px;\n }\n\n .product-img-wrap {\n height: 220px;\n background: var(--cream);\n overflow: hidden;\n display: grid; place-items: center;\n }\n .product-img-wrap img {\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform .5s ease;\n }\n\n \/* placeholder if no image *\/\n .product-img-placeholder {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: .5rem; height: 100%;\n font-size: 3.5rem;\n color: var(--forest);\n opacity: .35;\n }\n\n .product-body { padding: 1.5rem; }\n .product-size {\n display: inline-block;\n background: var(--forest-xlt);\n color: var(--forest);\n font-size: .75rem; font-weight: 700;\n letter-spacing: .06em; text-transform: uppercase;\n padding: .25rem .65rem;\n border-radius: 6px;\n margin-bottom: .75rem;\n }\n .product-body h3 {\n font-family: var(--display);\n font-size: 1.3rem; font-weight: 700;\n margin-bottom: .75rem;\n color: var(--black);\n }\n .product-features { list-style: none; margin-bottom: 1.5rem; }\n .product-features li {\n font-size: .88rem; color: var(--grey);\n display: flex; align-items: center; gap: .4rem;\n padding: .25rem 0;\n border-bottom: 1px solid var(--cream-dk);\n }\n .product-features li::before { content: '\u2014'; color: var(--gold); font-weight: 700; flex-shrink: 0; }\n .product-cta {\n display: flex; align-items: center; justify-content: center; gap: .4rem;\n background: var(--forest);\n color: var(--white);\n font-weight: 600; font-size: .9rem;\n padding: .8rem 1.5rem;\n border-radius: 12px;\n text-decoration: none;\n transition: background .2s, transform .15s;\n }\n .product-cta:hover { background: var(--forest-lt); transform: translateY(-1px); }\n\n \/* \u2500\u2500 PROSES \u2500\u2500 *\/\n #proses { background: var(--white); }\n .process-track {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n position: relative;\n margin-top: 1rem;\n }\n .process-track::before {\n content: '';\n position: absolute;\n top: 32px; left: 10%; right: 10%;\n height: 2px;\n background: linear-gradient(90deg, var(--cream-dk), var(--gold-lt), var(--cream-dk));\n }\n .process-step {\n text-align: center;\n padding: 0 .75rem 0;\n opacity: 0; transform: translateY(20px);\n }\n .process-step.visible { opacity: 1; transform: none; transition: all .5s cubic-bezier(.22,1,.36,1); }\n .process-num {\n width: 64px; height: 64px;\n border-radius: 50%;\n background: var(--cream);\n border: 2px solid var(--cream-dk);\n display: grid; place-items: center;\n margin: 0 auto 1.25rem;\n font-size: 1.6rem;\n position: relative; z-index: 1;\n transition: background .3s, border-color .3s;\n }\n .process-step:hover .process-num { background: var(--forest); border-color: var(--forest); }\n .process-step h4 {\n font-family: var(--display);\n font-size: 1rem; font-weight: 600;\n color: var(--black);\n margin-bottom: .4rem;\n }\n .process-step p { font-size: .82rem; color: var(--grey); line-height: 1.5; }\n\n @media (max-width: 600px) {\n .process-track {\n grid-template-columns: 1fr 1fr;\n gap: 2rem 1rem;\n }\n .process-track::before { display: none; }\n }\n\n \/* \u2500\u2500 CERITA \u2500\u2500 *\/\n #cerita {\n background: var(--forest);\n color: var(--white);\n }\n .story-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n @media (max-width: 720px) {\n .story-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n }\n .story-visual {\n border-radius: 20px;\n overflow: hidden;\n height: 360px;\n background: rgba(255,255,255,.05);\n border: 1px solid rgba(255,255,255,.1);\n display: grid; place-items: center;\n font-size: 6rem;\n opacity: .5;\n }\n #cerita .section-label { color: var(--gold-lt); }\n #cerita .section-title { color: var(--white); }\n #cerita .section-title em { color: var(--gold-lt); }\n .story-body p {\n font-size: 1.05rem;\n line-height: 1.8;\n color: rgba(255,255,255,.75);\n }\n .story-divider {\n width: 40px; height: 2px;\n background: var(--gold);\n margin: 1.5rem 0;\n }\n .story-tagline {\n font-family: var(--display);\n font-style: italic;\n font-size: 1.2rem;\n color: var(--gold-lt);\n line-height: 1.5;\n }\n\n \/* \u2500\u2500 KAMPUNG BELANJA \u2500\u2500 *\/\n #jaringan { background: var(--cream); }\n .jaringan-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n max-width: 680px;\n }\n @media (max-width: 540px) {\n .jaringan-cards { grid-template-columns: 1fr; }\n }\n .jaringan-card {\n background: var(--white);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n opacity: 0; transform: translateY(20px);\n }\n .jaringan-card.visible { opacity: 1; transform: none; transition: all .45s cubic-bezier(.22,1,.36,1); }\n .jaringan-icon { font-size: 2.2rem; margin-bottom: 1rem; }\n .jaringan-card h3 {\n font-family: var(--display);\n font-size: 1.15rem; font-weight: 700;\n color: var(--forest);\n margin-bottom: .5rem;\n }\n .jaringan-card p { font-size: .88rem; color: var(--grey); line-height: 1.6; }\n\n \/* \u2500\u2500 TESTIMONI \u2500\u2500 *\/\n #testimoni { background: var(--white); }\n .testi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n }\n .testi-card {\n background: var(--cream);\n border: 1px solid var(--cream-dk);\n border-radius: 16px;\n padding: 1.75rem;\n position: relative;\n opacity: 0; transform: translateY(24px);\n }\n .testi-card.visible { opacity: 1; transform: none; transition: all .45s cubic-bezier(.22,1,.36,1); }\n .testi-quote {\n font-family: var(--display);\n font-size: 3rem;\n color: var(--gold);\n line-height: .8;\n margin-bottom: .5rem;\n }\n .testi-text {\n font-family: var(--display);\n font-style: italic;\n font-size: 1.05rem;\n color: var(--black);\n margin-bottom: 1.25rem;\n line-height: 1.6;\n }\n .testi-stars { color: var(--gold); font-size: .9rem; margin-bottom: .75rem; letter-spacing: .05em; }\n .testi-author {\n display: flex; align-items: center; gap: .65rem;\n border-top: 1px solid var(--cream-dk);\n padding-top: 1rem;\n }\n .testi-avatar {\n width: 36px; height: 36px;\n border-radius: 50%;\n background: var(--forest);\n display: grid; place-items: center;\n font-size: .9rem;\n color: var(--white);\n font-weight: 600;\n flex-shrink: 0;\n }\n .testi-name { font-size: .85rem; font-weight: 600; color: var(--black); }\n .testi-role { font-size: .78rem; color: var(--grey); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n #cta-final {\n background: var(--forest);\n text-align: center;\n padding: 6rem var(--gap);\n }\n #cta-final .section-label { color: var(--gold-lt); margin-bottom: 1rem; }\n #cta-final .section-title { color: var(--white); margin: 0 auto 1rem; max-width: 500px; }\n #cta-final .section-sub { color: rgba(255,255,255,.65); margin: 0 auto 2.5rem; }\n\n .cta-btn-lg {\n display: inline-flex; align-items: center; gap: .6rem;\n background: var(--white);\n color: var(--forest);\n font-weight: 700; font-size: 1.05rem;\n padding: 1rem 2.25rem;\n border-radius: 100px;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n transition: background .2s, transform .15s, box-shadow .2s;\n }\n .cta-btn-lg:hover { background: var(--cream); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,.2); }\n .cta-phone-note {\n margin-top: 1.5rem;\n font-size: .82rem;\n color: rgba(255,255,255,.4);\n letter-spacing: .04em;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--black);\n color: rgba(255,255,255,.5);\n padding: 3rem var(--gap) 2rem;\n }\n .footer-inner {\n max-width: var(--max);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 2rem;\n align-items: start;\n }\n @media (max-width: 600px) { .footer-inner { grid-template-columns: 1fr; } }\n .footer-brand {\n font-family: var(--display);\n font-size: 1.3rem; font-weight: 700;\n color: var(--white);\n margin-bottom: .5rem;\n }\n .footer-brand span { color: var(--gold); }\n .footer-detail { font-size: .82rem; line-height: 1.9; }\n .footer-link { color: var(--gold-lt); text-decoration: none; }\n .footer-link:hover { text-decoration: underline; }\n .footer-right { text-align: right; font-size: .8rem; line-height: 2; }\n @media (max-width: 600px) { .footer-right { text-align: left; } }\n .footer-copy {\n margin-top: 2rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,.06);\n font-size: .75rem;\n text-align: center;\n color: rgba(255,255,255,.25);\n }\n\n \/* \u2500\u2500 WA FLOAT \u2500\u2500 *\/\n .wa-float {\n position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 200;\n width: 56px; height: 56px;\n background: #25D366;\n border-radius: 50%;\n display: grid; place-items: center;\n box-shadow: 0 4px 20px rgba(37,211,102,.4);\n text-decoration: none;\n transition: transform .2s, box-shadow .2s;\n animation: pulse 2.5s 2s infinite;\n }\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 8px 30px rgba(37,211,102,.5); animation: none; }\n .wa-float svg { width: 28px; height: 28px; fill: white; }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .divider {\n width: 48px; height: 3px;\n background: var(--gold);\n border-radius: 2px;\n margin-bottom: 2rem;\n }\n .divider.center { margin-left: auto; margin-right: auto; }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n to { opacity: 1; transform: none; }\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,.4); }\n 50% { box-shadow: 0 4px 30px rgba(37,211,102,.7); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a class=\"nav-logo\" href=\"#hero\">BERAS <span>KAMPUNG<\/span><\/a>\n <a class=\"nav-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan Sekarang\n <\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">\ud83c\udf3e Segeri, Kabupaten Pangkep<\/div>\n <h1 class=\"hero-title\">BERAS<br>KAMPUNG<\/h1>\n <p class=\"hero-tagline\">Beras Pilihan Keluarga<\/p>\n <p class=\"hero-sub\">Dipilih dari beras premium, dikemas higienis, dan siap memenuhi kebutuhan keluarga Anda setiap hari.<\/p>\n <a class=\"hero-btn\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan via WhatsApp\n <\/a>\n <div class=\"hero-stats\">\n <span class=\"hero-stat\">Beras Premium<\/span>\n <span class=\"hero-stat\">Dikemas Higienis<\/span>\n <span class=\"hero-stat\">Siap Antar<\/span>\n <\/div>\n <\/div>\n\n \n <svg class=\"hero-illustration\" viewBox=\"0 0 1200 220\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0 180 Q100 130 200 160 Q300 190 400 140 Q500 90 600 130 Q700 170 800 120 Q900 70 1000 110 Q1100 150 1200 100 L1200 220 L0 220Z\" fill=\"#2C4A2E\" opacity=\".25\"\/>\n <path d=\"M0 200 Q150 165 300 185 Q450 205 600 165 Q750 125 900 155 Q1050 185 1200 145 L1200 220 L0 220Z\" fill=\"#2C4A2E\" opacity=\".35\"\/>\n \n <g opacity=\".4\" stroke=\"#2C4A2E\" stroke-width=\"1.5\" fill=\"none\">\n <line x1=\"100\" y1=\"200\" x2=\"95\" y2=\"155\"\/><ellipse cx=\"95\" cy=\"150\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"250\" y1=\"210\" x2=\"248\" y2=\"165\"\/><ellipse cx=\"248\" cy=\"160\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"420\" y1=\"195\" x2=\"416\" y2=\"148\"\/><ellipse cx=\"416\" cy=\"143\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"580\" y1=\"200\" x2=\"578\" y2=\"155\"\/><ellipse cx=\"578\" cy=\"150\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"730\" y1=\"192\" x2=\"728\" y2=\"147\"\/><ellipse cx=\"728\" cy=\"142\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"900\" y1=\"198\" x2=\"898\" y2=\"153\"\/><ellipse cx=\"898\" cy=\"148\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <line x1=\"1060\" y1=\"194\" x2=\"1058\" y2=\"149\"\/><ellipse cx=\"1058\" cy=\"144\" rx=\"5\" ry=\"9\" fill=\"#2C4A2E\"\/>\n <\/g>\n <\/svg>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"container\">\n <p class=\"section-label\">Keunggulan<\/p>\n <h2 class=\"section-title\">Kenapa Memilih<br><em>Beras Kampung?<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"why-grid\">\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83c\udf3e<\/div>\n <h3>Dipilih dari Beras Premium<\/h3>\n <p>Setiap butir beras kami melewati seleksi ketat untuk memastikan hanya kualitas terbaik yang sampai ke meja makan keluarga Anda.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Dikemas Higienis<\/h3>\n <p>Proses pengemasan dilakukan secara bersih dan terstandar, menjaga kebersihan dan kesegaran beras hingga ke tangan Anda.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83c\udf5a<\/div>\n <h3>Pulen dan Enak<\/h3>\n <p>Tekstur pulen, rasa gurih, dan nasi yang matang merata \u2014 setiap masakan terasa lebih nikmat dengan beras pilihan kami.<\/p>\n <\/div>\n <div class=\"why-card reveal\">\n <div class=\"why-icon\">\ud83d\udcac<\/div>\n <h3>Mudah Dipesan<\/h3>\n <p>Pesan langsung via WhatsApp, tanpa ribet. Kami siap melayani dan mengantarkan ke lokasi Anda dengan cepat.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"produk\">\n <div class=\"container\">\n <p class=\"section-label\">Produk<\/p>\n <h2 class=\"section-title\">Pilihan <em>Ukuran<\/em><\/h2>\n <p class=\"section-sub\">Tersedia dalam dua ukuran untuk memenuhi kebutuhan keluarga kecil maupun besar.<\/p>\n <div class=\"product-grid\">\n <div class=\"product-card reveal\">\n <div class=\"product-img-wrap\">\n <div class=\"product-img-placeholder\">\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"20\" y=\"15\" width=\"40\" height=\"52\" rx=\"6\" stroke=\"#2C4A2E\" stroke-width=\"2\" fill=\"#EDE4D0\"\/>\n <ellipse cx=\"40\" cy=\"22\" rx=\"12\" ry=\"4\" fill=\"#2C4A2E\" opacity=\".2\"\/>\n <circle cx=\"31\" cy=\"35\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"40\" cy=\"33\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"49\" cy=\"35\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"35\" cy=\"42\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"42\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"40\" cy=\"50\" r=\"2.5\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <text x=\"40\" y=\"72\" text-anchor=\"middle\" font-family=\"Georgia\" font-size=\"10\" font-weight=\"bold\" fill=\"#2C4A2E\">3 KG<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"product-body\">\n <span class=\"product-size\">Netto 3 Kg<\/span>\n <h3>Beras Kampung 3 KG<\/h3>\n <ul class=\"product-features\">\n <li>Cocok untuk keluarga kecil<\/li>\n <li>Praktis dan mudah disimpan<\/li>\n <li>Harga terjangkau<\/li>\n <\/ul>\n <a class=\"product-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung%203KG\" target=\"_blank\" rel=\"noopener\">\n Pesan Sekarang\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"product-card reveal\">\n <div class=\"product-badge-best\">Favorit<\/div>\n <div class=\"product-img-wrap\">\n <div class=\"product-img-placeholder\">\n <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"18\" y=\"12\" width=\"54\" height=\"64\" rx=\"7\" stroke=\"#2C4A2E\" stroke-width=\"2\" fill=\"#EDE4D0\"\/>\n <ellipse cx=\"45\" cy=\"21\" rx=\"16\" ry=\"5\" fill=\"#2C4A2E\" opacity=\".2\"\/>\n <circle cx=\"33\" cy=\"38\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"35\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"57\" cy=\"38\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"38\" cy=\"47\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"52\" cy=\"47\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"33\" cy=\"56\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"45\" cy=\"54\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <circle cx=\"57\" cy=\"56\" r=\"3\" fill=\"#2C4A2E\" opacity=\".3\"\/>\n <text x=\"45\" y=\"80\" text-anchor=\"middle\" font-family=\"Georgia\" font-size=\"11\" font-weight=\"bold\" fill=\"#2C4A2E\">5 KG<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"product-body\">\n <span class=\"product-size\">Netto 5 Kg<\/span>\n <h3>Beras Kampung 5 KG<\/h3>\n <ul class=\"product-features\">\n <li>Lebih hemat, lebih tahan lama<\/li>\n <li>Favorit keluarga Indonesia<\/li>\n <li>Nilai terbaik per kilogram<\/li>\n <\/ul>\n <a class=\"product-cta\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung%205KG\" target=\"_blank\" rel=\"noopener\">\n Pesan Sekarang\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"proses\">\n <div class=\"container\">\n <p class=\"section-label\">Proses<\/p>\n <h2 class=\"section-title\">Dari Beras Pilihan<br><em>ke Rumah Anda<\/em><\/h2>\n <p class=\"section-sub\">Setiap tahap kami jaga dengan serius agar kualitas tetap terjaga hingga di tangan Anda.<\/p>\n <div class=\"process-track\">\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83c\udf3e<\/div>\n <h4>Seleksi Beras<\/h4>\n <p>Hanya beras premium pilihan yang lolos seleksi ketat kami.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83d\udce6<\/div>\n <h4>Pengemasan<\/h4>\n <p>Dikemas higienis dalam kondisi bersih dan rapat untuk menjaga kualitas.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83c\udfea<\/div>\n <h4>Penyimpanan<\/h4>\n <p>Disimpan di tempat bersih, kering, dan sejuk agar tetap segar.<\/p>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-num\">\ud83d\ude9a<\/div>\n <h4>Pengantaran<\/h4>\n <p>Didistribusikan via Kampung Belanja, langsung ke tangan Anda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cerita\">\n <div class=\"container\">\n <div class=\"story-grid\">\n <div class=\"story-visual\">\ud83c\udf3e<\/div>\n <div class=\"story-body reveal\">\n <p class=\"section-label\">Cerita Kami<\/p>\n <h2 class=\"section-title\">Berawal dari Mimpi<br>yang <em>Diteruskan<\/em><\/h2>\n <div class=\"story-divider\"><\/div>\n <p>Beras Kampung lahir dari keinginan untuk menghadirkan beras berkualitas dengan harga yang lebih terjangkau bagi masyarakat. Terinspirasi dari usaha keluarga yang dahulu bergerak di bidang perdagangan beras, Beras Kampung hadir sebagai langkah baru untuk menghubungkan produk berkualitas dengan kebutuhan keluarga masa kini.<\/p>\n <div class=\"story-divider\"><\/div>\n <p class=\"story-tagline\">\"Beras yang baik adalah dasar dari makanan keluarga yang baik.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"jaringan\">\n <div class=\"container\">\n <p class=\"section-label\">Ekosistem<\/p>\n <h2 class=\"section-title\">Didukung Jaringan<br><em>Kampung Belanja<\/em><\/h2>\n <p class=\"section-sub\">Beras Kampung dikemas dan didistribusikan melalui jaringan Kampung Belanja sehingga lebih mudah menjangkau pelanggan di mana saja.<\/p>\n <div class=\"jaringan-cards\">\n <div class=\"jaringan-card reveal\">\n <div class=\"jaringan-icon\">\ud83c\udf3e<\/div>\n <h3>Beras Kampung<\/h3>\n <p>Merek dan pengemasan. Bertanggung jawab atas seleksi beras dan standar kualitas produk yang sampai ke tangan Anda.<\/p>\n <\/div>\n <div class=\"jaringan-card reveal\">\n <div class=\"jaringan-icon\">\ud83d\udecd\ufe0f<\/div>\n <h3>Kampung Belanja<\/h3>\n <p>Distribusi dan layanan pelanggan. Memastikan setiap pesanan sampai dengan cepat dan dalam kondisi terbaik.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimoni\">\n <div class=\"container\">\n <p class=\"section-label\">Ulasan Pelanggan<\/p>\n <h2 class=\"section-title\">Apa Kata Mereka<br>tentang <em>Beras Kampung?<\/em><\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Nasinya pulen dan bersih banget. Tidak ada batu, tidak ada kotoran. Sudah berlangganan sebulan lebih.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">S<\/div>\n <div>\n <div class=\"testi-name\">Siti Rahma<\/div>\n <div class=\"testi-role\">Ibu Rumah Tangga, Pangkep<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Harganya masuk akal untuk kualitas yang didapat. Beras premium tapi tidak terlalu mahal. Sangat direkomendasikan.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">A<\/div>\n <div>\n <div class=\"testi-name\">Ahmad Fauzi<\/div>\n <div class=\"testi-role\">Pelanggan Setia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"testi-quote\">\"<\/div>\n <p class=\"testi-text\">Praktis sekali. Tinggal pesan lewat WhatsApp, tidak lama sudah diantar ke rumah. Pelayanannya cepat dan ramah.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-author\">\n <div class=\"testi-avatar\">N<\/div>\n <div>\n <div class=\"testi-name\">Nurul Hikmah<\/div>\n <div class=\"testi-role\">Pelanggan<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta-final\">\n <div class=\"container\" style=\"text-align:center;\">\n <p class=\"section-label\">Mulai Sekarang<\/p>\n <h2 class=\"section-title\" style=\"color:white;max-width:480px;margin:0 auto 1rem;\">Siap Mencoba Beras Kampung?<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto 2.5rem;\">Pesan sekarang dan rasakan kualitas beras pilihan keluarga langsung di rumah Anda.<\/p>\n <a class=\"cta-btn-lg\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n Pesan via WhatsApp\n <\/a>\n <p class=\"cta-phone-note\">Respon cepat \u00b7 Pengiriman ke seluruh wilayah Pangkep<\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div>\n <div class=\"footer-brand\">BERAS <span>KAMPUNG<\/span><\/div>\n <div class=\"footer-detail\">\n Segeri, Kabupaten Pangkep<br>\n Dikemas oleh <strong style=\"color:rgba(255,255,255,.7)\">Beras Kampung<\/strong><br>\n Didistribusikan oleh <strong style=\"color:rgba(255,255,255,.7)\">Kampung Belanja<\/strong><br>\n <a class=\"footer-link\" href=\"https:\/\/beraskampung.com\" target=\"_blank\" rel=\"noopener\">BerasKampung.com<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-right\">\n <a class=\"footer-link\" href=\"https:\/\/wa.me\/6281949166386\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a><br>\n <a class=\"footer-link\" href=\"https:\/\/beraskampung.com\" target=\"_blank\" rel=\"noopener\">Website<\/a><br>\n <a class=\"footer-link\" href=\"https:\/\/kampungbelanja.com\" target=\"_blank\" rel=\"noopener\">Kampung Belanja<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2026 Beras Kampung. Semua hak dilindungi undang-undang.<\/div>\n<\/footer>\n\n\n<a class=\"wa-float\" href=\"https:\/\/wa.me\/6281949166386?text=Halo%2C%20saya%20ingin%20memesan%20Beras%20Kampung\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pesan via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n<\/a>\n\n<script>\n \/\/ Nav scroll shadow\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n }, { passive: true });\n\n \/\/ Scroll-reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n \/\/ stagger siblings\n const siblings = entry.target.parentElement.querySelectorAll('.reveal');\n siblings.forEach((el, idx) => {\n setTimeout(() => el.classList.add('visible'), idx * 90);\n });\n \/\/ also mark this one immediately\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Smooth anchor\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const target = document.querySelector(a.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Elementor Halaman #40 - Beras Kampung<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/beraskampung.com\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Halaman #40 - Beras Kampung\" \/>\n<meta property=\"og:description\" content=\"Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beraskampung.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Beras Kampung\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T05:17:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/beraskampung.com\/\",\"url\":\"https:\/\/beraskampung.com\/\",\"name\":\"Elementor Halaman #40 - Beras Kampung\",\"isPartOf\":{\"@id\":\"https:\/\/beraskampung.com\/#website\"},\"datePublished\":\"2026-06-26T05:08:24+00:00\",\"dateModified\":\"2026-06-26T05:17:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/beraskampung.com\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/beraskampung.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/beraskampung.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/beraskampung.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Halaman #40\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/beraskampung.com\/#website\",\"url\":\"https:\/\/beraskampung.com\/\",\"name\":\"Beras Kampung\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/beraskampung.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n","yoast_head_json":{"title":"Elementor Halaman #40 - Beras Kampung","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beraskampung.com\/","og_locale":"id_ID","og_type":"article","og_title":"Elementor Halaman #40 - Beras Kampung","og_description":"Beras Kampung \u2014 Beras Pilihan Keluarga BERAS KAMPUNG Pesan Sekarang \ud83c\udf3e Segeri, Kabupaten Pangkep BERASKAMPUNG Beras Pilihan Keluarga Dipilih dari […]","og_url":"https:\/\/beraskampung.com\/","og_site_name":"Beras Kampung","article_modified_time":"2026-06-26T05:17:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"16 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beraskampung.com\/","url":"https:\/\/beraskampung.com\/","name":"Elementor Halaman #40 - Beras Kampung","isPartOf":{"@id":"https:\/\/beraskampung.com\/#website"},"datePublished":"2026-06-26T05:08:24+00:00","dateModified":"2026-06-26T05:17:36+00:00","breadcrumb":{"@id":"https:\/\/beraskampung.com\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beraskampung.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/beraskampung.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/beraskampung.com\/"},{"@type":"ListItem","position":2,"name":"Elementor Halaman #40"}]},{"@type":"WebSite","@id":"https:\/\/beraskampung.com\/#website","url":"https:\/\/beraskampung.com\/","name":"Beras Kampung","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beraskampung.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":10,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/beraskampung.com\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}