264 lines
13 KiB
TypeScript
264 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Building, Building2, Globe, Globe2, PhoneCall, Star, Users, Waves } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Tentang Kami", id: "#about"},
|
|
{
|
|
name: "Paket Perjalanan", id: "#packages"},
|
|
{
|
|
name: "Wisata Turki", id: "#turkey-highlight"},
|
|
{
|
|
name: "Testimoni", id: "#testimonials"},
|
|
{
|
|
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"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="PERJALANAN SUCI"
|
|
description="Umroh Premium & Wisata Turki — Bersama Baitullah Journey"
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Paket Umroh", href: "#packages"},
|
|
{
|
|
text: "Wisata Turki", href: "#turkey-highlight"},
|
|
]}
|
|
buttonAnimation="none"
|
|
mediaItems={[
|
|
{
|
|
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/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/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700170.jpg", imageAlt: "Hot air balloons over Cappadocia valleys"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="marquee-strip" data-section="marquee-strip">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"✦ 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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
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: "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,
|
|
},
|
|
]}
|
|
title="Membawa Anda ke Perjalanan Suci yang Tak Terlupakan"
|
|
description="Kami adalah pemimpin dalam pengalaman perjalanan Umrah dan wisata Turki, berkomitmen untuk memberikan layanan terbaik dengan keunggulan dan integritas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="packages" data-section="packages">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
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: () => {},
|
|
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: () => {},
|
|
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: () => {},
|
|
isFavorited: false,
|
|
},
|
|
{
|
|
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: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700170.jpg", imageAlt: "Cappadocia balloons", onProductClick: () => {},
|
|
isFavorited: false,
|
|
},
|
|
]}
|
|
title="Paket Perjalanan Premium"
|
|
description="Pilih paket Umroh dan Wisata Turki yang sesuai dengan impian perjalanan suci Anda."
|
|
/>
|
|
</div>
|
|
|
|
<div id="turkey-highlight" data-section="turkey-highlight">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Building2,
|
|
title: "Hagia Sophia", description: "Saksi bisu sejarah peradaban."},
|
|
{
|
|
icon: Globe2,
|
|
title: "Cappadocia", description: "Pemandangan balon udara yang ikonik."},
|
|
{
|
|
icon: Waves,
|
|
title: "Pamukkale", description: "Keindahan teras air panas alami."},
|
|
{
|
|
icon: Building,
|
|
title: "Ephesus", description: "Reruntuhan kota kuno yang megah."},
|
|
]}
|
|
title="ISTANBUL & BEYOND"
|
|
description="Jelajahi keajaiban Turki dengan destinasi pilihan kami yang memukau."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
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: "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: "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"},
|
|
]}
|
|
title="Apa Kata Mereka?"
|
|
description="Dengarkan pengalaman jamaah kami yang telah merasakan perjalanan tak terlupakan."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Jangan Ragu"
|
|
title="DAFTARKAN DIRI ANDA SEKARANG"
|
|
description="Hubungi kami untuk mendapatkan penawaran terbaik dan merencanakan perjalanan suci Anda."
|
|
tagIcon={PhoneCall}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
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: [
|
|
{
|
|
label: "Paket Umroh Reguler", href: "#packages"},
|
|
{
|
|
label: "Paket Umroh Plus Turki", href: "#packages"},
|
|
{
|
|
label: "Private Group", href: "#packages"},
|
|
],
|
|
},
|
|
{
|
|
title: "Destinasi", items: [
|
|
{
|
|
label: "Mecca", href: "#packages"},
|
|
{
|
|
label: "Madinah", href: "#packages"},
|
|
{
|
|
label: "Istanbul", href: "#turkey-highlight"},
|
|
{
|
|
label: "Cappadocia", href: "#turkey-highlight"},
|
|
{
|
|
label: "Pamukkale", href: "#turkey-highlight"},
|
|
],
|
|
},
|
|
{
|
|
title: "Kontak", items: [
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/6281234567890"},
|
|
{
|
|
label: "Email", href: "mailto:info@baitullahjourney.com"},
|
|
{
|
|
label: "Telepon", href: "tel:+6281234567890"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Baitullah Journey — Terpercaya Sejak 2013"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|