Update src/app/page.tsx
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -13,192 +13,120 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="OUR CARGO"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="OUR CARGO"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="OUR CARGO"
|
||||
description="Kirim barang internasional dengan tampilan brand yang lebih mewah, proses yang lebih meyakinkan. All-in import & export service terpercaya."
|
||||
buttons={[
|
||||
{
|
||||
text: "Minta Estimasi WhatsApp",
|
||||
href: "https://wa.me/6281370705720",
|
||||
},
|
||||
{
|
||||
text: "Lihat Layanan",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg"
|
||||
imageAlt="luxury logistics freight packaging"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="OUR CARGO"
|
||||
description="Kirim barang internasional dengan tampilan brand yang lebih mewah, proses yang lebih meyakinkan. All-in import & export service terpercaya."
|
||||
buttons={[
|
||||
{ text: "Minta Estimasi WhatsApp", href: "https://wa.me/6281370705720" },
|
||||
{ text: "Lihat Layanan", href: "#services" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg"
|
||||
imageAlt="luxury logistics freight packaging"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Import All-In",
|
||||
description: "Harga final termasuk tax dan custom clearance untuk kiriman ke Indonesia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clipboard_23-2148943349.jpg",
|
||||
},
|
||||
{
|
||||
title: "Air & Sea Freight",
|
||||
description: "Fleksibel untuk kebutuhan cepat maupun efisien dalam volume besar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-ships-crane-construction-machinery-carrying-cargo-containers-generated-by-ai_188544-22014.jpg",
|
||||
},
|
||||
{
|
||||
title: "Export Service",
|
||||
description: "Dukungan pengiriman keluar negeri dengan proses yang rapi dan jelas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg",
|
||||
},
|
||||
]}
|
||||
title="Layanan Utama"
|
||||
description="Kami fokus pada kemudahan proses import all-in dengan harga transparan dan komunikasi cepat via WhatsApp."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Import All-In", description: "Harga final termasuk tax dan custom clearance untuk kiriman ke Indonesia.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clipboard_23-2148943349.jpg" },
|
||||
{ title: "Air & Sea Freight", description: "Fleksibel untuk kebutuhan cepat maupun efisien dalam volume besar.", imageSrc: "http://img.b2bpic.net/free-photo/industry-ships-crane-construction-machinery-carrying-cargo-containers-generated-by-ai_188544-22014.jpg" },
|
||||
{ title: "Export Service", description: "Dukungan pengiriman keluar negeri dengan proses yang rapi dan jelas.", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172491.jpg" }
|
||||
]}
|
||||
title="Layanan Utama"
|
||||
description="Kami fokus pada kemudahan proses import all-in dengan harga transparan dan komunikasi cepat via WhatsApp."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Apa yang membuat Our Cargo berbeda?",
|
||||
content: "Fokus utamanya adalah all-in import service, harga transparan, proses simpel, dan komunikasi cepat via WhatsApp.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Apakah harga impor sudah termasuk pajak?",
|
||||
content: "Untuk layanan all-in import, harga dibuat final dan sudah termasuk biaya impor sesuai skema layanan.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Apakah bisa kirim dalam jumlah kecil?",
|
||||
content: "Bisa. Tidak ada minimum pengiriman untuk memulai.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Barang apa saja yang bisa dikirim?",
|
||||
content: "Umumnya pakaian, spare part, aksesoris, elektronik, mainan, kosmetik, dan kebutuhan bisnis.",
|
||||
},
|
||||
]}
|
||||
sideTitle="FAQ"
|
||||
sideDescription="Pertanyaan umum yang sering ditanyakan mengenai layanan kami."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Apa yang membuat Our Cargo berbeda?", content: "Fokus utamanya adalah all-in import service, harga transparan, proses simpel, dan komunikasi cepat via WhatsApp." },
|
||||
{ id: "2", title: "Apakah harga impor sudah termasuk pajak?", content: "Untuk layanan all-in import, harga dibuat final dan sudah termasuk biaya impor sesuai skema layanan." },
|
||||
{ id: "3", title: "Apakah bisa kirim dalam jumlah kecil?", content: "Bisa. Tidak ada minimum pengiriman untuk memulai." },
|
||||
{ id: "4", title: "Barang apa saja yang bisa dikirim?", content: "Umumnya pakaian, spare part, aksesoris, elektronik, mainan, kosmetik, dan kebutuhan bisnis." }
|
||||
]}
|
||||
sideTitle="FAQ"
|
||||
sideDescription="Pertanyaan umum yang sering ditanyakan mengenai layanan kami."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Jangkauan Operasional"
|
||||
tag="Kompetensi"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Negara Tujuan",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Support WhatsApp",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Tingkat Kepuasan",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5k+",
|
||||
description: "Paket Terkirim",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "3",
|
||||
description: "Hari Rata-rata",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Jangkauan Operasional"
|
||||
tag="Kompetensi"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", description: "Negara Tujuan" },
|
||||
{ id: "m2", value: "24/7", description: "Support WhatsApp" },
|
||||
{ id: "m3", value: "98%", description: "Tingkat Kepuasan" },
|
||||
{ id: "m4", value: "5k+", description: "Paket Terkirim" },
|
||||
{ id: "m5", value: "3", description: "Hari Rata-rata" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Butuh estimasi ongkir atau konsultasi barang? Klik WhatsApp dan tim akan bantu cek rute, kategori barang, dan langkah berikutnya."
|
||||
buttons={[
|
||||
{
|
||||
text: "Mulai Chat WhatsApp",
|
||||
href: "https://wa.me/6281370705720",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Butuh estimasi ongkir atau konsultasi barang? Klik WhatsApp dan tim akan bantu cek rute, kategori barang, dan langkah berikutnya."
|
||||
buttons={[
|
||||
{ text: "Mulai Chat WhatsApp", href: "https://wa.me/6281370705720" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663023.jpg"
|
||||
logoText="OUR CARGO"
|
||||
columns={[
|
||||
{
|
||||
title: "Layanan",
|
||||
items: [
|
||||
{
|
||||
label: "Import All-In",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Freight",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontak",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/6281370705720",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663023.jpg"
|
||||
logoText="OUR CARGO"
|
||||
columns={[
|
||||
{
|
||||
title: "Layanan", items: [
|
||||
{ label: "Import All-In", href: "#" },
|
||||
{ label: "Freight", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kontak", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/6281370705720" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user