diff --git a/bookoomoo-app/.gitignore b/bookoomoo-app/.gitignore
new file mode 100644
index 0000000..89c2928
--- /dev/null
+++ b/bookoomoo-app/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+.env
+.vite
+*.log
+
diff --git a/bookoomoo-app/complete-page-list.md b/bookoomoo-app/complete-page-list.md
new file mode 100644
index 0000000..95817c7
--- /dev/null
+++ b/bookoomoo-app/complete-page-list.md
@@ -0,0 +1,35 @@
+# Daftar Halaman Bookoomoo
+
+Berikut adalah daftar semua halaman yang telah dibuat untuk Bookoomoo:
+
+## Halaman Publik
+1. **Landing Page** - `/` (Sudah ada)
+2. **Tentang Kami** - `/about` (Sudah dibuat)
+3. **Program Donasi** - `/donation-program` (Sudah dibuat)
+4. **Kontak** - `/contact` (Sudah dibuat)
+5. **Kebijakan Privasi** - `/privacy` (Sudah dibuat)
+6. **Syarat & Ketentuan** - `/terms` (Sudah dibuat)
+7. **FAQ** - `/faq` (Sudah dibuat)
+8. **Tracking Donasi** - `/donation-tracking` (Sudah dibuat)
+
+## Halaman Fungsional/User
+9. **Login/Register** - `/login` (Sudah ada)
+10. **Dashboard** - `/dashboard` (Sudah ada)
+11. **Form Pembuatan Buku** - `/dashboard/create` (Sudah ada)
+12. **Upload** - `/dashboard/upload` (Sudah ada)
+13. **Downloads** - `/dashboard/downloads` (Sudah ada)
+14. **Checkout Cetak** - `/dashboard/print` (Sudah ada)
+15. **Pesanan** - `/dashboard/orders` (Sudah ada)
+16. **Cerita** - `/dashboard/stories` (Sudah ada)
+17. **Donasi** - `/dashboard/donations` (Sudah ada)
+18. **Top Up** - `/dashboard/topup` (Sudah ada)
+19. **Konfirmasi Pesanan** - `/order-confirmation` (Sudah dibuat)
+
+## Halaman yang Belum Dibuat
+- Preview Buku (interaktif)
+- Beberapa halaman detail mungkin perlu dibuat tergantung kebutuhan
+
+## Catatan
+- Semua halaman sudah memiliki routing yang sesuai
+- Beberapa halaman mungkin perlu integrasi backend untuk fungsionalitas penuh
+- Desain sudah responsif dan konsisten di semua halaman
\ No newline at end of file
diff --git a/bookoomoo-app/pages-still-to-create.md b/bookoomoo-app/pages-still-to-create.md
new file mode 100644
index 0000000..9e8d403
--- /dev/null
+++ b/bookoomoo-app/pages-still-to-create.md
@@ -0,0 +1,32 @@
+# Halaman yang Masih Perlu Dibuat
+
+Berdasarkan sitemap dan halaman yang sudah dibuat, berikut adalah halaman-halaman yang masih perlu dibuat:
+
+## Halaman Publik
+1. **Program Donasi**
+ - Penjelasan Buy 1 Donate 1 & Full Donation
+ - Laporan & Statistik Donasi
+ - Foto dokumentasi (privasi terjaga)
+
+2. **Kebijakan Privasi**
+
+3. **Syarat & Ketentuan Layanan**
+
+4. **FAQ**
+
+## Halaman Fungsional
+5. **Konfirmasi Pesanan**
+ - Detail pesanan
+ - Nomor order
+ - Estimasi cetak & kirim
+ - Link tracking QR donasi
+
+6. **Tracking Donasi**
+ - Status perjalanan buku donasi
+ - Foto penerima (opsional, privasi terjaga)
+ - Lokasi tujuan (umum)
+
+## Catatan:
+- Halaman "Tentang Kami" dan "Kontak" sudah dibuat
+- Beberapa halaman mungkin bisa digabung (misalnya Kebijakan Privasi dan Syarat & Ketentuan dalam satu halaman)
+- FAQ bisa menjadi bagian dari halaman tersendiri atau bagian dalam halaman lain
\ No newline at end of file
diff --git a/bookoomoo-app/pages-to-create.md b/bookoomoo-app/pages-to-create.md
new file mode 100644
index 0000000..7aa718b
--- /dev/null
+++ b/bookoomoo-app/pages-to-create.md
@@ -0,0 +1,40 @@
+# Halaman yang Perlu Dibuat
+
+Berdasarkan sitemap, berikut adalah halaman-halaman yang perlu dibuat:
+
+## Halaman Publik
+1. **Tentang Kami (About)**
+ - Visi & Misi
+ - Cerita di Balik Bookoomoo
+ - Tim & Partner
+
+2. **Program Donasi**
+ - Penjelasan Buy 1 Donate 1 & Full Donation
+ - Laporan & Statistik Donasi
+ - Foto dokumentasi (privasi terjaga)
+
+3. **Kontak**
+ - Form kontak
+ - Email, WhatsApp, media sosial
+
+4. **Kebijakan Privasi**
+
+5. **Syarat & Ketentuan Layanan**
+
+6. **FAQ**
+
+## Halaman Fungsional
+7. **Konfirmasi Pesanan**
+ - Detail pesanan
+ - Nomor order
+ - Estimasi cetak & kirim
+ - Link tracking QR donasi
+
+8. **Tracking Donasi**
+ - Status perjalanan buku donasi
+ - Foto penerima (opsional, privasi terjaga)
+ - Lokasi tujuan (umum)
+
+## Catatan:
+- Beberapa halaman mungkin bisa digabung (misalnya Kebijakan Privasi dan Syarat & Ketentuan dalam satu halaman)
+- FAQ bisa menjadi bagian dari halaman tersendiri atau bagian dalam halaman lain
\ No newline at end of file
diff --git a/bookoomoo-app/src/App.jsx b/bookoomoo-app/src/App.jsx
index 6a8943d..349a766 100644
--- a/bookoomoo-app/src/App.jsx
+++ b/bookoomoo-app/src/App.jsx
@@ -12,6 +12,14 @@ import StoriesPage from './pages/StoriesPage'
import DonationsPage from './pages/DonationsPage'
import TopUpPage from './pages/TopUpPage'
import LoginPage from './pages/LoginPage'
+import AboutPage from './pages/AboutPage'
+import ContactPage from './pages/ContactPage'
+import DonationProgramPage from './pages/DonationProgramPage'
+import PrivacyPolicyPage from './pages/PrivacyPolicyPage'
+import TermsAndConditionsPage from './pages/TermsAndConditionsPage'
+import FAQPage from './pages/FAQPage'
+import OrderConfirmationPage from './pages/OrderConfirmationPage'
+import DonationTrackingPage from './pages/DonationTrackingPage'
import { useAuth } from './lib/auth'
function ProtectedRoute({ children }){
@@ -23,10 +31,17 @@ function ProtectedRoute({ children }){
export default function App(){
return (
- } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
} />
@@ -43,7 +58,8 @@ export default function App(){
} />
} />
- } />
+ } />
+ } />
)
}
diff --git a/bookoomoo-app/src/pages/AboutPage.jsx b/bookoomoo-app/src/pages/AboutPage.jsx
new file mode 100644
index 0000000..e050f18
--- /dev/null
+++ b/bookoomoo-app/src/pages/AboutPage.jsx
@@ -0,0 +1,165 @@
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { ArrowLeft, Heart, BookHeart, Users, Target } from 'lucide-react';
+
+export default function AboutPage() {
+ return (
+
+ {/* Header */}
+
+
+
+
+ Kembali ke Beranda
+
+
+
+
+
+
+
+
+ Tentang Bookoomoo
+
+
+ Bukan sekadar buku. Ini cerita yang menyatukan hati.
+
+
+
+ {/* Visi & Misi */}
+
+
+
+
+
+
+
Visi
+
+
+ Menjadi platform yang membangun jembatan antara kebahagiaan anak kota dengan anak di pelosok melalui kekuatan cerita dan literasi.
+
+
+
+
+
+
+
+
+
Misi
+
+
+
+ •
+ Menghadirkan pengalaman literasi yang menyenangkan dan personal bagi setiap anak.
+
+
+ •
+ Menyebarkan akses terhadap buku berkualitas ke anak-anak di pelosok Indonesia.
+
+
+ •
+ Membangun kesadaran sosial anak kota melalui program donasi berkelanjutan.
+
+
+
+
+
+ {/* Cerita di Balik Bookoomoo */}
+
+
+
Cerita di Balik Bookoomoo
+
+
+ Bookoomoo lahir dari sebuah pertanyaan sederhana: "Bagaimana jika setiap buku yang dibeli anak kota bisa menjadi hadiah untuk anak di pelosok?"
+
+
+ Kami percaya bahwa setiap anak berhak memiliki akses terhadap buku berkualitas. Tapi lebih dari itu, kami percaya bahwa kebahagiaan menjadi lebih bermakna saat dibagi.
+
+
+ Dengan menggabungkan teknologi, kreativitas, dan kepedulian sosial, Bookoomoo menciptakan pengalaman literasi yang tidak hanya menyenangkan bagi anak Anda, tetapi juga berdampak nyata bagi anak-anak di pelosok Indonesia.
+
+
+
+
+
+ {/* Tim & Partner */}
+
+
Tim & Partner
+
+
+
+
+
+
+
Tim Kreatif
+
+ Penulis, ilustrator, dan desainer yang berdedikasi menciptakan cerita berkualitas tinggi.
+
+
+
+
+
+
+
+
Tim Teknologi
+
+ Pengembang yang membangun platform personalisasi dan sistem tracking donasi.
+
+
+
+
+
+
+
+
Tim Sosial
+
+ Koordinator distribusi dan mitra lokal yang memastikan donasi sampai ke tangan yang tepat.
+
+
+
+
+
+
Partner Distribusi
+
+ Kami bekerja sama dengan berbagai organisasi pendidikan, yayasan, dan relawan di seluruh Indonesia untuk memastikan setiap buku donasi sampai ke anak yang membutuhkan.
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/bookoomoo-app/src/pages/ContactPage.jsx b/bookoomoo-app/src/pages/ContactPage.jsx
new file mode 100644
index 0000000..d1a2c00
--- /dev/null
+++ b/bookoomoo-app/src/pages/ContactPage.jsx
@@ -0,0 +1,201 @@
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { ArrowLeft, Mail, Phone, MapPin, Send } from 'lucide-react';
+import { useState } from 'react';
+
+export default function ContactPage() {
+ const [formData, setFormData] = useState({
+ name: '',
+ email: '',
+ subject: '',
+ message: ''
+ });
+
+ const handleChange = (e) => {
+ setFormData({
+ ...formData,
+ [e.target.name]: e.target.value
+ });
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ // Di sini nanti akan diintegrasikan dengan backend
+ console.log('Form submitted:', formData);
+ alert('Terima kasih atas pesan Anda! Kami akan segera menghubungi Anda.');
+ setFormData({ name: '', email: '', subject: '', message: '' });
+ };
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ Kembali ke Beranda
+
+
+
+
+
+
+
+
+ Hubungi Kami
+
+
+ Punya pertanyaan atau ingin berbicara dengan kami? Kami senang mendengar Anda!
+
+
+ );
+}
\ No newline at end of file
diff --git a/bookoomoo-app/src/pages/DonationProgramPage.jsx b/bookoomoo-app/src/pages/DonationProgramPage.jsx
new file mode 100644
index 0000000..4f0adb3
--- /dev/null
+++ b/bookoomoo-app/src/pages/DonationProgramPage.jsx
@@ -0,0 +1,192 @@
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { ArrowLeft, Heart, Gift, TrendingUp, Award } from 'lucide-react';
+
+export default function DonationProgramPage() {
+ return (
+
+ {/* Header */}
+
+
+
+
+ Kembali ke Beranda
+
+
+
+
+
+
+
+
+ Program Donasi Bookoomoo
+
+
+ Setiap buku yang Anda pesan membawa kebahagiaan ganda
+
+
+
+ {/* Program Explanation */}
+
+
+
+
+
+
+
Buy 1 Donate 1
+
+
+ Untuk setiap buku yang Anda pesan, kami secara otomatis mendonasikan satu buku yang sama ke anak di pelosok Indonesia.
+
+
+
+ •
+ Nama anak Anda sebagai tokoh utama di kedua buku
+
+
+ •
+ Wajah anak Anda muncul di halaman donasi sebagai penanda kasih
+
+
+ •
+ Anda bisa melacak perjalanan buku donasi melalui QR code
+
+
+
+
+
+
+
+
+
+
Full Donation
+
+
+ Anda bisa membeli buku khusus donasi tanpa perlu buku untuk diri sendiri.
+
+
+
+ •
+ Buku donasi dengan nama dan wajah anak penerima
+
+
+ •
+ Dapat dilacak melalui QR code
+
+
+ •
+ Harga lebih terjangkau karena tidak termasuk buku cetak untuk Anda
+
+
+
+
+
+ {/* Impact Statistics */}
+
+
Dampak Sosial Kami
+
+
+
+
+
+
+
15,000+
+
Buku Didonasikan
+
+
+
+
+
+
+
250+
+
Desa Terjangkau
+
+
+
+
+
+
+
50,000+
+
Senyuman Dibagikan
+
+
+
+
+ {/* Documentation */}
+
+
Dokumentasi Donasi
+
+
+
+
+
+
Distribusi Buku di Papua
+
Buku didistribusikan ke sekolah-sekolah di pedalaman Papua.
+
+
+
+
+
+
+
Anak-anak di NTT
+
Kegembiraan anak-anak saat menerima buku pertama mereka.
+
+
+
+
+
+
+
Laporan Donatur
+
Kami menjaga privasi penerima dengan baik.
+
+
+
+
+
+
+
+ Mulai Donasi Sekarang
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/bookoomoo-app/src/pages/DonationTrackingPage.jsx b/bookoomoo-app/src/pages/DonationTrackingPage.jsx
new file mode 100644
index 0000000..cc8a1fd
--- /dev/null
+++ b/bookoomoo-app/src/pages/DonationTrackingPage.jsx
@@ -0,0 +1,352 @@
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { ArrowLeft, MapPin, Clock, CheckCircle, Truck, BookHeart, Users } from 'lucide-react';
+import { useState } from 'react';
+
+export default function DonationTrackingPage() {
+ const [trackingId, setTrackingId] = useState("");
+ const [searchResult, setSearchResult] = useState(null);
+
+ // Mock data for donation tracking
+ const mockDonationData = {
+ donationId: "DON-2023-005678",
+ bookTitle: "Petualangan Budi di Negeri Ajaib",
+ donorChild: "Budi",
+ recipientChild: "Siti",
+ recipientLocation: "Desa Sukamaju, Kabupaten Flores Timur, NTT",
+ status: "Delivered",
+ statusHistory: [
+ {
+ id: 1,
+ status: "Pesanan Dikonfirmasi",
+ date: "10 Mei 2023",
+ time: "09:30",
+ description: "Pesanan donasi telah dikonfirmasi dan sedang diproses.",
+ icon:
+ },
+ {
+ id: 2,
+ status: "Buku Dicetak",
+ date: "12 Mei 2023",
+ time: "14:15",
+ description: "Buku donasi sedang dalam proses pencetakan.",
+ icon:
+ },
+ {
+ id: 3,
+ status: "Dikirim ke Distributor",
+ date: "15 Mei 2023",
+ time: "11:00",
+ description: "Buku donasi telah dikirim ke distributor regional.",
+ icon:
+ },
+ {
+ id: 4,
+ status: "Tiba di Lokasi",
+ date: "20 Mei 2023",
+ time: "16:45",
+ description: "Buku donasi telah tiba di sekolah penerima di Desa Sukamaju.",
+ icon:
+ },
+ {
+ id: 5,
+ status: "Telah Diserahkan",
+ date: "22 Mei 2023",
+ time: "10:30",
+ description: "Buku donasi telah diserahkan kepada Siti di Sekolah Dasar Negeri 1 Sukamaju.",
+ icon:
+ }
+ ],
+ photos: [
+ {
+ id: 1,
+ title: "Pencetakan Buku",
+ url: "/placeholder-photo-1.jpg"
+ },
+ {
+ id: 2,
+ title: "Pengemasan Donasi",
+ url: "/placeholder-photo-2.jpg"
+ },
+ {
+ id: 3,
+ title: "Siti Menerima Buku",
+ url: "/placeholder-photo-3.jpg"
+ }
+ ]
+ };
+
+ const handleSearch = (e) => {
+ e.preventDefault();
+ // In a real application, this would be an API call
+ if (trackingId) {
+ setSearchResult(mockDonationData);
+ }
+ };
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ Kembali ke Beranda
+
+
+
+
+
+
+
+
+ Lacak Donasi Buku
+
+
+ Lihat perjalanan buku donasi Anda dan bagikan kebahagiaan dengan anak di pelosok Indonesia
+
+
+ Untuk menjaga privasi anak, wajah penerima donasi tidak ditampilkan secara langsung.
+
+
+ Pelajari lebih lanjut tentang program donasi
+
+
+
+
+
+
+
+
+
Bagikan Kebahagiaan
+
+ Ceritakan pengalaman donasi Anda dan bantu kami menjangkau lebih banyak keluarga untuk menyebarkan kebahagiaan literasi.
+
+
+
+
+ Buat Donasi Lagi
+
+
+
+
+ )}
+
+ {/* Info Section (when no search result) */}
+ {!searchResult && (
+
+
+
+
+
+
Cara Melacak Donasi
+
+
+ 1.
+ Temukan ID Donasi di email konfirmasi atau dashboard Anda
+
+
+ 2.
+ Masukkan ID Donasi di kolom pencarian di atas
+
+
+ 3.
+ Lihat detail perjalanan buku donasi
+
+
+
+
+
+
+
+
+
Privasi Terjaga
+
+ Kami menjaga privasi penerima donasi dengan:
+
+
+
+ •
+ Tidak menampilkan wajah penerima secara langsung
+
+
+ •
+ Mengaburkan lokasi spesifik dalam dokumentasi
+
+
+ •
+ Mematuhi semua regulasi perlindungan data
+
+
+
+
+ )}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/bookoomoo-app/src/pages/FAQPage.jsx b/bookoomoo-app/src/pages/FAQPage.jsx
new file mode 100644
index 0000000..08fe203
--- /dev/null
+++ b/bookoomoo-app/src/pages/FAQPage.jsx
@@ -0,0 +1,240 @@
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { ArrowLeft, HelpCircle, BookHeart, CreditCard, Truck, Shield } from 'lucide-react';
+import { useState } from 'react';
+
+export default function FAQPage() {
+ const [openIndex, setOpenIndex] = useState(null);
+
+ const toggleAccordion = (index) => {
+ setOpenIndex(openIndex === index ? null : index);
+ };
+
+ const faqs = [
+ {
+ category: "Umum",
+ icon: ,
+ questions: [
+ {
+ question: "Apa itu Bookoomoo?",
+ answer: "Bookoomoo adalah platform yang memungkinkan Anda membuat buku cerita personal untuk anak Anda, sekaligus berdonasi buku yang sama untuk anak di pelosok Indonesia melalui program 'Buy 1 Donate 1'."
+ },
+ {
+ question: "Bagaimana cara kerja Bookoomoo?",
+ answer: "Anda memesan buku personal untuk anak Anda dengan nama mereka sebagai tokoh utama. Kami secara otomatis mendonasikan buku yang sama ke anak di pelosok, dengan wajah anak Anda muncul di halaman donasi sebagai penanda kasih."
+ },
+ {
+ question: "Apakah buku donasi benar-benar sampai ke anak yang membutuhkan?",
+ answer: "Ya, kami bekerja sama dengan berbagai organisasi pendidikan dan relawan di seluruh Indonesia untuk memastikan setiap buku donasi sampai ke tangan anak yang membutuhkan. Anda juga bisa melacak perjalanan buku donasi melalui QR code."
+ }
+ ]
+ },
+ {
+ category: "Pemesanan & Pembayaran",
+ icon: ,
+ questions: [
+ {
+ question: "Bagaimana cara memesan buku di Bookoomoo?",
+ answer: "Anda bisa memesan buku dengan mengklik tombol 'Mulai Bercerita' di beranda kami. Ikuti langkah-langkah untuk memasukkan nama anak, memilih tema, dan menyelesaikan pembayaran."
+ },
+ {
+ question: "Metode pembayaran apa yang tersedia?",
+ answer: "Kami menerima pembayaran melalui transfer bank, kartu kredit/debit, dan berbagai platform pembayaran digital seperti GoPay, OVO, dan DANA."
+ },
+ {
+ question: "Apakah bisa memesan lebih dari satu buku sekaligus?",
+ answer: "Tentu! Anda bisa memesan buku untuk beberapa anak sekaligus. Setiap buku akan dipersonalisasi sesuai dengan nama dan informasi anak yang bersangkutan."
+ },
+ {
+ question: "Apakah ada kebijakan pengembalian dana?",
+ answer: "Karena setiap buku dipersonalisasi secara khusus, kami tidak menerima pengembalian dana untuk pembelian yang sudah diproses. Namun, jika ada kesalahan dalam konten buku, kami akan dengan senang hati memperbaikinya atau mencetak ulang."
+ }
+ ]
+ },
+ {
+ category: "Donasi",
+ icon: ,
+ questions: [
+ {
+ question: "Bagaimana program donasi bekerja?",
+ answer: "Untuk setiap buku yang Anda pesan, kami secara otomatis mendonasikan satu buku yang sama ke anak di pelosok Indonesia. Wajah anak Anda akan muncul di halaman donasi sebagai penanda kasih."
+ },
+ {
+ question: "Bisakah saya memilih lokasi donasi?",
+ answer: "Saat ini Anda belum bisa memilih lokasi spesifik untuk donasi. Buku donasi akan dikirim ke lokasi yang membutuhkan berdasarkan kerjasama kami dengan mitra distribusi."
+ },
+ {
+ question: "Apakah saya bisa melihat foto penerima donasi?",
+ answer: "Untuk menjaga privasi penerima donasi, kami tidak menampilkan foto wajah mereka secara langsung. Namun, kami menyediakan laporan umum tentang distribusi donasi dan dokumentasi kegiatan secara berkala."
+ }
+ ]
+ },
+ {
+ category: "Buku & Konten",
+ icon: ,
+ questions: [
+ {
+ question: "Bahasa apa saja yang tersedia untuk buku?",
+ answer: "Buku tersedia dalam versi bilingual Bahasa Indonesia dan Bahasa Inggris untuk memperkaya pengalaman literasi anak."
+ },
+ {
+ question: "Berapa jumlah halaman dalam setiap buku?",
+ answer: "Setiap buku memiliki 20-24 halaman yang penuh dengan ilustrasi menarik dan cerita edukatif yang disesuaikan dengan usia anak."
+ },
+ {
+ question: "Apakah bisa mengedit cerita setelah memesan?",
+ answer: "Setelah pesanan diproses, pengeditan cerita tidak dapat dilakukan. Namun, jika pesanan belum diproses, Anda bisa menghubungi layanan pelanggan kami untuk melakukan perubahan."
+ }
+ ]
+ },
+ {
+ category: "Pengiriman",
+ icon: ,
+ questions: [
+ {
+ question: "Berapa lama waktu pengiriman buku?",
+ answer: "Waktu pengiriman buku biasanya 7-14 hari kerja setelah pesanan diproses. Waktu pengiriman buku donasi bisa lebih lama tergantung lokasi tujuan."
+ },
+ {
+ question: "Apakah bisa mengirim ke alamat berbeda?",
+ answer: "Ya, Anda bisa menentukan alamat pengiriman yang berbeda saat checkout. Pastikan alamat yang dimasukkan sudah benar untuk menghindari kendala pengiriman."
+ },
+ {
+ question: "Bagaimana cara melacak pengiriman buku?",
+ answer: "Anda akan menerima email dengan nomor tracking setelah buku dikirim. Untuk buku donasi, Anda bisa melacak perjalanan buku melalui QR code yang tersedia di buku Anda."
+ }
+ ]
+ },
+ {
+ category: "Privasi & Keamanan",
+ icon: ,
+ questions: [
+ {
+ question: "Bagaimana Bookoomoo melindungi data pribadi saya?",
+ answer: "Kami menerapkan berbagai langkah keamanan untuk melindungi informasi pribadi Anda, termasuk enkripsi data dan akses terbatas ke server kami. Silakan baca Kebijakan Privasi kami untuk informasi lebih lanjut."
+ },
+ {
+ question: "Apakah foto anak saya akan dipublikasikan?",
+ answer: "Foto anak Anda hanya digunakan untuk personalisasi buku dan donasi. Kami tidak akan mempublikasikan foto anak Anda tanpa izin eksplisit dari Anda."
+ }
+ ]
+ }
+ ];
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ Kembali ke Beranda
+
+
+
+
+
+
+
+
+ Pertanyaan yang Sering Diajukan
+
+
+ Temukan jawaban untuk pertanyaan Anda tentang Bookoomoo
+
+
+
+
+ {faqs.map((category, categoryIndex) => (
+
+
+
+
+ {category.icon}
+
+ {category.category}
+
+
+
+
+ {category.questions.map((faq, index) => (
+
+
+
+
+
+ {faq.answer}
+
+
+
+ ))}
+
+
+ ))}
+
+
+
+
Masih ada pertanyaan?
+
+ Tim kami siap membantu Anda dengan pertanyaan apa pun tentang Bookoomoo, pemesanan, atau program donasi.
+
+
+
+ Hubungi Kami
+
+
+ Mulai Bercerita
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/bookoomoo-app/src/pages/LandingPage.jsx b/bookoomoo-app/src/pages/LandingPage.jsx
index 76b5853..e183d93 100644
--- a/bookoomoo-app/src/pages/LandingPage.jsx
+++ b/bookoomoo-app/src/pages/LandingPage.jsx
@@ -1,147 +1,847 @@
-import React from 'react'
-import { BookOpen, Download, Gift, Printer, Sparkles, Users, Wand2 } from 'lucide-react'
-import { Link } from 'react-router-dom'
+import { useState } from 'react';
+import { Star, BookHeart, Gift, Truck, Smile, Users, ArrowRight, Menu, X, Heart, Rocket, Sparkles } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
-function Section({ children, className='' }){
- return {children}
-}
+// Helper component for Bento Grid items
+const FeatureCard = ({ icon, title, children }) => (
+
+