Update src/app/page.tsx
This commit is contained in:
384
src/app/page.tsx
384
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
|||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import { CalendarDays, Package, Smile, Tool, Truck } from "lucide-react";
|
import { CalendarDays, Package, Smile, Truck, Wrench } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,22 +33,14 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Produk",
|
name: "Produk", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Keunggulan",
|
name: "Keunggulan", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Lokasi",
|
name: "Lokasi", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Hubungi Kami (WA)",
|
text: "Hubungi Kami (WA)", href: "https://wa.me/6281220426161"}}
|
||||||
href: "https://wa.me/6281220426161",
|
|
||||||
}}
|
|
||||||
brandName="Sarana Jaya Steel"
|
brandName="Sarana Jaya Steel"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -56,84 +48,50 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Pusat Material Besi & Baja Konstruksi Terpercaya di Bandung"
|
title="Pusat Material Besi & Baja Konstruksi Terpercaya di Bandung"
|
||||||
description="Menyediakan WF, H-Beam, Baja Ringan, Wiremesh, dan berbagai kebutuhan konstruksi lainnya. Kami berkomitmen menyediakan material berkualitas tinggi dengan harga kompetitif untuk setiap proyek Anda."
|
description="Menyediakan WF, H-Beam, Baja Ringan, Wiremesh, dan berbagai kebutuhan konstruksi lainnya. Kami berkomitmen menyediakan material berkualitas tinggi dengan harga kompetitif untuk setiap proyek Anda."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Lihat Produk",
|
text: "Lihat Produk", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Pesan Sekarang via WA",
|
text: "Pesan Sekarang via WA", href: "https://wa.me/6281220426161"},
|
||||||
href: "https://wa.me/6281220426161",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg"
|
||||||
imageAlt="Gudang material besi dan baja konstruksi Sarana Jaya Steel"
|
imageAlt="Gudang material besi dan baja konstruksi Sarana Jaya Steel"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg", alt: "Smiley architect looking at the camera"},
|
||||||
alt: "Smiley architect looking at the camera",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-safety-equipment_23-2148242954.jpg",
|
src: "http://img.b2bpic.net/free-photo/architect-smiling-safety-equipment_23-2148242954.jpg", alt: "Medium shot man posing at the office"},
|
||||||
alt: "Medium shot man posing at the office",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", alt: "Man showing architectural plans with copy space"},
|
||||||
alt: "Man showing architectural plans with copy space",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-holding-his-safety-helmet-looking-camera-happy-joyful-smiling-cheerfully-standing-red-background_141793-134149.jpg",
|
src: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-holding-his-safety-helmet-looking-camera-happy-joyful-smiling-cheerfully-standing-red-background_141793-134149.jpg", alt: "Front view of smiling businessman standing in front of desk"},
|
||||||
alt: "Front view of smiling businessman standing in front of desk",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", alt: "Pensive Young Handsome Man Working on Laptop"},
|
||||||
alt: "Pensive Young Handsome Man Working on Laptop",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Dipercaya lebih dari 500+ proyek"
|
avatarText="Dipercaya lebih dari 500+ proyek"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Kualitas SNI Teruji"},
|
||||||
text: "Kualitas SNI Teruji",
|
{
|
||||||
|
type: "text-icon", text: "Pengiriman Cepat", icon: Truck,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text", text: "Harga Bersaing"},
|
||||||
text: "Pengiriman Cepat",
|
{
|
||||||
icon: Truck,
|
type: "image", src: "http://img.b2bpic.net/free-photo/big-storehouse-with-construction-materials-inside-wholesale_114579-2835.jpg", alt: "Interior of new warehouse"},
|
||||||
|
{
|
||||||
|
type: "image", src: "http://img.b2bpic.net/free-photo/storehouse_1127-3262.jpg", alt: "iron and steel material storage"},
|
||||||
|
{
|
||||||
|
type: "image", src: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-927.jpg", alt: "Logistics warehouse with empty high racks"},
|
||||||
|
{
|
||||||
|
type: "text-icon", text: "Stok Lengkap", icon: Package,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Layanan Pelanggan Prima"},
|
||||||
text: "Harga Bersaing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/big-storehouse-with-construction-materials-inside-wholesale_114579-2835.jpg",
|
|
||||||
alt: "Interior of new warehouse",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/storehouse_1127-3262.jpg",
|
|
||||||
alt: "iron and steel material storage",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-927.jpg",
|
|
||||||
alt: "Logistics warehouse with empty high racks",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Stok Lengkap",
|
|
||||||
icon: Package,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Layanan Pelanggan Prima",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeSpeed={25}
|
marqueeSpeed={25}
|
||||||
showMarqueeCard={true}
|
showMarqueeCard={true}
|
||||||
@@ -148,70 +106,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "product-wf",
|
id: "product-wf", brand: "Sarana Jaya Steel", name: "Besi WF (Wide Flange)", price: "Nego", rating: 5,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-old-construction-beams-country_1127-2786.jpg", imageAlt: "Besi WF (Wide Flange)", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Besi%20WF.%20Berapa%20harganya%3F'; },
|
||||||
name: "Besi WF (Wide Flange)",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-old-construction-beams-country_1127-2786.jpg",
|
|
||||||
imageAlt: "Besi WF (Wide Flange)",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Besi%20WF.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "product-hbeam",
|
id: "product-hbeam", brand: "Sarana Jaya Steel", name: "Besi H-Beam", price: "Nego", rating: 5,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/view-city-bridge-with-train-london_23-2149437440.jpg", imageAlt: "Besi H-Beam", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Besi%20H-Beam.%20Berapa%20harganya%3F'; },
|
||||||
name: "Besi H-Beam",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-bridge-with-train-london_23-2149437440.jpg",
|
|
||||||
imageAlt: "Besi H-Beam",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Besi%20H-Beam.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "product-bajaringan",
|
id: "product-bajaringan", brand: "Sarana Jaya Steel", name: "Baja Ringan", price: "Nego", rating: 5,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10127.jpg", imageAlt: "Baja Ringan", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Baja%20Ringan.%20Berapa%20harganya%3F'; },
|
||||||
name: "Baja Ringan",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "150",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10127.jpg",
|
|
||||||
imageAlt: "Baja Ringan",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Baja%20Ringan.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "product-wiremesh",
|
id: "product-wiremesh", brand: "Sarana Jaya Steel", name: "Wiremesh", price: "Nego", rating: 4,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/group-steel-rod-tight-by-chain-lift-up-construction-site_1150-10137.jpg", imageAlt: "Wiremesh", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Wiremesh.%20Berapa%20harganya%3F'; },
|
||||||
name: "Wiremesh",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "80",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-steel-rod-tight-by-chain-lift-up-construction-site_1150-10137.jpg",
|
|
||||||
imageAlt: "Wiremesh",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Wiremesh.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "product-pipabaja",
|
id: "product-pipabaja", brand: "Sarana Jaya Steel", name: "Pipa Baja", price: "Nego", rating: 5,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg", imageAlt: "Pipa Baja", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Pipa%20Baja.%20Berapa%20harganya%3F'; },
|
||||||
name: "Pipa Baja",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "70",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg",
|
|
||||||
imageAlt: "Pipa Baja",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Pipa%20Baja.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "product-platbesi",
|
id: "product-platbesi", brand: "Sarana Jaya Steel", name: "Plat Besi", price: "Nego", rating: 4,
|
||||||
brand: "Sarana Jaya Steel",
|
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-plastic-garbage-can-sun-light_181624-15226.jpg", imageAlt: "Plat Besi", onProductClick: () => { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Plat%20Besi.%20Berapa%20harganya%3F'; },
|
||||||
name: "Plat Besi",
|
|
||||||
price: "Nego",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "60",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-plastic-garbage-can-sun-light_181624-15226.jpg",
|
|
||||||
imageAlt: "Plat Besi",
|
|
||||||
onProductClick: "function() { window.location.href = 'https://wa.me/6281220426161?text=Halo%2C%20saya%20tertarik%20dengan%20Plat%20Besi.%20Berapa%20harganya%3F'; }",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Katalog Produk Utama"
|
title="Katalog Produk Utama"
|
||||||
@@ -226,44 +142,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", label: "Kualitas Terjamin", title: "Produk Berkualitas Tinggi", items: [
|
||||||
label: "Kualitas Terjamin",
|
"Material standar SNI", "Ketahanan jangka panjang", "Sertifikasi mutu teruji"],
|
||||||
title: "Produk Berkualitas Tinggi",
|
|
||||||
items: [
|
|
||||||
"Material standar SNI",
|
|
||||||
"Ketahanan jangka panjang",
|
|
||||||
"Sertifikasi mutu teruji",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", label: "Investasi Cerdas", title: "Harga Kompetitif", items: [
|
||||||
label: "Investasi Cerdas",
|
"Penawaran terbaik di Bandung", "Transparansi harga tanpa biaya tersembunyi", "Nilai investasi optimal untuk proyek Anda"],
|
||||||
title: "Harga Kompetitif",
|
|
||||||
items: [
|
|
||||||
"Penawaran terbaik di Bandung",
|
|
||||||
"Transparansi harga tanpa biaya tersembunyi",
|
|
||||||
"Nilai investasi optimal untuk proyek Anda",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", label: "Ketersediaan Langsung", title: "Stok Lengkap", items: [
|
||||||
label: "Ketersediaan Langsung",
|
"Berbagai jenis dan ukuran besi baja", "Siap untuk proyek skala besar & kecil", "Ketersediaan produk yang konsisten"],
|
||||||
title: "Stok Lengkap",
|
|
||||||
items: [
|
|
||||||
"Berbagai jenis dan ukuran besi baja",
|
|
||||||
"Siap untuk proyek skala besar & kecil",
|
|
||||||
"Ketersediaan produk yang konsisten",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", label: "Efisiensi Proyek", title: "Pengiriman Cepat", items: [
|
||||||
label: "Efisiensi Proyek",
|
"Jadwal pengiriman yang fleksibel", "Armada pengiriman handal", "Memastikan proyek berjalan tepat waktu"],
|
||||||
title: "Pengiriman Cepat",
|
|
||||||
items: [
|
|
||||||
"Jadwal pengiriman yang fleksibel",
|
|
||||||
"Armada pengiriman handal",
|
|
||||||
"Memastikan proyek berjalan tepat waktu",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Mengapa Memilih Sarana Jaya Steel?"
|
title="Mengapa Memilih Sarana Jaya Steel?"
|
||||||
@@ -276,14 +168,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"AssetBangun Jaya",
|
"AssetBangun Jaya", "Citra Konstruksi Mandiri", "Prima Karya Abadi", "Global Bangun Nusantara", "Pilar Megah Properti", "Sukses Bersama Kontraktor", "Wira Karya Sentosa"]}
|
||||||
"Citra Konstruksi Mandiri",
|
|
||||||
"Prima Karya Abadi",
|
|
||||||
"Global Bangun Nusantara",
|
|
||||||
"Pilar Megah Properti",
|
|
||||||
"Sukses Bersama Kontraktor",
|
|
||||||
"Wira Karya Sentosa",
|
|
||||||
]}
|
|
||||||
title="Dipercaya oleh Banyak Proyek"
|
title="Dipercaya oleh Banyak Proyek"
|
||||||
description="Sarana Jaya Steel telah menjadi pilihan utama bagi kontraktor dan pengembang di berbagai proyek konstruksi di Bandung dan sekitarnya."
|
description="Sarana Jaya Steel telah menjadi pilihan utama bagi kontraktor dan pengembang di berbagai proyek konstruksi di Bandung dan sekitarnya."
|
||||||
/>
|
/>
|
||||||
@@ -295,65 +180,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Budi Santoso", date: "Mei 2024", title: "Material Berkualitas Tinggi", quote: "Sarana Jaya Steel selalu menyediakan material besi dengan kualitas terbaik. Proyek kami berjalan lancar berkat dukungan produk yang konsisten dan terpercaya.", tag: "Kontraktor Utama", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-blueprint-copy-space_23-2148269819.jpg", avatarAlt: "Budi Santoso", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-working-urban-design-with-blueprints-building-model-team-people-doing-teamwork-construction-layout-designing-architectural-development-project_482257-29996.jpg", imageAlt: "Proyek konstruksi gedung"},
|
||||||
name: "Budi Santoso",
|
|
||||||
date: "Mei 2024",
|
|
||||||
title: "Material Berkualitas Tinggi",
|
|
||||||
quote: "Sarana Jaya Steel selalu menyediakan material besi dengan kualitas terbaik. Proyek kami berjalan lancar berkat dukungan produk yang konsisten dan terpercaya.",
|
|
||||||
tag: "Kontraktor Utama",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-blueprint-copy-space_23-2148269819.jpg",
|
|
||||||
avatarAlt: "Budi Santoso",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-working-urban-design-with-blueprints-building-model-team-people-doing-teamwork-construction-layout-designing-architectural-development-project_482257-29996.jpg",
|
|
||||||
imageAlt: "Proyek konstruksi gedung",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Dewi Wijaya", date: "April 2024", title: "Respons Cepat & Profesional", quote: "Pelayanan dari Sarana Jaya Steel sangat memuaskan. Respon cepat untuk setiap pertanyaan dan pengiriman selalu tepat waktu. Sangat direkomendasikan!", tag: "Developer Properti", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg", avatarAlt: "Dewi Wijaya", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architects-placing-blueprints-plan-table-work-urban-project-with-building-model-team-women-using-layout-print-design-construction-structure-development_482257-38868.jpg", imageAlt: "Tim developer properti"},
|
||||||
name: "Dewi Wijaya",
|
|
||||||
date: "April 2024",
|
|
||||||
title: "Respons Cepat & Profesional",
|
|
||||||
quote: "Pelayanan dari Sarana Jaya Steel sangat memuaskan. Respon cepat untuk setiap pertanyaan dan pengiriman selalu tepat waktu. Sangat direkomendasikan!",
|
|
||||||
tag: "Developer Properti",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-holding-disposable-coffee-cup-hand-looking-camera_23-2148176166.jpg",
|
|
||||||
avatarAlt: "Dewi Wijaya",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architects-placing-blueprints-plan-table-work-urban-project-with-building-model-team-women-using-layout-print-design-construction-structure-development_482257-38868.jpg",
|
|
||||||
imageAlt: "Tim developer properti",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Anwar Fauzi", date: "Maret 2024", title: "Harga Sangat Kompetitif", quote: "Saya sudah membandingkan beberapa supplier, dan Sarana Jaya Steel memberikan harga terbaik tanpa mengurangi kualitas. Sangat membantu menekan biaya proyek.", tag: "Mandor Proyek", avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-plan_23-2147702532.jpg", avatarAlt: "Anwar Fauzi", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194838.jpg", imageAlt: "Diskusi di lokasi proyek"},
|
||||||
name: "Anwar Fauzi",
|
|
||||||
date: "Maret 2024",
|
|
||||||
title: "Harga Sangat Kompetitif",
|
|
||||||
quote: "Saya sudah membandingkan beberapa supplier, dan Sarana Jaya Steel memberikan harga terbaik tanpa mengurangi kualitas. Sangat membantu menekan biaya proyek.",
|
|
||||||
tag: "Mandor Proyek",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet-plan_23-2147702532.jpg",
|
|
||||||
avatarAlt: "Anwar Fauzi",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194838.jpg",
|
|
||||||
imageAlt: "Diskusi di lokasi proyek",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Siti Aminah", date: "Februari 2024", title: "Stok Selalu Ada!", quote: "Tidak pernah kesulitan mencari material di Sarana Jaya Steel. Stoknya selalu lengkap, jadi tidak perlu khawatir proyek tertunda karena kekurangan bahan.", tag: "Pembeli Individu", avatarSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", avatarAlt: "Siti Aminah", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg", imageAlt: "Renovasi rumah"},
|
||||||
name: "Siti Aminah",
|
|
||||||
date: "Februari 2024",
|
|
||||||
title: "Stok Selalu Ada!",
|
|
||||||
quote: "Tidak pernah kesulitan mencari material di Sarana Jaya Steel. Stoknya selalu lengkap, jadi tidak perlu khawatir proyek tertunda karena kekurangan bahan.",
|
|
||||||
tag: "Pembeli Individu",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
|
|
||||||
avatarAlt: "Siti Aminah",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg",
|
|
||||||
imageAlt: "Renovasi rumah",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Rizky Pratama", date: "Januari 2024", title: "Pengiriman Aman & Cepat", quote: "Material besi yang kami pesan sampai dengan aman dan sesuai jadwal. Driver sangat kooperatif. Ini yang membuat kami selalu kembali ke Sarana Jaya Steel.", tag: "General Contractor", avatarSrc: "http://img.b2bpic.net/free-photo/woman-engineer-wearing-construction-vest-safety-helmet-standing-with-arms-crossed-with-serious-face-isolated-orange-wall_141793-15575.jpg", avatarAlt: "Rizky Pratama", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-street-food-vendor-preparing-thai-cuisine_482257-126002.jpg", imageAlt: "Pengiriman material konstruksi"},
|
||||||
name: "Rizky Pratama",
|
|
||||||
date: "Januari 2024",
|
|
||||||
title: "Pengiriman Aman & Cepat",
|
|
||||||
quote: "Material besi yang kami pesan sampai dengan aman dan sesuai jadwal. Driver sangat kooperatif. Ini yang membuat kami selalu kembali ke Sarana Jaya Steel.",
|
|
||||||
tag: "General Contractor",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-engineer-wearing-construction-vest-safety-helmet-standing-with-arms-crossed-with-serious-face-isolated-orange-wall_141793-15575.jpg",
|
|
||||||
avatarAlt: "Rizky Pratama",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-street-food-vendor-preparing-thai-cuisine_482257-126002.jpg",
|
|
||||||
imageAlt: "Pengiriman material konstruksi",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Apa Kata Pelanggan Kami?"
|
title="Apa Kata Pelanggan Kami?"
|
||||||
description="Dengar langsung pengalaman para profesional yang telah mempercayakan kebutuhan material besi dan baja mereka kepada Sarana Jaya Steel."
|
description="Dengar langsung pengalaman para profesional yang telah mempercayakan kebutuhan material besi dan baja mereka kepada Sarana Jaya Steel."
|
||||||
@@ -368,25 +203,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500+", title: "Proyek Selesai", description: "Berbagai skala proyek konstruksi telah kami dukung dengan pasokan material terbaik.", icon: Wrench,
|
||||||
value: "500+",
|
|
||||||
title: "Proyek Selesai",
|
|
||||||
description: "Berbagai skala proyek konstruksi telah kami dukung dengan pasokan material terbaik.",
|
|
||||||
icon: Tool,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "10+", title: "Tahun Berpengalaman", description: "Pengalaman lebih dari satu dekade dalam industri suplai material besi dan baja.", icon: CalendarDays,
|
||||||
value: "10+",
|
|
||||||
title: "Tahun Berpengalaman",
|
|
||||||
description: "Pengalaman lebih dari satu dekade dalam industri suplai material besi dan baja.",
|
|
||||||
icon: CalendarDays,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "98%", title: "Pelanggan Puas", description: "Tingkat kepuasan pelanggan yang tinggi membuktikan kualitas produk dan layanan kami.", icon: Smile,
|
||||||
value: "98%",
|
|
||||||
title: "Pelanggan Puas",
|
|
||||||
description: "Tingkat kepuasan pelanggan yang tinggi membuktikan kualitas produk dan layanan kami.",
|
|
||||||
icon: Smile,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Rekam Jejak Kami"
|
title="Rekam Jejak Kami"
|
||||||
@@ -400,30 +223,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
id: "faq1", title: "Jenis besi dan baja apa saja yang tersedia?", content: "Kami menyediakan berbagai jenis material seperti Besi WF, H-Beam, Baja Ringan, Wiremesh, Pipa Baja, Plat Besi, dan banyak lagi untuk berbagai kebutuhan konstruksi."},
|
||||||
title: "Jenis besi dan baja apa saja yang tersedia?",
|
|
||||||
content: "Kami menyediakan berbagai jenis material seperti Besi WF, H-Beam, Baja Ringan, Wiremesh, Pipa Baja, Plat Besi, dan banyak lagi untuk berbagai kebutuhan konstruksi.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq2",
|
id: "faq2", title: "Bagaimana cara melakukan pemesanan?", content: "Anda dapat menghubungi kami langsung melalui WhatsApp di +62 812-2042-6161 untuk mendapatkan penawaran harga dan detail pemesanan."},
|
||||||
title: "Bagaimana cara melakukan pemesanan?",
|
|
||||||
content: "Anda dapat menghubungi kami langsung melalui WhatsApp di +62 812-2042-6161 untuk mendapatkan penawaran harga dan detail pemesanan.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq3",
|
id: "faq3", title: "Apakah ada layanan pengiriman?", content: "Ya, kami menyediakan layanan pengiriman cepat dan aman ke lokasi proyek Anda di Bandung dan sekitarnya untuk memastikan material tiba tepat waktu."},
|
||||||
title: "Apakah ada layanan pengiriman?",
|
|
||||||
content: "Ya, kami menyediakan layanan pengiriman cepat dan aman ke lokasi proyek Anda di Bandung dan sekitarnya untuk memastikan material tiba tepat waktu.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq4",
|
id: "faq4", title: "Bagaimana dengan harga produk?", content: "Kami menawarkan harga yang sangat kompetitif dengan kualitas material terbaik. Silakan hubungi kami untuk mendapatkan penawaran harga khusus sesuai kebutuhan proyek Anda."},
|
||||||
title: "Bagaimana dengan harga produk?",
|
|
||||||
content: "Kami menawarkan harga yang sangat kompetitif dengan kualitas material terbaik. Silakan hubungi kami untuk mendapatkan penawaran harga khusus sesuai kebutuhan proyek Anda.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq5",
|
id: "faq5", title: "Jam operasional Sarana Jaya Steel?", content: "Kami buka setiap hari pukul 08.00 - 17.00 WIB. Jangan ragu untuk menghubungi kami selama jam operasional."},
|
||||||
title: "Jam operasional Sarana Jaya Steel?",
|
|
||||||
content: "Kami buka setiap hari pukul 08.00 - 17.00 WIB. Jangan ragu untuk menghubungi kami selama jam operasional.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Pertanyaan Umum"
|
title="Pertanyaan Umum"
|
||||||
description="Temukan jawaban cepat untuk pertanyaan yang sering diajukan seputar produk, pemesanan, dan layanan Sarana Jaya Steel."
|
description="Temukan jawaban cepat untuk pertanyaan yang sering diajukan seputar produk, pemesanan, dan layanan Sarana Jaya Steel."
|
||||||
@@ -435,18 +243,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
text="Hubungi kami hari ini untuk penawaran harga terbaik dan konsultasi material konstruksi. Tim profesional kami siap membantu memenuhi kebutuhan proyek Anda.\n\nAlamat: Gg. Yadista No.23, Rancabolang, Kec. Gedebage, Kota Bandung, Jawa Barat 40295, Indonesia\nTelepon/WhatsApp: +62 812-2042-6161\nJam Operasional: Buka pukul 08.00 - Tutup 17.00 WIB\n\n[Lihat Lokasi Kami di Google Maps](https://www.google.com/maps/place/Gg.+Yadista+No.23,+Rancabolang,+Kec.+Gedebage,+Kota+Bandung,+Jawa+Barat+40295,+Indonesia/@-6.953569,107.696614,17z/data=!3m1!4b1!4m6!3m5!1s0x2e68c347d4e3e3b3:0x3e71d2b70d4c8a1!8m2!3d-6.953569!4d107.696614!16s%2Fg%2F11byl988c5?entry=ttu)"
|
text="Hubungi kami hari ini untuk penawaran harga terbaik dan konsultasi material konstruksi. Tim profesional kami siap membantu memenuhi kebutuhan proyek Anda.\n\nAlamat: Gg. Yadista No.23, Rancabolang, Kec. Gedebage, Kota Bandung, Jawa Barat 40295, Indonesia\nTelepon/WhatsApp: +62 812-2042-6161\nJam Operasional: Buka pukul 08.00 - Tutup 17.00 WIB\n\n[Lihat Lokasi Kami di Google Maps](https://www.google.com/maps/place/Gg.+Yadista+No.23,+Rancabolang,+Kec.+Gedebage,+Kota+Bandung,+Jawa+Barat+40295,+Indonesia/@-6.953569,107.696614,17z/data=!3m1!4b1!4m6!3m5!1s0x2e68c347d4e3e3b3:0x3e71d2b70d4c8a1!8m2!3d-6.953569!4d107.696614!16s%2Fg%2F11byl988c5?entry=ttu)"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "WhatsApp Sekarang",
|
text: "WhatsApp Sekarang", href: "https://wa.me/6281220426161"},
|
||||||
href: "https://wa.me/6281220426161",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Telepon Kami",
|
text: "Telepon Kami", href: "tel:+6281220426161"},
|
||||||
href: "tel:+6281220426161",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -455,70 +258,41 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Produk",
|
title: "Produk", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Besi WF",
|
label: "Besi WF", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Besi H-Beam",
|
label: "Besi H-Beam", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Baja Ringan",
|
label: "Baja Ringan", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Wiremesh",
|
label: "Wiremesh", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Katalog Lengkap",
|
label: "Katalog Lengkap", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Perusahaan",
|
title: "Perusahaan", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Tentang Kami",
|
label: "Tentang Kami", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Keunggulan",
|
label: "Keunggulan", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Testimoni",
|
label: "Testimoni", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Hubungi Kami",
|
title: "Hubungi Kami", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Alamat",
|
label: "Alamat", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp",
|
label: "WhatsApp", href: "https://wa.me/6281220426161"},
|
||||||
href: "https://wa.me/6281220426161",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Telepon",
|
label: "Telepon", href: "tel:+6281220426161"},
|
||||||
href: "tel:+6281220426161",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Jam Operasional",
|
label: "Jam Operasional", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user