Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -33,43 +33,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda",
|
||||
id: "#beranda",
|
||||
},
|
||||
name: "Beranda", id: "#beranda"},
|
||||
{
|
||||
name: "Tentang Kami",
|
||||
id: "#tentang-kami",
|
||||
},
|
||||
name: "Tentang Kami", id: "#tentang-kami"},
|
||||
{
|
||||
name: "Layanan",
|
||||
id: "#layanan",
|
||||
},
|
||||
name: "Layanan", id: "#layanan"},
|
||||
{
|
||||
name: "Pencapaian",
|
||||
id: "#pencapaian",
|
||||
},
|
||||
name: "Pencapaian", id: "#pencapaian"},
|
||||
{
|
||||
name: "Testimoni",
|
||||
id: "#testimoni",
|
||||
},
|
||||
name: "Testimoni", id: "#testimoni"},
|
||||
{
|
||||
name: "Klien Kami",
|
||||
id: "#klien-kami",
|
||||
},
|
||||
name: "Klien Kami", id: "#klien-kami"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontak",
|
||||
id: "#kontak",
|
||||
},
|
||||
name: "Kontak", id: "#kontak"},
|
||||
]}
|
||||
brandName="Proof Digital"
|
||||
button={{
|
||||
text: "Mulai Proyek",
|
||||
href: "#kontak",
|
||||
}}
|
||||
text: "Mulai Proyek", href: "#kontak"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,16 +61,12 @@ export default function LandingPage() {
|
||||
description="Mengubah ide menjadi kenyataan digital. Kami menyediakan solusi inovatif untuk pertumbuhan bisnis Anda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Mulai Proyek",
|
||||
href: "#kontak",
|
||||
},
|
||||
text: "Mulai Proyek", href: "#kontak"},
|
||||
{
|
||||
text: "Pelajari Lebih Lanjut",
|
||||
href: "#tentang-kami",
|
||||
},
|
||||
text: "Pelajari Lebih Lanjut", href: "#tentang-kami"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
|
||||
imageAlt="Dashboard Analitik Modern"
|
||||
/>
|
||||
</div>
|
||||
@@ -101,7 +79,7 @@ export default function LandingPage() {
|
||||
description="Proof Digital adalah agensi kreatif yang berdedikasi untuk membantu bisnis mencapai potensi penuh mereka di dunia digital. Kami menggabungkan strategi inovatif dengan eksekusi yang tak tertandingi."
|
||||
subdescription="Dari pengembangan web hingga pemasaran digital, tim ahli kami siap menjadi mitra Anda dalam setiap langkah perjalanan digital Anda."
|
||||
icon={Lightbulb}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bored-daughter-being-loud-making-noise-business-office-while-mother-colleagues-trying-work-assignment-single-mom-feeling-stressed-about-child-disturbing-people_482257-33818.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bored-daughter-being-loud-making-noise-business-office-while-mother-colleagues-trying-work-assignment-single-mom-feeling-stressed-about-child-disturbing-people_482257-33818.jpg"
|
||||
imageAlt="Tim Proof Digital bekerja di kantor modern"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,38 +91,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pengembangan Web",
|
||||
description: "Menciptakan situs web yang responsif, cepat, dan dioptimalkan untuk pengalaman pengguna terbaik.",
|
||||
bentoComponent: "globe",
|
||||
button: {
|
||||
text: "Lihat Portofolio",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-defense-specialist-examining-information-big-screen_482257-121594.jpg",
|
||||
imageAlt: "abstract web development concept code",
|
||||
title: "Pengembangan Web", description: "Menciptakan situs web yang responsif, cepat, dan dioptimalkan untuk pengalaman pengguna terbaik.", bentoComponent: "globe", button: {
|
||||
text: "Lihat Portofolio", href: "#"},
|
||||
|
||||
},
|
||||
{
|
||||
title: "Pemasaran Digital",
|
||||
description: "Strategi pemasaran yang terarah untuk meningkatkan visibilitas dan konversi online Anda.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
button: {
|
||||
text: "Detail Layanan",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg?_wi=2",
|
||||
imageAlt: "abstract web development concept code",
|
||||
title: "Pemasaran Digital", description: "Strategi pemasaran yang terarah untuk meningkatkan visibilitas dan konversi online Anda.", bentoComponent: "animated-bar-chart", button: {
|
||||
text: "Detail Layanan", href: "#"},
|
||||
|
||||
},
|
||||
{
|
||||
title: "Pengembangan Aplikasi Mobile",
|
||||
description: "Membangun aplikasi mobile yang inovatif untuk Android dan iOS, sesuai kebutuhan bisnis Anda.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
title: "Pengembangan Aplikasi Mobile", description: "Membangun aplikasi mobile yang inovatif untuk Android dan iOS, sesuai kebutuhan bisnis Anda.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
button: {
|
||||
text: "Studi Kasus",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bored-daughter-being-loud-making-noise-business-office-while-mother-colleagues-trying-work-assignment-single-mom-feeling-stressed-about-child-disturbing-people_482257-33818.jpg?_wi=2",
|
||||
imageAlt: "abstract web development concept code",
|
||||
text: "Studi Kasus", href: "#"},
|
||||
|
||||
},
|
||||
]}
|
||||
title="Solusi Digital Inovatif untuk Bisnis Anda"
|
||||
@@ -161,20 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "250+",
|
||||
description: "Proyek Selesai",
|
||||
},
|
||||
id: "metric-1", value: "250+", description: "Proyek Selesai"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "180+",
|
||||
description: "Klien Puas",
|
||||
},
|
||||
id: "metric-2", value: "180+", description: "Klien Puas"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "45%",
|
||||
description: "Rata-rata Pertumbuhan ROI",
|
||||
},
|
||||
id: "metric-3", value: "45%", description: "Rata-rata Pertumbuhan ROI"},
|
||||
]}
|
||||
title="Dampak Nyata yang Kami Ciptakan"
|
||||
description="Angka-angka berbicara sendiri. Lihat bagaimana kami membantu klien kami mencapai tujuan mereka."
|
||||
@@ -186,47 +137,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, TechCorp",
|
||||
testimonial: "Proof Digital benar-benar mengubah cara kami berinteraksi dengan pelanggan. Situs web baru mereka sangat responsif dan mudah digunakan!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-couch_23-2149915934.jpg",
|
||||
imageAlt: "Foto Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO, TechCorp", testimonial: "Proof Digital benar-benar mengubah cara kami berinteraksi dengan pelanggan. Situs web baru mereka sangat responsif dan mudah digunakan!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-couch_23-2149915934.jpg", imageAlt: "Foto Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO, InnovateLab",
|
||||
testimonial: "Kampanye pemasaran digital yang mereka jalankan melebihi ekspektasi kami. ROI yang dihasilkan sangat fantastis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg",
|
||||
imageAlt: "Foto Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO, InnovateLab", testimonial: "Kampanye pemasaran digital yang mereka jalankan melebihi ekspektasi kami. ROI yang dihasilkan sangat fantastis.", imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg", imageAlt: "Foto Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Direktur Pemasaran, GrowthCo",
|
||||
testimonial: "Tim Proof Digital sangat profesional dan memahami visi kami dengan baik. Aplikasi seluler kami sekarang menjadi yang terbaik di pasaran.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
imageAlt: "Foto Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Direktur Pemasaran, GrowthCo", testimonial: "Tim Proof Digital sangat profesional dan memahami visi kami dengan baik. Aplikasi seluler kami sekarang menjadi yang terbaik di pasaran.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", imageAlt: "Foto Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manajer Produk, StartupXYZ",
|
||||
testimonial: "Saya sangat terkesan dengan dedikasi dan keahlian mereka. Dukungan teknis yang cepat dan efisien selalu kami dapatkan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg",
|
||||
imageAlt: "Foto David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Manajer Produk, StartupXYZ", testimonial: "Saya sangat terkesan dengan dedikasi dan keahlian mereka. Dukungan teknis yang cepat dan efisien selalu kami dapatkan.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg", imageAlt: "Foto David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Pendiri, Visionary Solutions",
|
||||
testimonial: "Transformasi digital perusahaan kami berjalan mulus berkat Proof Digital. Mereka adalah mitra yang tak ternilai.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-suit_1187-3192.jpg",
|
||||
imageAlt: "Foto Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Pendiri, Visionary Solutions", testimonial: "Transformasi digital perusahaan kami berjalan mulus berkat Proof Digital. Mereka adalah mitra yang tak ternilai.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-suit_1187-3192.jpg", imageAlt: "Foto Jessica Lee"},
|
||||
]}
|
||||
title="Apa Kata Klien Kami"
|
||||
description="Kepuasan klien adalah prioritas utama kami. Dengarkan langsung dari mereka yang telah merasakan manfaat bekerja sama dengan Proof Digital."
|
||||
@@ -239,14 +161,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Innovations",
|
||||
"Future Tech Solutions",
|
||||
"Dynamic Enterprises",
|
||||
"Digital Edge Co.",
|
||||
"Summit Analytics",
|
||||
"Venture Capital Group",
|
||||
"Apex Marketing",
|
||||
]}
|
||||
"Global Innovations", "Future Tech Solutions", "Dynamic Enterprises", "Digital Edge Co.", "Summit Analytics", "Venture Capital Group", "Apex Marketing"]}
|
||||
title="Dipercaya oleh Bisnis Terkemuka"
|
||||
description="Kami bangga telah berkolaborasi dengan berbagai perusahaan dari berbagai industri untuk mencapai tujuan digital mereka."
|
||||
tag="Klien Kami"
|
||||
@@ -258,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Apa saja layanan utama yang ditawarkan Proof Digital?",
|
||||
content: "Proof Digital menyediakan pengembangan web, pemasaran digital, pengembangan aplikasi mobile, dan strategi digital komprehensif untuk bisnis Anda.",
|
||||
},
|
||||
id: "faq-1", title: "Apa saja layanan utama yang ditawarkan Proof Digital?", content: "Proof Digital menyediakan pengembangan web, pemasaran digital, pengembangan aplikasi mobile, dan strategi digital komprehensif untuk bisnis Anda."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Bagaimana proses kerja Proof Digital dalam sebuah proyek?",
|
||||
content: "Proses kami dimulai dengan konsultasi dan perencanaan, diikuti oleh desain, pengembangan, pengujian, peluncuran, dan dukungan berkelanjutan.",
|
||||
},
|
||||
id: "faq-2", title: "Bagaimana proses kerja Proof Digital dalam sebuah proyek?", content: "Proses kami dimulai dengan konsultasi dan perencanaan, diikuti oleh desain, pengembangan, pengujian, peluncuran, dan dukungan berkelanjutan."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Berapa biaya rata-rata untuk proyek pengembangan web?",
|
||||
content: "Biaya proyek bervariasi tergantung pada kompleksitas dan fitur yang dibutuhkan. Kami akan memberikan penawaran khusus setelah memahami kebutuhan Anda secara detail.",
|
||||
},
|
||||
id: "faq-3", title: "Berapa biaya rata-rata untuk proyek pengembangan web?", content: "Biaya proyek bervariasi tergantung pada kompleksitas dan fitur yang dibutuhkan. Kami akan memberikan penawaran khusus setelah memahami kebutuhan Anda secara detail."},
|
||||
]}
|
||||
sideTitle="Pertanyaan Umum"
|
||||
sideDescription="Temukan jawaban atas pertanyaan yang sering diajukan tentang layanan dan proses kerja kami."
|
||||
@@ -287,22 +193,14 @@ export default function LandingPage() {
|
||||
description="Siap untuk memulai perjalanan digital Anda? Hubungi kami sekarang dan dapatkan konsultasi gratis."
|
||||
inputs={[
|
||||
{
|
||||
name: "namaLengkap",
|
||||
type: "text",
|
||||
placeholder: "Nama Lengkap Anda",
|
||||
required: true,
|
||||
name: "namaLengkap", type: "text", placeholder: "Nama Lengkap Anda", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Alamat Email Anda",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Alamat Email Anda", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "pesan",
|
||||
placeholder: "Pesan Anda",
|
||||
rows: 5,
|
||||
name: "pesan", placeholder: "Pesan Anda", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg"
|
||||
@@ -317,54 +215,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Solusi",
|
||||
items: [
|
||||
title: "Solusi", items: [
|
||||
{
|
||||
label: "Pengembangan Web",
|
||||
href: "#layanan",
|
||||
},
|
||||
label: "Pengembangan Web", href: "#layanan"},
|
||||
{
|
||||
label: "Pemasaran Digital",
|
||||
href: "#layanan",
|
||||
},
|
||||
label: "Pemasaran Digital", href: "#layanan"},
|
||||
{
|
||||
label: "Aplikasi Mobile",
|
||||
href: "#layanan",
|
||||
},
|
||||
label: "Aplikasi Mobile", href: "#layanan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perusahaan",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{
|
||||
label: "Tentang Kami",
|
||||
href: "#tentang-kami",
|
||||
},
|
||||
label: "Tentang Kami", href: "#tentang-kami"},
|
||||
{
|
||||
label: "Karir",
|
||||
href: "#",
|
||||
},
|
||||
label: "Karir", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sumber Daya",
|
||||
items: [
|
||||
title: "Sumber Daya", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Kebijakan Privasi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Kebijakan Privasi", href: "#"},
|
||||
{
|
||||
label: "Syarat Layanan",
|
||||
href: "#",
|
||||
},
|
||||
label: "Syarat Layanan", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user