Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -32,80 +32,51 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Tentang Kami",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Tentang Kami", id: "#about"},
|
||||
{
|
||||
name: "Paket Perjalanan",
|
||||
id: "#packages",
|
||||
},
|
||||
name: "Paket Perjalanan", id: "#packages"},
|
||||
{
|
||||
name: "Wisata Turki",
|
||||
id: "#turkey-highlight",
|
||||
},
|
||||
name: "Wisata Turki", id: "#turkey-highlight"},
|
||||
{
|
||||
name: "Testimoni",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimoni", id: "#testimonials"},
|
||||
{
|
||||
name: "Kontak",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontak", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/mawlid-al-nabi-celebration-greeting-vector-background_460848-17189.jpg"
|
||||
logoAlt="Baitullah Journey Logo"
|
||||
brandName="BAITULLAH JOURNEY"
|
||||
button={{
|
||||
text: "Daftar Sekarang",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Daftar Sekarang", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="PERJALANAN SUCI"
|
||||
description="Umroh Premium & Wisata Turki — Bersama Baitullah Journey"
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Paket Umroh",
|
||||
href: "#packages",
|
||||
},
|
||||
text: "Paket Umroh", href: "#packages"},
|
||||
{
|
||||
text: "Wisata Turki",
|
||||
href: "#turkey-highlight",
|
||||
},
|
||||
text: "Wisata Turki", href: "#turkey-highlight"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?w=1920&_wi=1",
|
||||
imageAlt: "Masjidil Haram in Mecca at night",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?w=1920", imageAlt: "Masjidil Haram in Mecca at night"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-desert-with-muslim-mosque-foreground_1385-1.jpg",
|
||||
imageAlt: "Kaaba view at sunrise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-desert-with-muslim-mosque-foreground_1385-1.jpg", imageAlt: "Kaaba view at sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-biggest-mosque-casablanca-morocco-hassan-ii-mosque_181624-61388.jpg",
|
||||
imageAlt: "Prophet's Mosque Madinah green dome",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-biggest-mosque-casablanca-morocco-hassan-ii-mosque_181624-61388.jpg", imageAlt: "Prophet's Mosque Madinah green dome"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/islamic-mosque-ceiling_1085-530.jpg",
|
||||
imageAlt: "Blue Mosque Istanbul interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/islamic-mosque-ceiling_1085-530.jpg", imageAlt: "Blue Mosque Istanbul interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700170.jpg",
|
||||
imageAlt: "Hot air balloons over Cappadocia valleys",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700170.jpg", imageAlt: "Hot air balloons over Cappadocia valleys"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,12 +86,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"✦ UMROH REGULER ✦",
|
||||
"UMROH PLUS TURKI ✦",
|
||||
"CITY TOUR ISTANBUL ✦",
|
||||
"CAPPADOCIA ✦",
|
||||
"PAMUKKALE ✦",
|
||||
]}
|
||||
"✦ UMROH REGULER ✦", "UMROH PLUS TURKI ✦", "CITY TOUR ISTANBUL ✦", "CAPPADOCIA ✦", "PAMUKKALE ✦"]}
|
||||
title="Kepercayaan Jamaah Adalah Prioritas Kami"
|
||||
description="Dengan pengalaman bertahun-tahun, kami siap melayani perjalanan suci Anda."
|
||||
speed={60}
|
||||
@@ -135,32 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
title: "Jamaah",
|
||||
description: "Telah melayani ribuan jamaah dengan sepenuh hati.",
|
||||
icon: Users,
|
||||
id: "m1", value: "5000+", title: "Jamaah", description: "Telah melayani ribuan jamaah dengan sepenuh hati.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Tahun Pengalaman",
|
||||
description: "Keahlian teruji dalam industri perjalanan Islami.",
|
||||
icon: Award,
|
||||
id: "m2", value: "12", title: "Tahun Pengalaman", description: "Keahlian teruji dalam industri perjalanan Islami.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Kepuasan",
|
||||
description: "Tingkat kepuasan pelanggan yang tinggi.",
|
||||
icon: Star,
|
||||
id: "m3", value: "98%", title: "Kepuasan", description: "Tingkat kepuasan pelanggan yang tinggi.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
title: "Destinasi",
|
||||
description: "Berbagai pilihan destinasi Umroh dan wisata.",
|
||||
icon: Globe,
|
||||
id: "m4", value: "50+", title: "Destinasi", description: "Berbagai pilihan destinasi Umroh dan wisata.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Membawa Anda ke Perjalanan Suci yang Tak Terlupakan"
|
||||
@@ -176,57 +126,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Umroh Reguler",
|
||||
price: "Rp 28 Juta",
|
||||
imageSrc: "https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?w=1920&_wi=2",
|
||||
imageAlt: "Masjidil Haram and Masjid Nabawi",
|
||||
onProductClick: "() => {}",
|
||||
id: "p1", name: "Umroh Reguler", price: "Rp 28 Juta", imageSrc: "https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?w=1920", imageAlt: "Masjidil Haram and Masjid Nabawi", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Umroh Plus Turki",
|
||||
price: "Rp 45 Juta",
|
||||
imageSrc: "https://images.unsplash.com/photo-1524231757912-21f4fe3a7200?w=1920",
|
||||
imageAlt: "Masjidil Haram and Blue Mosque Istanbul",
|
||||
onProductClick: "() => {}",
|
||||
id: "p2", name: "Umroh Plus Turki", price: "Rp 45 Juta", imageSrc: "https://images.unsplash.com/photo-1524231757912-21f4fe3a7200?w=1920", imageAlt: "Masjidil Haram and Blue Mosque Istanbul", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Private Group",
|
||||
price: "Bespoke Experience",
|
||||
imageSrc: "https://images.unsplash.com/photo-1564769625905-50e93615e769?w=1920",
|
||||
imageAlt: "Kaaba close-up",
|
||||
onProductClick: "() => {}",
|
||||
id: "p3", name: "Private Group", price: "Bespoke Experience", imageSrc: "https://images.unsplash.com/photo-1564769625905-50e93615e769?w=1920", imageAlt: "Kaaba close-up", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Umroh Eksklusif",
|
||||
price: "Rp 35 Juta",
|
||||
imageSrc: "https://images.unsplash.com/photo-1541432901042-2d8bd64b4a9b?w=1920",
|
||||
imageAlt: "Masjidil Haram",
|
||||
onProductClick: "() => {}",
|
||||
id: "p4", name: "Umroh Eksklusif", price: "Rp 35 Juta", imageSrc: "https://images.unsplash.com/photo-1541432901042-2d8bd64b4a9b?w=1920", imageAlt: "Masjidil Haram", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wisata Turki Klasik",
|
||||
price: "Rp 20 Juta",
|
||||
imageSrc: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&_wi=1",
|
||||
imageAlt: "Turkey landscape",
|
||||
onProductClick: "() => {}",
|
||||
id: "p5", name: "Wisata Turki Klasik", price: "Rp 20 Juta", imageSrc: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920", imageAlt: "Turkey landscape", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tour Cappadocia",
|
||||
price: "Rp 15 Juta",
|
||||
imageSrc: "asset://turkey-landscape-cappadocia",
|
||||
imageAlt: "Cappadocia balloons",
|
||||
onProductClick: "() => {}",
|
||||
id: "p6", name: "Tour Cappadocia", price: "Rp 15 Juta", imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700170.jpg", imageAlt: "Cappadocia balloons", onProductClick: () => {},
|
||||
isFavorited: false,
|
||||
},
|
||||
]}
|
||||
@@ -243,24 +163,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Hagia Sophia",
|
||||
description: "Saksi bisu sejarah peradaban.",
|
||||
},
|
||||
title: "Hagia Sophia", description: "Saksi bisu sejarah peradaban."},
|
||||
{
|
||||
icon: Globe2,
|
||||
title: "Cappadocia",
|
||||
description: "Pemandangan balon udara yang ikonik.",
|
||||
},
|
||||
title: "Cappadocia", description: "Pemandangan balon udara yang ikonik."},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Pamukkale",
|
||||
description: "Keindahan teras air panas alami.",
|
||||
},
|
||||
title: "Pamukkale", description: "Keindahan teras air panas alami."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Ephesus",
|
||||
description: "Reruntuhan kota kuno yang megah.",
|
||||
},
|
||||
title: "Ephesus", description: "Reruntuhan kota kuno yang megah."},
|
||||
]}
|
||||
title="ISTANBUL & BEYOND"
|
||||
description="Jelajahi keajaiban Turki dengan destinasi pilihan kami yang memukau."
|
||||
@@ -273,45 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Pengalaman Umroh Terbaik!",
|
||||
quote: "Baitullah Journey memberikan pengalaman Umroh yang luar biasa. Pelayanan sangat prima, akomodasi nyaman, dan pembimbing yang sangat berilmu. Sangat direkomendasikan!",
|
||||
name: "Ahmad Fauzi",
|
||||
role: "Jamaah Umroh Reguler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081854.jpg",
|
||||
},
|
||||
id: "t1", title: "Pengalaman Umroh Terbaik!", quote: "Baitullah Journey memberikan pengalaman Umroh yang luar biasa. Pelayanan sangat prima, akomodasi nyaman, dan pembimbing yang sangat berilmu. Sangat direkomendasikan!", name: "Ahmad Fauzi", role: "Jamaah Umroh Reguler", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081854.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Wisata Turki yang Memukau",
|
||||
quote: "Perjalanan ke Turki bersama Baitullah Journey sungguh memukau. Semua diatur dengan sempurna, dari Istanbul hingga Cappadocia, pengalaman yang tak akan terlupakan.",
|
||||
name: "Siti Nurjanah",
|
||||
role: "Jamaah Umroh Plus Turki",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-scarf-desert_23-2149408636.jpg",
|
||||
},
|
||||
id: "t2", title: "Wisata Turki yang Memukau", quote: "Perjalanan ke Turki bersama Baitullah Journey sungguh memukau. Semua diatur dengan sempurna, dari Istanbul hingga Cappadocia, pengalaman yang tak akan terlupakan.", name: "Siti Nurjanah", role: "Jamaah Umroh Plus Turki", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-scarf-desert_23-2149408636.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Sangat Profesional dan Ramah",
|
||||
quote: "Tim Baitullah Journey sangat profesional dan ramah. Mereka membantu kami sepanjang perjalanan, membuat Umroh kami terasa tenang dan khusyuk.",
|
||||
name: " Keluarga Abdullah",
|
||||
role: "Jamaah Private Group",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-family-having-good-time-outdoors_53876-25231.jpg",
|
||||
},
|
||||
id: "t3", title: "Sangat Profesional dan Ramah", quote: "Tim Baitullah Journey sangat profesional dan ramah. Mereka membantu kami sepanjang perjalanan, membuat Umroh kami terasa tenang dan khusyuk.", name: " Keluarga Abdullah", role: "Jamaah Private Group", imageSrc: "http://img.b2bpic.net/free-photo/muslim-family-having-good-time-outdoors_53876-25231.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Layanan Bintang Lima",
|
||||
quote: "Dari keberangkatan hingga kepulangan, Baitullah Journey memberikan layanan bintang lima. Kenyamanan dan kekhusyukan ibadah sangat terjaga. Terima kasih!",
|
||||
name: "Fatimah Az-Zahra",
|
||||
role: "Jamaah Umroh Eksklusif",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-praying_23-2150755511.jpg",
|
||||
},
|
||||
id: "t4", title: "Layanan Bintang Lima", quote: "Dari keberangkatan hingga kepulangan, Baitullah Journey memberikan layanan bintang lima. Kenyamanan dan kekhusyukan ibadah sangat terjaga. Terima kasih!", name: "Fatimah Az-Zahra", role: "Jamaah Umroh Eksklusif", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-praying_23-2150755511.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Beyond Expectation!",
|
||||
quote: "Tak pernah menyangka akan mendapatkan pengalaman seindah ini. Setiap detail diperhatikan, membuat perjalanan spiritual dan liburan kami sangat berkesan.",
|
||||
name: "Rizky Pratama",
|
||||
role: "Jamaah Wisata Turki",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-sunny-autumn-fall-background_627829-14376.jpg",
|
||||
},
|
||||
id: "t5", title: "Beyond Expectation!", quote: "Tak pernah menyangka akan mendapatkan pengalaman seindah ini. Setiap detail diperhatikan, membuat perjalanan spiritual dan liburan kami sangat berkesan.", name: "Rizky Pratama", role: "Jamaah Wisata Turki", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-sunny-autumn-fall-background_627829-14376.jpg"},
|
||||
]}
|
||||
title="Apa Kata Mereka?"
|
||||
description="Dengarkan pengalaman jamaah kami yang telah merasakan perjalanan tak terlupakan."
|
||||
@@ -322,89 +204,53 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Jangan Ragu"
|
||||
title="DAFTARKAN DIRI ANDA SEKARANG"
|
||||
description="Hubungi kami untuk mendapatkan penawaran terbaik dan merencanakan perjalanan suci Anda."
|
||||
tagIcon={PhoneCall}
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Kami",
|
||||
href: "https://wa.me/6281234567890",
|
||||
},
|
||||
{
|
||||
text: "Hubungi Kami",
|
||||
href: "tel:+6281234567890",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&_wi=2"
|
||||
imageSrc="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920"
|
||||
imageAlt="Turkey Landscape"
|
||||
logoSrc="http://img.b2bpic.net/free-vector/mawlid-al-nabi-celebration-greeting-vector-background_460848-17189.jpg"
|
||||
logoText="BAITULLAH JOURNEY"
|
||||
columns={[
|
||||
{
|
||||
title: "Layanan",
|
||||
items: [
|
||||
title: "Layanan", items: [
|
||||
{
|
||||
label: "Paket Umroh Reguler",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Paket Umroh Reguler", href: "#packages"},
|
||||
{
|
||||
label: "Paket Umroh Plus Turki",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Paket Umroh Plus Turki", href: "#packages"},
|
||||
{
|
||||
label: "Private Group",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Private Group", href: "#packages"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Destinasi",
|
||||
items: [
|
||||
title: "Destinasi", items: [
|
||||
{
|
||||
label: "Mecca",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Mecca", href: "#packages"},
|
||||
{
|
||||
label: "Madinah",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Madinah", href: "#packages"},
|
||||
{
|
||||
label: "Istanbul",
|
||||
href: "#turkey-highlight",
|
||||
},
|
||||
label: "Istanbul", href: "#turkey-highlight"},
|
||||
{
|
||||
label: "Cappadocia",
|
||||
href: "#turkey-highlight",
|
||||
},
|
||||
label: "Cappadocia", href: "#turkey-highlight"},
|
||||
{
|
||||
label: "Pamukkale",
|
||||
href: "#turkey-highlight",
|
||||
},
|
||||
label: "Pamukkale", href: "#turkey-highlight"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
title: "Kontak", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/6281234567890",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/6281234567890"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@baitullahjourney.com",
|
||||
},
|
||||
label: "Email", href: "mailto:info@baitullahjourney.com"},
|
||||
{
|
||||
label: "Telepon",
|
||||
href: "tel:+6281234567890",
|
||||
},
|
||||
label: "Telepon", href: "tel:+6281234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user