diff --git a/src/app/page.tsx b/src/app/page.tsx index 65f3e78..6959b2e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,39 +33,23 @@ export default function LandingPage() { @@ -74,112 +58,67 @@ export default function LandingPage() { @@ -191,52 +130,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Paket Wisata Domestik", - description: "Jelajahi keindahan Indonesia dengan pilihan destinasi terbaik.", - bentoComponent: "reveal-icon", - icon: Mountain, - imageSrc: "http://img.b2bpic.net/free-photo/indonesia-landscape-digital-art_23-2151625216.jpg", - imageAlt: "indonesian destination temple mountain", + title: "Paket Wisata Domestik", description: "Jelajahi keindahan Indonesia dengan pilihan destinasi terbaik.", bentoComponent: "reveal-icon", icon: Mountain }, { - title: "Paket Wisata Internasional", - description: "Rasakan pengalaman tak terlupakan di berbagai negara impian.", - bentoComponent: "reveal-icon", - icon: Globe, - imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-outdoors-luggage-waiting-travel_1157-51904.jpg?_wi=2", - imageAlt: "indonesian destination temple mountain", + title: "Paket Wisata Internasional", description: "Rasakan pengalaman tak terlupakan di berbagai negara impian.", bentoComponent: "reveal-icon", icon: Globe }, { - title: "Tiket Pesawat", - description: "Dapatkan harga terbaik untuk penerbangan domestik dan internasional.", - bentoComponent: "reveal-icon", - icon: Globe, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", - imageAlt: "indonesian destination temple mountain", + title: "Tiket Pesawat", description: "Dapatkan harga terbaik untuk penerbangan domestik dan internasional.", bentoComponent: "reveal-icon", icon: Globe }, { - title: "Booking Hotel", - description: "Pesan akomodasi nyaman di seluruh dunia sesuai anggaran Anda.", - bentoComponent: "reveal-icon", - icon: Building, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19909.jpg", - imageAlt: "indonesian destination temple mountain", + title: "Booking Hotel", description: "Pesan akomodasi nyaman di seluruh dunia sesuai anggaran Anda.", bentoComponent: "reveal-icon", icon: Building }, { - title: "Rental Transportasi", - description: "Sewa mobil, bus, atau transportasi lainnya untuk kenyamanan perjalanan.", - bentoComponent: "reveal-icon", - icon: Car, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3767.jpg", - imageAlt: "indonesian destination temple mountain", + title: "Rental Transportasi", description: "Sewa mobil, bus, atau transportasi lainnya untuk kenyamanan perjalanan.", bentoComponent: "reveal-icon", icon: Car }, { - title: "Paket Gathering/Corporate Trip", - description: "Solusi perjalanan khusus untuk perusahaan, sekolah, dan komunitas.", - bentoComponent: "reveal-icon", - icon: Briefcase, - imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-smiling-with-copy-space_23-2148629006.jpg", - imageAlt: "indonesian destination temple mountain", + title: "Paket Gathering/Corporate Trip", description: "Solusi perjalanan khusus untuk perusahaan, sekolah, dan komunitas.", bentoComponent: "reveal-icon", icon: Briefcase }, ]} title="Layanan Terbaik Kami" @@ -251,57 +160,27 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "bali-3d2n", - name: "Paket Bali 3 Hari 2 Malam", - price: "Rp 2.500.000", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-horizontal-shot-forest-with-green-trees-daytime_181624-4297.jpg", - imageAlt: "Pemandangan pantai di Bali", - onProductClick: "() => console.log('View Bali package')", + id: "bali-3d2n", name: "Paket Bali 3 Hari 2 Malam", price: "Rp 2.500.000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-horizontal-shot-forest-with-green-trees-daytime_181624-4297.jpg", imageAlt: "Pemandangan pantai di Bali", onProductClick: () => console.log('View Bali package'), isFavorited: false, }, { - id: "yogyakarta-heritage", - name: "Paket Yogyakarta Heritage Tour", - price: "Rp 1.800.000", - imageSrc: "http://img.b2bpic.net/free-photo/famous-borobudur-temple-mungkid-indonesia_181624-15041.jpg", - imageAlt: "Candi Borobudur Yogyakarta", - onProductClick: "() => console.log('View Yogyakarta package')", + id: "yogyakarta-heritage", name: "Paket Yogyakarta Heritage Tour", price: "Rp 1.800.000", imageSrc: "http://img.b2bpic.net/free-photo/famous-borobudur-temple-mungkid-indonesia_181624-15041.jpg", imageAlt: "Candi Borobudur Yogyakarta", onProductClick: () => console.log('View Yogyakarta package'), isFavorited: false, }, { - id: "lombok-gili", - name: "Paket Lombok & Gili", - price: "Rp 2.750.000", - imageSrc: "http://img.b2bpic.net/free-photo/grand-turk-british-overseas-territory_58702-10447.jpg", - imageAlt: "Keindahan Gili Trawangan Lombok", - onProductClick: "() => console.log('View Lombok package')", + id: "lombok-gili", name: "Paket Lombok & Gili", price: "Rp 2.750.000", imageSrc: "http://img.b2bpic.net/free-photo/grand-turk-british-overseas-territory_58702-10447.jpg", imageAlt: "Keindahan Gili Trawangan Lombok", onProductClick: () => console.log('View Lombok package'), isFavorited: false, }, { - id: "malaysia-singapore", - name: "Paket Malaysia – Singapore", - price: "Rp 4.500.000", - imageSrc: "http://img.b2bpic.net/free-photo/close-view-victory-column-berlin-germany_1268-20949.jpg", - imageAlt: "Menara Petronas dan Merlion Park", - onProductClick: "() => console.log('View Malaysia-Singapore package')", + id: "malaysia-singapore", name: "Paket Malaysia – Singapore", price: "Rp 4.500.000", imageSrc: "http://img.b2bpic.net/free-photo/close-view-victory-column-berlin-germany_1268-20949.jpg", imageAlt: "Menara Petronas dan Merlion Park", onProductClick: () => console.log('View Malaysia-Singapore package'), isFavorited: false, }, { - id: "thailand-bangkok-pattaya", - name: "Paket Thailand Bangkok Pattaya", - price: "Rp 4.200.000", - imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-thai-market-vendor-selling-local-food_482257-123642.jpg", - imageAlt: "Kuil di Bangkok dan pantai Pattaya", - onProductClick: "() => console.log('View Thailand package')", + id: "thailand-bangkok-pattaya", name: "Paket Thailand Bangkok Pattaya", price: "Rp 4.200.000", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-thai-market-vendor-selling-local-food_482257-123642.jpg", imageAlt: "Kuil di Bangkok dan pantai Pattaya", onProductClick: () => console.log('View Thailand package'), isFavorited: false, }, { - id: "umroh-plus-wisata", - name: "Paket Umroh Plus Wisata Religi", - price: "Rp 25.000.000", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-through-little-hole-window-fence_181624-531.jpg", - imageAlt: "Ibadah Umroh di Mekkah dan Madinah", - onProductClick: "() => console.log('View Umroh package')", + id: "umroh-plus-wisata", name: "Paket Umroh Plus Wisata Religi", price: "Rp 25.000.000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-through-little-hole-window-fence_181624-531.jpg", imageAlt: "Ibadah Umroh di Mekkah dan Madinah", onProductClick: () => console.log('View Umroh package'), isFavorited: false, }, ]} @@ -318,33 +197,21 @@ export default function LandingPage() { description="Queen Tour & Travel hadir untuk membantu Anda merencanakan perjalanan yang lebih mudah, nyaman, dan berkesan. Kami menyediakan berbagai layanan perjalanan mulai dari paket wisata, tiket, hotel, transportasi, hingga perjalanan rombongan untuk kebutuhan keluarga, kantor, sekolah, komunitas, dan organisasi." bulletPoints={[ { - title: "Itinerary Fleksibel", - description: "Rencana perjalanan dapat disesuaikan dengan keinginan dan kebutuhan Anda.", - }, + title: "Itinerary Fleksibel", description: "Rencana perjalanan dapat disesuaikan dengan keinginan dan kebutuhan Anda."}, { - title: "Harga Transparan", - description: "Tidak ada biaya tersembunyi, semua detail biaya disajikan dengan jelas.", - }, + title: "Harga Transparan", description: "Tidak ada biaya tersembunyi, semua detail biaya disajikan dengan jelas."}, { - title: "Pilihan Akomodasi Fleksibel", - description: "Bebas memilih hotel dan transportasi sesuai preferensi dan budget Anda.", - }, + title: "Pilihan Akomodasi Fleksibel", description: "Bebas memilih hotel dan transportasi sesuai preferensi dan budget Anda."}, { - title: "Cocok untuk Semua", - description: "Menyediakan layanan untuk private trip, keluarga, hingga rombongan besar.", - }, + title: "Cocok untuk Semua", description: "Menyediakan layanan untuk private trip, keluarga, hingga rombongan besar."}, { - title: "Tim Ramah & Responsif", - description: "Pelayanan yang cepat dan bersahabat dari tim berpengalaman kami.", - }, + title: "Tim Ramah & Responsif", description: "Pelayanan yang cepat dan bersahabat dari tim berpengalaman kami."}, { - title: "Bantuan Penuh", - description: "Pendampingan dan dukungan sebelum dan selama perjalanan Anda.", - }, + title: "Bantuan Penuh", description: "Pendampingan dan dukungan sebelum dan selama perjalanan Anda."}, ]} imageSrc="http://img.b2bpic.net/free-photo/travel-agent-offering-trip-planning-clients_23-2149079444.jpg" imageAlt="Tim Queen Tour & Travel sedang berdiskusi" - mediaAnimation="entrance-slide" + mediaAnimation="slide-up" /> @@ -353,32 +220,18 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} + animationType="slide-up" metrics={[ { - id: "step-1", - value: "1.", - description: "Pilih paket wisata atau konsultasikan destinasi impian Anda.", - }, + id: "step-1", value: "1.", description: "Pilih paket wisata atau konsultasikan destinasi impian Anda."}, { - id: "step-2", - value: "2.", - description: "Diskusikan tanggal keberangkatan, jumlah peserta, dan kebutuhan lainnya.", - }, + id: "step-2", value: "2.", description: "Diskusikan tanggal keberangkatan, jumlah peserta, dan kebutuhan lainnya."}, { - id: "step-3", - value: "3.", - description: "Terima penawaran harga terbaik dan detail itinerary dari tim kami.", - }, + id: "step-3", value: "3.", description: "Terima penawaran harga terbaik dan detail itinerary dari tim kami."}, { - id: "step-4", - value: "4.", - description: "Lakukan pembayaran booking dan siapkan diri untuk perjalanan.", - }, + id: "step-4", value: "4.", description: "Lakukan pembayaran booking dan siapkan diri untuk perjalanan."}, { - id: "step-5", - value: "5.", - description: "Nikmati perjalanan yang aman, nyaman, dan berkesan bersama Queen Tour & Travel!", - }, + id: "step-5", value: "5.", description: "Nikmati perjalanan yang aman, nyaman, dan berkesan bersama Queen Tour & Travel!"}, ]} title="Mudahnya Booking dengan 5 Langkah" description="Rencanakan liburan Anda tanpa ribet bersama Queen Tour & Travel." @@ -390,41 +243,24 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "testi-1", - name: "Maya & Keluarga", - imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-young-beautiful-couple-resting-rejoicing-sunrise-near-lake_176420-3679.jpg", - }, + id: "testi-1", name: "Maya & Keluarga", imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-young-beautiful-couple-resting-rejoicing-sunrise-near-lake_176420-3679.jpg"}, { - id: "testi-2", - name: "PT. Harmoni Jaya", - imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-friends-sitting-park-traveling-looking-map-sightseeing-man-women-having-fun-together_285396-8691.jpg", - }, + id: "testi-2", name: "PT. Harmoni Jaya", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-friends-sitting-park-traveling-looking-map-sightseeing-man-women-having-fun-together_285396-8691.jpg"}, { - id: "testi-3", - name: "Dian & Rio", - imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-out-together-ferris-wheel-park_23-2149700626.jpg", - }, + id: "testi-3", name: "Dian & Rio", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-out-together-ferris-wheel-park_23-2149700626.jpg"}, { - id: "testi-4", - name: "Komunitas Penjelajah", - imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-going-crazy_158538-16207.jpg", - }, + id: "testi-4", name: "Komunitas Penjelajah", imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-going-crazy_158538-16207.jpg"}, { - id: "testi-5", - name: "SMP Negeri 5", - imageSrc: "http://img.b2bpic.net/free-photo/man-women-walking-from-studies_23-2147860784.jpg", - }, + id: "testi-5", name: "SMP Negeri 5", imageSrc: "http://img.b2bpic.net/free-photo/man-women-walking-from-studies_23-2147860784.jpg"}, ]} cardTitle="Apa Kata Pelanggan Kami?" cardTag="Review Asli" cardTagIcon={Star} buttons={[ { - text: "Baca Semua Testimoni", - href: "#", - }, + text: "Baca Semua Testimoni", href: "#"}, ]} - cardAnimation="entrance-slide" + cardAnimation="slide-up" /> @@ -433,39 +269,21 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "Apakah paket bisa custom?", - content: "Ya, kami sangat fleksibel! Anda bisa mengkonsultasikan destinasi, durasi, dan fasilitas yang diinginkan, dan kami akan membantu menyusun itinerary sesuai kebutuhan Anda.", - }, + id: "faq-1", title: "Apakah paket bisa custom?", content: "Ya, kami sangat fleksibel! Anda bisa mengkonsultasikan destinasi, durasi, dan fasilitas yang diinginkan, dan kami akan membantu menyusun itinerary sesuai kebutuhan Anda."}, { - id: "faq-2", - title: "Apakah melayani rombongan kantor atau sekolah?", - content: "Tentu saja! Queen Tour & Travel memiliki pengalaman dalam mengelola perjalanan rombongan untuk gathering kantor, study tour sekolah, maupun komunitas dengan penawaran khusus.", - }, + id: "faq-2", title: "Apakah melayani rombongan kantor atau sekolah?", content: "Tentu saja! Queen Tour & Travel memiliki pengalaman dalam mengelola perjalanan rombongan untuk gathering kantor, study tour sekolah, maupun komunitas dengan penawaran khusus."}, { - id: "faq-3", - title: "Apakah bisa booking tiket dan hotel saja?", - content: "Ya, selain paket wisata lengkap, kami juga melayani pemesanan tiket pesawat dan booking hotel secara terpisah sesuai kebutuhan perjalanan Anda.", - }, + id: "faq-3", title: "Apakah bisa booking tiket dan hotel saja?", content: "Ya, selain paket wisata lengkap, kami juga melayani pemesanan tiket pesawat dan booking hotel secara terpisah sesuai kebutuhan perjalanan Anda."}, { - id: "faq-4", - title: "Bagaimana sistem pembayaran?", - content: "Pembayaran dapat dilakukan melalui transfer bank. Untuk detail mengenai tahapan dan termin pembayaran, Anda bisa menghubungi tim kami untuk konsultasi.", - }, + id: "faq-4", title: "Bagaimana sistem pembayaran?", content: "Pembayaran dapat dilakukan melalui transfer bank. Untuk detail mengenai tahapan dan termin pembayaran, Anda bisa menghubungi tim kami untuk konsultasi."}, { - id: "faq-5", - title: "Apakah tersedia paket dalam dan luar negeri?", - content: "Ya, kami menyediakan beragam pilihan paket wisata domestik di seluruh Indonesia dan juga destinasi internasional favorit di berbagai negara.", - }, + id: "faq-5", title: "Apakah tersedia paket dalam dan luar negeri?", content: "Ya, kami menyediakan beragam pilihan paket wisata domestik di seluruh Indonesia dan juga destinasi internasional favorit di berbagai negara."}, { - id: "faq-6", - title: "Bagaimana cara konsultasi paket wisata?", - content: "Anda bisa langsung menghubungi kami via WhatsApp melalui tombol 'Konsultasi via WhatsApp' di website ini atau mengisi formulir kontak singkat kami.", - }, + id: "faq-6", title: "Bagaimana cara konsultasi paket wisata?", content: "Anda bisa langsung menghubungi kami via WhatsApp melalui tombol 'Konsultasi via WhatsApp' di website ini atau mengisi formulir kontak singkat kami."}, ]} sideTitle="Pertanyaan Umum" sideDescription="Temukan jawaban cepat untuk pertanyaan yang sering diajukan mengenai layanan Queen Tour & Travel." - faqsAnimation="entrance-slide" + faqsAnimation="slide-up" textPosition="left" /> @@ -474,8 +292,7 @@ export default function LandingPage() {