Merge version_1 into main #2
309
src/app/page.tsx
309
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bintang Sukses Bangunan"
|
||||
/>
|
||||
@@ -55,94 +43,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Membangun Impian Menjadi Nyata"
|
||||
description="Bintang Sukses Bangunan adalah mitra terpercaya Anda untuk solusi konstruksi dan renovasi rumah. Kualitas, ketepatan waktu dan kepuasan pelanggan adalah prioritas utama kami."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Budi Santoso",
|
||||
handle: "@budi_bangun",
|
||||
testimonial: "Hasil renovasi sangat memuaskan dan tepat waktu.",
|
||||
rating: 5,
|
||||
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-19887.jpg",
|
||||
},
|
||||
{
|
||||
name: "Siti Aminah",
|
||||
handle: "@siti_renov",
|
||||
testimonial: "Tim sangat profesional dan jujur dalam pengerjaan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
},
|
||||
{
|
||||
name: "Andi Wijaya",
|
||||
handle: "@andi_kontraktor",
|
||||
testimonial: "Kualitas material yang digunakan sangat bagus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-happy-woman-looking-front-with-her-husband-while-they-are-doing-repair_496169-773.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dewi Sartika",
|
||||
handle: "@dewi_home",
|
||||
testimonial: "Harga kompetitif dengan hasil yang sangat rapi.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eko Prasetyo",
|
||||
handle: "@eko_pro",
|
||||
testimonial: "Rekomendasi terbaik untuk renovasi rumah di Batam.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-portrait-senior-couple-against-heart-shape-wallpaper_23-2148043516.jpg",
|
||||
},
|
||||
{ name: "Budi Santoso", handle: "@budi_bangun", testimonial: "Hasil renovasi sangat memuaskan dan tepat waktu.", rating: 5, 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-19887.jpg" },
|
||||
{ name: "Siti Aminah", handle: "@siti_renov", testimonial: "Tim sangat profesional dan jujur dalam pengerjaan.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg" },
|
||||
{ name: "Andi Wijaya", handle: "@andi_kontraktor", testimonial: "Kualitas material yang digunakan sangat bagus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-happy-woman-looking-front-with-her-husband-while-they-are-doing-repair_496169-773.jpg" },
|
||||
{ name: "Dewi Sartika", handle: "@dewi_home", testimonial: "Harga kompetitif dengan hasil yang sangat rapi.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg" },
|
||||
{ name: "Eko Prasetyo", handle: "@eko_pro", testimonial: "Rekomendasi terbaik untuk renovasi rumah di Batam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-portrait-senior-couple-against-heart-shape-wallpaper_23-2148043516.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kualitas Tinggi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tepat Waktu",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bergaransi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tim Ahli",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Harga Transparan",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,7 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Tentang Kami"
|
||||
description="Dengan pengalaman bertahun-tahun di bidang konstruksi, Bintang Sukses Bangunan berkomitmen memberikan pelayanan terbaik bagi hunian maupun bangunan komersial Anda. Kami didukung oleh tenaga ahli yang berpengalaman di bidangnya."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,49 +74,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Renovasi Rumah",
|
||||
description: "Layanan perbaikan dan renovasi interior maupun eksterior.",
|
||||
icon: Building2,
|
||||
title: "Renovasi Rumah", description: "Layanan perbaikan dan renovasi interior maupun eksterior.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-pipe-wrench-safety-helmet-trowel-paint-brush-putty-knife-gray-background_141793-15171.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg?_wi=2",
|
||||
imageAlt: "house renovation interior design",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-pipe-wrench-safety-helmet-trowel-paint-brush-putty-knife-gray-background_141793-15171.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Pembangunan Baru",
|
||||
description: "Pengerjaan pembangunan dari nol dengan standar terbaik.",
|
||||
icon: Building,
|
||||
title: "Pembangunan Baru", description: "Pengerjaan pembangunan dari nol dengan standar terbaik.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=2",
|
||||
imageAlt: "house renovation interior design",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Finishing Interior",
|
||||
description: "Pemasangan plafon, lantai, hingga pengecatan estetik.",
|
||||
icon: Paintbrush,
|
||||
title: "Finishing Interior", description: "Pemasangan plafon, lantai, hingga pengecatan estetik.", icon: Paintbrush,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-room_23-2147704214.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-frame-wall_23-2149312722.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safety-first-sign-building-low-angle_23-2149919535.jpg?_wi=1",
|
||||
imageAlt: "house renovation interior design",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-room_23-2147704214.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-frame-wall_23-2149312722.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Layanan Kami"
|
||||
@@ -219,60 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Proyek",
|
||||
name: "Renovasi Rumah Minimalis",
|
||||
price: "Selesai",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safety-first-sign-building-low-angle_23-2149919535.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Proyek",
|
||||
name: "Renovasi Dapur Modern",
|
||||
price: "Selesai",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-199920.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Proyek",
|
||||
name: "Pembangunan Ruko 2 Lantai",
|
||||
price: "Selesai",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Proyek",
|
||||
name: "Pembangunan Pagar & Taman",
|
||||
price: "Selesai",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661428.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Proyek",
|
||||
name: "Pemasangan Lantai Granit",
|
||||
price: "Selesai",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Proyek",
|
||||
name: "Perbaikan Atap Bocor",
|
||||
price: "Selesai",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576381.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Proyek", name: "Renovasi Rumah Minimalis", price: "Selesai", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/safety-first-sign-building-low-angle_23-2149919535.jpg" },
|
||||
{ id: "2", brand: "Proyek", name: "Renovasi Dapur Modern", price: "Selesai", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-199920.jpg" },
|
||||
{ id: "3", brand: "Proyek", name: "Pembangunan Ruko 2 Lantai", price: "Selesai", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-692.jpg" },
|
||||
{ id: "4", brand: "Proyek", name: "Pembangunan Pagar & Taman", price: "Selesai", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661428.jpg" },
|
||||
{ id: "5", brand: "Proyek", name: "Pemasangan Lantai Granit", price: "Selesai", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg" },
|
||||
{ id: "6", brand: "Proyek", name: "Perbaikan Atap Bocor", price: "Selesai", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576381.jpg" },
|
||||
]}
|
||||
title="Portofolio Proyek"
|
||||
description="Beberapa hasil pekerjaan yang telah kami selesaikan dengan kualitas terbaik."
|
||||
@@ -285,36 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Proyek Selesai",
|
||||
items: [
|
||||
"Bangunan Baru",
|
||||
"Renovasi",
|
||||
"Interior",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10th",
|
||||
title: "Pengalaman",
|
||||
items: [
|
||||
"Tim Ahli",
|
||||
"Keahlian",
|
||||
"Profesional",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Kepuasan Klien",
|
||||
items: [
|
||||
"Kualitas",
|
||||
"Ketepatan",
|
||||
"Kejujuran",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Proyek Selesai", items: ["Bangunan Baru", "Renovasi", "Interior"] },
|
||||
{ id: "m2", value: "10th", title: "Pengalaman", items: ["Tim Ahli", "Keahlian", "Profesional"] },
|
||||
{ id: "m3", value: "98%", title: "Kepuasan Klien", items: ["Kualitas", "Ketepatan", "Kejujuran"] },
|
||||
]}
|
||||
title="Pencapaian Kami"
|
||||
description="Angka yang membuktikan komitmen dan dedikasi kami dalam dunia konstruksi."
|
||||
@@ -328,26 +141,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Budi Haryanto - Pemilik Rumah"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-multi-ethnic-workmates-partnership_482257-8121.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-multi-ethnic-workmates-partnership_482257-8121.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -359,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Berapa lama estimasi pengerjaan renovasi?",
|
||||
content: "Estimasi tergantung skala proyek dan kerumitan desain. Kami akan memberikan jadwal kerja detail setelah survei lokasi.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Apakah ada garansi pengerjaan?",
|
||||
content: "Ya, kami memberikan garansi pemeliharaan untuk memastikan bangunan tetap dalam kondisi prima setelah selesai.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bagaimana cara konsultasi?",
|
||||
content: "Anda bisa menghubungi kami melalui WhatsApp atau langsung datang ke lokasi kami di Batam untuk konsultasi lebih lanjut.",
|
||||
},
|
||||
{ id: "f1", title: "Berapa lama estimasi pengerjaan renovasi?", content: "Estimasi tergantung skala proyek dan kerumitan desain. Kami akan memberikan jadwal kerja detail setelah survei lokasi." },
|
||||
{ id: "f2", title: "Apakah ada garansi pengerjaan?", content: "Ya, kami memberikan garansi pemeliharaan untuk memastikan bangunan tetap dalam kondisi prima setelah selesai." },
|
||||
{ id: "f3", title: "Bagaimana cara konsultasi?", content: "Anda bisa menghubungi kami melalui WhatsApp atau langsung datang ke lokasi kami di Batam untuk konsultasi lebih lanjut." },
|
||||
]}
|
||||
title="Tanya Jawab"
|
||||
description="Informasi penting mengenai layanan konstruksi kami."
|
||||
@@ -386,16 +172,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Siap membangun atau merenovasi properti Anda? Jangan ragu untuk mendiskusikan kebutuhan konstruksi Anda bersama kami."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hubungi Kami via WhatsApp",
|
||||
href: "https://wa.me/6281234567890",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Hubungi Kami via WhatsApp", href: "https://wa.me/6281234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -408,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user