PROMPT
Momasa adalah sebuah platform digital belajar memasak dan berbagi resep masakan halal yang dirancang untuk membantu pengguna — terutama para pecinta kuliner, ibu rumah tangga, hingga pelaku UMKM — menemukan resep, tutorial, dan kelas memasak secara online. Platform ini dikembangkan oleh PT Aplikasi Masak Mendunia dan tersedia dalam bentuk situs web maupun aplikasi.
📌 Apa itu Momasa?
Momasa adalah situs dan aplikasi kuliner yang menyediakan:
-
Ratusan resep masakan halal dari berbagai kategori seperti masakan Nusantara, Jepang, Korea, Timur Tengah, bakery, dan minuman ala café.
-
Kelas memasak online berbayar dan gratis yang dipandu oleh chef profesional untuk meningkatkan keterampilan memasak pengguna.
-
Komunitas pengguna di mana pengguna bisa menyimpan resep favorit, memberikan ulasan, bertanya, serta berbagi foto hasil masakan.
🍳 Fitur Utama Momasa
-
Resep halal — semua resep disesuaikan dengan standar halal sehingga cocok bagi pengguna yang memerlukan panduan memasak yang sesuai aturan makanan halal.
-
Kelas memasak dengan berbagai tingkat kesulitan dan jenis masakan yang bisa dipilih sesuai kebutuhan.
-
Interaksi dengan chef profesional dan komunitas pengguna melalui aplikasi serta konten media sosial resmi.
-
Akses di mana saja melalui situs momasa.id atau aplikasi mobile yang bisa diunduh di platform Android.
🧑🍳 Siapa yang Bisa Menggunakan Momasa?
Platform ini cocok untuk:
-
Pemula yang ingin belajar memasak dari dasar.
-
Ibu rumah tangga yang ingin mencari inspirasi menu sehari-hari.
-
UMKM kuliner yang ingin meningkatkan keterampilan serta mengembangkan bisnisnya.
-
Siapa saja yang ingin menemukan resep masakan halal lengkap dengan panduannya.
🌍 Kelebihan Momasa
✔ Menyediakan konten halal dan relevan dengan gaya hidup muslim.
✔ Menggabungkan resep, kelas, dan komunitas dalam satu platform.
✔ Dapat diakses secara fleksibel lewat website dan aplikasi.
Secara keseluruhan, Momasa berfungsi sebagai panduan memasak digital yang lengkap — dari resep hingga pembelajaran — bagi siapa saja yang ingin memperdalam keterampilan memasak dengan standar halal.
Apakah Anda mau saya jelaskan cara daftar dan menggunakan fitur kelas di Momasa?
PROMPT
Berikut contoh Landing Page “Training Boga Double Track” menggunakan HTML + Tailwind CSS, dengan UI modern, responsif, dan dominasi warna indigo, sesuai deskripsi platform yang Anda minta.
Landing page ini cocok untuk:
-
Website program Double Track
-
Promosi pelatihan boga digital
-
Akses desktop & mobile
-
Mudah dikembangkan ke SPA / Apps Script / backend lain
🎨 Konsep UI
-
Warna utama: Indigo (
indigo-600) -
Gaya: Modern, clean, edukatif
-
Struktur:
-
Hero Section
-
Tentang Training Boga
-
Fitur Utama
-
Target Pengguna
-
Call to Action
-
Footer
-
📄 File: index.html
<!DOCTYPE html><html lang="id"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Training Boga Double Track</title>
<!-- Tailwind CDN --> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: '#4f46e5', // indigo-600 } } } } </script></head><body class="bg-gray-50 text-gray-800">
<!-- ================= HERO ================= --><section class="bg-gradient-to-r from-indigo-600 to-indigo-500 text-white"> <div class="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-10 items-center"> <div> <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6"> Training Boga <br class="hidden md:block"> <span class="text-yellow-300">Double Track</span> </h1> <p class="text-lg mb-8"> Platform digital belajar memasak dan berbagi resep masakan halal untuk siswa, masyarakat, dan pelaku UMKM kuliner. </p> <div class="flex gap-4"> <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 px-6 py-3 rounded-lg font-semibold"> Mulai Belajar </button> <button class="border border-white px-6 py-3 rounded-lg hover:bg-white hover:text-indigo-600"> Lihat Kelas </button> </div> </div>
<div class="hidden md:block"> <img src="https://images.unsplash.com/photo-1556910103-1c02745aae4d" class="rounded-2xl shadow-lg" alt="Cooking Class"> </div> </div></section>
<!-- ================= ABOUT ================= --><section class="max-w-7xl mx-auto px-6 py-16"> <div class="text-center mb-12"> <h2 class="text-3xl font-bold text-indigo-600 mb-4"> Apa itu Training Boga? </h2> <p class="max-w-3xl mx-auto text-gray-600"> Training Boga adalah situs dan aplikasi kuliner yang dikembangkan oleh <strong>Program Double Track</strong> untuk mendukung pembelajaran vokasi di bidang tata boga secara digital dan berkelanjutan. </p> </div>
<div class="grid md:grid-cols-3 gap-8"> <div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> <h3 class="font-semibold text-xl mb-3">🍱 Resep Halal</h3> <p class="text-gray-600"> Ratusan resep masakan Nusantara, Jepang, Korea, Timur Tengah, bakery, dan minuman ala café. </p> </div>
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> <h3 class="font-semibold text-xl mb-3">🎥 Kelas Memasak</h3> <p class="text-gray-600"> Kelas memasak online gratis dan berbayar yang dipandu oleh chef profesional. </p> </div>
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> <h3 class="font-semibold text-xl mb-3">👩🍳 Komunitas</h3> <p class="text-gray-600"> Simpan resep favorit, diskusi, ulasan, dan berbagi foto hasil masakan. </p> </div> </div></section>
<!-- ================= FEATURES ================= --><section class="bg-indigo-50 py-16"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-indigo-600 mb-12"> Fitur Utama Training Boga </h2>
<div class="grid md:grid-cols-2 gap-10"> <ul class="space-y-4"> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Resep halal sesuai standar konsumsi muslim </li> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Kelas memasak berbagai level dan kategori </li> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Pembelajaran berbasis video dan praktik </li> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Interaksi dengan chef dan mentor </li> </ul>
<ul class="space-y-4"> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Akses via website dan aplikasi Android </li> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Mendukung program vokasi Double Track </li> <li class="flex gap-3"> <span class="text-indigo-600 font-bold">✔</span> Cocok untuk pengembangan UMKM kuliner </li> </ul> </div> </div></section>
<!-- ================= USERS ================= --><section class="max-w-7xl mx-auto px-6 py-16"> <h2 class="text-3xl font-bold text-center text-indigo-600 mb-12"> Siapa yang Bisa Menggunakan? </h2>
<div class="grid md:grid-cols-4 gap-6 text-center"> <div class="bg-white p-6 rounded-xl shadow"> <p class="text-4xl mb-2">👨🍳</p> <p class="font-semibold">Pemula</p> </div>
<div class="bg-white p-6 rounded-xl shadow"> <p class="text-4xl mb-2">👩🍳</p> <p class="font-semibold">Ibu Rumah Tangga</p> </div>
<div class="bg-white p-6 rounded-xl shadow"> <p class="text-4xl mb-2">🏪</p> <p class="font-semibold">UMKM Kuliner</p> </div>
<div class="bg-white p-6 rounded-xl shadow"> <p class="text-4xl mb-2">🎓</p> <p class="font-semibold">Siswa Double Track</p> </div> </div></section>
<!-- ================= CTA ================= --><section class="bg-indigo-600 text-white text-center py-16"> <h2 class="text-3xl font-bold mb-4"> Siap Belajar Memasak dan Berwirausaha? </h2> <p class="mb-8"> Bergabung bersama Training Boga Double Track sekarang juga. </p> <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 px-8 py-3 rounded-lg font-semibold"> Daftar Sekarang </button></section>
<!-- ================= FOOTER ================= --><footer class="bg-gray-900 text-gray-400 py-6 text-center"> <p class="text-sm"> © 2026 Training Boga Double Track • Program Pendidikan Vokasi </p></footer>
</body></html>
Tidak ada komentar:
Posting Komentar