Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -28,13 +28,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Layanan", id: "services" },
|
||||
{ name: "Mengapa Kami", id: "metrics" },
|
||||
{ name: "Ulasan", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Kontak", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Book Now", href: "contact" }}
|
||||
button={{ text: "Pesan Sekarang", href: "contact" }}
|
||||
brandName="Lex's Garage"
|
||||
/>
|
||||
</div>
|
||||
@@ -42,13 +42,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="LEX'S GARAGE"
|
||||
description="Premium nano coating experts in Malang — protecting luxury vehicles with ceramic technology. Professional detailing studio with 50★ Google rating. Book same-day service."
|
||||
description="Ahli nano coating premium di Malang — melindungi kendaraan mewah dengan teknologi keramik. Studio detailing profesional dengan rating 50★ Google. Pesan layanan same-day."
|
||||
buttons={[
|
||||
{ text: "☎ Call Now", href: "tel:+6282234567890" },
|
||||
{ text: "💬 WhatsApp", href: "https://wa.me/6282234567890?text=I%20want%20to%20book%20a%20detailing%20service" }
|
||||
{ text: "☎ Hubungi Sekarang", href: "tel:+6282234567890" },
|
||||
{ text: "💬 WhatsApp", href: "https://wa.me/6282234567890?text=Saya%20ingin%20memesan%20layanan%20detailing" }
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg", imageAlt: "Luxury SUV in professional detailing studio with neon accents" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg", imageAlt: "SUV mewah di studio detailing profesional dengan aksen neon" }
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -57,50 +57,50 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
title="Our Premium Services"
|
||||
description="Professional detailing solutions for luxury vehicles and automotive enthusiasts"
|
||||
tag="Services"
|
||||
title="Layanan Premium Kami"
|
||||
description="Solusi detailing profesional untuk kendaraan mewah dan penggemar otomotif"
|
||||
tag="Layanan"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Ceramic Nano Coating", description: "Advanced ceramic protection technology that creates a permanent, hydrophobic layer. Protects paint from UV, oxidation, and contaminants for 2-5 years. Perfect for high-end vehicles seeking maximum durability and showroom shine.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30588.jpg?_wi=1", imageAlt: "Ceramic coating application professional detail" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=1", imageAlt: "Paint protection film application car detail" }
|
||||
title: "Ceramic Nano Coating", description: "Teknologi perlindungan keramik canggih yang menciptakan lapisan permanen dan hidrofobik. Melindungi cat dari UV, oksidasi, dan kontaminan selama 2-5 tahun. Sempurna untuk kendaraan high-end yang mencari daya tahan maksimal dan kilau seperti baru.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30588.jpg?_wi=1", imageAlt: "Aplikasi ceramic coating detail profesional" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=1", imageAlt: "Aplikasi film perlindungan cat detail mobil" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Paint Protection Film", description: "Transparent, self-healing film application that guards against rock chips, scratches, and environmental damage. Maintains clear coat integrity while preserving paint depth and gloss. Ideal for new purchases and high-value vehicles.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=2", imageAlt: "Paint protection film application car detail" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30588.jpg?_wi=2", imageAlt: "Ceramic coating application professional detail" }
|
||||
title: "Paint Protection Film", description: "Aplikasi film transparan yang dapat menyembuhkan sendiri, melindungi dari chip batu, goresan, dan kerusakan lingkungan. Mempertahankan integritas clear coat sambil menjaga kedalaman cat dan kilau. Ideal untuk pembelian baru dan kendaraan bernilai tinggi.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg?_wi=2", imageAlt: "Aplikasi film perlindungan cat detail mobil" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30588.jpg?_wi=2", imageAlt: "Aplikasi ceramic coating detail profesional" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
buttons={[{ text: "Book Service", href: "contact" }]}
|
||||
buttons={[{ text: "Pesan Layanan", href: "contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Why Choose Lex's Garage"
|
||||
description="Trusted credentials and proven track record in luxury automotive care"
|
||||
tag="Trust Signals"
|
||||
title="Mengapa Pilih Lex's Garage"
|
||||
description="Kredensial terpercaya dan track record terbukti dalam perawatan otomotif mewah"
|
||||
tag="Sinyal Kepercayaan"
|
||||
tagIcon={Award}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50★", title: "Google Reviews Rating", items: [
|
||||
"Verified customer testimonials", "Professional credentials visible", "Recent 5-star ratings from luxury car owners"
|
||||
id: "1", value: "50★", title: "Rating Ulasan Google", items: [
|
||||
"Testimonial pelanggan terverifikasi", "Kredensial profesional terlihat", "Rating 5-bintang terbaru dari pemilik mobil mewah"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", value: "300+", title: "Cars Protected", items: [
|
||||
"Luxury vehicles detailed monthly", "Proven results across all vehicle types", "Satisfied high-income clientele"
|
||||
id: "2", value: "300+", title: "Mobil Terlindungi", items: [
|
||||
"Kendaraan mewah detail setiap bulan", "Hasil terbukti untuk semua jenis kendaraan", "Klien berpenghasilan tinggi yang puas"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", value: "5+ Yrs", title: "Malang Expertise", items: [
|
||||
"Located in premium automotive area", "Local accessibility for same-day service", "Established reputation in the community"
|
||||
id: "3", value: "5+ Thn", title: "Keahlian Malang", items: [
|
||||
"Terletak di area otomotif premium", "Aksesibilitas lokal untuk layanan same-day", "Reputasi mapan di komunitas"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -108,46 +108,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
buttons={[{ text: "View Google Reviews", href: "https://google.com/maps/search/Lex's+Garage+Malang" }]}
|
||||
buttons={[{ text: "Lihat Ulasan Google", href: "https://google.com/maps/search/Lex's+Garage+Malang" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Client Success Stories"
|
||||
description="Hear from Malang's most discerning car owners about their experience with Lex's Garage"
|
||||
tag="Reviews"
|
||||
title="Cerita Sukses Klien"
|
||||
description="Dengarkan dari pemilik mobil paling berpilih di Malang tentang pengalaman mereka dengan Lex's Garage"
|
||||
tag="Ulasan"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Rudi Hartono", role: "Business Owner", company: "Hartono Motors Malang", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-haggling-with-car-salesperson-price_482257-113582.jpg", imageAlt: "Luxury car owner satisfied detailing service"
|
||||
id: "1", name: "Rudi Hartono", role: "Pemilik Bisnis", company: "Hartono Motors Malang", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-showroom-haggling-with-car-salesperson-price_482257-113582.jpg", imageAlt: "Pemilik mobil mewah puas dengan layanan detailing"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sinta Wijaya", role: "Car Enthusiast", company: "Malang Auto Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-scanning-car-paint-with-special-equipment_1303-28152.jpg", imageAlt: "New car buyer detailing protection service happy"
|
||||
id: "2", name: "Sinta Wijaya", role: "Penggemar Mobil", company: "Komunitas Otomotif Malang", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-scanning-car-paint-with-special-equipment_1303-28152.jpg", imageAlt: "Pembeli mobil baru layanan perlindungan detailing senang"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Budi Santoso", role: "Fleet Manager", company: "Premium Transport Services", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11825.jpg", imageAlt: "Fleet vehicle owner maintenance detailing happy"
|
||||
id: "3", name: "Budi Santoso", role: "Manajer Armada", company: "Layanan Transportasi Premium", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11825.jpg", imageAlt: "Pemilik kendaraan armada perawatan detailing senang"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Dewi Kusuma", role: "Luxury Car Collector", company: "Malang Automotive Society", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342634.jpg", imageAlt: "Luxury car collector ceramic coating detailing"
|
||||
id: "4", name: "Dewi Kusuma", role: "Kolektor Mobil Mewah", company: "Komunitas Otomotif Malang", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342634.jpg", imageAlt: "Kolektor mobil mewah ceramic coating detailing"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Ahmad Rizki", role: "Corporate Executive", company: "Malang Tech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-choosing-car-car-salon_1303-32012.jpg", imageAlt: "Corporate executive vehicle detailing care satisfied"
|
||||
id: "5", name: "Ahmad Rizki", role: "Eksekutif Korporat", company: "Solusi Teknologi Malang", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-choosing-car-car-salon_1303-32012.jpg", imageAlt: "Eksekutif korporat perawatan kendaraan detailing puas"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Lisa Stephanie", role: "Entrepreneur", company: "Digital Marketing Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32035.jpg", imageAlt: "Young entrepreneur new car ceramic coating happy"
|
||||
id: "6", name: "Lisa Stephanie", role: "Pengusaha", company: "Agensi Pemasaran Digital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32035.jpg", imageAlt: "Pengusaha muda mobil baru ceramic coating senang"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "300+", label: "Cars Detailed" },
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
{ value: "Same-Day", label: "Availability" }
|
||||
{ value: "300+", label: "Mobil Didetail" },
|
||||
{ value: "98%", label: "Tingkat Kepuasan" },
|
||||
{ value: "Same-Day", label: "Ketersediaan" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -158,32 +158,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Lex's Garage premium detailing services and ceramic coating technology"
|
||||
title="Pertanyaan Umum"
|
||||
description="Semua yang perlu Anda ketahui tentang layanan detailing premium Lex's Garage dan teknologi ceramic coating"
|
||||
tag="FAQ"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does ceramic coating last?", content: "Ceramic nano coating typically lasts 2-5 years depending on maintenance and environmental conditions. Our professional-grade formula provides superior durability compared to consumer products. Regular maintenance appointments ensure optimal protection longevity."
|
||||
id: "1", title: "Berapa lama ceramic coating bertahan?", content: "Ceramic nano coating biasanya bertahan 2-5 tahun tergantung perawatan dan kondisi lingkungan. Formula berkualitas profesional kami memberikan daya tahan superior dibandingkan produk konsumen. Janji perawatan rutin memastikan perlindungan optimal jangka panjang."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is ceramic coating worth the investment?", content: "Absolutely. Ceramic coating protects your vehicle's paint investment by preventing oxidation, UV damage, and contaminant etching. For luxury vehicles worth 500 million+ rupiah, ceramic coating is a smart protective investment that maintains resale value and showroom appearance."
|
||||
id: "2", title: "Apakah ceramic coating sepadan dengan investasi?", content: "Tentu saja. Ceramic coating melindungi investasi cat kendaraan Anda dengan mencegah oksidasi, kerusakan UV, dan pengikisan kontaminan. Untuk kendaraan mewah senilai 500 juta+ rupiah, ceramic coating adalah investasi pelindung pintar yang mempertahankan nilai jual kembali dan penampilan seperti baru."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How soon can I book a same-day appointment?", content: "We offer same-day service availability for most clients. Contact us via WhatsApp or phone during business hours. Response time is typically under 30 minutes. Premium express services may have premium pricing."
|
||||
id: "3", title: "Seberapa cepat saya bisa pesan appointment same-day?", content: "Kami menawarkan ketersediaan layanan same-day untuk sebagian besar klien. Hubungi kami melalui WhatsApp atau telepon selama jam operasional. Waktu respons biasanya di bawah 30 menit. Layanan express premium mungkin memiliki harga premium."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do you offer warranty on ceramic coating?", content: "Yes, all ceramic coating services include our professional warranty covering material defects and application quality. Warranty terms vary by service package. Full details provided with every service quote."
|
||||
id: "4", title: "Apakah Anda menawarkan garansi ceramic coating?", content: "Ya, semua layanan ceramic coating mencakup garansi profesional kami yang mencakup cacat material dan kualitas aplikasi. Ketentuan garansi bervariasi menurut paket layanan. Detail lengkap disediakan dengan setiap penawaran harga layanan."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept cash, bank transfer, and digital wallets (GCash, OVO, Gopay, Dana). Flexible payment plans available for comprehensive packages. Deposits may be required to secure booking times."
|
||||
id: "5", title: "Metode pembayaran apa yang Anda terima?", content: "Kami menerima uang tunai, transfer bank, dan dompet digital (GCash, OVO, Gopay, Dana). Rencana pembayaran fleksibel tersedia untuk paket komprehensif. Deposit mungkin diperlukan untuk mengamankan waktu pemesanan."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can ceramic coating be applied to older vehicles?", content: "Yes! Ceramic coating works on all vehicle ages. For older vehicles, we recommend professional paint correction and polishing first to remove oxidation. This ensures the ceramic bonds properly and achieves maximum protection and shine."
|
||||
id: "6", title: "Bisakah ceramic coating diterapkan pada kendaraan lama?", content: "Ya! Ceramic coating bekerja pada semua usia kendaraan. Untuk kendaraan lama, kami merekomendasikan koreksi cat profesional dan polishing terlebih dahulu untuk menghilangkan oksidasi. Ini memastikan keramik mengikat dengan baik dan mencapai perlindungan dan kilau maksimal."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-118526.jpg?_wi=1"
|
||||
imageAlt="Professional automotive detailing studio with expert service"
|
||||
imageAlt="Studio detailing otomotif profesional dengan layanan ahli"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -194,24 +194,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Book Your Detailing Service"
|
||||
description="Get in touch with Lex's Garage to schedule your premium ceramic coating or paint protection appointment. Same-day availability for luxury vehicle owners in Malang."
|
||||
title="Pesan Layanan Detailing Anda"
|
||||
description="Hubungi Lex's Garage untuk menjadwalkan appointment ceramic coating premium atau paint protection Anda. Ketersediaan same-day untuk pemilik kendaraan mewah di Malang."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phoneNumber", type: "tel", placeholder: "Phone / WhatsApp", required: true },
|
||||
{ name: "vehicleModel", type: "text", placeholder: "Vehicle Model (e.g., BMW 530i, Mercedes C-Class)", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
{ name: "fullName", type: "text", placeholder: "Nama Lengkap", required: true },
|
||||
{ name: "phoneNumber", type: "tel", placeholder: "Telepon / WhatsApp", required: true },
|
||||
{ name: "vehicleModel", type: "text", placeholder: "Model Kendaraan (misalnya BMW 530i, Mercedes C-Class)", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Alamat Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your detailing needs (ceramic coating, paint protection, etc.)", rows: 5,
|
||||
name: "message", placeholder: "Jelaskan kebutuhan detailing Anda (ceramic coating, perlindungan cat, dll)", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-118526.jpg?_wi=2"
|
||||
imageAlt="Professional automotive detailing consultation"
|
||||
imageAlt="Konsultasi detailing otomotif profesional"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Book Appointment"
|
||||
buttonText="Pesan Appointment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -219,36 +219,36 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Layanan", items: [
|
||||
{ label: "Ceramic Nano Coating", href: "#services" },
|
||||
{ label: "Paint Protection Film", href: "#services" },
|
||||
{ label: "Maintenance Packages", href: "#faq" }
|
||||
{ label: "Paket Perawatan", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Lex's Garage", href: "#" },
|
||||
{ label: "Our Team", href: "#" },
|
||||
{ label: "Why Choose Us", href: "#metrics" }
|
||||
title: "Perusahaan", items: [
|
||||
{ label: "Tentang Lex's Garage", href: "#" },
|
||||
{ label: "Tim Kami", href: "#" },
|
||||
{ label: "Mengapa Pilih Kami", href: "#metrics" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Book Service", href: "#contact" },
|
||||
{ label: "Contact Us", href: "#contact" }
|
||||
title: "Dukungan", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Pesan Layanan", href: "#contact" },
|
||||
{ label: "Hubungi Kami", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Terhubung", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/6282234567890" },
|
||||
{ label: "Google Reviews", href: "https://google.com" },
|
||||
{ label: "Call Now", href: "tel:+6282234567890" }
|
||||
{ label: "Ulasan Google", href: "https://google.com" },
|
||||
{ label: "Hubungi Sekarang", href: "tel:+6282234567890" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Lex's Garage Malang. All rights reserved."
|
||||
bottomRightText="Premium Automotive Detailing Studio"
|
||||
bottomLeftText="© 2025 Lex's Garage Malang. Semua hak dilindungi."
|
||||
bottomRightText="Studio Detailing Otomotif Premium"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user