<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://vorscaid.com/output.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" /> </head><body> <nav class="relative w-full max-w-[1280px] mx-auto h-[140px]"> <div class="fixed top-10 w-full max-w-[1280px] px-16 z-20"> <div class="flex items-center w-full max-w-[1280px] h-[100px] mx-auto rounded-full p-5 pl-9 justify-between bg-white shadow-[0px_23px_35px_0px_#0C0F2405]"> <a href="https://vorscaid.com"> <img src="https://vorscaid.com/assets/images/logos/logo.svg" class="h-10 flex shrink-0" alt="logo"> </a> <ul class="flex items-center gap-8"> <li> <a href="#Products" class="font-semibold text-lg leading-[22.68px] text-patungan-grey">Layanan</a> </li> <div class="h-[18px] border-[1.5px] border-patungan-border"></div> <li> <a href="#How-It-Works" class="font-semibold text-lg leading-[22.68px] text-patungan-grey">Cara Pesan</a> </li> <div class="h-[18px] border-[1.5px] border-patungan-border"></div> <li> <a href="#Happy-Customer" class="font-semibold text-lg leading-[22.68px] text-patungan-grey">Testimoni</a> </li> <div class="h-[18px] border-[1.5px] border-patungan-border"></div> <li> <a href="#FAQ" class="font-semibold text-lg leading-[22.68px] text-patungan-grey">FAQ</a> </li> </ul> <a href="https://vorscaid.com/check-booking" class="flex items-center rounded-full border border-patungan-orange/10 bg-patungan-orange/10 h-[60px] px-9 gap-[6px]"> <img src="https://vorscaid.com/assets/images/icons/receipt-text-orange.svg" class="w-6 flex shrink-0" alt="icon"> <span class="font-bold leading-5 text-patungan-orange">Pesanan Saya</span> </a> </div> </div> </nav> <header class="flex flex-col items-center py-[100px] w-full max-w-[1280px] mx-auto px-16"> <div id="Badge" class="flex items-center w-fit rounded-full p-2 pr-6 gap-3 bg-patungan-black"> <img src="https://vorscaid.com/assets/images/photos/Profiles.png" class="h-9 flex shrink-0" alt="icon"> <p class="font-semibold leading-5 text-white"><span class="font-extrabold">16.500+</span> Pengguna Telah Bergabung 🔥 </p> </div> <h1 class="font-Grifter text-[62px] text-center mt-[42px] flex justify-center flex-wrap"> <span class="!block">Patungan Layanan</span> <!-- animation from javascript --> <span id="slider-container" class="text-nowrap !block overflow-hidden ml-6 relative z-10"> <span id="slider" class="absolute flex transition-all duration-500 z-10"> <span class="bg-clip-text text-transparent bg-[linear-gradient(90deg,#E25520_0%,#E45687_100%)] whitespace-nowrap">Premium,</span> <span class="bg-clip-text text-transparent bg-[linear-gradient(90deg,#E25520_0%,#E45687_100%)] whitespace-nowrap">Education,</span> <span class="bg-clip-text text-transparent bg-[linear-gradient(90deg,#E25520_0%,#E45687_100%)] whitespace-nowrap">Steaming,</span> </span> </span> <span class="!block w-full">Hemat Tanpa Batas</span> </h1> <p class="font-medium text-lg text-center text-patungan-grey"> Mari bergabung dengan komunitas patungan terbesar di Indonesia. <br> Cek pilihan layananmu sekarang! </p> <div class="flex items-center justify-center gap-6 mt-16"> <a href="#Products" class="flex items-center rounded-full h-[60px] w-fit px-9 gap-[6px] bg-patungan-orange"> <span class="font-bold text-lg leading-5 text-white">Pesan Sekarang</span> <img src="https://vorscaid.com/assets/images/icons/arrow-right-white.svg" class="w-6 flex shrink-0" alt="icon"> </a> <a href="#How-It-Works" class="flex items-center rounded-full h-[60px] w-fit px-9 gap-[6px] bg-white border border-patungan-border"> <span class="font-bold text-lg leading-5">Lihat Cara Pesan</span> </a> </div> </header> <section id="Stats" class="w-full flex justify-center bg-patungan-black"> <div class="flex items-center gap-8 w-full max-w-[1280px] px-16 py-[42px]"> <div class="flex flex-col w-[222px] gap-[6px] text-center"> <p class="font-Grifter font-bold text-[42px] leading-[44px] text-white">2.209+</p> <p class="font-medium text-xl leading-[25px] text-patungan-violet">Total Pengguna</p> </div> <img src="https://vorscaid.com/assets/images/icons/star-divider-white.svg" class="w-6 flex shrink-0" alt="icon"> <div class="flex flex-col w-[222px] gap-[6px] text-center"> <p class="font-Grifter font-bold text-[42px] leading-[44px] text-white">9/10</p> <p class="font-medium text-xl leading-[25px] text-patungan-violet">Tingkat Kepuasan</p> </div> <img src="https://vorscaid.com/assets/images/icons/star-divider-white.svg" class="w-6 flex shrink-0" alt="icon"> <div class="flex flex-col w-[222px] gap-[6px] text-center"> <p class="font-Grifter font-bold text-[42px] leading-[44px] text-white">12</p> <p class="font-medium text-xl leading-[25px] text-patungan-violet">Total Layanan</p> </div> <img src="https://vorscaid.com/assets/images/icons/star-divider-white.svg" class="w-6 flex shrink-0" alt="icon"> <div class="flex flex-col w-[222px] gap-[6px] text-center"> <p class="font-Grifter font-bold text-[42px] leading-[44px] text-white">4.920+</p> <p class="font-medium text-xl leading-[25px] text-patungan-violet">Total Transaksi</p> </div> </div> </section> <section id="Products" class="relative w-full overflow-hidden"> <div class="Background-Effect absolute w-full h-full overflow-hidden"> <img src="https://vorscaid.com/assets/images/backgrounds/Ellipse-top.svg" class="absolute top-0 -right-[337px] z-0" alt="eclipse bg"> <img src="https://vorscaid.com/assets/images/backgrounds/Ellipse-bottom.svg" class="absolute bottom-0 -left-[283px] z-0" alt="eclipse bg"> </div> <section class="Content relative flex flex-col w-full max-w-[1280px] px-16 mx-auto gap-8 py-[100px]"> <div class="flex items-center justify-between"> <div class="flex flex-col gap-5"> <h2 class="font-bold text-xl leading-[25px] text-patungan-red">Layanan Kami</h2> <p class="font-Grifter font-bold text-4xl leading-[37px]">Beragam Layanan bisa kamu nikmati 🥳 </p> </div> <a href="#Products" class="flex items-center rounded-full h-[60px] w-fit py-3 px-9 gap-[6px] bg-white border border-patungan-border"> <span class="font-bold text-lg leading-5">Semua Produk</span> <img src="https://vorscaid.com/assets/images/icons/arrow-circle-down-black.svg" class="w-6 flex shrink-0" alt=""> </a> </div> <div class="grid grid-cols-3 gap-6"> <div class="product-card flex flex-col rounded-[32px] overflow-hidden bg-white"> <div class="w-full h-[180px] flex shrink-0 bg-[#D9D9D9]"> <img src="/storage/01K51K76J7PWKSDDNJHHMQNKKM.png" class="w-full h-full object-cover" alt="thumbnails"> </div> <div class="flex flex-col p-6 gap-6"> <div class="flex items-center gap-3"> <div class="w-[62px] h-[62px] flex shrink-0 rounded-xl overflow-hidden"> <img src="/storage/01K51K76JADBGQN72Y2CCVGMEM.png" class="w-full h-full object-contain object-center" alt="icon"> </div> <div> <p class="font-bold text-xl leading-[25px]"> Netflix Premium </p> <div class="flex items-center gap-[2px] mt-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="icon"> <p class="font-bold text-lg leading-[22px]">4.9</p> <p class="font-semibold leading-[20px] text-patungan-grey">(2120 Reviews)</p> </div> </div> </div> <div class="flex flex-col rounded-3xl border border-patungan-border p-4 gap-4"> <div class="flex items-center justify-between"> <p class="font-extrabold text-2xl leading-[30px]"> Rp 46.500 </p> <div class="flex items-center rounded-lg p-2 gap-1 bg-patungan-red/10"> <img src="https://vorscaid.com/assets/images/icons/clock-red.svg" class="w-6 flex shrink-0" alt="icon"> <p class="font-bold leading-5 text-patungan-red"> 1 month</p> </div> </div> <hr class="border-patungan-border"> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">The Best #1</p> </div> </div> <a href="https://vorscaid.com/details/netflix-premium" class="flex items-center rounded-full h-[60px] px-9 w-full gap-[6px] bg-patungan-orange justify-center"> <span class="font-bold text-lg leading-5 text-white">Pesan Sekarang</span> </a> </div> </div> </div> <button class="flex items-center rounded-full border border-patungan-orange/10 bg-patungan-orange/10 h-[60px] px-9 gap-2 justify-center"> <span class="font-bold leading-5 text-patungan-orange">Lihat Semua</span> <img src="https://vorscaid.com/assets/images/icons/arrow-right-orange.svg" class="w-6 flex shrink-0" alt="icon"> </button> </section> </section> <section id="How-It-Works" class="flex py-[100px] w-full max-w-[1280px] mx-auto px-16 gap-6 justify-between"> <div class="relative flex w-full h-[inherit]"> <div class="sticky top-0 flex flex-col w-full max-w-[510px] gap-[54px] h-fit"> <div class="flex flex-col gap-8"> <div class="flex flex-col gap-5"> <h2 class="font-bold text-xl leading-[25px] text-patungan-red">Cara Berlangganan</h2> <p class="font-Grifter font-bold text-4xl leading-[37px]">Prosesnya Mudah & Cepat</p> </div> <p class="font-medium text-lg text-patungan-grey">Kami berkomitmen memberikan layanan terbaik dan pengalaman menarik bagi setiap pelanggan setia kami.</p> <div class="grid grid-cols-2 gap-6"> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Data pribadi aman</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">beragam pembayaran</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Akun Resmi & legal</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">24/7 Customer services</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Lebih hemat 50%</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Dan masih banyak lainnya</p> </div> </div> </div> <a href="#Products" class="flex items-center rounded-full h-[60px] w-fit px-9 gap-[6px] bg-patungan-orange"> <span class="font-bold text-lg leading-5 text-white">Pesan Sekarang</span> <img src="https://vorscaid.com/assets/images/icons/arrow-right-white.svg" class="w-6 flex shrink-0" alt="icon"> </a> </div> </div> <div class="flex flex-col w-full h-fit max-w-[560px] gap-8"> <div class="card flex flex-col w-full rounded-[32px] bg-white overflow-hidden"> <div class="flex flex-col gap-6 p-6"> <div class="flex items-center gap-4"> <span class="flex w-11 shrink-0 rounded-[100px] h-[56px] bg-patungan-orange/10 justify-center items-center font-bold text-[32px] leading-[40px] text-patungan-orange"> 1 </span> <p class="font-Grifter font-bold text-2xl leading-[25px]">Pilih Produk</p> </div> <p class="font-medium text-lg leading-8 text-patungan-grey">Pilih layanan langganan yang ingin Anda patungi. Kami menyediakan berbagai pilihan seperti Netflix, Spotify, dan Disney+ dengan harga terjangkau</p> </div> <div class="flex w-full h-[232px] overflow-hidden"> <img src="https://vorscaid.com/assets/images/thumbnails/select-product.png" class="w-full h-full object-cover object-top" alt="icon"> </div> </div> <div class="card flex flex-col w-full rounded-[32px] bg-white overflow-hidden"> <div class="flex flex-col gap-6 p-6"> <div class="flex items-center gap-4"> <span class="flex w-11 shrink-0 rounded-[100px] h-[56px] bg-patungan-orange/10 justify-center items-center font-bold text-[32px] leading-[40px] text-patungan-orange"> 2 </span> <p class="font-Grifter font-bold text-2xl leading-[25px]">Proses Pembayaran</p> </div> <p class="font-medium text-lg leading-8 text-patungan-grey">Lakukan pembayaran sesuai nominal yang ditentukan. Anda bisa bergabung dengan grup patungan bersama teman atau pengguna lain.</p> </div> <div class="flex w-full h-[232px] overflow-hidden"> <img src="https://vorscaid.com/assets/images/thumbnails/payment-process.png" class="w-full h-full object-cover object-top" alt="icon"> </div> </div> <div class="card flex flex-col w-full rounded-[32px] bg-white overflow-hidden"> <div class="flex flex-col gap-6 p-6"> <div class="flex items-center gap-4"> <span class="flex w-11 shrink-0 rounded-[100px] h-[56px] bg-patungan-orange/10 justify-center items-center font-bold text-[32px] leading-[40px] text-patungan-orange"> 3 </span> <p class="font-Grifter font-bold text-2xl leading-[25px]">Gabung Grup</p> </div> <p class="font-medium text-lg leading-8 text-patungan-grey">Setelah pembayaran, Anda akan dimasukkan ke dalam grup patungan sesuai layanan yang dipilih. Nikmati akses layanan bersama dengan biaya lebih hemat.</p> </div> <div class="flex w-full h-[232px] overflow-hidden"> <img src="https://vorscaid.com/assets/images/thumbnails/join-group.png" class="w-full h-full object-cover object-top" alt="icon"> </div> </div> </div> </section> <section id="Payment-Method" class="bg-[linear-gradient(69.16deg,#FFFFFF_0.82%,rgba(255,255,255,0)_52.97%)]"> <div class="Content flex flex-col py-[100px] w-full max-w-[1280px] mx-auto px-16 gap-9"> <div class="flex flex-col items-center text-center"> <div class="flex flex-col gap-5"> <h2 class="font-bold text-xl leading-[25px] text-patungan-red">Metode Pembayaran</h2> <p class="font-Grifter font-bold text-4xl leading-[37px]">Beragam Metode pembayaran</p> <div class="flex items-center justify-center gap-6"> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Bank Transfer</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Virtual Account</p> </div> <div class="flex items-center gap-2"> <img src="https://vorscaid.com/assets/images/icons/verify-green.svg" class="w-[18px] flex shrink-0" alt="icon"> <p class="font-medium text-lg leading-[22px] text-patungan-grey">Digital Wallet</p> </div> </div> </div> </div> <div class="flex w-full max-w-[1000px] mx-auto overflow-hidden"> <img src="https://vorscaid.com/assets/images/thumbnails/supported-payments.png" class="w-full h-full object-contain object-center" alt="payments"> </div> </div> </section> <section id="Happy-Customer" class="py-[100px] bg-[linear-gradient(180deg,rgba(255,255,255,0.5)_50%,rgba(243,239,245,0)_100%)]"> <div class="flex flex-col gap-5 text-center px-16"> <h2 class="font-bold text-xl leading-[25px] text-patungan-red">Pelanggan yang Puas</h2> <p class="font-Grifter font-bold text-4xl leading-[37px]">Ulasan Pelanggan yang Puas terhadap Layanan Kami</p> </div> <div id="Card-Slider" class="relative flex flex-col gap-6 mt-[30px] overflow-hidden"> <div id="Top-Slider" class="group flex flex-nowrap flex-row"> <div class="flex flex-row w-max gap-6 flex-nowrap animate-[slide_50s_linear_infinite] pl-6"> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-1.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Nabila Reyna</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Patungan akun di sini terpercaya, gak nyesel! Netflix dan Disney+ lancar jaya, harga terjangkau pula!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-2.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bapak Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Hemat banget patungan akun di sini! Nonton Netflix dan Spotify jadi lebih terjangkau. Proses cepat dan tanpa ribet!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-3.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Ibu Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">“Layanan patungan akun terbaik! Bisa langganan Netflix dan Disney+ jadi lebih murah. Proses mudah dan aman, rekomendasi banget!”</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-4.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Murayiki Bazz</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Website ini bikin langganan lebih ringan di kantong. Langsung bisa akses Disney+, Netflix, dan lainnya. Top deh!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-5.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bimore Atreidess</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Layanan top! Dulu nonton Netflix mahal, sekarang lebih hemat dengan patungan akun. Proses gampang dan cepat!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-6.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Unil Utami</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Bisa nikmatin Spotify dan Disney+ murah banget! Patungan di sini bikin semua jadi mudah dan terpercaya."</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-7.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Allison Suzu</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Solusi buat yang mau langganan akun premium murah. Proses cepat dan aman, Netflix dan Disney+ lancar!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> </div> <div class="flex flex-row w-max gap-6 flex-nowrap animate-[slide_50s_linear_infinite] pl-6"> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-1.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Nabila Reyna</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Patungan akun di sini terpercaya, gak nyesel! Netflix dan Disney+ lancar jaya, harga terjangkau pula!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-2.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bapak Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Hemat banget patungan akun di sini! Nonton Netflix dan Spotify jadi lebih terjangkau. Proses cepat dan tanpa ribet!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-3.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Ibu Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">“Layanan patungan akun terbaik! Bisa langganan Netflix dan Disney+ jadi lebih murah. Proses mudah dan aman, rekomendasi banget!”</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-4.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Murayiki Bazz</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Website ini bikin langganan lebih ringan di kantong. Langsung bisa akses Disney+, Netflix, dan lainnya. Top deh!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-5.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bimore Atreidess</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Layanan top! Dulu nonton Netflix mahal, sekarang lebih hemat dengan patungan akun. Proses gampang dan cepat!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-6.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Unil Utami</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Bisa nikmatin Spotify dan Disney+ murah banget! Patungan di sini bikin semua jadi mudah dan terpercaya."</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-7.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Allison Suzu</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Solusi buat yang mau langganan akun premium murah. Proses cepat dan aman, Netflix dan Disney+ lancar!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> </div> </div> <div id="Bottom-Slider" class="group flex flex-nowrap flex-row"> <div class="flex flex-row w-max gap-6 flex-nowrap animate-[slideToR_50s_linear_infinite] pr-6"> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-1.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Nabila Reyna</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Patungan akun di sini terpercaya, gak nyesel! Netflix dan Disney+ lancar jaya, harga terjangkau pula!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-2.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bapak Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Hemat banget patungan akun di sini! Nonton Netflix dan Spotify jadi lebih terjangkau. Proses cepat dan tanpa ribet!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-3.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Ibu Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">“Layanan patungan akun terbaik! Bisa langganan Netflix dan Disney+ jadi lebih murah. Proses mudah dan aman, rekomendasi banget!”</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-4.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Murayiki Bazz</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Website ini bikin langganan lebih ringan di kantong. Langsung bisa akses Disney+, Netflix, dan lainnya. Top deh!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-5.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bimore Atreidess</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Layanan top! Dulu nonton Netflix mahal, sekarang lebih hemat dengan patungan akun. Proses gampang dan cepat!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-6.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Unil Utami</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Bisa nikmatin Spotify dan Disney+ murah banget! Patungan di sini bikin semua jadi mudah dan terpercaya."</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-7.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Allison Suzu</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Solusi buat yang mau langganan akun premium murah. Proses cepat dan aman, Netflix dan Disney+ lancar!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> </div> <div class="flex flex-row w-max gap-6 flex-nowrap animate-[slideToR_50s_linear_infinite] pr-6"> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-1.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Nabila Reyna</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Patungan akun di sini terpercaya, gak nyesel! Netflix dan Disney+ lancar jaya, harga terjangkau pula!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-2.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bapak Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Hemat banget patungan akun di sini! Nonton Netflix dan Spotify jadi lebih terjangkau. Proses cepat dan tanpa ribet!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-3.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Ibu Budi</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">“Layanan patungan akun terbaik! Bisa langganan Netflix dan Disney+ jadi lebih murah. Proses mudah dan aman, rekomendasi banget!”</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-4.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Murayiki Bazz</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Website ini bikin langganan lebih ringan di kantong. Langsung bisa akses Disney+, Netflix, dan lainnya. Top deh!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-5.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Bimore Atreidess</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Layanan top! Dulu nonton Netflix mahal, sekarang lebih hemat dengan patungan akun. Proses gampang dan cepat!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-6.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Unil Utami</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Bisa nikmatin Spotify dan Disney+ murah banget! Patungan di sini bikin semua jadi mudah dan terpercaya."</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> <div class="card flex flex-col w-[322px] h-full shrink-0 rounded-3xl p-6 gap-6 bg-white"> <div class="flex items-center gap-3"> <div class="flex w-16 h-16 rounded-full overflow-hidden shrink-0"> <img src="https://vorscaid.com/assets/images/photos/photo-7.png" class="w-full h-full object-cover" alt="photos"> </div> <div> <p class="font-semibold text-lg leading-[22px]">Allison Suzu</p> <p class="font-semibold leading-5 text-patungan-grey">Netflix Subscription</p> </div> </div> <hr class="border-patungan-border"> <div class="flex flex-col gap-6 justify-between h-full"> <p class="font-semibold leading-[28px]">"Solusi buat yang mau langganan akun premium murah. Proses cepat dan aman, Netflix dan Disney+ lancar!"</p> <div class="flex items-center gap-[2px]"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> <img src="https://vorscaid.com/assets/images/icons/Star.svg" class="w-6 flex shrink-0" alt="star"> </div> </div> </div> </div> </div> <div id="Foreground" class="absolute bottom-0 w-full h-[457px] flex items-end justify-center bg-[linear-gradient(180deg,rgba(245,243,246,0)_0%,#F5F3F6_100%)]"> <a href="#Products" class="flex items-center rounded-full h-[60px] w-fit px-9 gap-[6px] bg-patungan-orange"> <span class="font-bold text-lg leading-5 text-white">Pesan Sekarang</span> <img src="https://vorscaid.com/assets/images/icons/arrow-right-white.svg" class="w-6 flex shrink-0" alt="icon"> </a> </div> </div> </section> <section id="FAQ" class="py-[100px] bg-[linear-gradient(270deg,rgba(255,255,255,0.5)_50%,rgba(243,239,245,0)_100%)]"> <div class="content flex flex-col w-full max-w-[1280px] mx-auto px-16 gap-8"> <div class="flex flex-col gap-5 text-center px-16"> <h2 class="font-bold text-xl leading-[25px] text-patungan-red">Frequently Asked Question (FAQ)</h2> <p class="font-Grifter font-bold text-4xl leading-[37px]">Pertanyaan Umum Tentang Layanan Kami</p> </div> <div class="flex gap-6"> <div id="Left-Cards" class="flex flex-col gap-6"> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">1</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Kapan masa berlangganan di Seakun aktif?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Masa berlangganan terhitung ketika Admin Whatsapp memberikan akun sharing, link invitation atau mengundang kamu ke grup premium. Masa berlangganan akan tetap berjalan walaupun kamu tidak meng-accept undangan yang telah dikirimkan.</p> </div> </div> </div> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">3</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Bagaimana mekanisme untuk melanjutkan langganan di Seakun?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Seminggu dan maksimal sehari sebelum masa berlangganan habis, kamu akan menerima reminder perpanjangan melalui email & Whatsapp yang terdaftar. Jika kamu ingin melanjutkan masa berlangganan, silakan melakukan transfer ke rekening / e-wallet Seakun dengan nominal yang diinformasikan.</p> </div> </div> </div> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">5</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Apa perbedaan seakun dengan platform langganan yang lain?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Seakun adalah platform yang konsepnya mempertemukan kamu dengan kawan berlangganan yang mempunyai interest yang sama, sehingga akun hanya dishare ke member dalam satu grup tertentu aja. Berbeda dengan seller akun sharing yang biasanya akan menyebarkan akun ke banyak orang. Skema harga Seakun sangat transparan karena harga berlangganan adalah harga yang dibagi rata dengan jumlah member dalam satu grup.</p> </div> </div> </div> </div> <div id="Right-Cards" class="flex flex-col gap-6"> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">2</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Bagaimana cara saya memperbarui langganan Patungan saya?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Langganan Anda akan aktif segera setelah pembayaran berhasil diproses. Anda akan menerima email konfirmasi berisi detailnya.</p> </div> </div> </div> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">4</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Apa yang harus dilakukan jika terjadi masalah dengan akun berlangganan?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Langganan Anda akan aktif segera setelah pembayaran berhasil diproses. Anda akan menerima email konfirmasi berisi detailnya.</p> </div> </div> </div> <div class="faq-card flex flex-col rounded-3xl p-8 gap-4 bg-white"> <p class="font-Grifter font-bold text-2xl leading-[25px]">6</p> <div class="accordion group flex flex-col has-[:checked]:!h-11 overflow-hidden transition-all duration-300"> <label class="flex items-center gap-4 justify-between min-h-[38px]"> <input type="checkbox" class="hidden" checked> <h3 class="font-Grifter text-lg leading-[25px]">Bagaimana cara saya memperbarui langganan Patungan saya?</h3> <img src="https://vorscaid.com/assets/images/icons/arrow-head-down-black.svg" class="w-6 flex shrink-0 group-has-[:checked]:-rotate-180 transition-all duration-300" alt="icon"> </label> <div class="accordion-content mt-4"> <p class="font-semibold leading-[25px]">Langganan Anda akan aktif segera setelah pembayaran berhasil diproses. Anda akan menerima email konfirmasi berisi detailnya.</p> </div> </div> </div> </div> </div> </div> </section> <footer class="py-[52px] bg-[linear-gradient(277.6deg,#FFFFFF_0.22%,#F5F3F6_21.18%)]"> <div class="flex flex-col w-full max-w-[1280px] px-[52px] mx-auto gap-[52px]"> <div class="flex gap-[72px]"> <div class="flex flex-col gap-6 w-full max-w-[349px] items-start"> <img src="https://vorscaid.com/assets/images/logos/logo.svg" class="h-10 flex shrink-0" alt="logo"> <p class="font-medium leading-[25px] text-patungan-grey">Platform pertama di Indonesia yang memberikan layanan Berlangganan Bersama agar dapat menikmati fitur premium dengan proses berlangganan yang praktis, legal, aman dan murah.</p> </div> <div class="flex gap-[52px]"> <ul class="flex flex-col gap-4 min-w-[165px]"> <p class="font-semibold leading-5">Halaman</p> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Tentang Kami</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Skema Harga</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Syarat dan Ketentuan</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Kebijakan Privasi</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Laporan Kendala</a> </li> </ul> <ul class="flex flex-col gap-4 min-w-[165px]"> <p class="font-semibold leading-5">Hubungi Kami</p> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">admin@seakun.id</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">082124852232</a> </li> <li class="font-medium leading-5 text-patungan-grey"> <a href="#" class="hover:text-patungan-black transition-all duration-300">Jam Operasional:<br> Setiap Hari <br> 09.00 - 21.00 WIB</a> </li> </ul> </div> </div> <div class="flex items-center"> <p class="w-full font-medium leading-5 text-patungan-grey">©2025 Patungan. All Rights Reserved</p> <div class="flex items-center gap-4 mx-auto shrink-0"> <a href="#"> <img src="https://vorscaid.com/assets/images/icons/instagram.svg" class="w-6 flex shrink-0" alt="icon"> </a> <a href="#"> <img src="https://vorscaid.com/assets/images/icons/whatsapp.svg" class="w-6 flex shrink-0" alt="icon"> </a> <a href="#"> <img src="https://vorscaid.com/assets/images/icons/facebook.svg" class="w-6 flex shrink-0" alt="icon"> </a> </div> </div> </div> </footer> <script src="https://vorscaid.com/js/accordion.js"></script> <script> const texts = document.querySelectorAll('#slider span'); const sliderContainer = document.getElementById('slider-container'); const slider = document.getElementById('slider'); let currentIndex = 0; function updateSlider() { const currentText = texts[currentIndex]; const containerWidth = currentText.offsetWidth; // Smoothly update the container's width sliderContainer.style.transition = 'width 300ms'; sliderContainer.style.width = containerWidth + 'px'; // Calculate the correct offset based on each text width let offset = 0; for (let i = 0; i < currentIndex; i++) { offset += texts[i].offsetWidth; } // Slide the text horizontally to the correct position slider.style.transform = `translateX(-${offset}px)`; // Move to the next text after 1s currentIndex = (currentIndex + 1) % texts.length; } // Set initial width and position on page load function setInitialWidth() { const firstText = texts[0]; sliderContainer.style.width = firstText.offsetWidth + 'px'; } // Ensure the width is correct when the page loads window.addEventListener('load', () => { setInitialWidth(); // Start the slider interval after setting initial width setInterval(updateSlider, 2000); }); </script> </body>
