{"id":7,"date":"2025-10-29T14:08:38","date_gmt":"2025-10-29T14:08:38","guid":{"rendered":"https:\/\/hype-shop.com\/?page_id=7"},"modified":"2025-10-30T05:39:40","modified_gmt":"2025-10-30T05:39:40","slug":"hype-lp-10-motif","status":"publish","type":"page","link":"https:\/\/hype-shop.com\/","title":{"rendered":"HYPE LP 10 Motif"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b2c9c40 e-con-full e-flex e-con e-parent\" data-id=\"5b2c9c40\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10493c8f elementor-widget elementor-widget-html\" data-id=\"10493c8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"id\">\r\n<head>\r\n    <!-- Google Tag Manager -->\r\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n})(window,document,'script','dataLayer','GTM-T2GGDNPX');<\/script>\r\n<!-- End Google Tag Manager -->\r\n    <!-- Google tag (gtag.js) -->\r\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-11338342888\"><\/script>\r\n<script>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n\r\n  gtag('config', 'AW-11338342888');\r\n<\/script>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n  <title>HYPE \u2014 Gantungan Kunci Dompet STNK Multifungsi<\/title>\r\n\r\n  <!-- Font -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <!-- Swiper CSS -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n  <style>\r\n    :root{\r\n      --bg1:#000; --bg2:#f5f5f5;\r\n      --accent:#000;\r\n      --text-dark:#111; --text-light:#f5f5f5;\r\n      --max-width:1100px; --radius:10px;\r\n      font-family:\"Lato\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial;\r\n    }\r\n    *{box-sizing:border-box;margin:0;padding:0}\r\n    body{\r\n      background:linear-gradient(180deg,var(--bg1) 0%,#222 20%,#777 50%,var(--bg2) 100%);\r\n      color:var(--text-dark);line-height:1.45;\r\n      -webkit-font-smoothing:antialiased;\r\n    }\r\n    .container{max-width:var(--max-width);margin:0 auto;padding:40px 20px;}\r\n\r\n    \/* --- HERO --- *\/\r\n    .hero {\r\n      position: relative;\r\n      height: 88vh;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      color: #fff;\r\n    }\r\n    .hero-slider {\r\n      position: absolute;\r\n      inset: 0;\r\n    }\r\n    .hero-slider img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n    .hero-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(0,0,0,0.45);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      z-index: 2;\r\n    }\r\n    .hero-content {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s ease;\r\n      max-width: 800px;\r\n      padding: 0 20px;\r\n    }\r\n    .hero-content.active {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    h1.hero-title{color:var(--text-light);font-weight:300;font-size:32px;margin-bottom:12px;}\r\n    p.hero-sub{color:rgba(241,241,241,0.95);font-size:17px;max-width:760px;margin:0 auto 10px;}\r\n    .btn{\r\n      display:inline-block;background:var(--accent);color:#fff;text-decoration:none;\r\n      padding:14px 34px;border-radius:8px;font-weight:600;margin-top:8px;\r\n      transition:transform .18s ease,box-shadow .18s ease;\r\n      box-shadow:0 6px 18px rgba(0,0,0,0.25);\r\n    }\r\n    .btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,0.28);}\r\n    .hero .swiper-pagination-bullet-active {\r\n      background: #fff;\r\n    }\r\n\r\n    \/* --- SCROLL INDICATOR --- *\/\r\n    .scroll-down {\r\n      position: absolute;\r\n      bottom: 25px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      color: #fff;\r\n      font-size: 13px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      z-index: 20;\r\n      text-align: center;\r\n      cursor: pointer;\r\n    }\r\n    .scroll-down::after {\r\n      content: '';\r\n      display: block;\r\n      width: 20px;\r\n      height: 20px;\r\n      border-bottom: 2px solid #fff;\r\n      border-right: 2px solid #fff;\r\n      transform: rotate(45deg);\r\n      margin: 6px auto 0;\r\n      animation: bounce 1.5s infinite;\r\n    }\r\n    @keyframes bounce {\r\n      0%, 20%, 50%, 80%, 100% {transform: translateY(0) rotate(45deg);}\r\n      40% {transform: translateY(6px) rotate(45deg);}\r\n      60% {transform: translateY(3px) rotate(45deg);}\r\n    }\r\n\r\n    \/* --- SECTION STYLING --- *\/\r\nsection {\r\n  padding: 56px 0;\r\n}\r\n\r\n.white-section {\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.92), #fff);\r\n}\r\n\r\n.center {\r\n  text-align: center;\r\n}\r\n\r\n.features {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 18px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.feature {\r\n  background: rgba(255,255,255,0.06);\r\n  padding: 18px;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n}\r\n\r\n.feature h4 {\r\n  font-size: 16px;\r\n  margin-bottom: 8px;\r\n  color: #000;\r\n  font-weight: 700;\r\n}\r\n\r\n.feature p {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n\/* === RESPONSIVE (mobile) === *\/\r\n@media (max-width: 768px) {\r\n  section {\r\n    padding: 28px 0; \/* \ud83d\udd39 lebih rapat lagi *\/\r\n  }\r\n\r\n  .features {\r\n    grid-template-columns: 1fr; \/* \ud83d\udd39 tetap 1 kolom *\/\r\n    gap: 10px; \/* \ud83d\udd39 jarak antar feature makin kecil *\/\r\n  }\r\n\r\n  .feature {\r\n    padding: 12px; \/* \ud83d\udd39 konten lebih ringkas *\/\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .feature h4 {\r\n    font-size: 14.5px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .feature p {\r\n    font-size: 13px;\r\n    line-height: 1.45; \/* \ud83d\udd39 baris teks lebih rapat *\/\r\n  }\r\n}\r\n\r\n\/* === RESPONSIVE (mobile) === *\/\r\n@media (max-width: 768px) {\r\n  section {\r\n    padding: 36px 0; \/* \ud83d\udd39 lebih rapat di HP *\/\r\n  }\r\n\r\n  .features {\r\n    grid-template-columns: 1fr; \/* \ud83d\udd39 ubah ke 1 kolom di mobile *\/\r\n    gap: 12px; \/* \ud83d\udd39 kurangi jarak antar feature *\/\r\n  }\r\n\r\n  .feature {\r\n    padding: 14px; \/* \ud83d\udd39 sedikit lebih kecil *\/\r\n  }\r\n\r\n  .feature h4 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .feature p {\r\n    font-size: 13.5px;\r\n  }\r\n}\r\n\r\n    \/* --- GALLERY SLIDER --- *\/\r\n    .swiper{width:100%;max-width:800px;margin:24px auto;border-radius:10px;overflow:hidden;}\r\n    .swiper-slide{display:flex;justify-content:center;align-items:center;background:#fff;}\r\n    .swiper-slide img{width:100%;height:auto;object-fit:cover;}\r\n    .swiper-button-next,.swiper-button-prev{color:#000;}\r\n    .swiper-pagination-bullet-active{background:#000;}\r\n\r\n    \/* --- TESTIMONIALS --- *\/\r\n    .testimonials{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\r\n    .testi{padding:16px;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,0.06)}\r\n    .rating{color:#f1c40f;font-weight:700;margin-bottom:8px}\r\n    .testi p{font-size:14px;color:#222}\r\n\r\n    \/* --- FINAL CTA --- *\/\r\n    .final-cta{background:#000;color:#fff;padding:64px 0;}\r\n    .final-cta h3{font-weight:700;margin-bottom:12px}\r\n    .final-cta p{color:rgba(255,255,255,0.92);max-width:760px;margin:0 auto 18px}\r\n\r\n    footer{padding:28px 0;text-align:center;color:#ddd;font-size:13px}\r\nfooter {\r\n  text-align:center;\r\n  padding:20px;\r\n  color:#000; \/* tulisan hitam *\/\r\n  background:#fff;\r\n  border-top:1px solid #ddd; \/* garis tipis di atas *\/\r\n  font-size:14px;\r\n  font-weight:500;\r\n}\r\n\r\n\r\n    .fade-in{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s;}\r\n    .in-view{opacity:1;transform:none}\r\n\r\n    @media(max-width:900px){\r\n      .features{grid-template-columns:1fr}\r\n      .testimonials{grid-template-columns:1fr}\r\n      h1.hero-title{font-size:24px}\r\n      p.hero-sub{font-size:15px}\r\n    }\r\n    \r\n    \/* === WARNA DASAR === *\/\r\n  :root{\r\n    --accent:#000; \/* warna tombol umum (hitam) *\/\r\n    --shopee:#ee4d2d; \/* warna oranye Shopee *\/\r\n  }\r\n\r\n  \/* === GAYA TOMBOL UMUM === *\/\r\n  .btn{\r\n    display:inline-block;\r\n    background:var(--accent);\r\n    color:#fff;\r\n    text-decoration:none;\r\n    padding:14px 34px;\r\n    border-radius:8px;\r\n    font-weight:600;\r\n    margin-top:8px;\r\n    transition:transform .18s ease,box-shadow .18s ease;\r\n    box-shadow:0 6px 18px rgba(0,0,0,0.25);\r\n  }\r\n  .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 24px rgba(0,0,0,0.28);\r\n  }\r\n\r\n  \/* === TOMBOL SHOPEE DENGAN IKON === *\/\r\n    .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:8px;\r\n      background:var(--shopee);\r\n      color:#fff;\r\n      text-decoration:none;\r\n      padding:14px 34px;\r\n      border-radius:8px;\r\n      font-weight:600;\r\n      font-size:15px;\r\n      margin-top:8px;\r\n      transition:transform .18s ease,box-shadow .18s ease,background .18s ease;\r\n      box-shadow:0 6px 18px rgba(238,77,45,0.35);\r\n    }\r\n    .btn:hover{\r\n      background:var(--shopee-hover);\r\n      box-shadow:0 8px 20px rgba(238,77,45,0.4);\r\n      transform:translateY(-2px);\r\n    }\r\n    .btn .icon {\r\n      font-size:18px;\r\n    }\r\n\r\n    .hero .swiper-pagination-bullet-active {background:#fff;}\r\n    \r\n    \/* === DESKRIPSI SINGKAT === *\/\r\n    .desc{\r\n      background:#fafafa;\r\n      padding:70px 20px;\r\n    }\r\n    .desc h2{\r\n      font-size:26px;\r\n      margin-bottom:15px;\r\n      color:#111;\r\n    }\r\n    .desc p{\r\n      max-width:850px;\r\n      margin:0 auto;\r\n      font-size:16px;\r\n      color:#444;\r\n      line-height:1.6;\r\n    }\r\n  \r\n  \/* === GAMBAR TAMBAHAN === *\/\r\n    .promo-img {\r\n      width: 100%;\r\n      display: block;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* === SLIDER ULASAN === *\/\r\n.review-slider {\r\n  width: 100%;\r\n  max-width: 900px;\r\n  margin: 0 auto 40px;\r\n}\r\n.review-slider .swiper-slide {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.review-slider img {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n  transition: transform 0.3s ease;\r\n}\r\n.review-slider img:hover {\r\n  transform: scale(1.03);\r\n}\r\n.review-slider .swiper-pagination-bullet {\r\n  background: #ee4d2d;\r\n}\r\n\r\n    \r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- FULLSCREEN HERO DENGAN SLIDER + ANIMASI TEKS -->\r\n  <header class=\"hero\">\r\n    <div class=\"hero-slider swiper myHeroSwiper\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0s-mdo14gxhbj0yaa.webp\" alt=\"Dompet STNK 1\">\r\n          <div class=\"hero-overlay\">\r\n            <div class=\"hero-content\">\r\n              <h1 class=\"hero-title\">Dompet STNK Multifungsi \u2014 HYPE<\/h1>\r\n              <p class=\"hero-sub\">Praktis, elegan, dan tahan lama. Satu dompet untuk STNK, kartu, dan kunci kamu.<\/p>\r\n              <a class=\"btn\" href=\"https:\/\/id.shp.ee\/wLpo5Q7\" target=\"_blank\">\ud83d\uded2 Beli Sekarang Di Shopee<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0r-mdlsceed01bofe.webp\" alt=\"Dompet STNK 2\">\r\n          <div class=\"hero-overlay\">\r\n            <div class=\"hero-content\">\r\n              <h1 class=\"hero-title\">Desain Minimalis & Premium<\/h1>\r\n              <p class=\"hero-sub\">Cocok untuk pria & wanita, tampilan clean yang stylish untuk gaya modern kamu.<\/p>\r\n              <a class=\"btn\" href=\"https:\/\/id.shp.ee\/wLpo5Q7\" target=\"_blank\">\ud83d\uded2 Beli Sekarang Di Shopee<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0n-mdlsceed0102df.webp\" alt=\"Dompet STNK 3\">\r\n          <div class=\"hero-overlay\">\r\n            <div class=\"hero-content\">\r\n              <h1 class=\"hero-title\">Bahan Berkualitas Tinggi<\/h1>\r\n              <p class=\"hero-sub\">Terbuat dari kanvas tebal anti-luntur yang awet & nyaman digunakan setiap hari.<\/p>\r\n              <a class=\"btn\" href=\"https:\/\/id.shp.ee\/wLpo5Q7\" target=\"_blank\">\ud83d\uded2 Beli Sekarang Di Shopee<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Scroll indicator -->\r\n    <div class=\"scroll-down\" id=\"scrollDown\">Scroll ke bawah<\/div>\r\n  <\/header>\r\n  \r\n  <!-- DESKRIPSI PRODUK -->\r\n  <section class=\"desc\">\r\n    <h2><center>Deskripsi Singkat Produk<\/center><\/h2>\r\n    <p>Dompet STNK Multifungsi dari <strong>HYPE<\/strong> dirancang untuk kamu yang mengutamakan gaya dan fungsionalitas. \r\n    Terbuat dari bahan kanvas premium anti-luntur, dompet ini memadukan desain minimalis dengan kegunaan maksimal. \r\n    Dilengkapi gantungan kunci dengan karabiner premium, dan slot untuk menyimpan STNK \u2014 membuat barang pentingmu selalu rapi dan mudah dibawa ke mana pun. \r\n    Cocok untuk aktivitas harian, berkendara, atau sebagai hadiah bergaya untuk orang tersayang.<\/p>\r\n  <\/section>\r\n  \r\n  <!-- GAMBAR TAMBAHAN -->\r\n  <section style=\"padding:0;\">\r\n    <img decoding=\"async\" src=\"https:\/\/down-tx-id.img.susercontent.com\/id-11134210-81ztp-menwrwy2ik1t78.webp\" alt=\"Promo Dompet HYPE\" class=\"promo-img\">\r\n  <\/section>\r\n\r\n  <section class=\"white-section\" id=\"nextSection\">\r\n    <div class=\"container center\">\r\n      <h2 class=\"fade-in\">Kenapa Pilih HYPE?<\/h2>\r\n      <br>\r\n      <p class=\"fade-in\">Solusi praktis untuk menyimpan STNK sekaligus gantungan kunci \u2014 ringkas & stylish.<\/p>\r\n      <div class=\"features\">\r\n        <div class=\"feature fade-in\"><h4>\u2705 Ringan & Awet<\/h4><p>Bahan kanvas premium yang tidak mudah luntur.<\/p><\/div>\r\n        <div class=\"feature fade-in\"><h4>\u2705 Multifungsi<\/h4><p>Satu tempat untuk STNK plus gantungan kunci.<\/p><\/div>\r\n        <div class=\"feature fade-in\"><h4>\u2705 Unisex<\/h4><p>Cocok untuk pria & wanita.<\/p><\/div>\r\n        <div class=\"feature fade-in\"><h4>\u2705 Minimalis<\/h4><p>Tampilan bersih & modern, cocok untuk semua gaya.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GALLERY SLIDER -->\r\n  <section>\r\n    <div class=\"container center\">\r\n      <h3 class=\"fade-in\">Galeri Produk<\/h3>\r\n      <div class=\"swiper mySwiper fade-in\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0s-mdo14gxhbj0yaa.webp\" alt=\"Produk 1\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/down-tx-id.img.susercontent.com\/id-11134210-81ztl-menwrwy2pkw1b3.webp\" alt=\"Produk 2\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0r-mdlsceed01bofe.webp\" alt=\"Produk 3\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/down-id.img.susercontent.com\/file\/id-11134207-7ra0n-mdlsceed0102df.webp\" alt=\"Produk 4\"><\/div>\r\n        <\/div>\r\n        <div class=\"swiper-pagination\"><\/div>\r\n        <div class=\"swiper-button-next\"><\/div>\r\n        <div class=\"swiper-button-prev\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"white-section\">\r\n    <div class=\"container\">\r\n      <h3 class=\"center fade-in\">Apa Kata Pembeli?<\/h3>\r\n      <br>\r\n      <!-- === SLIDER ULASAN GAMBAR === -->\r\n<div class=\"review-slider swiper myReviewSwiper\" style=\"margin-bottom:40px;\">\r\n  <div class=\"swiper-wrapper\">\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_29.webp\" alt=\"Ulasan 1\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_1.webp\" alt=\"Ulasan 2\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_2.webp\" alt=\"Ulasan 3\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_3.webp\" alt=\"Ulasan 4\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_4.webp\" alt=\"Ulasan 5\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_5.webp\" alt=\"Ulasan 6\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_6.webp\" alt=\"Ulasan 7\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_7.webp\" alt=\"Ulasan 8\"><\/div>\r\n    <div class=\"swiper-slide\"><img decoding=\"async\" src=\"http:\/\/hype-shop.com\/wp-content\/uploads\/2025\/10\/Screenshot_8.webp\" alt=\"Ulasan 9\"><\/div>\r\n  <\/div>\r\n  <div class=\"swiper-pagination\"><\/div>\r\n<\/div>\r\n      <div class=\"testimonials\">\r\n        <div class=\"testi fade-in\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Barangnya keren banget! STNK dan kunci jadi lebih rapi.\" <strong>\u2013 Andi<\/strong><\/p><\/div>\r\n        <div class=\"testi fade-in\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Bahan kuat dan tampak premium. Worth it!\" <strong>\u2013 Dinda<\/strong><\/p><\/div>\r\n        <div class=\"testi\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Kualitasnya bagus banget, bahan tebal dan kuat. Pengiriman juga cepat!\"<strong>\u2014 Pahmi.<\/strong><\/p><\/div>\r\n      <div class=\"testi\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Desainnya elegan, cocok buat hadiah. Pacar aku suka banget.\"<strong>\u2014 Andri.<\/strong><\/p><\/div>\r\n      <div class=\"testi\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Produk sesuai deskripsi, bisa muat STNK dan buat gantungan kunci, super praktis!\"<strong>\u2014 Yoga M.<\/strong><\/p><\/div>\r\n      <div class=\"testi\"><div class=\"rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div><p>\"Warna sesuai foto, kualitas bagus, worth it banget dengan harga segini.\"<strong>\u2014 Rina A.<\/strong><\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"final-cta\">\r\n    <div class=\"container center\">\r\n      <h3 class=\"fade-in\">Bikin kunci & STNK kamu rapi sekarang juga!<\/h3>\r\n      <p class=\"fade-in\">Stock terbatas \u2014 pesan sekarang sebelum kehabisan.<\/p>\r\n      <a class=\"btn btn-shopee\" href=\"https:\/\/id.shp.ee\/wLpo5Q7\" target=\"_blank\">\r\n  \ud83d\uded2 Beli Sekarang di Shopee\r\n<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer>\r\n    <div class=\"container\">\u00a9 <span id=\"year\"><\/span> HYPE \u2014 Produk lokal, desain minimalis, fungsional & stylish.<\/div>\r\n  <\/footer>\r\n\r\n  <!-- Swiper JS -->\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n  <script>\r\n    \/\/ Hero Swiper dengan animasi teks\r\n    var heroSwiper = new Swiper(\".myHeroSwiper\", {\r\n      loop: true,\r\n      autoplay: { delay: 4000, disableOnInteraction: false },\r\n      pagination: { el: \".hero .swiper-pagination\", clickable: true },\r\n      effect: \"fade\",\r\n      on: {\r\n        slideChangeTransitionStart: function () {\r\n          document.querySelectorAll('.hero-content').forEach(el => el.classList.remove('active'));\r\n        },\r\n        slideChangeTransitionEnd: function () {\r\n          const activeSlide = this.slides[this.activeIndex];\r\n          const content = activeSlide.querySelector('.hero-content');\r\n          if (content) content.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n    document.querySelector('.hero-content').classList.add('active');\r\n\r\n    \/\/ === SLIDER ULASAN ===\r\nvar reviewSwiper = new Swiper(\".myReviewSwiper\", {\r\n  slidesPerView: 1,\r\n  spaceBetween: 20,\r\n  loop: true,\r\n  autoplay: { delay: 2500, disableOnInteraction: false },\r\n  pagination: { el: \".review-slider .swiper-pagination\", clickable: true },\r\n  breakpoints: {\r\n    640: { slidesPerView: 2 },\r\n    1024: { slidesPerView: 3 }\r\n  }\r\n});\r\n\r\n\r\n    \/\/ Gallery Swiper\r\n    var swiper = new Swiper(\".mySwiper\", {\r\n      loop: true,\r\n      autoplay: { delay: 3000, disableOnInteraction: false },\r\n      pagination: { el: \".swiper-pagination\", clickable: true },\r\n      navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\r\n    });\r\n\r\n    \/\/ Fade-in scroll animation\r\n    document.getElementById('year').textContent = new Date().getFullYear();\r\n    const elems = document.querySelectorAll('.fade-in');\r\n    const io = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n    elems.forEach(e => io.observe(e));\r\n\r\n    \/\/ === Scroll ke bawah saat klik indikator ===\r\n    const scrollDown = document.getElementById('scrollDown');\r\n    const nextSection = document.getElementById('nextSection');\r\n    if (scrollDown && nextSection) {\r\n      scrollDown.addEventListener('click', () => {\r\n        nextSection.scrollIntoView({ behavior: 'smooth' });\r\n      });\r\n    }\r\n  <\/script>\r\n  <!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-T2GGDNPX\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n<!-- End Google Tag Manager (noscript) -->\r\n<!-- Histats.com  START  (aync)-->\r\n<script type=\"text\/javascript\">var _Hasync= _Hasync|| [];\r\n_Hasync.push(['Histats.start', '1,4955988,4,0,0,0,00010000']);\r\n_Hasync.push(['Histats.fasi', '1']);\r\n_Hasync.push(['Histats.track_hits', '']);\r\n(function() {\r\nvar hs = document.createElement('script'); hs.type = 'text\/javascript'; hs.async = true;\r\nhs.src = ('\/\/s10.histats.com\/js15_as.js');\r\n(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);\r\n})();<\/script>\r\n<noscript><a href=\"\/\" target=\"_blank\"><img decoding=\"async\"  src=\"\/\/sstatic1.histats.com\/0.gif?4955988&101\" alt=\"web hit counter\" border=\"0\"><\/a><\/noscript>\r\n<!-- Histats.com  END  -->\r\n<\/body>\r\n<\/html>\r\n\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>HYPE \u2014 Gantungan Kunci Dompet STNK Multifungsi Dompet STNK Multifungsi \u2014 HYPE Praktis, elegan, dan tahan lama. Satu dompet untuk STNK, kartu, dan kunci kamu. \ud83d\uded2 Beli Sekarang Di Shopee Desain Minimalis &#038; Premium Cocok untuk pria &#038; wanita, tampilan clean yang stylish untuk gaya modern kamu. \ud83d\uded2 Beli Sekarang Di Shopee Bahan Berkualitas Tinggi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hype-shop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":79,"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/hype-shop.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/hype-shop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}