December 11, 2025
1 views
<!DOCTYPE html> <html lang=“id”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Pakuan Student Suites - Investasi Rukost Premium IPB Bogor</title>
<meta name="description" content="Miliki Aset Produktif di Kawasan Elite Pakuan Regency. Passive Income >100 Juta/Tahun dengan Yield Stabil 10-15%. Bukan Sekedar Rukost Biasa.">
<meta property="og:title" content="Pakuan Student Suites - Where Living Meets Growth">
<meta property="og:description" content="Investasi Cerdas Tanpa Was-was. Lokasi Strategis 6 Menit ke IPB. Passive Income Nyata & Stabil.">
<meta property="og:image" content="https://blogger.googleusercontent.com/img/a/AVvXsEjWYtgahjze23WL0syRr1IZhTT5ER2YebzBvl5-LGsstZWd2rtrGBlUrw6ipOaE_ITkKCu2DPRaBHqKpdyr_DVjQ5PWGmfSHydVtWLuBxfQAu7Y-2MkefYGEY4Ao0buS8HC-JJWa_vd5kn9sDNhmgUM_5-p_zwdnBthhQ8YnAxgwn-0vcVB4kGnsmScJOk=s16000">
<meta property="og:url" content="https://degriya.com">
<meta property="og:type" content="website">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
green: '#047857', // Emerald Green base
dark: '#064E3B', // Darker green
gold: '#D4AF37', // Gold accent
light: '#ECFDF5', // Light green bg
}
},
fontFamily: {
heading: ['Montserrat', 'sans-serif'],
body: ['Open Sans', 'sans-serif'],
}
}
}
}
</script>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '583397035857153');
fbq('init', '635693915287140');
fbq('track', 'PageView');
fbq('track', 'ViewContent');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=583397035857153&ev=PageView&noscript=1"
/></noscript>
<style>
.hero-gradient {
background: linear-gradient(rgba(6, 78, 59, 0.85), rgba(6, 78, 59, 0.7)), url('https://blogger.googleusercontent.com/img/a/AVvXsEjRzwAD1mICtEFiQ-naprG9E0GQNrId8gHI_fvTI3j7YvH44Y-_0neAIyP2MXWHUw2OPlIX1SAJKMHHhwGJjFXAOVm0EwW_2wSH-jL4yXYO9f2plmhlMYagWVeKRCT0T9bFLISEVamXGexQ5MCwoGWlV9kUaLNbCHqwPxGXLFGRPVzi8G6pG8-8AI8ygnU=s16000');
background-size: cover;
background-position: center;
}
html { scroll-behavior: smooth; }
</style>
</head> <body class=“font-body text-gray-800 antialiased”>
<nav class="fixed w-full z-50 bg-white/95 backdrop-blur shadow-sm transition-all duration-300">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-20">
<div class="flex-shrink-0 flex items-center gap-2">
<div class="flex flex-col">
<span class="font-heading font-bold text-xl text-brand-dark tracking-wide">PAKUAN</span>
<span class="font-body text-xs text-brand-gold uppercase tracking-widest font-semibold">Student Suites</span>
</div>
</div>
<div class="hidden md:flex space-x-8 items-center">
<a href="#keunggulan" class="text-gray-600 hover:text-brand-green font-medium transition">Keunggulan</a>
<a href="#lokasi" class="text-gray-600 hover:text-brand-green font-medium transition">Lokasi</a>
<a href="#fasilitas" class="text-gray-600 hover:text-brand-green font-medium transition">Fasilitas</a>
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="bg-brand-green text-white px-6 py-2.5 rounded-full font-bold shadow-lg hover:bg-brand-dark transition transform hover:-translate-y-0.5">
<i class="fab fa-whatsapp mr-2"></i> Hubungi Kami
</a>
</div>
<div class="md:hidden flex items-center">
<button class="text-gray-600 focus:outline-none">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</div>
</nav>
<section class="relative hero-gradient min-h-screen flex items-center justify-center pt-20 text-center px-4">
<div class="max-w-4xl mx-auto text-white" data-aos="fade-up">
<span class="inline-block py-1 px-3 rounded-full bg-brand-gold/20 border border-brand-gold text-brand-gold font-bold text-sm tracking-widest mb-6 backdrop-blur-sm">
EXCLUSIVE INVESTMENT OPPORTUNITY
</span>
<h1 class="font-heading text-4xl md:text-6xl font-extrabold leading-tight mb-6 drop-shadow-lg">
Where Living <span class="text-brand-gold italic">Meets Growth</span>
</h1>
<p class="text-lg md:text-xl text-gray-100 mb-10 max-w-2xl mx-auto leading-relaxed">
Bukan Rukost Biasa. Miliki Aset Produktif di Kawasan Elite dengan Potensi <span class="font-bold text-brand-gold">Passive Income >100 Juta/Tahun</span> dan Yield Naik Stabil.
</p>
<div class="flex flex-col md:flex-row gap-4 justify-center">
<a href="#income" class="bg-brand-gold text-brand-dark px-8 py-4 rounded-lg font-bold text-lg shadow-xl hover:bg-yellow-400 transition transform hover:-translate-y-1">
Lihat Perhitungan ROI <i class="fas fa-arrow-down ml-2"></i>
</a>
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-lg font-bold text-lg hover:bg-white hover:text-brand-dark transition">
Chat WhatsApp
</a>
</div>
<div class="mt-12 flex justify-center gap-8 text-sm md:text-base opacity-90">
<div class="flex items-center gap-2">
<i class="fas fa-check-circle text-brand-gold"></i> SHM Pecah
</div>
<div class="flex items-center gap-2">
<i class="fas fa-check-circle text-brand-gold"></i> Fully Furnished
</div>
<div class="flex items-center gap-2">
<i class="fas fa-check-circle text-brand-gold"></i> Double Gate
</div>
</div>
</div>
<div class="absolute bottom-0 left-0 w-full overflow-hidden leading-none">
<svg class="relative block w-full h-[60px] md:h-[100px]" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="fill-white"></path>
</svg>
</div>
</section>
<section id="why" class="py-20 bg-white">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="text-center mb-16">
<h2 class="font-heading text-3xl md:text-4xl font-bold text-gray-900 mb-4">
Investasi Cerdas, <span class="text-brand-green">Tanpa Was-was</span>
</h2>
<div class="w-24 h-1 bg-brand-gold mx-auto rounded"></div>
</div>
<div class="grid md:grid-cols-2 gap-12 items-center">
<div class="space-y-6">
<p class="text-gray-600 text-lg leading-relaxed">
Apakah uang Anda tergerus inflasi? Saatnya beralih ke aset nyata yang lebih tahan banting.
</p>
<p class="text-gray-600 text-lg leading-relaxed">
<strong class="text-brand-dark">Pakuan Student Suites</strong> hadir bukan sekadar tempat tinggal, tapi mesin pencetak passive income. Market sewanya sangat luas, tidak hanya menargetkan <span class="bg-green-100 text-brand-dark font-bold px-2 py-0.5 rounded">30.000+ mahasiswa IPB</span> yang terus bertambah, tapi juga profesional muda yang beraktivitas di kota Bogor.
</p>
<ul class="space-y-4 mt-6">
<li class="flex items-start">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-brand-light flex items-center justify-center mt-1">
<i class="fas fa-chart-line text-brand-green"></i>
</div>
<div class="ml-4">
<h4 class="text-xl font-bold text-brand-dark">Capital Gain Tinggi</h4>
<p class="text-gray-500 text-sm">Nilai properti di kawasan elite Pakuan cenderung naik lebih tinggi dari sekitarnya.</p>
</div>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-brand-light flex items-center justify-center mt-1">
<i class="fas fa-shield-alt text-brand-green"></i>
</div>
<div class="ml-4">
<h4 class="text-xl font-bold text-brand-dark">Aset Tahan Inflasi</h4>
<p class="text-gray-500 text-sm">Investasi fisik yang aman dengan legalitas SHM sudah pecah.</p>
</div>
</li>
</ul>
</div>
<div class="relative group">
<div class="absolute -inset-1 bg-gradient-to-r from-brand-gold to-brand-green rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200"></div>
<div class="relative bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEjRzwAD1mICtEFiQ-naprG9E0GQNrId8gHI_fvTI3j7YvH44Y-_0neAIyP2MXWHUw2OPlIX1SAJKMHHhwGJjFXAOVm0EwW_2wSH-jL4yXYO9f2plmhlMYagWVeKRCT0T9bFLISEVamXGexQ5MCwoGWlV9kUaLNbCHqwPxGXLFGRPVzi8G6pG8-8AI8ygnU=s16000" alt="Pakuan Student Suites Exterior" class="w-full h-auto transform group-hover:scale-105 transition duration-500">
<div class="absolute bottom-0 left-0 w-full bg-gradient-to-t from-black/80 to-transparent p-6">
<p class="text-white font-bold text-lg"><i class="fas fa-map-marker-alt text-brand-gold mr-2"></i>Rukost Strategis</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id=“lokasi” class=“py-20 bg-gray-50”> <div class=“max-w-7xl mx-auto px-4 sm:px-6”> <div class=“text-center mb-12”> <h2 class=“font-heading text-3xl md:text-4xl font-bold text-gray-900 mb-4”> Lokasi Super <span class=“text-brand-green”>Strategis</span> </h2> <p class=“text-gray-600 max-w-2xl mx-auto”> Nol Kilometer dari Jalan Nasional. Akses lancar jaya ke Kampus IPB, Kota Bogor, dan fasilitas kesehatan. </p> </div>
<div class="grid lg:grid-cols-2 gap-12 items-center">
<div class="order-2 lg:order-1 bg-white p-2 rounded-2xl shadow-lg border border-gray-200 rotate-1 hover:rotate-0 transition duration-500">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEhin-sb_lhV7a_pCpiimIdMzWjIyNNeZgh30ayAli5o-NQQQ8SM_kQ6q2jn6OfRYhAPO8vZ8IWwGzklAFxu0vrpPTRm7jrz6xE-aqhivQSdY2M5Fg-ow7txxr5tF8g-Q6ROaQ7XI8tssXc55FtmvvyoQG2_1AMaU9eGKkLZiNLjrBZpaT6DeV7hzd9hdUU=s16000"
alt="Peta Lokasi Pakuan Student Suites"
class="w-full h-auto rounded-xl">
</div>
<div class="order-1 lg:order-2 space-y-8">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="flex items-start p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-brand-green">
<div class="flex-shrink-0">
<i class="fas fa-university text-2xl text-brand-green"></i>
</div>
<div class="ml-4">
<h3 class="font-bold text-gray-900">IPB University</h3>
<p class="text-sm text-gray-600">Hanya 6 Menit ke Gerbang Utama </p>
</div>
</div>
<div class="flex items-start p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-brand-gold">
<div class="flex-shrink-0">
<i class="fas fa-hospital text-2xl text-brand-gold"></i>
</div>
<div class="ml-4">
<h3 class="font-bold text-gray-900">Rumah Sakit</h3>
<p class="text-sm text-gray-600">3 Menit ke RS Medika & Karya Bakti</p>
</div>
</div>
<div class="flex items-start p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-red-500">
<div class="flex-shrink-0">
<i class="fas fa-utensils text-2xl text-red-500"></i>
</div>
<div class="ml-4">
<h3 class="font-bold text-gray-900">Kuliner Hits</h3>
<p class="text-sm text-gray-600">2-3 Menit ke Mie Gacoan, McD, KFC</p>
</div>
</div>
<div class="flex items-start p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition border-l-4 border-blue-500">
<div class="flex-shrink-0">
<i class="fas fa-gas-pump text-2xl text-blue-500"></i>
</div>
<div class="ml-4">
<h3 class="font-bold text-gray-900">SPBU</h3>
<p class="text-sm text-gray-600">1-2 Menit ke Pertamina & Shell </p>
</div>
</div>
</div>
<div class="bg-brand-light p-6 rounded-xl border border-brand-green/20">
<h4 class="font-bold text-brand-dark mb-2"><i class="fas fa-walking mr-2"></i>Konsep "Walkable"</h4>
<p class="text-gray-700 text-sm">
Hampir semua fasilitas penunjang <em>Study-life balance</em> bisa dijangkau dengan jalan kaki. Mulai dari Coffeeshop, Minimarket, Masjid Jami', Sport Center, Kolam Renang, hingga calon lokasi <strong>Padel Court</strong>.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="fasilitas" class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6">
<div class="text-center mb-16">
<span class="text-brand-gold font-bold tracking-widest uppercase text-sm">Real Assets</span>
<h2 class="font-heading text-3xl md:text-4xl font-bold text-gray-900 mt-2">
Fasilitas & Desain <span class="text-brand-green">Premium</span>
</h2>
<p class="text-gray-600 mt-4">Sudah terbangun nyata, bukan sekedar sketsa. Siap huni dan siap hasilkan income.</p>
</div>
<div class="grid md:grid-cols-3 gap-6 mb-16">
<div class="group relative overflow-hidden rounded-2xl shadow-lg h-64 md:h-80 cursor-pointer">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEglVmik3sR2_jL2L7qxXYbppvhsreGSDQb8bP_e7aRF3MLAunWLfIXFptXD-hXbyS-lP8j3wrlx0Ny4V9r12G-tBUYL2YNSzMJwG4tWwAVK6QYs5NF6C1lzK9w4E2z9-Gnquej21ipO3qRGa6eG4csCvf8sOCuP8Da2hE0lNTYh9RwE3G6fV5ypIjtLH30=s16000" alt="Interior Kamar Kost Mewah" class="w-full h-full object-cover transform group-hover:scale-110 transition duration-700">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
<p class="text-white font-bold text-lg">Kamar Luas & Modern</p>
</div>
</div>
<div class="group relative overflow-hidden rounded-2xl shadow-lg h-64 md:h-80 cursor-pointer md:-mt-8">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEiveFduFxPmQVi6E0tjXw8ZAZdqbMGDSxNsZTibiqfhod8yw62-FNKvL2p2UQK1PO40-4EP3fHIOR5ovDFBmwEhg7bX5XAbvQ5iltWQJHLecKPJreoAnvmxVOFkCA5ljXJscS4VbbOvQP_En6P73TtjrV9oNUhgRTRD83MxWweHFb8y3QzZ98N3OBx382g=s16000" alt="Kamar Mandi Dalam Water Heater" class="w-full h-full object-cover transform group-hover:scale-110 transition duration-700">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
<p class="text-white font-bold text-lg">KM Dalam + Water Heater</p>
</div>
</div>
<div class="group relative overflow-hidden rounded-2xl shadow-lg h-64 md:h-80 cursor-pointer">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEif13RdeosRjdbCRc3XdEhCAZs2O5ATAs6t2GYpOACT7IVSqHMGAYjzvFeidGNe8zWr1t3vFgDChy4K6rdE9EHuNGAuatfTcflVbd8kiwOCXP4Cont5MSU7w7JU3OhsAQB84_cNlgaIPgKWVjJVTII_ISG07ytuM4-uHsNe9J-XPXqN_UJyaSihISLfEyA=s16000" alt="Fasilitas Lengkap" class="w-full h-full object-cover transform group-hover:scale-110 transition duration-700">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
<p class="text-white font-bold text-lg">Fully Furnished </p>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="bg-gray-50 p-6 rounded-xl text-center hover:bg-white hover:shadow-xl transition border border-gray-100">
<div class="w-14 h-14 bg-brand-green/10 rounded-full flex items-center justify-center mx-auto mb-4 text-brand-green">
<i class="fas fa-elevator text-2xl"></i>
</div>
<h3 class="font-bold text-gray-900 mb-2">Electrical Home Lift</h3>
<p class="text-sm text-gray-500">Gak capek naik turun tangga, nilai jual & sewa lebih tinggi.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl text-center hover:bg-white hover:shadow-xl transition border border-gray-100">
<div class="w-14 h-14 bg-brand-green/10 rounded-full flex items-center justify-center mx-auto mb-4 text-brand-green">
<i class="fas fa-shield-alt text-2xl"></i>
</div>
<h3 class="font-bold text-gray-900 mb-2">Double Gate Security</h3>
<p class="text-sm text-gray-500">Keamanan 24 Jam + CCTV Nonstop. [Penghuni nyaman, pemilik tenang.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl text-center hover:bg-white hover:shadow-xl transition border border-gray-100">
<div class="w-14 h-14 bg-brand-green/10 rounded-full flex items-center justify-center mx-auto mb-4 text-brand-green">
<i class="fas fa-wifi text-2xl"></i>
</div>
<h3 class="font-bold text-gray-900 mb-2">High-Speed Internet</h3>
<p class="text-sm text-gray-500">Koneksi ngebut anti-lemot untuk mendukung produktivitas.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl text-center hover:bg-white hover:shadow-xl transition border border-gray-100">
<div class="w-14 h-14 bg-brand-green/10 rounded-full flex items-center justify-center mx-auto mb-4 text-brand-green">
<i class="fas fa-road text-2xl"></i>
</div>
<h3 class="font-bold text-gray-900 mb-2">Akses Jalan Lebar</h3>
<p class="text-sm text-gray-500">Boulevard ROW 14m, Jalan Lingkungan ROW 7m. Anti gang senggol.</p>
</div>
</div>
</div>
</section>
<section class="py-20 bg-brand-dark text-white relative overflow-hidden">
<div class="absolute inset-0 opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23ffffff\' fill-opacity=\'1\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 relative z-10">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<span class="text-brand-gold font-bold tracking-widest uppercase text-sm mb-2 block">Our Achievements</span>
<h2 class="font-heading text-3xl md:text-4xl font-bold mb-6">
Terbukti Terbangun & Tersewakan
</h2>
<p class="text-gray-300 mb-8 leading-relaxed">
Estate Management kami kompeten dan berpengalaman. Track record ini membuktikan bahwa demand kos premium selalu tinggi dan risiko kosong sangat rendah.
</p>
<div class="space-y-4">
<div class="flex items-center gap-4 bg-white/10 p-4 rounded-lg">
<i class="fas fa-check-double text-brand-gold text-2xl"></i>
<div>
<h4 class="font-bold text-white">7 Project SOLD OUT</h4>
<p class="text-xs text-gray-300">Aparkost, Harmony, Flora, Qiara, Zayna, Tsurayya </p>
</div>
</div>
<div class="flex items-center gap-4 bg-white/10 p-4 rounded-lg">
<i class="fas fa-users text-brand-gold text-2xl"></i>
<div>
<h4 class="font-bold text-white">Occupancy >95%</h4>
<p class="text-xs text-gray-300">Dihuni mahasiswa & profesional secara konsisten.</p>
</div>
</div>
</div>
</div>
<div class="relative">
<img src="https://blogger.googleusercontent.com/img/a/AVvXsEi7KyptGUAKkuoYa5y-TzO90olkawdWHjL-vd9rkH95O-8VYNcwQV_HOB7lJIXIngibELFHxQu7nAvWb8lrZMRpwIL_fySB6-7hAwQaYEA_JC_k9b2GQf0Yn_k6SZ8GixpDDmZzWjfLBFZVJRkbksAKkz5ZfCzaDWm_wRh0XxX977ds5jGCOE2gu2k2jik=s16000"
alt="Portfolio Project Pakuan"
class="rounded-xl shadow-2xl border-4 border-brand-gold/50 transform md:rotate-2 hover:rotate-0 transition duration-500">
<div class="absolute -bottom-6 -left-6 bg-white text-brand-dark p-4 rounded-lg shadow-xl hidden md:block">
<p class="font-bold text-lg">Managed by</p>
<p class="text-brand-green font-extrabold text-xl">BESTARI PROPERTY</p>
<p class="text-xs text-gray-500">Developer Syariah Terbaik </p>
</div>
</div>
</div>
</div>
</section>
<section id=“income” class=“py-20 bg-gray-50”> <div class=“max-w-5xl mx-auto px-4 sm:px-6”> <div class=“text-center mb-12”> <h2 class=“font-heading text-3xl md:text-4xl font-bold text-gray-900 mb-4”> Proyeksi <span class=“text-brand-green”>Passive Income</span> </h2> <p class=“text-gray-600 max-w-2xl mx-auto”> Data berdasarkan asumsi okupansi konservatif. Yield awal ~9.4% dan terus naik seiring kenaikan nilai sewa tahunan. </p> </div>
<div class="grid md:grid-cols-3 gap-6 text-center">
<div class="bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-lg transition transform hover:-translate-y-1">
<p class="text-gray-500 font-bold uppercase tracking-wider text-xs mb-2">Tahun Ke-1</p>
<h3 class="text-3xl font-extrabold text-brand-dark mb-1">Rp 112 Juta</h3>
<p class="text-sm text-gray-400">Net Income / Tahun</p>
<div class="mt-4 pt-4 border-t border-gray-100">
<span class="inline-block px-3 py-1 bg-green-100 text-brand-green rounded-full text-xs font-bold">Yield 9.4%</span>
</div>
</div>
<div class="bg-white p-8 rounded-2xl shadow-lg border-2 border-brand-gold/20 relative transform md:-translate-y-4">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-brand-gold text-white px-4 py-1 rounded-full text-xs font-bold shadow-md">
GROWTH PHASE
</div>
<p class="text-gray-500 font-bold uppercase tracking-wider text-xs mb-2">Tahun Ke-5</p>
<h3 class="text-4xl font-extrabold text-brand-dark mb-1">Rp 156 Juta</h3>
<p class="text-sm text-gray-400">Net Income / Tahun</p>
<div class="mt-4 pt-4 border-t border-gray-100">
<span class="inline-block px-3 py-1 bg-green-100 text-brand-green rounded-full text-xs font-bold">Yield 13.1%</span>
</div>
</div>
<div class="bg-white p-8 rounded-2xl shadow-sm border border-gray-100 hover:shadow-lg transition transform hover:-translate-y-1">
<p class="text-gray-500 font-bold uppercase tracking-wider text-xs mb-2">Tahun Ke-10</p>
<h3 class="text-3xl font-extrabold text-brand-dark mb-1">Rp 175 Juta</h3>
<p class="text-sm text-gray-400">Net Income / Tahun</p>
<div class="mt-4 pt-4 border-t border-gray-100">
<span class="inline-block px-3 py-1 bg-green-100 text-brand-green rounded-full text-xs font-bold">Yield 14.8%</span>
</div>
</div>
</div>
<div class="mt-10 text-center">
<p class="text-sm text-gray-500 italic mb-6">*Estimasi pendapatan bersih setelah dikurangi operasional. Nilai dapat berubah sesuai kondisi pasar.</p>
</div>
</div>
</section>
<section class="py-20 bg-white relative">
<div class="max-w-4xl mx-auto px-4 sm:px-6 text-center">
<span class="text-red-500 font-bold tracking-widest uppercase text-sm animate-pulse">Special Promo Akhir Tahun</span>
<h2 class="font-heading text-4xl md:text-5xl font-extrabold text-gray-900 mt-2 mb-8">
Miliki Aset <span class="text-brand-gold">Miliaran</span> Sekarang
</h2>
<div class="bg-gradient-to-br from-brand-dark to-brand-green rounded-3xl p-1 p-8 md:p-12 shadow-2xl text-white relative overflow-hidden">
<div class="absolute top-0 right-0 -mt-10 -mr-10 w-40 h-40 bg-white opacity-10 rounded-full blur-2xl"></div>
<div class="absolute bottom-0 left-0 -mb-10 -ml-10 w-40 h-40 bg-brand-gold opacity-20 rounded-full blur-2xl"></div>
<div class="relative z-10">
<h3 class="text-2xl font-bold mb-2">Type 80/45 (2 Lantai)</h3>
<p class="text-gray-200 mb-8">6 Kamar Tidur • 6 Kamar Mandi • Fully Furnished</p>
<div class="flex flex-col md:flex-row justify-center items-center gap-4 mb-8">
<div class="text-gray-400 text-2xl strike-through decoration-red-500 decoration-2 line-through">
Rp 1.400.000.000
</div>
<div class="text-5xl font-extrabold text-brand-gold">
Rp 1.185 M*
</div>
</div>
<div class="bg-white/10 rounded-xl p-6 mb-8 backdrop-blur-sm max-w-lg mx-auto">
<ul class="text-left space-y-3 text-sm md:text-base">
<li class="flex items-center"><i class="fas fa-check text-brand-gold mr-3"></i> Sertifikat SHM Sudah Pecah</li>
<li class="flex items-center"><i class="fas fa-check text-brand-gold mr-3"></i> Bisa Cash Bertahap / In-House 24 Bulan</li>
<li class="flex items-center"><i class="fas fa-check text-brand-gold mr-3"></i> Tanpa BI Checking, Tanpa Riba</li>
</ul>
</div>
<div class="space-y-4">
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="inline-block w-full md:w-auto bg-brand-gold text-brand-dark px-8 py-4 rounded-full font-bold text-lg shadow-lg hover:bg-yellow-400 transition transform hover:-translate-y-1">
<i class="fab fa-whatsapp mr-2"></i> Ambil Promo Sekarang
</a>
<p class="text-xs text-gray-300">*Syarat & ketentuan berlaku. Unit terbatas.</p>
</div>
</div>
</div>
</div>
</section>
<section class="py-20 bg-gray-50 text-center px-4">
<div class="max-w-3xl mx-auto" data-aos="fade-up">
<h2 class="font-heading text-3xl font-bold text-gray-900 mb-6">
“Aset Nyata. Penghasilan Nyata. <br/>Tanpa Drama.”
</h2>
<p class="text-gray-600 text-lg mb-8">
Siap mendalami potensi investasinya? Kami bantu jelaskan dengan tenang, jelas, dan tanpa tekanan. Jadwalkan survey lokasi dan buktikan sendiri kualitasnya.
</p>
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="inline-block bg-brand-green text-white px-10 py-4 rounded-lg font-bold text-lg shadow-xl hover:bg-brand-dark transition">
Jadwalkan Survey Lokasi
</a>
</div>
</section>
<footer class="bg-gray-900 text-white py-12 pb-24 md:pb-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 text-center md:text-left">
<div class="grid md:grid-cols-4 gap-8">
<div class="col-span-1 md:col-span-2">
<h3 class="font-heading font-bold text-2xl mb-4">PAKUAN <span class="text-brand-gold text-sm font-normal block">STUDENT SUITES</span></h3>
<p class="text-gray-400 text-sm leading-relaxed max-w-xs mx-auto md:mx-0">
Investasi properti produktif di kawasan elite IPB Bogor. Managed by Bestari Property.
</p>
<div class="flex justify-center md:justify-start space-x-4 mt-6">
<a href="https://www.youtube.com/@degriyapartner" target="_blank" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-red-600 transition"><i class="fab fa-youtube"></i></a>
<a href="https://www.tiktok.com/@abinezidna" target="_blank" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-black transition border border-gray-700"><i class="fab fa-tiktok"></i></a>
<a href="https://instagram.com/ojonsei" target="_blank" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-pink-600 transition"><i class="fab fa-instagram"></i></a>
<a href="https://klik.degriya.com/apps" target="_blank" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-green-600 transition"><i class="fab fa-google-play"></i></a>
</div>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Link Cepat</h4>
<ul class="space-y-2 text-gray-400 text-sm">
<li><a href="#why" class="hover:text-brand-gold">Keunggulan</a></li>
<li><a href="#lokasi" class="hover:text-brand-gold">Lokasi</a></li>
<li><a href="#fasilitas" class="hover:text-brand-gold">Fasilitas</a></li>
<li><a href="#income" class="hover:text-brand-gold">Proyeksi ROI</a></li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Kontak</h4>
<p class="text-gray-400 text-sm mb-2">Jl. Raya Pakuan Regency, Bogor</p>
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="text-brand-gold font-bold hover:underline">Chat WhatsApp Marketing</a>
</div>
</div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-xs">
© 2025 Pakuan Student Suites. All rights reserved. Built by Degriya Partner.
</div>
</div>
</footer>
<div class="fixed bottom-4 left-4 right-4 z-50 md:hidden">
<a href="https://klikchat.us/chat/me/?dynamic_data1=Pakuan+Student+Suites" class="flex items-center justify-center w-full bg-green-600 text-white font-bold py-4 rounded-full shadow-2xl hover:bg-green-700 transition animate-bounce-slow">
<i class="fab fa-whatsapp text-2xl mr-2"></i> Chat WA Sekarang
</a>
</div>
<style>
/* Custom Animation for Sticky Button */
@keyframes bounce-slow {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
.animate-bounce-slow {
animation: bounce-slow 2s infinite;
}
</style>
</body> </html>
Last updated: December 11, 2025
Create your own post