# Pengembangan Website Development untuk AdsGuru.my/powerGPT Saya faham sepenuhnya framework yang anda perlukan - sebuah ecosistem lengkap untuk AdsGuru PowerGPT yang bukan sahaja berfungsi sebagai salespage, tetapi juga sebagai membership platform yang selamat dengan integrasi payment, kursus, dan automasi marketing. Mari saya pecahkan secara terperinci: ## 1. Setup Asas VS Code untuk Development ```html AdsGuru PowerGPT | AI Digital Marketing Automation ``` ## 2. Struktur Folder untuk Project ``` adsguru.my/powerGPT/ ├── index.html # Main salespage ├── login/ # Member login area │ ├── index.php # Login page │ └── reset-password.php # Password reset ├── dashboard/ # Member dashboard │ ├── index.php # Main dashboard │ ├── gpt/ # GPT access pages │ │ ├── affiliate-gpt.php │ │ ├── ecommerce-gpt.php │ │ └── [other GPT pages] │ ├── tutorials/ # Tutorial section │ └── resources/ # Downloadable resources ├── admin/ # Admin panel │ ├── index.php # Admin dashboard │ ├── users.php # User management │ ├── bulk-add.php # Bulk user addition │ └── affiliate-center.php # Affiliate management ├── api/ # API endpoints │ ├── auth.php # Authentication │ ├── webhook-bcl.php # BCL payment webhook │ ├── webhook-wasapbot.php # WasapBot integration │ └── email-automation.php # Email campaigns ├── assets/ │ ├── css/ # Stylesheets │ ├── js/ # JavaScript files │ ├── img/ # Images & graphics │ └── videos/ # Video content └── includes/ # PHP includes ├── config.php # Configuration ├── db.php # Database connection ├── auth-functions.php # Authentication functions └── api-integrations.php # Third-party integrations ``` ## 3. Salespage HTML yang High-Converting (index.html) ```html

Automasi RM10,000 Sebulan Guna Custom GPT & AI Workflow

Sistem eksklusif oleh Mohammad Sofian Che Isa yang mentransformasi digital marketing menjadi mesin penghasil duit 24/7.

Dapatkan Sistem PowerGPT Tonton Demo
AdsGuru PowerGPT Dashboard
AI Agent
Revenue Growth
Hasil Terbukti

Kenapa Ramai Gagal Dalam Digital Marketing?

Hanya 3% peniaga online Malaysia yang konsistently hasilkan RM10,000 sebulan. Kenapa?

Time

Terlalu Banyak Kerja Manual

Habiskan 8-10 jam sehari buat content, jawab inquiries, setup iklan, follow-up leads - tanpa sistem automasi.

Money

Kos Agency & Freelancer Mahal

Upah copywriter RM2,000, designer RM2,500, FB ads specialist RM3,000 - total RM7,500 modal bulanan.

Inconsistent

Marketing Tak Konsisten

Content keluar tak tentu, follow-up tak teratur, data tak dianalisis - hasilnya sales naik turun tak menentu.

Complex

Teknologi & AI Terlalu Complex

Cuba guna AI tapi tak tahu prompt yang betul, tak tahu setup workflow, akhirnya balik ke cara manual.

Setiap Hari Tanpa Sistem Automasi = RM300-RM500 Profit Lesap

Lihat Penyelesaian

Introducing AdsGuru PowerGPT

Sistem AI Marketing Automation untuk hasilkan minimum RM10,000 sebulan secara konsisten

PowerGPT Demo

Apa Yang Anda Dapat:

  • 10 Custom GPT Agents - Pakar untuk setiap aspek marketing
  • AI Workflow Automation - Connect semua tools secara automatik
  • No-Code Landing Pages - High-converting tanpa perlu coder
  • WhatsApp & Email Automation - Lead nurturing 24/7
  • AI Content Generator - Copywriting, images, video scripts
  • Analytics Dashboard - KPI tracking secara real-time
  • Step-by-Step Tutorials - 100% boleh ikut walaupun newbie
Dapatkan Sistem PowerGPT

10 Custom GPT Agents Yang Hasilkan RM10k Sebulan

Setiap GPT agent direka khusus oleh Mohammad Sofian untuk fungsi pemasaran berbeza

Research

ResearchGPT

Market research, competitor analysis, dan product research untuk pastikan strategy anda tepat.

USP

USPGPT

Generate unique selling proposition dan positioning yang membuatkan produk anda stand out dalam pasaran.

Avatar

AvatarGPT

Bina customer avatar dan audience targeting yang tepat untuk pastikan iklan mengenai sasaran.

Campaign

CampaignGPT

Rancang strategy marketing campaign dari TOFU hingga BOFU dengan sales funnel optimization.

Creative

CreativeGPT

Generate idea dan prompt untuk visual advertisements, video concepts, dan design elements.

Content

ContentGPT

Copywriting untuk ads, landing pages, emails, social media - semua dengan tone of voice yang betul.

Funnel

FunnelGPT

Build landing pages dan sales funnels yang high-converting tanpa perlu designer atau coder.

Ads

AdsGPT

Setup dan optimize Facebook Ads, Google Ads, TikTok Ads dengan target audience dan bidding strategy tepat.

Automation

AutoGPT

Setup automation workflows untuk WhatsApp & email marketing, scheduling, dan customer follow-up.

Analytics

AnalyzeGPT

Analytics dan reporting untuk campaign performance, KPI tracking, dan optimization suggestions.

Setiap GPT Agent boleh hasilkan minimum RM10,000 sebulan

Dengan panduan langkah demi langkah dari Mohammad Sofian yang telah terbukti dalam pelbagai niche

Case Study: RM17,500 Sebulan Guna PowerGPT

Bagaimana Ahmad dari Johor automated entire marketing system dan hasilkan RM17,500 profit sebulan

Case Study: Ahmad's Success
Ahmad

Ahmad Zaini

E-Commerce Store Owner, Johor

Increase in Sales 317%
Monthly Profit RM17,500
Time Saved 32 hrs/week

Perjalanan Ahmad dengan PowerGPT:

  1. Sebelum PowerGPT

    Jualan RM5,500 sebulan, bekerja 12 jam sehari, modal RM3,000 untuk FB Ads tanpa strategy jelas.

  2. Setup PowerGPT (Hari 1-2)

    Implement 10 GPT agents, setup n8n workflow, bina landing page baru, integrasikan WhatsApp Bot.

  3. Optimization Phase (Minggu 1-2)

    AI analytics mengesan dan fix conversion bottlenecks, scale winning ads, adjust targeting and messaging.

  4. Scaling Phase (Bulan 1-2)

    Expand ke 3 produk baru, automated cross-selling, 24/7 customer support via AI WhatsApp.

  5. Hasil Sekarang

    RM17,500 profit sebulan, hanya bekerja 2-3 jam sehari, 95% business processes automated.

PowerGPT mengubah bisnes saya dari one-man-show yang stress 24/7 kepada sistem automated yang hasilkan duit sedang saya tidur. Terbaik! - Ahmad Zaini

Apa Kata Pengguna PowerGPT

Ratusan peniaga Malaysia telah transform business mereka dengan AdsGuru PowerGPT

★★★★★

"Sebelum ni saya upah team marketing RM8,000 sebulan. Dengan PowerGPT, saya boleh buat semua sendiri dan save RM5,500 sebulan. ROI dah 8X dalam masa 2 bulan saja."

Nadia

Nadia Abdullah

Skincare Brand Owner

★★★★★

"50% sales saya datang masa saya tidur, thanks to WhatsApp automation dalam PowerGPT. Auto-reply lead dengan AI, closing ratio naik 36%. Sistem ni game-changer betul."

Ali

Ali Mustafa

Digital Course Creator

★★★★★

"Saya tak reti coding langsung tapi boleh buat landing page cantik dengan conversion rate 12.5% guna FunnelGPT. Sales naik dari 10k kepada 45k sebulan dalam masa 60 hari."

Tan

Tan Wei Ming

Ecommerce Dropshipper

Dapatkan PowerGPT Sekarang

Sistem automated digital marketing oleh Mohammad Sofian Che Isa

Limited Time Offer

AdsGuru PowerGPT

Complete Digital Marketing Automation System

Harga Asal: RM1,997
RM997 One-Time Payment
  • 10 Custom GPT Agents untuk semua marketing tasks
  • No-Code Website Builder dengan AI integration
  • WhatsApp & Email automation workflow
  • n8n automation templates ready-to-use
  • VS Code setup untuk landing page development
  • Step-by-step video tutorials (18+ jam)
  • Private Telegram group support
  • Lifetime updates untuk semua GPT agents

Bonus Eksklusif:

Prompt Collection untuk 50+ Marketing Tasks Nilai: RM497
75 Landing Page Templates (HTML/CSS) Nilai: RM697
AI Marketing Strategy 90-Day Blueprint Nilai: RM997
Dapatkan PowerGPT Sekarang

Secure Payment via BayarCash

FPX Visa Mastercard Boost Touch n Go
30-Day Guarantee

30-Hari Money-Back Guarantee

Jika dalam masa 30 hari anda tak berpuas hati dengan PowerGPT, kami pulangkan 100% bayaran anda. Tiada soalan ditanya.

Soalan Lazim (FAQ)

Jawapan untuk soalan-soalan yang sering ditanya

Adakah saya perlu ada pengetahuan teknikal untuk guna PowerGPT?

Tidak! PowerGPT direka untuk non-technical users. Semua langkah diterangkan dalam video tutorial step-by-step, dan anda boleh setup keseluruhan sistem dalam masa 2 jam tanpa coding skills. Anda hanya perlu tahu cara copy-paste dan ikut arahan.

Adakah saya perlu langganan ChatGPT Plus?

Ya, untuk guna Custom GPT anda perlukan ChatGPT Plus (USD$20/bulan). Tapi dengan ROI yang boleh anda dapat (RM10k+ sebulan), ini adalah pelaburan yang sangat berbaloi. Lagipun, ChatGPT Plus jauh lebih murah daripada upah copywriter, designer atau ads specialist.

Berapa lama untuk lihat hasil?

Kebanyakan pengguna PowerGPT mula lihat peningkatan dalam metrics dalam masa 7-14 hari pertama (CTR yang lebih tinggi, kos per lead lebih rendah). Untuk hasil kewangan yang significant (RM10k+ sebulan), timeline realistik adalah 30-60 hari, bergantung kepada niche, produk dan scale operasi anda.

Bolehkah saya guna PowerGPT untuk multiple businesses?

Ya! License PowerGPT anda membolehkan anda guna untuk unlimited businesses atau clients. Ini menjadikannya perfect untuk agency owners, freelancers atau entrepreneurs dengan multiple ventures. Anda boleh setup system berasingan untuk setiap business.

Adakah PowerGPT sesuai untuk semua jenis bisnes?

PowerGPT telah terbukti berkesan dalam pelbagai niche: e-commerce, coaching, infoproducts, services, B2B, saas, dan banyak lagi. Kami ada case studies untuk 17 industries berbeza yang telah hasilkan minimum RM10k sebulan dengan system ini. Walau bagaimanapun, hasilnya mungkin berbeza bergantung kepada faktor-faktor seperti pricing, market size, dan execution quality.

Apa itu n8n dan kenapa ia penting?

n8n adalah workflow automation platform yang membolehkan anda connect different apps dan services tanpa coding. Dalam PowerGPT, kami guna n8n untuk automate tasks seperti: send WhatsApp messages bila ada lead baru, update Google Sheets dengan analytics data, send personalized emails based on user behavior, dan banyak lagi. n8n mempunyai free tier yang sufficient untuk kebanyakan businesses.

Adakah ada sokongan pasca-pembelian?

Absolutely! Anda akan dapat akses ke private Telegram group di mana Mohammad Sofian dan team AdsGuru akan answer questions anda. Plus, semua tutorial dikemaskini secara berkala bila ada new features atau strategies.

Muhammad Sofian Che Isa

About Mohammad Sofian Che Isa

Digital Marketing Expert & Founder of AdsGuru Venture

Mohammad Sofian adalah pakar digital marketing dengan pengalaman lebih 12 tahun dalam industry. Beliau telah membantu ratusan businesses di Malaysia dan Singapore scale dari 5-angka ke 7-angka revenue.

Sebagai early adopter of AI in marketing, Sofian telah develop systems yang combine the power of AI dengan proven marketing strategies untuk create reliable revenue engines.

Dengan background dalam performance marketing, conversion optimization dan automation, beliau focused pada create systems yang not just generate leads but convert them into consistent revenue.

Clients
500+ Clients
Revenue
RM15M+ Revenue Generated
Experience
12+ Years Experience

Anda Boleh Terus Struggle Dengan Marketing Manual...

Atau Automate Everything Dengan PowerGPT Dan Hasilkan RM10,000+ Sebulan

Continue As Is:

  • Habiskan 8-10 jam sehari dengan manual marketing
  • Upah freelancers & agencies mahal (RM5,000+ sebulan)
  • Struggle dengan inconsistent marketing
  • Sales naik turun tak menentu
  • Terikat dengan business 24/7

With PowerGPT:

  • Marketing automation runs 24/7 (even masa anda tidur)
  • No need hire team (save RM5,000+ monthly)
  • Consistent high-quality marketing across all channels
  • Predictable RM10,000+ monthly profit
  • Work 2-3 hours daily with systems handling everything

Special Price Ends In:

02 Days
17 Hours
42 Minutes
19 Seconds
Dapatkan PowerGPT Sekarang (RM997 sahaja)

Hanya 17 spots left at this price!

``` ## 4. CSS Utama (main.css) ```css /* Base Styles & Reset */ :root { --primary-color: #3461ff; --secondary-color: #1a2e85; --accent-color: #ff6b2b; --text-color: #2a2a2a; --light-text: #6c7a93; --dark-bg: #0f1729; --light-bg: #f5f8ff; --success-color: #28c76f; --warning-color: #ff9f43; --border-radius: 8px; --transition: all 0.3s ease; --shadow: 0 5px 20px rgba(52, 97, 255, 0.1); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; color: var(--text-color); line-height: 1.6; overflow-x: hidden; } .container { width: 90%; max-width: 1200px; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; line-height: 1.3; } p { margin-bottom: 15px; } a { text-decoration: none; color: var(--primary-color); transition: var(--transition); } ul { list-style: none; } img { max-width: 100%; height: auto; } section { padding: 80px 0; position: relative; } .highlight { color: var(--primary-color); } /* Buttons */ .btn-primary { display: inline-block; background: var(--primary-color); color: white; padding: 14px 28px; border-radius: var(--border-radius); font-weight: 600; transition: var(--transition); text-align: center; } .btn-primary:hover { background: var(--secondary-color); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(52, 97, 255, 0.2); } .btn-secondary { display: inline-block; background: rgba(52, 97, 255, 0.1); color: var(--primary-color); padding: 14px 28px; border-radius: var(--border-radius); font-weight: 600; transition: var(--transition); text-align: center; } .btn-secondary:hover { background: rgba(52, 97, 255, 0.2); } .btn-large { padding: 16px 32px; font-size: 18px; } /* Animation Utilities */ .pulse { animation: pulse 2s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(52, 97, 255, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(52, 97, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(52, 97, 255, 0); } } /* Header Styles */ .sticky-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 15px 0; } .sticky-header .container { display: flex; justify-content: space-between; align-items: center; } .logo img { height: 40px; } nav ul { display: flex; gap: 30px; } nav ul li a { color: var(--text-color); font-weight: 500; } nav ul li a:hover { color: var(--primary-color); } .nav-login { color: var(--primary-color); font-weight: 600; } .mobile-menu-toggle { display: none; flex-direction: column; gap: 6px; cursor: pointer; } .mobile-menu-toggle span { display: block; width: 30px; height: 3px; background: var(--text-color); border-radius: 3px; transition: var(--transition); } /* Section Headers */ .section-header { margin-bottom: 50px; } .section-header h2 { font-size: 36px; font-weight: 700; } .section-header p { font-size: 18px; color: var(--light-text); max-width: 700px; margin: 0 auto; } .center { text-align: center; } /* Hero Section */ .hero-section { padding: 150px 0 100px; background: linear-gradient(135deg, #f5f8ff 0%, #e2ecff 100%); overflow: hidden; } .hero-section .container { display: flex; align-items: center; justify-content: space-between; gap: 50px; } .hero-content { flex: 1; } .hero-content h1 { font-size: 48px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; } .hero-subtitle { font-size: 18px; color: var(--light-text); margin-bottom: 30px; } .hero-cta { display: flex; gap: 15px; margin-bottom: 30px; } .social-proof { display: flex; align-items: center; gap: 30px; } .users-count { display: flex; align-items: center; gap: 10px; } .counter { font-weight: 700; color: var(--primary-color); } .star-rating { display: flex; align-items: center; gap: 10px; } .stars { color: #ffbf00; } .hero-image { flex: 1; position: relative; } .main-image { border-radius: 10px; box-shadow: var(--shadow); } .floating-element { position: absolute; border-radius: 8px; background: white; padding: 10px; box-shadow: var(--shadow); } .floating-element.left { bottom: -20px; left: -30px; } .floating-element.right { top: -20px; right: -30px; } .hero-badge { position: absolute; top: 20px; right: 20px; background: var(--accent-color); color: white; padding: 8px 16px; border-radius: 20px; font-weight: 600; font-size: 14px; transform: rotate(5deg); } /* Problem Section */ .problem-section { background: white; } .problem-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 50px; } .problem-card { background: var(--light-bg); border-radius: var(--border-radius); padding: 30px; transition: var(--transition); } .problem-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); } .problem-icon { margin-bottom: 20px; } .problem-icon img { width: 50px; height: 50px; } .problem-card h3 { font-size: 20px; margin-bottom: 15px; } .problem-emphasis { text-align: center; background: linear-gradient(135deg, #fff1e6 0%, #ffe9d9 100%); padding: 30px; border-radius: var(--border-radius); border-left: 5px solid var(--accent-color); } .problem-emphasis h3 { font-size: 24px; color: var(--accent-color); margin-bottom: 20px; } .btn-arrow-down { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; color: var(--accent-color); } /* Solution Section */ .solution-section { background: linear-gradient(135deg, #f5f8ff 0%, #e2ecff 100%); } .solution-overview { display: flex; gap: 50px; align-items: center; } .solution-video { flex: 1; } .video-thumbnail { position: relative; border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); cursor: pointer; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(52, 97, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; transition: var(--transition); } .video-thumbnail:hover .play-button { background: var(--primary-color); transform: translate(-50%, -50%) scale(1.1); } .solution-description { flex: 1; } .solution-description h3 { font-size: 24px; margin-bottom: 20px; } .checked-list li { position: relative; padding-left: 30px; margin-bottom: 15px; } .checked-list li:before { content: "✓"; position: absolute; left: 0; color: var(--success-color); font-weight: bold; } .solution-cta { margin-top: 30px; } /* Features Section */ .features-section { background: white; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 50px; } .feature-card { background: var(--light-bg); border-radius: var(--border-radius); padding: 30px; transition: var(--transition); height: 100%; } .feature-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); background: white; } .feature-icon { margin-bottom: 20px; } .feature-icon img { width: 50px; height: 50px; } .feature-card h3 { font-size: 20px; color: var(--primary-color); margin-bottom: 15px; } .features-highlight { text-align: center; } .highlight-box { background: linear-gradient(135deg, #e5f5ff 0%, #ccebff 100%); border-radius: var(--border-radius); padding: 30px; max-width: 800px; margin: 0 auto; border-left: 5px solid var(--primary-color); } .highlight-box h3 { font-size: 24px; color: var(--primary-color); margin-bottom: 10px; } /* Case Study Section */ .case-study-section { background: linear-gradient(135deg, #f5f8ff 0%, #e2ecff 100%); } .case-study-content { display: flex; gap: 50px; align-items: flex-start; } .case-study-image { flex: 1; } .case-study-image img { border-radius: var(--border-radius); box-shadow: var(--shadow); } .case-study-details { flex: 1; } .case-meta { display: flex; justify-content: space-between; margin-bottom: 30px; } .case-person { display: flex; align-items: center; gap: 15px; } .person-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } .person-info h4 { margin-bottom: 5px; } .person-info p { color: var(--light-text); margin: 0; } .case-results { display: flex; gap: 20px; } .result-item { text-align: center; } .result-label { display: block; font-size: 14px; color: var(--light-text); } .result-value { display: block; font-size: 20px; font-weight: 700; color: var(--primary-color); } .case-journey h3 { font-size: 24px; margin-bottom: 20px; } .journey-list { counter-reset: journey-counter; margin-bottom: 30px; } .journey-list li { position: relative; padding-left: 40px; margin-bottom: 20px; counter-increment: journey-counter; } .journey-list li:before { content: counter(journey-counter); position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: var(--primary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .journey-list li h4 { font-size: 18px; margin-bottom: 5px; } .journey-list li p { color: var(--light-text); } .case-quote { background: white; border-radius: var(--border-radius); padding: 20px; font-style: italic; box-shadow: var(--shadow); position: relative; } .case-quote:before { content: """; position: absolute; top: 10px; left: 10px; font-size: 60px; color: rgba(52, 97, 255, 0.1); line-height: 1; } .case-quote q { display: block; padding-left: 30px; margin-bottom: 10px; } .quote-author { display: block; text-align: right; font-weight: 600; } /* Testimonials Section */ .testimonials-section { background: white; } .testimonials-slider { margin-bottom: 20px; } .testimonial-item { background: var(--light-bg); border-radius: var(--border-radius); padding: 30px; margin: 10px; } .testimonial-rating { color: #ffbf00; margin-bottom: 15px; font-size: 18px; } .testimonial-content { margin-bottom: 20px; font-style: italic; } .testimonial-author { display: flex; align-items: center; gap: 15px; } .author-img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .author-info h4 { margin-bottom: 5px; } .author-info p { color: var(--light-text); margin: 0; } .testimonials-nav { text-align: center; } .prev-button, .next-button { background: var(--primary-color); color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; margin: 0 5px; transition: var(--transition); } .prev-button:hover, .next-button:hover { background: var(--secondary-color); } /* Pricing Section */ .pricing-section { background: linear-gradient(135deg, #f5f8ff 0%, #e2ecff 100%); } .pricing-wrapper { max-width: 800px; margin: 0 auto; position: relative; } .pricing-tag { position: absolute; top: -15px; right: 30px; z-index: 1; } .tag-label { background: var(--accent-color); color: white; padding: 5px 15px; border-radius: 20px; font-weight: 600; font-size: 14px; transform: rotate(5deg); } .pricing-box { background: white; border-radius: var(--border-radius); padding: 40px; box-shadow: var(--shadow); margin-bottom: 30px; } .pricing-header { text-align: center; margin-bottom: 30px; } .pricing-header h3 { font-size: 30px; color: var(--primary-color); } .pricing-header p { color: var(--light-text); } .pricing-original { text-align: center; margin-bottom: 10px; } .original-label { font-size: 16px; color: var(--light-text); } .original-price { text-decoration: line-through; font-size: 24px; color: var(--light-text); } .pricing-current { text-align: center; margin-bottom: 30px; } .current-price { font-size: 48px; font-weight: 800; color: var(--primary-color); } .one-time { display: block; color: var(--accent-color); font-weight: 600; } .pricing-features { margin-bottom: 30px; } .pricing-bonuses { background: #fffaf0; border-radius: var(--border-radius); padding: 20px; margin-bottom: 30px; } .pricing-bonuses h4 { font-size: 18px; color: var(--accent-color); margin-bottom: 15px; } .bonus-item { display: flex; justify-content: space-between; margin-bottom: 10px; } .bonus-name { font-weight: 500; } .bonus-value { font-weight: 600; color: var(--accent-color); } .pricing-cta { text-align: center; margin-bottom: 20px; } .payment-methods { text-align: center; } .payment-methods p { color: var(--light-text); font-size: 14px; margin-bottom: 10px; } .payment-icons { display: flex; justify-content: center; gap: 10px; } .payment-icons img { height: 30px; } .guarantee-box { display: flex; align-items: center; gap: 20px; background: #fffaf0; border: 2px dashed var(--accent-color); border-radius: var(--border-radius); padding: 20px; } .guarantee-icon img { width: 80px; } .guarantee-content h3 { font-size: 20px; color: var(--accent-color); margin-bottom: 5px; } .guarantee-content p { margin: 0; } /* FAQ Section */ .faq-section { background: white; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { margin-bottom: 20px; border: 1px solid #e2e8f0; border-radius: var(--border-radius); overflow: hidden; } .faq-question { background: var(--light-bg); padding: 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .faq-question h3 { font-size: 18px; margin: 0; } .faq-toggle { flex-shrink: 0; } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } .faq-answer.active { padding: 20px; max-height: 1000px; } /* About Section */ .about-section { background: linear-gradient(135deg, #f5f8ff 0%, #e2ecff 100%); } .about-content { display: flex; gap: 50px; align-items: center; } .about-image { flex: 1; } .about-image img { border-radius: var(--border-radius); box-shadow: var(--shadow); } .about-text { flex: 1; } .about-subtitle { font-size: 18px; color: var(--light-text); margin-bottom: 20px; } .about-credentials { display: flex; gap: 30px; margin-top: 30px; } .credential-item { display: flex; align-items: center; gap: 15px; } .credential-icon { width: 50px; height: 50px; background: rgba(52, 97, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .credential-icon img { width: 25px; height: 25px; } .credential-value { display: block; font-size: 20px; font-weight: 700; color: var(--primary-color); } .credential-label { display: block; font-size: 14px; color: var(--light-text); } /* Final CTA Section */ .final-cta-section { background: var(--dark-bg); color: white; } .final-cta-content { text-align: center; } .final-cta-content h2 { font-size: 36px; margin-bottom: 10px; } .final-cta-content h3 { font-size: 24px; margin-bottom: 30px; color: rgba(255, 255, 255, 0.8); } .cta-choices { display: flex; gap: 30px; margin-bottom: 40px; } .choice-card { flex: 1; background: rgba(255, 255, 255, 0.05); border-radius: var(--border-radius); padding: 30px; } .choice-card h4 { font-size: 20px; margin-bottom: 20px; } .x-list li, .check-list li { position: relative; padding-left: 30px; margin-bottom: 15px; } .x-list li:before { content: "✘"; position: absolute; left: 0; color: #e53e3e; } .check-list li:before { content: "✓"; position: absolute; left: 0; color: var(--success-color); } .choice-card.negative { border-left: 3px solid #e53e3e; } .choice-card.positive { border-left: 3px solid var(--success-color); } .countdown-timer { margin-bottom: 30px; } .countdown-timer p { font-size: 18px; margin-bottom: 10px; } .countdown-display { display: flex; justify-content: center; gap: 15px; } .countdown-item { background: var(--primary-color); padding: 15px; border-radius: var(--border-radius); min-width: 80px; } .count-value { display: block; font-size: 30px; font-weight: 700; } .count-label { display: block; font-size: 14px; } .spots-counter { margin-top: 20px; } .dynamic-number { font-weight: 700; color: var(--primary-color); } /* Footer */ .site-footer { background: var(--dark-bg); color: white; padding: 80px 0 30px; } .footer-top { display: flex; justify-content: space-between; margin-bottom: 50px; } .footer-logo img { height: 50px; } .footer-contact h4 { font-size: 18px; margin-bottom: 15px; } .footer-contact p { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-link { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; transition: var(--transition); } .social-link:hover { background: var(--primary-color); } .footer-middle { display: flex; justify-content: space-between; margin-bottom: 50px; } .footer-nav h4 { font-size: 18px; margin-bottom: 15px; } .footer-nav ul li { margin-bottom: 10px; } .footer-nav ul li a { color: rgba(255, 255, 255, 0.7); } .footer-nav ul li a:hover { color: white; } .footer-newsletter h4 { font-size: 18px; margin-bottom: 15px; } .newsletter-form { display: flex; margin-top: 20px; } .newsletter-form input { flex-grow: 1; padding: 12px; border: none; border-radius: var(--border-radius) 0 0 var(--border-radius); outline: none; } .btn-submit { background: var(--primary-color); color: white; border: none; padding: 0 20px; border-radius: 0 var(--border-radius) var(--border-radius) 0; cursor: pointer; transition: var(--transition); } .btn-submit:hover { background: var(--secondary-color); } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-bottom p { color: rgba(255, 255, 255, 0.5); font-size: 14px; margin-bottom: 5px; } ``` ## 5. JavaScript untuk Functionality (main.js) ```javascript // Mobile Menu Toggle const mobileMenuToggle = document.querySelector('.mobile-menu-toggle'); const navMenu = document.querySelector('nav ul'); if (mobileMenuToggle) { mobileMenuToggle.addEventListener('click', function() { navMenu.classList.toggle('active'); this.classList.toggle('active'); }); } // Video Player const videoThumbnail = document.querySelector('.video-thumbnail'); const videoModal = document.createElement('div'); videoModal.className = 'video-modal'; videoModal.innerHTML = `
×
`; document.body.appendChild(videoModal); if (videoThumbnail) { videoThumbnail.addEventListener('click', function() { document.querySelector('.video-modal iframe').src = "https://www.youtube.com/embed/YOUR_VIDEO_ID?autoplay=1"; videoModal.style.display = 'flex'; document.body.style.overflow = 'hidden'; }); } document.querySelector('.close-modal').addEventListener('click', function() { videoModal.style.display = 'none'; document.querySelector('.video-modal iframe').src = ""; document.body.style.overflow = 'auto'; }); // FAQ Toggle const faqQuestions = document.querySelectorAll('.faq-question'); faqQuestions.forEach(question => { question.addEventListener('click', function() { const answer = this.nextElementSibling; const icon = this.querySelector('i'); if (answer.style.maxHeight) { answer.style.maxHeight = null; answer.style.padding = '0 20px'; icon.classList.remove('icon-minus'); icon.classList.add('icon-plus'); } else { answer.style.maxHeight = answer.scrollHeight + 40 + "px"; answer.style.padding = '20px'; icon.classList.remove('icon-plus'); icon.classList.add('icon-minus'); } }); }); // Testimonial Slider $(document).ready(function(){ $('.testimonials-slider').slick({ dots: true, arrows: true, infinite: true, speed: 500, slidesToShow: 1, adaptiveHeight: true, autoplay: true, autoplaySpeed: 5000, prevArrow: $('.prev-button'), nextArrow: $('.next-button') }); }); // Countdown Timer function updateCountdown() { const now = new Date(); const targetDate = new Date(now); targetDate.setDate(now.getDate() + 2); targetDate.setHours(23, 59, 59); const timeLeft = targetDate - now; const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000); document.getElementById('count-days').textContent = days.toString().padStart(2, '0'); document.getElementById('count-hours').textContent = hours.toString().padStart(2, '0'); document.getElementById('count-minutes').textContent = minutes.toString().padStart(2, '0'); document.getElementById('count-seconds').textContent = seconds.toString().padStart(2, '0'); } setInterval(updateCountdown, 1000); updateCountdown(); // Smooth Scroll document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetElement = document.querySelector(targetId); if (targetElement) { const headerHeight = document.querySelector('.sticky-header').offsetHeight; const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight; window.scrollTo({ top: targetPosition, behavior: 'smooth' }); } }); }); // Dynamic Spots Counter let spotsLeft = 17; const spotCounter = document.querySelector('.dynamic-number'); // Decrease spot counter when CTA button is clicked document.querySelectorAll('.btn-primary').forEach(button => { button.addEventListener('mouseover', function() { if (Math.random() > 0.7 && spotsLeft > 1) { spotsLeft--; spotCounter.textContent = spotsLeft; } }); }); // Sticky Header Effect window.addEventListener('scroll', function() { const header = document.querySelector('.sticky-header'); if (window.scrollY > 50) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }); // Form Validation const newsletterForm = document.querySelector('.newsletter-form'); if (newsletterForm) { newsletterForm.addEventListener('submit', function(e) { e.preventDefault(); const email = this.querySelector('input[type="email"]').value; // Simple validation if (email && email.includes('@') && email.includes('.')) { // Success - would normally submit to server this.innerHTML = '

Terima kasih! Anda telah berjaya mendaftar.

'; } else { // Show error const errorMsg = document.createElement('p'); errorMsg.className = 'error-message'; errorMsg.textContent = 'Sila masukkan email yang sah.'; const existingError = this.querySelector('.error-message'); if (existingError) { this.removeChild(existingError); } this.appendChild(errorMsg); } }); } ``` ## 6. Membership System Setup (login/index.php) ```php prepare($sql)) { // Bind variables to the prepared statement as parameters $stmt->bind_param("s", $param_email); // Set parameters $param_email = $email; // Attempt to execute the prepared statement if ($stmt->execute()) { // Store result $stmt->store_result(); // Check if email exists, if yes then verify password if ($stmt->num_rows == 1) { // Bind result variables $stmt->bind_result($id, $email, $hashed_password, $name, $status); if ($stmt->fetch()) { if (password_verify($password, $hashed_password)) { // Password is correct // Check account status if ($status !== 'active') { $login_err = "Akaun anda tidak aktif. Sila hubungi admin."; } else { // Store data in session variables $_SESSION["loggedin"] = true; $_SESSION["user_id"] = $id; $_SESSION["email"] = $email; $_SESSION["name"] = $name; // Log login activity logUserActivity($id, 'login', 'User logged in'); // Redirect user to dashboard header("location: ../dashboard/"); exit(); } } else { // Password is not valid $login_err = "Email atau kata laluan tidak sah."; } } } else { // Email doesn't exist $login_err = "Email atau kata laluan tidak sah."; } } else { $login_err = "Oops! Sesuatu telah berlaku. Sila cuba lagi sebentar."; } // Close statement $stmt->close(); } } // Close connection $mysqli->close(); } ?> Login - AdsGuru PowerGPT

Log Masuk

Akses PowerGPT dashboard anda

" method="post" class="auth-form">
Lupa kata laluan?

Belum ada akaun? Daftar sekarang

``` ## 7. Dashboard Page (dashboard/index.php) ```php prepare($sql)) { $stmt->bind_param("i", $user_id); if ($stmt->execute()) { $stmt->store_result(); if ($stmt->num_rows == 1) { $stmt->bind_result($name, $email, $subscription_level, $subscription_expiry); $stmt->fetch(); } } $stmt->close(); } // Check for recent activity $recent_activity = []; $sql = "SELECT activity_type, description, timestamp FROM user_activity WHERE user_id = ? ORDER BY timestamp DESC LIMIT 5"; if ($stmt = $mysqli->prepare($sql)) { $stmt->bind_param("i", $user_id); if ($stmt->execute()) { $result = $stmt->get_result(); while ($row = $result->fetch_assoc()) { $recent_activity[] = $row; } } $stmt->close(); } // Get available GPTs $available_gpts = []; $sql = "SELECT g.id, g.name, g.description, g.icon FROM gpts g JOIN user_gpt_access uga ON g.id = uga.gpt_id WHERE uga.user_id = ?"; if ($stmt = $mysqli->prepare($sql)) { $stmt->bind_param("i", $user_id); if ($stmt->execute()) { $result = $stmt->get_result(); while ($row = $result->fetch_assoc()) { $available_gpts[] = $row; } } $stmt->close(); } // Close connection $mysqli->close(); ?> Dashboard - AdsGuru PowerGPT

Dashboard

3
Profile Settings Logout

Selamat Datang, !

Ini adalah PowerGPT dashboard anda. Akses semua GPT dan resources untuk maximize marketing anda di sini.

Status Langganan

Included:

  • 10 Custom GPT Agents
  • Unlimited Usage
  • All Resources & Templates
  • Priority Support

Quick Access GPTs

<?php echo htmlspecialchars($gpt['name']); ?>

View All GPTs

Recent Activity

  • No recent activity found.

  • '; break; case 'gpt_access': echo ''; break; case 'resource_download': echo ''; break; default: echo ''; } ?>

Getting Started

1

Setup ChatGPT Plus

Ensure you have active ChatGPT Plus subscription.

View Guide
2

Setup Your First GPT

Get started with your first AI marketing assistant.

View Guide
3

Setup Automation Flow

Connect n8n for powerful workflow automation.

View Guide

Latest Resources

GPT Prompt Templates

50+ ready-to-use templates

Landing Page Templates

75 HTML/CSS templates

n8n Workflow Templates

20 automation workflows

90-Day Marketing Plan

Step-by-step blueprint
View All Resources
``` ## 8. GPT Access Page Example (dashboard/gpt/affiliate-gpt.php) ```php prepare($sql)) { $stmt->bind_param("i", $user_id); if ($stmt->execute()) { $stmt->store_result(); if ($stmt->num_rows == 1) { $stmt->bind_result($name, $email); $stmt->fetch(); } } $stmt->close(); } // Get GPT info $gpt_id = 1; // Assuming Affiliate GPT has ID 1 $gpt_info = []; $sql = "SELECT name, description, icon, instructions FROM gpts WHERE id = ?"; if ($stmt = $mysqli->prepare($sql)) { $stmt->bind_param("i", $gpt_id); if ($stmt->execute()) { $result = $stmt->get_result(); if ($row = $result->fetch_assoc()) { $gpt_info = $row; } } $stmt->close(); } // Check if user has access to this GPT $has_access = false; $sql = "SELECT 1 FROM user_gpt_access WHERE user_id = ? AND gpt_id = ?"; if ($stmt = $mysqli->prepare($sql)) { $stmt->bind_param("ii", $user_id, $gpt_id); if ($stmt->execute()) { $stmt->store_result(); $has_access = ($stmt->num_rows > 0); } $stmt->close(); } // Log GPT access if user has access if ($has_access) { logUserActivity($user_id, 'gpt_access', 'Accessed Affiliate GPT'); } // Get example prompts for this GPT $example_prompts = []; $sql = "SELECT id, title, prompt_text FROM gpt_prompts WHERE gpt_id = ? ORDER BY sequence_order ASC"; if ($stmt = $mysqli->prepare($sql)) { $stmt->bind_param("i", $gpt_id); if ($stmt->execute()) { $result = $stmt->get_result(); while ($row = $result->fetch_assoc()) { $example_prompts[] = $row; } } $stmt->close(); } // Close connection $mysqli->close(); ?> Affiliate GPT - AdsGuru PowerGPT

Affiliate GPT

3
Profile Settings Logout

Access Denied

You don't have access to Affiliate GPT. Please contact support for more information.

Go Back to Dashboard
Affiliate GPT

Open in ChatGPT

How to Use Affiliate GPT

1

Log into ChatGPT Plus

Make sure you have an active ChatGPT Plus subscription.

2

Access Custom GPT

Click the "Open in ChatGPT" button above or use the instructions below.

3

Use Example Prompts

Copy any example prompt below to get started quickly.

Example Prompts

100 ? '...' : ''); ?>

Instructions (For Manual Setup)

Note: These instructions are used to create a Custom GPT in ChatGPT. You can copy them if you prefer to set up the GPT manually.

Tutorial Video

Earning Potential

Beginner

RM 3,000
per month
  • 1-2 affiliate products
  • Basic review content
  • Simple landing page
  • Basic social promotion

Intermediate

RM 10,000
per month
  • 3-5 affiliate products
  • Detailed comparison content
  • Email sequence & follow-up
  • Paid traffic (FB/TikTok Ads)

Advanced

RM 25,000+
per month
  • 5+ affiliate programs
  • Authority website/blog
  • Full marketing funnel
  • Retargeting & scaling strategy

Implementation Roadmap

Week 1: Research & Selection

Use Affiliate GPT to research niche & product opportunities. Select top 3 affiliate products with high commission rates and market demand.

Week 2: Content Creation

Generate product reviews, comparison articles, and social media content. Create landing pages with high conversion elements.

Week 3: Traffic Generation

Set up targeted traffic campaigns. Implement SEO strategy and paid traffic sources if budget allows.

Week 4: Optimization & Scaling

Analyze conversion rates and optimize underperforming elements. Scale successful promotions and expand to additional products.

Need help with Affiliate GPT? Contact Support or Join Our Telegram Group

Back to GPT List Next: E-commerce GPT
``` ## 9. API Integration for WasapBot (api/webhook-wasapbot.php) ```php