<!DOCTYPE html>
<html lang="ms">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Founder Chapter AI | Sifubad Sdn Bhd</title>
<!-- Resource Loading -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--primary-blue: #1e3a8a; /* 60% */
--accent-yellow: #facc15; /* 30% */
--clean-white: #ffffff; /* 10% */
}
body {
font-family: 'Plus Jakarta Sans', sans-serif;
background-color: var(--clean-white);
color: #1f2937;
scroll-behavior: smooth;
margin: 0;
padding: 0;
}
.bg-blue-60 { background-color: var(--primary-blue); }
.text-blue-60 { color: var(--primary-blue); }
.bg-yellow-30 { background-color: var(--accent-yellow); }
.text-yellow-30 { color: var(--accent-yellow); }
.headline-main {
line-height: 1.1;
letter-spacing: -0.02em;
}
.btn-glow:hover {
box-shadow: 0 0 25px rgba(250, 204, 21, 0.7);
transform: translateY(-3px);
}
.infographic-placeholder {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
border: 2px dashed #9ca3af;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #4b5563;
font-weight: bold;
border-radius: 1.5rem;
min-height: 400px;
}
.quote-card {
background: rgba(255, 255, 255, 0.03);
border-left: 4px solid var(--accent-yellow);
transition: all 0.3s ease;
}
.quote-card:hover {
background: rgba(255, 255, 255, 0.08);
}
.problem-box {
border-left: 6px solid #ef4444;
background: #fff5f5;
}
.module-card {
transition: all 0.3s ease;
border: 1px solid #e5e7eb;
}
.module-card:hover {
border-color: var(--accent-yellow);
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 1rem;
background: #000;
}
.glass-card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.testimonial-video-box {
background: #000;
aspect-ratio: 16/9; /* Landscape */
border-radius: 1rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
border: 2px solid var(--accent-yellow);
}
.testimonial-text-box {
background: #ffffff;
border-radius: 1rem;
padding: 1.5rem;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.testimonial-text-box:hover {
transform: scale(1.02);
}
.value-tag {
font-size: 0.65rem;
font-weight: 800;
color: #1e3a8a;
background: #facc15;
padding: 2px 6px;
border-radius: 4px;
margin-left: 4px;
}
.section-divider {
height: 4px;
width: 80px;
background: var(--accent-yellow);
margin: 1.5rem auto;
}
details summary::-webkit-details-marker {
display:none;
}
</style>
</head>
<body>
<!-- 1. HEADER -->
<header class="fixed top-0 w-full z-50 bg-blue-60/95 backdrop-blur-md border-b border-blue-800">
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex flex-col">
<span class="text-white font-black text-2xl tracking-tighter uppercase">FOUNDER <span class="text-yellow-30 italic">CHAPTER AI</span></span>
<span class="text-blue-300 text-[10px] font-bold tracking-[0.2em] uppercase">Sifubad Sdn Bhd</span>
</div>
<a href="#pakej" class="bg-yellow-30 text-blue-900 px-6 py-2 rounded-full font-extrabold text-sm btn-glow transition-all uppercase">Daftar Sekarang</a>
</div>
</header>
<!-- 2. HERO SECTION -->
<section class="bg-blue-60 text-white pt-32 pb-20 md:pt-48 md:pb-32">
<div class="container mx-auto px-6 text-center">
<p class="text-yellow-30 font-bold tracking-[0.3em] uppercase mb-6">Founder Chapter AI: Marketing & Branding Game</p>
<p class="text-blue-200 text-lg mb-4 italic">Kelas Strategi Untuk Owner Bisnes Yang Nak Grow Lebih Cepat Dengan AI</p>
<h1 class="headline-main text-4xl md:text-6xl font-black mb-8 max-w-5xl mx-auto">
Founder, Kita Perlu Akui Hakikat.<br>
Cara Lama Jalankan Bisnes Anda.<br>
Tidak Cukup Untuk Terus Menang.<br>
Dalam Pasaran Mencabar Hari Ini.
</h1>
<div class="max-w-3xl mx-auto space-y-6">
<p class="text-xl text-blue-100 leading-relaxed font-light">
Kalau korang masih ambil masa 5 hingga 10 hari untuk siapkan marketing plan, masih blur nak hasilkan content, masih buat keputusan ikut rasa, dan masih berharap team boleh settle semua…
</p>
<p class="text-2xl font-bold text-yellow-30 italic">
"Saya nak cakap jujur... bukan bisnes korang tak boleh grow. Tetapi cara korang urus bisnes itu mungkin sudah terlalu perlahan untuk bersaing dalam dunia hari ini."
</p>
</div>
</div>
</section>
<!-- 3. VIDEO SALES PAGE & INFOGRAPHIC 1 -->
<section class="bg-blue-60 pb-24">
<div class="container mx-auto px-6 text-center">
<div class="max-w-4xl mx-auto mb-20">
<div class="video-container shadow-2xl border-4 border-yellow-30/30">
<div class="absolute inset-0 flex items-center justify-center">
<i class="fas fa-play-circle text-8xl text-yellow-30 opacity-80 hover:scale-110 transition cursor-pointer"></i>
</div>
</div>
<p class="mt-6 text-blue-300 font-medium italic text-sm uppercase tracking-widest">Tonton video ini untuk faham bagaimana AI mengubah game bisnes anda.</p>
</div>
<!-- INFOGRAPHIC PLACEHOLDER 1 -->
<div class="max-w-5xl mx-auto mb-12">
<div class="infographic-placeholder border-blue-400 bg-white/5">
<i class="fas fa-chart-pie text-5xl mb-4 text-blue-300"></i>
<p class="text-2xl text-white uppercase font-black tracking-widest">[INFOGRAFIK: SPEED BISNES CARA LAMA VS AI]</p>
</div>
</div>
</div>
</section>
<!-- 4. PROBLEM / EMOTIONAL AGITATION -->
<section class="py-24 bg-white">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto">
<h3 class="text-3xl font-black text-blue-900 mb-8 uppercase italic tracking-tighter border-b-4 border-yellow-30 inline-block">Founder... Pernah Tak Korang Rasa Macam Ni?</h3>
<div class="grid gap-6 mt-12">
<div class="problem-box p-8 rounded-r-xl shadow-sm">
<p class="font-bold text-xl text-gray-800 underline decoration-red-200 decoration-8">Bisnes berjalan, tetapi tak ke mana.</p>
<p class="text-gray-600 mt-2 text-justify">Sales ada, tetapi tak konsisten. Kadang naik, kadang jatuh. Momentum hilang tiba-tiba tanpa anda tahu kenapa.</p>
</div>
<div class="problem-box p-8 rounded-r-xl shadow-sm">
<p class="font-bold text-xl text-gray-800">Korang penat fikir semua benda sendiri.</p>
<p class="text-gray-600 mt-2 text-justify">Marketing, branding, sales, team, cashflow. Hasilnya masih tak seperti yang anda harapkan walaupun anda dah bagi 200% tenaga.</p>
</div>
<div class="problem-box p-8 rounded-r-xl shadow-sm border-red-600 bg-red-50">
<p class="font-black text-xl text-red-600 italic uppercase">"Paling pedih... pesaing baru muncul boleh bergerak lebih laju daripada korang."</p>
</div>
</div>
<div class="mt-16 bg-blue-50 p-10 rounded-3xl border border-blue-100">
<h4 class="text-2xl font-black text-blue-900 mb-4 uppercase italic">Kenapa Ini Berlaku?</h4>
<p class="text-gray-700 leading-relaxed mb-6 text-lg text-justify leading-relaxed">
Sebab dunia bisnes sudah berubah. Kos staff makin tinggi. Kos marketing platform (TikTok, FB) makin gila. Margin makin menipis. Pesaing tiru strategi & main harga.
</p>
<p class="text-gray-700 font-bold border-t border-blue-200 pt-6 text-justify leading-relaxed">
Dalam masa yang sama, owner terperangkap buat planning berhari-hari. Meeting, brainstorm... akhirnya masa terbuang, gaji jalan, dan anda sebagai founder yang paling letih.
</p>
</div>
</div>
</div>
</section>
<!-- 5. BIG IDEA & AUTHORITY (5 QUOTES) -->
<section class="py-24 bg-blue-60 text-white">
<div class="container mx-auto px-6 text-center">
<h2 class="text-4xl font-black mb-16 italic text-yellow-30 uppercase tracking-widest">Apa Kata Pakar Dunia Tentang AI?</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto mb-20 text-left">
<!-- Quotes -->
<div class="quote-card p-6 rounded-2xl"><p class="italic mb-4 text-sm">"AI is expected to contribute 13 trillion dollars to the global economy by 2030."</p><p class="font-bold text-yellow-30 text-xs">- McKinsey Global Institute</p></div>
<div class="quote-card p-6 rounded-2xl"><p class="italic mb-4 text-sm">"AI is as fundamental as the creation of the microprocessor."</p><p class="font-bold text-yellow-30 text-xs">- Bill Gates</p></div>
<div class="quote-card p-6 rounded-2xl"><p class="italic mb-4 text-sm">"AI is the most powerful technology force of our time."</p><p class="font-bold text-yellow-30 text-xs">- Jensen Huang, CEO NVIDIA</p></div>
<div class="quote-card p-6 rounded-2xl"><p class="italic mb-4 text-sm">"AI won't replace managers, but managers who use AI will replace those who don't."</p><p class="font-bold text-yellow-30 text-xs">- Rob Thomas, IBM</p></div>
<div class="quote-card p-6 rounded-2xl lg:col-span-2"><p class="italic mb-4 text-sm">"The speed of AI is the speed of business in the 21st century. Companies that do not adopt AI will be extinct by 2030."</p><p class="font-bold text-yellow-30 text-xs">- Industry Tech Analysis</p></div>
</div>
<div class="max-w-4xl mx-auto">
<h3 class="text-3xl font-black mb-8 italic">Leverage Itu Ialah: <span class="text-yellow-30 uppercase tracking-widest">Artificial Intelligence</span></h3>
<div class="section-divider"></div>
<p class="text-2xl font-bold uppercase tracking-widest leading-snug">Siapa guna awal akan menang.<br>Siapa tertinggal akan hilang.</p>
</div>
</div>
</section>
<!-- 6. PROGRAM INTRODUCTION -->
<section class="py-24 bg-white border-b border-gray-100">
<div class="container mx-auto px-6 text-center">
<h4 class="text-blue-600 font-bold uppercase tracking-[0.3em] mb-4">Memperkenalkan Program Strategi 2026</h4>
<h2 class="text-5xl font-black text-blue-900 uppercase italic leading-none mb-8">FOUNDER CHAPTER AI</h2>
<p class="max-w-3xl mx-auto text-xl text-gray-600 leading-relaxed mb-12 italic">
Satu-satunya program yang bukan sekadar mengajar anda "cara guna ChatGPT", tetapi bagaimana membina sistem bisnes yang bergerak 10 kali lebih pantas menggunakan leverage AI.
</p>
<div class="max-w-5xl mx-auto"><div class="infographic-placeholder text-gray-400 font-black text-2xl uppercase tracking-[0.2em] shadow-inner">[ROADMAP MODUL FOUNDER CHAPTER AI]</div></div>
</div>
</section>
<!-- 7. THE GAME CHANGER (MODUL 1 - 5) -->
<section id="modul" class="py-24 bg-gray-50">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-4xl font-black text-blue-900 uppercase tracking-tighter underline decoration-yellow-30 decoration-8">The Game Changer</h2>
</div>
<div class="grid lg:grid-cols-1 gap-8 max-w-4xl mx-auto">
<!-- Modul Blocks -->
<div class="module-card p-10 rounded-3xl bg-white shadow-sm flex flex-col md:flex-row gap-8 items-start">
<div class="bg-blue-600 text-white w-20 h-20 rounded-2xl flex items-center justify-center text-4xl font-black shrink-0">01</div>
<div><h3 class="text-2xl font-extrabold text-blue-900 uppercase mb-4 text-left">Modul 1: AI Marketing Plan System</h3><p class="text-gray-600 leading-relaxed mb-4 text-lg text-justify">Bagaimana AI boleh bantu buat marketing plan yang lebih jelas, lebih cepat, dan lebih tersusun. Bukan lagi fikir berserabut 5 hingga 10 hari.</p></div>
</div>
<div class="module-card p-10 rounded-3xl bg-white shadow-sm flex flex-col md:flex-row gap-8 items-start">
<div class="bg-blue-600 text-white w-20 h-20 rounded-2xl flex items-center justify-center text-4xl font-black shrink-0">02</div>
<div><h3 class="text-2xl font-extrabold text-blue-900 uppercase mb-4 text-left">Modul 2: AI Customer Intelligence</h3><p class="text-gray-600 leading-relaxed mb-4 text-lg text-justify">Fahami pain point sebenar pelanggan & trigger emosi mereka. Tahu mesej apa yang paling cepat masuk kepala mereka untuk buat pembelian.</p></div>
</div>
<div class="module-card p-10 rounded-3xl bg-white shadow-sm flex flex-col md:flex-row gap-8 items-start">
<div class="bg-blue-600 text-white w-20 h-20 rounded-2xl flex items-center justify-center text-4xl font-black shrink-0">03</div>
<div><h3 class="text-2xl font-extrabold text-blue-900 uppercase mb-4 text-left">Modul 3: AI Branding DNA</h3><p class="text-gray-600 leading-relaxed mb-4 text-lg text-justify">Cipta positioning jenama yang kuat & menonjol. Cara jadikan brand anda lebih susah untuk dijatuhkan berbanding pesaing yang main harga.</p></div>
</div>
<div class="module-card p-10 rounded-3xl bg-white shadow-sm flex flex-col md:flex-row gap-8 items-start">
<div class="bg-blue-600 text-white w-20 h-20 rounded-2xl flex items-center justify-center text-4xl font-black shrink-0">04</div>
<div><h3 class="text-2xl font-extrabold text-blue-900 uppercase mb-4 text-left">Modul 4: AI Sales System</h3><p class="text-gray-600 leading-relaxed mb-4 text-lg text-justify">Susun sistem jualan strategik & bina sales funnel yang automatik. Tingkatkan conversion supaya jualan anda konsisten setiap hari.</p></div>
</div>
<!-- Highlight Modul 5 -->
<div class="module-card p-10 rounded-3xl bg-blue-900 text-white shadow-2xl border-2 border-yellow-30 flex flex-col md:flex-row gap-8 items-start">
<div class="bg-yellow-30 text-blue-900 w-20 h-20 rounded-2xl flex items-center justify-center text-4xl font-black shrink-0">05</div>
<div><h3 class="text-2xl font-extrabold text-yellow-30 uppercase mb-4 text-left">Modul 5: AI Content Engine</h3><p class="text-blue-100 leading-relaxed mb-4 text-lg font-bold italic text-justify">"Jana idea content tanpa henti & hasilkan skrip yang menjual dalam masa kurang 60 saat."</p></div>
</div>
</div>
</div>
</section>
<!-- 8. TESTIMONIALS -->
<section class="py-24 bg-white">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-4xl font-black text-blue-900 uppercase italic underline decoration-yellow-30 decoration-8">Testimonial & Bukti Kejayaan</h2>
<p class="text-gray-600 font-bold uppercase tracking-widest mt-6 italic">Apa Kata Mereka Yang Dah Apply Strategi AI Ini?</p>
</div>
<!-- Video Testimonials Landscape (3 Top, 3 Bottom) -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-20">
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
<div class="testimonial-video-box"><i class="fas fa-play text-white opacity-50 text-3xl"></i></div>
</div>
<!-- Text & Image Testimonials (3 Top, 3 Bottom) -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder A</p><p class="text-[10px] text-gray-500 uppercase">Bisnes F&B</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Dulu nak buat plan sebulan pening kepala. Sekarang guna AI yang Sifu Jamal ajar, 10 minit dah siap! Bisnes berkembang 3 kali ganda lebih cepat."</p>
</div>
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder B</p><p class="text-[10px] text-gray-500 uppercase">Fashion Brand</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Copywriting iklan yang AI ni jana memang power. Conversion naik mendadak bila apply dalam FB Ads syarikat."</p>
</div>
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder C</p><p class="text-[10px] text-gray-500 uppercase">Service Provider</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Sifu Jamal memang detail. AI Generator yang dia bagi tu betul-betul arsenal rahsia bisnes kami untuk dominasi pasaran tempatan."</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder D</p><p class="text-[10px] text-gray-500 uppercase">Retailer</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Marketing plan 2026 kami dah solid. Terima kasih Sifubad atas ilmu yang sangat praktikal & relevan dengan teknologi AI terkini."</p>
</div>
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder E</p><p class="text-[10px] text-gray-500 uppercase">Dropship Leader</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Senang nak explain kat team bila dah ada blueprint yang AI tolong buatkan. Sangat memudahkan kerja-kerja kepimpinan saya."</p>
</div>
<div class="testimonial-text-box flex flex-col h-full">
<div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center"><i class="fas fa-user text-gray-400"></i></div><div><p class="font-black text-blue-900 text-sm">Founder F</p><p class="text-[10px] text-gray-500 uppercase">E-Commerce</p></div></div>
<p class="text-gray-600 text-xs italic text-justify leading-relaxed">"Content Engine tu memang game changer. Dah tak blur nak post apa setiap hari kat TikTok. Engagement naik gila!"</p>
</div>
</div>
</div>
</section>
<!-- 9. INTRODUCE SIFU JAMAL & SIFUBAD -->
<section class="py-24 bg-gray-50 overflow-hidden">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row items-center gap-16 max-w-6xl mx-auto">
<div class="md:w-1/2 relative">
<div class="infographic-placeholder bg-blue-900 border-none shadow-2xl text-white">
<i class="fas fa-user-tie text-6xl mb-6 text-yellow-30"></i>
<p class="text-2xl uppercase font-black tracking-widest">Sifu Jamal</p>
<p class="text-sm font-normal italic opacity-70">CEO Sifubad Sdn Bhd</p>
<p class="text-xs mt-4 px-12 text-center leading-relaxed">Mentor Usahawan Berpengalaman Lebih 12 Tahun Menguruskan Ratusan Kempen Jualan Jutaan Ringgit Melalui Strategi Pemasaran Berimpak Tinggi.</p>
</div>
</div>
<div class="md:w-1/2">
<span class="text-blue-600 font-black uppercase tracking-widest text-sm italic">Pakar Strategi Anda</span>
<h2 class="text-4xl font-black text-blue-900 mt-2 mb-6">Kenali Sifu Jamal & Sifubad</h2>
<p class="text-gray-700 leading-relaxed mb-6 text-lg text-justify leading-relaxed font-medium"><strong>Sifubad Sdn Bhd</strong> adalah akademi latihan perniagaan terkemuka yang telah melahirkan ribuan usahawan berjaya di Malaysia. Kami bukan sekadar akademi, kami adalah pusat strategi pertumbuhan bisnes.</p>
<p class="text-gray-600 leading-relaxed mb-8 text-justify italic font-medium leading-relaxed">Di bawah pimpinan <strong>Sifu Jamal</strong>, kami sentiasa berada di barisan hadapan dalam teknologi pemasaran. <em>Founder Chapter AI</em> adalah kemuncak kepada pengalaman beliau menyusun strategi manual yang kini dipermudahkan dengan kuasa Artificial Intelligence.</p>
<div class="grid grid-cols-2 gap-4">
<div class="bg-white p-6 rounded-xl border border-gray-200 text-center shadow-sm"><h5 class="font-black text-blue-900 text-2xl">12th+</h5><p class="text-xs text-gray-500 uppercase font-bold tracking-widest">Tahun Pengalaman</p></div>
<div class="bg-white p-6 rounded-xl border border-gray-200 text-center shadow-sm"><h5 class="font-black text-blue-900 text-2xl">100k+</h5><p class="text-xs text-gray-500 uppercase font-bold tracking-widest">Pelajar Dilatih</p></div>
</div>
</div>
</div>
</div>
</section>
<!-- 10. VALUE STACK (BONUS) -->
<section class="py-24 bg-blue-60 text-white">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-4xl md:text-5xl font-black text-yellow-30 uppercase tracking-tighter italic">Jika Korang Register Hari Ni, Saya Akan Berikan...</h2>
</div>
<div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto mb-16">
<!-- Bonus Items -->
<div class="glass-card p-8 rounded-3xl border-l-8 border-yellow-30"><h4 class="text-xl font-black text-yellow-30 uppercase mb-3 text-left">1. 2 Hari Kelas Fizikal Intensif</h4><p class="text-blue-100 text-sm leading-relaxed mb-4 text-justify">Belajar secara praktikal depan-depan di Akademi SifuBad. Balik dengan strategi yang terus boleh dijalankan ke dalam bisnes anda.</p></div>
<div class="glass-card p-8 rounded-3xl border-l-8 border-yellow-30"><h4 class="text-xl font-black text-yellow-30 uppercase mb-3 text-left">2. Bonus 1 Extra Ticket (VIP)</h4><p class="text-blue-100 text-sm leading-relaxed mb-4 text-justify">Bawa partner bisnes anda. Korang faham sekali, execute sekali. Tak perlu penat explain semula & mengurangkan konflik dalam bisnes.</p></div>
<div class="glass-card p-8 rounded-3xl border-l-8 border-yellow-30"><h4 class="text-xl font-black text-yellow-30 uppercase mb-3 text-left">3. 5 AI System Generator (Arsenal Rahsia)</h4><p class="text-blue-100 text-sm leading-relaxed mb-4 text-justify">Generator khas untuk Financial, Marketing Plan, Branding, Sales & Content. Hanya masukkan data bisnes anda, sistem buatkan segalanya!</p></div>
<div class="glass-card p-8 rounded-3xl border-l-8 border-yellow-30"><h4 class="text-xl font-black text-yellow-30 uppercase mb-3 text-left">4. 3 Blueprint Bisnes 2026</h4><p class="text-blue-100 text-sm leading-relaxed mb-4 text-justify">Panduan lengkap hala tuju bisnes 2 tahun akan datang. Bukan sekadar survive, tapi mendominasi pasaran dengan teknologi masa depan.</p></div>
</div>
<div class="max-w-4xl mx-auto text-center shadow-2xl"><div class="infographic-placeholder bg-white/5 border-yellow-30/30 text-white font-black uppercase text-2xl tracking-[0.2em]">[VISUAL VALUE STACK & SEMUA BONUS]</div></div>
</div>
</section>
<!-- 11. PRICING / OFFER - RECOMMENDING VIP -->
<section id="pakej" class="py-32 bg-white">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-5xl font-black text-blue-900 italic uppercase">PILIH TIKET TRANSFORMASI ANDA</h2>
<div class="section-divider"></div>
</div>
<div class="grid lg:grid-cols-3 gap-10 max-w-6xl mx-auto items-stretch">
<!-- Normal Seat -->
<div class="bg-gray-50 rounded-3xl p-10 border border-gray-100 flex flex-col transition hover:shadow-lg h-full">
<h4 class="font-black text-xl mb-2 uppercase text-center">NORMAL SEAT</h4>
<p class="text-gray-400 text-xs mb-8 italic uppercase tracking-widest text-center">Asas AI Untuk Founder</p>
<div class="text-5xl font-black text-blue-900 mb-10 text-center">RM200</div>
<ul class="space-y-4 text-gray-600 mb-12 flex-grow text-xs font-bold leading-relaxed">
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> 2 Hari Kelas Fizikal Intensif <span class="value-tag">VALUE: RM997</span></li>
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> 5 Modul Utama Strategi AI <span class="value-tag">VALUE: RM497</span></li>
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> Nota Infografik Lengkap <span class="value-tag">VALUE: RM197</span></li>
</ul>
<div class="border-t border-gray-200 pt-6 mb-8 text-center">
<p class="text-xs text-gray-400 uppercase font-bold tracking-widest">TOTAL VALUE</p>
<p class="text-2xl font-black text-gray-800 tracking-tighter italic">RM1,691.00</p>
</div>
<button class="w-full bg-blue-100 text-blue-900 py-4 rounded-xl font-black uppercase tracking-widest">Daftar Normal</button>
</div>
<!-- Diamond Seat -->
<div class="bg-gray-100 rounded-3xl p-10 border border-gray-200 flex flex-col transition hover:shadow-lg h-full">
<h4 class="font-black text-xl mb-2 uppercase text-center">DIAMOND SEAT</h4>
<p class="text-gray-400 text-xs mb-8 italic uppercase tracking-widest font-bold text-center text-blue-600 uppercase">Execution & Networking</p>
<div class="text-5xl font-black text-blue-900 mb-10 text-center">RM500</div>
<ul class="space-y-4 text-gray-600 mb-12 flex-grow text-xs font-bold leading-relaxed">
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> Semua Benefit Normal Seat <span class="value-tag">VALUE: RM1,691</span></li>
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> 5 AI System Generator <span class="value-tag">VALUE: RM2,997</span></li>
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> Group Coaching Day 3 <span class="value-tag">VALUE: RM1,997</span></li>
<li><i class="fas fa-check-circle mr-2 text-blue-600"></i> 2 Sesi Zoom Exclusive <span class="value-tag">VALUE: RM497</span></li>
</ul>
<div class="border-t border-gray-200 pt-6 mb-8 text-center">
<p class="text-xs text-gray-400 uppercase font-bold tracking-widest">TOTAL VALUE</p>
<p class="text-2xl font-black text-gray-800 tracking-tighter italic">RM7,182.00</p>
</div>
<button class="w-full bg-blue-200 text-blue-900 py-4 rounded-xl font-black uppercase tracking-widest">Daftar Diamond</button>
</div>
<!-- VIP Seat (Top Recommendation) -->
<div class="bg-blue-60 rounded-3xl p-12 flex flex-col items-center relative transform scale-105 shadow-2xl border-4 border-yellow-30 h-full">
<div class="absolute -top-5 bg-yellow-30 text-blue-900 px-8 py-2 rounded-full font-black text-sm uppercase tracking-[0.2em] shadow-lg">TOP RECOMMENDATION: PALING LENGKAP</div>
<h4 class="font-black text-2xl text-white mb-2 uppercase italic tracking-widest">VIP SEAT</h4>
<p class="text-yellow-30 text-xs mb-8 italic uppercase tracking-widest font-bold underline decoration-white">Full Mastery & Network Access</p>
<div class="text-7xl font-black text-yellow-30 mb-2 tracking-tighter">RM800</div>
<p class="text-blue-300 text-xs line-through mb-10 uppercase font-bold tracking-[0.2em]">Normal Price: RM2,499</p>
<ul class="space-y-5 text-blue-50 mb-12 flex-grow text-sm font-extrabold text-center leading-relaxed">
<li class="uppercase border-b border-blue-400 pb-2 italic">Semua Benefit Diamond Seat <span class="text-yellow-30 ml-2">RM7,182</span></li>
<li class="uppercase italic">1 Tiket Extra (Bawa Partner) <span class="text-yellow-30 ml-2">RM500</span></li>
<li class="uppercase italic">Business Dashboard 2026 <span class="text-yellow-30 ml-2">RM997</span></li>
<li class="uppercase italic">3 Blueprint Bisnes 2026 <span class="text-yellow-30 ml-2">RM497</span></li>
<li class="uppercase italic">Front Row & Private Network <span class="text-yellow-30 ml-2">RM1,500</span></li>
</ul>
<div class="w-full border-t border-blue-400 pt-6 mb-8 text-center">
<p class="text-[10px] text-blue-300 uppercase font-black tracking-widest">KUMULATIF NILAI PROGRAM</p>
<p class="text-3xl font-black text-yellow-30 tracking-tighter italic">RM10,676.00</p>
</div>
<button class="w-full bg-yellow-30 text-blue-900 py-6 rounded-2xl font-black text-xl uppercase tracking-widest btn-glow transition shadow-lg">DAFTAR VIP SEKARANG!</button>
</div>
</div>
</div>
</section>
<!-- 12. FAQ -->
<section class="py-24 bg-gray-50">
<div class="container mx-auto px-6 max-w-4xl">
<h2 class="text-4xl font-black text-center mb-16 uppercase italic underline decoration-yellow-30 decoration-8">Soalan Lazim (FAQ)</h2>
<div class="space-y-4">
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Perlu celik IT atau pandai coding?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">TIDAK PERLU. Kelas ini direka khas untuk founder yang 'zero' dalam IT. Kami ajar cara guna tools dengan bahasa yang mudah difahami, bukan coding teknikal.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Perlu bayar tools AI mahal lepas kelas?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Kebanyakan strategi boleh dilakukan dengan tools percuma atau bajet yang sangat minima. Kami akan tunjukkan pilihan terbaik mengikut bajet anda.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Apa beza dengan tutorial YouTube?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">YouTube hanya mengajar 'cara guna tools'. Kami mengajar STRATEGI BISNES & BRANDING spesifik bagaimana nak leverage AI untuk menjana jualan sebenar.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Ada rakaman kalau tak hadir fizikal?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">VIP & Diamond akan dapat akses kepada sesi Zoom eksklusif dan bahan rujukan tambahan. Bagaimanapun, kami amat menyarankan kehadiran fizikal untuk pengalaman praktikal yang maksima.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Sesuai untuk bisnes kecil/baru bermula?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">SANGAT SESUAI. AI membolehkan bisnes kecil bersaing dengan gergasi pasaran walaupun dengan bajet minima & pasukan yang kecil.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Group coaching Day 3 wajib hadir?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Hanya untuk VIP & Diamond. Ia sangat bernilai tinggi kerana Sifu Jamal akan membedah strategi bisnes anda secara langsung & spesifik.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Perlu bawa laptop semasa kelas?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">YA. Sila bawa laptop & smartphone kerana ini adalah kelas praktikal "terus-buat-terus-jadi". Anda akan setup sistem AI bisnes anda terus di sana.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Adakah AI akan menggantikan staff saya?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Bukan menggantikan, tapi memperkasakan. Staff anda akan mampu melakukan kerja 5 hingga 10 orang dengan lebih pantas & efisien.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Daftar lebih dari satu tiket team?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Boleh. Pakej VIP sudah ada 1 tiket extra. Untuk pendaftaran tambahan bagi team yang besar, sila hubungi admin kami untuk harga korporat.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Ada jaminan jualan akan naik?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Jualan bergantung kepada pelaksanaan (execution) anda. Kami berikan 'peta dan kenderaan' (Strategi AI) paling padu, selebihnya adalah tindakan anda.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Boleh bayar secara ansuran?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Sila lihat pilihan Atome atau Spaylater di pintu pembayaran (payment gateway) kami selepas klik butang daftar.</p>
</details>
<details class="group bg-white p-6 rounded-2xl shadow-sm border border-transparent hover:border-blue-600 transition">
<summary class="list-none flex justify-between items-center font-bold text-lg cursor-pointer px-2">Apa beza dengan Founder Chapter dulu?<i class="fas fa-chevron-down group-open:rotate-180 transition"></i></summary>
<p class="mt-4 text-gray-600 text-sm leading-relaxed text-justify px-2">Ini versi 2026 yang 100% integrasi AI. Dulu siapkan plan sebulan, sekarang seminggu dah settle dengan kualiti yang lebih tinggi melalui bantuan AI.</p>
</details>
</div>
</div>
</section>
<!-- 13. CLOSING & CTA -->
<section class="py-24 bg-white">
<div class="container mx-auto px-6 text-center max-w-4xl">
<h3 class="text-3xl md:text-5xl font-black text-blue-900 mb-8 italic uppercase leading-tight">Founder, Masa Depan Anda Ditentukan Oleh <span class="text-yellow-600 underline decoration-blue-900 underline-offset-8 decoration-4">Tindakan Hari Ini.</span></h3>
<p class="text-gray-600 mb-12 italic text-lg leading-relaxed text-justify md:text-center">Jangan biarkan bisnes anda ketinggalan kerana takut berubah. Dunia sedang bergerak pantas dengan AI. Leverage teknologi ini sekarang untuk dominasi pasaran 2026.</p>
<a href="#pakej" class="inline-block bg-yellow-30 text-blue-900 px-12 py-8 rounded-2xl font-black text-2xl md:text-3xl uppercase btn-glow transition shadow-2xl border-4 border-white mb-8 tracking-tighter">DAFTAR FOUNDER CHAPTER AI SEKARANG!</a>
<p class="font-black text-blue-900 tracking-widest italic uppercase tracking-[0.2em]">Kita Jumpa Di Akademi SifuBad!</p>
</div>
</section>
<!-- FOOTER -->
<footer class="bg-blue-950 text-white py-12 border-t border-blue-900">
<div class="container mx-auto px-6 text-center">
<div class="font-black text-2xl tracking-tighter mb-4 uppercase italic">FOUNDER <span class="text-yellow-30">CHAPTER AI</span></div>
<p class="text-blue-400 text-[10px] mb-8 uppercase tracking-[0.3em] font-bold tracking-widest">Hak Cipta Terpelihara © 2024 Sifubad Sdn Bhd</p>
<div class="flex justify-center gap-8 text-2xl">
<a href="#" class="hover:text-yellow-30 transition"><i class="fab fa-facebook-square"></i></a>
<a href="#" class="hover:text-yellow-30 transition"><i class="fab fa-instagram"></i></a>
<a href="#" class="hover:text-yellow-30 transition"><i class="fab fa-tiktok"></i></a>
<a href="#" class="hover:text-yellow-30 transition"><i class="fab fa-youtube"></i></a>
</div>
</div>
</footer>
</body>
</html>