@@ -0,0 +1,293 @@
|
||||
import { Head } from '@inertiajs/react';
|
||||
import { ButtonLink } from '@/components/site/button';
|
||||
import Card from '@/components/site/card';
|
||||
import FeatureCard from '@/components/site/feature-card';
|
||||
import Glow from '@/components/site/glow';
|
||||
import IconTile from '@/components/site/icon-tile';
|
||||
import PageHero, { Highlight } from '@/components/site/page-hero';
|
||||
import Pill from '@/components/site/pill';
|
||||
import Section from '@/components/site/section';
|
||||
import SectionHeader from '@/components/site/section-header';
|
||||
import ConsultationSection from '@/components/site/sections/consultation-section';
|
||||
import ServiceGrid from '@/components/site/sections/service-grid';
|
||||
import StepCard from '@/components/site/step-card';
|
||||
|
||||
const heroStats = [
|
||||
{ value: '40+', caption: 'Tahun Reputasi IT (Est. 1985)' },
|
||||
{ value: '100%', caption: 'Tailor-Fit Tanpa Lock-in' },
|
||||
{ value: 'Official', caption: 'Odoo Learning Partner' },
|
||||
{ value: '24/7', caption: 'SCSR Incident Response' },
|
||||
];
|
||||
|
||||
const odooModules = [
|
||||
{
|
||||
icon: 'receipt_long',
|
||||
title: 'Akuntansi & Finansial',
|
||||
description:
|
||||
'General ledger, accounts payable/receivable, rekonsiliasi bank otomatis, serta pelaporan keuangan multi-company.',
|
||||
},
|
||||
{
|
||||
icon: 'inventory_2',
|
||||
title: 'Supply Chain & Gudang',
|
||||
description:
|
||||
'Manajemen multi-warehouse, pelacakan barcode/RFID, automated replenishment, dan valuasi persediaan FIFO / Average.',
|
||||
},
|
||||
{
|
||||
icon: 'precision_manufacturing',
|
||||
title: 'Manufaktur (MRP)',
|
||||
description:
|
||||
'Penyusunan Bill of Materials (BOM) multi-level, perutean work order, pencatatan scrap, dan kontrol kapasitas mesin.',
|
||||
},
|
||||
{
|
||||
icon: 'point_of_sale',
|
||||
title: 'Sales, CRM & Purchasing',
|
||||
description:
|
||||
'Pipeline prospek, quotation approval bertingkat, purchase order vendor, dan manajemen kontrak berkala.',
|
||||
},
|
||||
];
|
||||
|
||||
const methodology = [
|
||||
{
|
||||
icon: 'search_insights',
|
||||
title: 'Inisiasi & Analisis',
|
||||
description:
|
||||
'Audit alur bisnis, pemetaan GAP, dan penentuan target kinerja sistem baru.',
|
||||
},
|
||||
{
|
||||
icon: 'architecture',
|
||||
title: 'Desain Arsitektur',
|
||||
description:
|
||||
'Perancangan database relasional, pemodelan interface, dan kustomisasi kode.',
|
||||
},
|
||||
{
|
||||
icon: 'cloud_sync',
|
||||
title: 'Penggelaran & Setup',
|
||||
description:
|
||||
'Instalasi server on-premise / cloud, migrasi master data, serta stress test jaringan.',
|
||||
},
|
||||
{
|
||||
icon: 'groups',
|
||||
title: 'Pelatihan Pengguna',
|
||||
description:
|
||||
'Simulasi operasional riil dari tim entri hingga penyusunan laporan level direksi.',
|
||||
},
|
||||
{
|
||||
icon: 'verified_user',
|
||||
title: 'SCSR & Audit Review',
|
||||
description:
|
||||
'Pendampingan representative khusus, pemeliharaan berkelanjutan & review tahunan.',
|
||||
},
|
||||
];
|
||||
|
||||
const commitments = [
|
||||
{
|
||||
icon: 'speed',
|
||||
title: 'SLA Tanggap Darurat 24/7',
|
||||
description:
|
||||
'Jaminan penanganan insiden darurat dengan respon di bawah 2 jam untuk crash kritis operasional pabrik atau transaksi keuangan.',
|
||||
},
|
||||
{
|
||||
icon: 'security',
|
||||
title: 'Kerahasiaan Data & NDA Terpadu',
|
||||
description:
|
||||
'Seluruh data bisnis, formula rantai pasok, dan rekam finansial dienkripsi standar perbankan serta dilindungi perjanjian legal mengikat.',
|
||||
},
|
||||
{
|
||||
icon: 'lock_open',
|
||||
title: 'Bebas Vendor Lock-in',
|
||||
description:
|
||||
'Klien memegang kendali penuh atas kode sumber, basis data, dan dokumentasi arsitektur sehingga mandiri bertumbuh di masa depan.',
|
||||
},
|
||||
];
|
||||
|
||||
export default function Services() {
|
||||
return (
|
||||
<>
|
||||
<Head title="Jasa & Solusi IT" />
|
||||
|
||||
<PageHero
|
||||
badge="Layanan & Solusi Teknologi Informasi // PT Probindo Artika Jaya"
|
||||
title={
|
||||
<>
|
||||
8 Pilar Jasa Rekayasa Sistem &{' '}
|
||||
<Highlight>Otomasi Proses Bisnis</Highlight> Terpercaya
|
||||
</>
|
||||
}
|
||||
description="Kami berkomitmen untuk menyediakan solusi yang inovatif, efisien, dan dapat diandalkan untuk memenuhi kebutuhan transformasi digital dan otomasi proses bisnis perusahaan Anda sejak 1985."
|
||||
>
|
||||
<div className="flex flex-col gap-10">
|
||||
<div className="flex flex-wrap items-center gap-4">
|
||||
<ButtonLink href="#konsultasi" icon="support_agent">
|
||||
Konsultasikan Kebutuhan Sistem
|
||||
</ButtonLink>
|
||||
<ButtonLink
|
||||
href="#metodologi"
|
||||
variant="secondary"
|
||||
icon="layers"
|
||||
>
|
||||
Pelajari Siklus Layanan
|
||||
</ButtonLink>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-2 gap-4 sm:grid-cols-4">
|
||||
{heroStats.map((stat) => (
|
||||
<Card key={stat.caption} padding="sm">
|
||||
<div className="font-display text-primary text-3xl font-bold">
|
||||
{stat.value}
|
||||
</div>
|
||||
<div className="text-on-surface-variant text-sm">
|
||||
{stat.caption}
|
||||
</div>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</PageHero>
|
||||
|
||||
<Section id="jasa-resmi">
|
||||
<div className="flex flex-col gap-12">
|
||||
<SectionHeader
|
||||
align="split"
|
||||
eyebrow="Portfolio Layanan Inti"
|
||||
title="8 Pilar Spektrum Layanan Rekayasa Perangkat Lunak"
|
||||
aside={
|
||||
<Pill
|
||||
icon="verified"
|
||||
className="hidden md:inline-flex"
|
||||
>
|
||||
STANDAR PROBINDO ARTIKA JAYA
|
||||
</Pill>
|
||||
}
|
||||
/>
|
||||
<ServiceGrid detail="description" />
|
||||
</div>
|
||||
</Section>
|
||||
|
||||
<Section
|
||||
id="odoo-erp"
|
||||
tone="muted"
|
||||
background={
|
||||
<Glow className="-top-24 -right-24 h-80 w-80 blur-3xl" />
|
||||
}
|
||||
>
|
||||
<div className="grid grid-cols-1 items-center gap-10 lg:grid-cols-12">
|
||||
<div className="flex flex-col gap-5 lg:col-span-5">
|
||||
<Pill tone="brand" icon="verified">
|
||||
OFFICIAL ODOO LEARNING PARTNER
|
||||
</Pill>
|
||||
<h2 className="font-display text-on-surface lg:text-headline-xl text-3xl font-extrabold tracking-tight">
|
||||
Implementasi Odoo ERP Sesuai Kebutuhan Bisnis Anda
|
||||
</h2>
|
||||
<p className="text-on-surface-variant text-base leading-relaxed">
|
||||
Menghadirkan ekosistem Enterprise Resource Planning
|
||||
kelas dunia yang dikonfigurasi mengikuti proses
|
||||
bisnis Anda. Kami hanya mengimplementasikan modul
|
||||
yang benar-benar dibutuhkan — dari keuangan, rantai
|
||||
pasok, hingga manufaktur — sehingga sistem tetap
|
||||
ramping dan mudah diadopsi.
|
||||
</p>
|
||||
<Card padding="sm" className="flex items-start gap-4">
|
||||
<IconTile icon="account_balance" tone="solid" />
|
||||
<div>
|
||||
<div className="font-display text-on-surface text-lg font-semibold">
|
||||
Modul Opsional: Integrasi e-Faktur DJP
|
||||
</div>
|
||||
<p className="text-on-surface-variant pt-1 text-sm">
|
||||
Bagi perusahaan yang membutuhkannya, kami
|
||||
menyediakan konektor data invoice ke skema
|
||||
XML DJP tanpa re-input manual. Dapat
|
||||
ditambahkan kapan saja sesuai kebutuhan.
|
||||
</p>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:col-span-7">
|
||||
{odooModules.map((module) => (
|
||||
<FeatureCard
|
||||
key={module.title}
|
||||
iconTone="neutral"
|
||||
{...module}
|
||||
/>
|
||||
))}
|
||||
<Card
|
||||
interactive
|
||||
className="flex flex-col items-center justify-between gap-4 sm:col-span-2 sm:flex-row"
|
||||
>
|
||||
<div className="flex items-center gap-4">
|
||||
<IconTile
|
||||
icon="factory"
|
||||
size="md"
|
||||
tone="solid"
|
||||
/>
|
||||
<div>
|
||||
<h3 className="font-display text-on-surface text-lg font-bold">
|
||||
Kustomisasi Sektor Migas &
|
||||
Manufaktur Berat
|
||||
</h3>
|
||||
<p className="text-on-surface-variant text-sm">
|
||||
Modul khusus perhitungan heat treatment,
|
||||
compliance standar pipa baja, hingga
|
||||
sertifikasi material uji.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Pill className="shrink-0 self-center">
|
||||
TAILOR-FIT READY
|
||||
</Pill>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</Section>
|
||||
|
||||
<Section id="metodologi">
|
||||
<div className="flex flex-col gap-12">
|
||||
<SectionHeader
|
||||
align="center"
|
||||
eyebrow="Metodologi Eksekusi"
|
||||
title="Siklus Alur Kerja Layanan End-to-End"
|
||||
description="Rangkaian metodologi teruji PAJ memastikan setiap investasi perangkat lunak diadopsi dengan sukses, minim hambatan transisi, dan memiliki usia pakai jangka panjang."
|
||||
/>
|
||||
<div className="grid grid-cols-1 gap-4 md:grid-cols-5">
|
||||
{methodology.map((step, index) => (
|
||||
<StepCard
|
||||
key={step.title}
|
||||
step={String(index + 1).padStart(2, '0')}
|
||||
{...step}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</Section>
|
||||
|
||||
<Section tone="muted">
|
||||
<Card padding="lg" className="lg:p-10">
|
||||
<div className="grid grid-cols-1 gap-8 md:grid-cols-3">
|
||||
{commitments.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="flex flex-col gap-3"
|
||||
>
|
||||
<IconTile
|
||||
icon={item.icon}
|
||||
size="md"
|
||||
tone="neutral"
|
||||
/>
|
||||
<h3 className="font-display text-on-surface text-lg font-bold">
|
||||
{item.title}
|
||||
</h3>
|
||||
<p className="text-on-surface-variant text-sm leading-relaxed">
|
||||
{item.description}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</Card>
|
||||
</Section>
|
||||
|
||||
<ConsultationSection
|
||||
id="konsultasi"
|
||||
title="Siap Mengotomasi & Memperkuat Sistem Bisnis Anda?"
|
||||
description="Diskusikan kebutuhan sistem Anda bersama konsultan senior PT Probindo Artika Jaya. Kami siap membantu membedah kelemahan sistem lama, audit arsitektur eksisting, atau memaparkan solusi implementasi Odoo ERP yang tepat sasaran."
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user