diff --git a/src/App.jsx b/src/App.jsx index 3629c23..2190652 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,12 +1,18 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import Contact from "./pages/Contact" import Home from "./pages/Home" +import SolusiPersonal from "./pages/SolusiPersonal" +import SolusiStartup from "./pages/SolusiStartup" + function App() { return ( }/> }/> + }/> + }/> + diff --git a/src/components/beranda/Header.jsx b/src/components/beranda/Header.jsx index 505c082..cbaa37b 100644 --- a/src/components/beranda/Header.jsx +++ b/src/components/beranda/Header.jsx @@ -49,27 +49,30 @@ const Header = () => { {/* Solusi Dropdown */}
  • - {isSolusiOpen && ( )}
    • + +
  • - diff --git a/src/components/beranda/MasaDepan.jsx b/src/components/beranda/MasaDepan.jsx index 7e34f9d..4f2086b 100644 --- a/src/components/beranda/MasaDepan.jsx +++ b/src/components/beranda/MasaDepan.jsx @@ -2,38 +2,39 @@ import React from "react"; import { waIcon } from "../../assets"; function MasaDepan() { return ( -
    - {/* Tagline Section */} -
    -
    - - #Rekan AI - -

    - Masa Depan Bisnis, Dimulai Hari Ini -

    + <> +
    + {/* Tagline Section */} +
    +
    + + #Rekan AI + +

    + Masa Depan Bisnis, Dimulai Hari Ini +

    +
    +

    + Bersama Rekan AI, bawa bisnis Anda menuju masa depan yang lebih + cerdas, efisien, dan kompetitif. +

    -

    - Bersama Rekan AI, bawa bisnis Anda menuju masa depan yang lebih - cerdas, efisien, dan kompetitif. -

    -
    - {/* Button Section */} -
    - - +
    -
    + {/* Button Section */} +
    + + +
    + + + ); } diff --git a/src/components/beranda/Mendukung.jsx b/src/components/beranda/Mendukung.jsx index cb9fbf0..ec3c546 100644 --- a/src/components/beranda/Mendukung.jsx +++ b/src/components/beranda/Mendukung.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { imgLeft1,imgLeft2,imgLeft3,imgRight } from '../../assets'; +import { imgLeft1, imgLeft2, imgLeft3, imgRight } from '../../assets'; function Mendukung() { const items = [ @@ -10,44 +10,43 @@ function Mendukung() { return (
    - {/* Left Content */} -
    -

    - Solusi Mendukung Bisnis di Setiap -
    - Skala Usaha -

    -

    - Kami menawarkan berbagai teknologi AI yang dapat mengotomatisasi proses, menganalisis data dengan akurat, dan memberikan pengalaman pelanggan yang lebih personal. Dengan implementasi yang mudah dan hasil yang cepat, Rekan AI menjadi mitra terbaik untuk mendukung pertumbuhan bisnis Anda. -

    + {/* Left Content */} +
    +

    + Solusi Mendukung Bisnis di Setiap +
    + Skala Usaha +

    +

    + Kami menawarkan berbagai teknologi AI yang dapat mengotomatisasi proses, menganalisis data dengan akurat, dan memberikan pengalaman pelanggan yang lebih personal. Dengan implementasi yang mudah dan hasil yang cepat, Rekan AI menjadi mitra terbaik untuk mendukung pertumbuhan bisnis Anda. +

    -
    - {items.map((item) => ( -
    - {/* Image */} - {item.title} - {/* Title */} -

    - {item.title} -

    +
    + {items.map((item) => ( +
    + {/* Image */} + {item.title} + {/* Title */} +

    + {item.title} +

    +
    + ))} +
    + +
    + + {/* Right Content */} +
    + Image Right +
    - ))} -
    - -
    - - {/* Right Content */} -
    - Image Right -
    -
    ); } export default Mendukung; - \ No newline at end of file diff --git a/src/components/contact/BottomCTA.jsx b/src/components/contact/BottomCTA.jsx index e849c63..61c716c 100644 --- a/src/components/contact/BottomCTA.jsx +++ b/src/components/contact/BottomCTA.jsx @@ -17,26 +17,23 @@ const BottomCTA = () => { ?
    - + {/* Pesan yang memberi tahu pengguna untuk menghubungi jika pertanyaan belum terjawab */}

    Jika pertanyaan Anda belum terjawab di atas, jangan ragu untuk menghubungi kami melalui formulir
    kontak atau email. Kami dengan senang hati akan membantu!

    {/* Bagian tombol CTA */} -
    - {/* Tombol Konsultasi Gratis dengan ikon WhatsApp */} - - - {/* Tombol Coba Sekarang dengan efek gradient */} -
    + ); }; diff --git a/src/components/solusi/CardPersonal/CardPersonal.jsx b/src/components/solusi/CardPersonal/CardPersonal.jsx new file mode 100644 index 0000000..507fc49 --- /dev/null +++ b/src/components/solusi/CardPersonal/CardPersonal.jsx @@ -0,0 +1,46 @@ +import { card1, card2, card3 } from "../asset"; + +export default function FeatureCards() { + const features = [ + { + icon: card1, + title: "Kemudahan Pengelolaan Dokumen", + description: + "Dengan fitur pengelolaan dokumen yang mudah dan cepat, anda dapat dengan mudah mengelola semua dokumen anda saat dan berikutnya.", + }, + { + icon: card3, + title: "Efisiensi dalam Sehari-Hari", + description: + "Dengan fitur pencarian yang canggih, anda dapat dengan cepat menemukan pengaturan upload, penghapus, dan semua kebutuhan praktis, sehingga anda bisa fokus pada hal yang penting.", + }, + { + icon: card2, + title: "Teknologi yang Mudah Diakses", + description: + "Seluruh fitur di dalam aplikasi kami dirancang dengan teknologi yang aman, yang dapat memberikan manfaat keseluruhan kepada semua pengguna layanan kami.", + }, + ]; + + return ( +
    +

    + Dengan #Rekan AI, Anda bisa menghemat waktu, meningkatkan produktivitas, dan mendapatkan solusi yang benar-benar relevan dengan kebutuhan Anda. +

    +
    + {features.map((feature, index) => ( +
    +
    + {feature.title} +
    +

    {feature.title}

    +

    {feature.description}

    +
    + ))} +
    +
    + ); +} \ No newline at end of file diff --git a/src/components/solusi/CardStartup/CardStartup.jsx b/src/components/solusi/CardStartup/CardStartup.jsx new file mode 100644 index 0000000..0a6af00 --- /dev/null +++ b/src/components/solusi/CardStartup/CardStartup.jsx @@ -0,0 +1,46 @@ +import { CardStart1, CardStart2, CardStart3 } from "../asset"; + +export default function FeatureCards() { + const features = [ + { + icon: CardStart1, + title: "Solusi Bisnis yang Praktis", + description: + "Rekan AI menghadirkan teknologi yang intuitif dan mudah digunakan, memungkinkan pelaku Startup mengelola bisnis lebih efisien tanpa perlu keahlian teknis. Setiap fitur dirancang untuk mempercepat dan menyederhanakan operasional bisnis sehari-hari." + }, + { + icon: CardStart2, + title: "Hemat Biaya, Maksimal Hasil", + description: + "Optimalkan efisiensi bisnis dengan solusi berbasis AI yang terjangkau. Dengan mengurangi pekerjaan manual dan meningkatkan produktivitas. Menekan biaya operasional tanpa mengorbankan kualitas layanan maupun kepuasan pelanggan." + }, + { + icon: CardStart3, + title: "Skalabilitas Bisnis", + description: + " Rekan AI dirancang untuk beradaptasi dengan kebutuhan Anda. Dengan sistem yang dapat diperluas, Startup dapat mengembangkan bisnisnya secara bertahap tanpa perlu khawatir akan keterbatasan teknologi." + }, + ]; + + return ( +
    +

    + Bersama #Rekan AI, Startup lebih produktif,
    efisien, dan siap bersaing di era digital. +

    +
    + {features.map((feature, index) => ( +
    +
    + {feature.title} +
    +

    {feature.title}

    +

    {feature.description}

    +
    + ))} +
    +
    + ); +} \ No newline at end of file diff --git a/src/components/solusi/HeadPersonal/HeadPersonal.jsx b/src/components/solusi/HeadPersonal/HeadPersonal.jsx new file mode 100644 index 0000000..47643d1 --- /dev/null +++ b/src/components/solusi/HeadPersonal/HeadPersonal.jsx @@ -0,0 +1,65 @@ +import { component11, wagreen, start22 } from "../asset"; + +function HeadPersonal() { + return ( +
    +
    + {/* Left Section */} +
    +
    + Home Logo + + # Solusi Personal + +
    +

    + Saatnya mengintegrasikan AI ke dalam kehidupan Anda! +

    +

    + Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era + digital. Baik Anda seorang profesional, pelajar, atau individu yang + mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan + teknologi yang mudah digunakan, efisien, dan dapat diandalkan. +

    +
    + + {/* Right Section (Home Image) */} +
    + Home Image +
    +
    + + {/* Buttons */} +
    + + +
    +
    + ); +} + +export default HeadPersonal; diff --git a/src/components/solusi/HeadStartup/HeadStartup.jsx b/src/components/solusi/HeadStartup/HeadStartup.jsx new file mode 100644 index 0000000..4605177 --- /dev/null +++ b/src/components/solusi/HeadStartup/HeadStartup.jsx @@ -0,0 +1,65 @@ +import { component11, wagreen, start22 } from "../asset"; + +function HeadPersonal() { + return ( +
    +
    + {/* Left Section */} +
    +
    + Home Logo + + # Solusi Personal + +
    +

    + Tumbuh Lebih Cepat dengan Automasi dan Analisis yang Terjangkau +

    +

    + Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era + digital. Baik Anda seorang profesional, pelajar, atau individu yang + mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan + teknologi yang mudah digunakan, efisien, dan dapat diandalkan. +

    +
    + + {/* Right Section (Home Image) */} +
    + Home Image +
    +
    + + {/* Buttons */} +
    + + +
    +
    + ); +} + +export default HeadPersonal; diff --git a/src/components/solusi/MengapaStartup/MengapaStartup.jsx b/src/components/solusi/MengapaStartup/MengapaStartup.jsx new file mode 100644 index 0000000..5d0e7f8 --- /dev/null +++ b/src/components/solusi/MengapaStartup/MengapaStartup.jsx @@ -0,0 +1,69 @@ +import { chek2, wagreen, start44 } from "../asset"; + +function Kenapa() { + return ( +
    +
    + {/* Image Section */} +
    + Woman with Tablet +
    + + {/* Text Section */} +
    +

    + Kenapa Memilih Rekan AI untuk Startup Anda?

    +

    + Startup adalah tulang punggung perekonomian, dan Rekan AI hadir untuk memberdayakan pelaku usaha agar dapat bersaing di era digital. Dengan solusi berbasis AI, kami membantu usaha kecil dan menengah mencapai efisiensi yang lebih baik, memperluas jangkauan pasar, dan meningkatkan kepuasan pelanggan. +

    +
      +
    • + Check + Teknologi kami dirancang agar dapat diakses oleh siapa saja, tanpa memerlukan latar belakang teknis. +
      • +
    • + Check + Rekan AI menawarkan solusi dengan harga yang sesuai untuk Startup. +
      • +
    • + Check + Kami membantu Anda menciptakan peluang baru dengan teknologi yang mendukung setiap tahap perkembangan bisnis. +
      • +
    + +
    + + +
    +
    +
    +
    + ); +} + +export default Kenapa; diff --git a/src/components/solusi/MengapapPersonal/MengapapPersonal.jsx b/src/components/solusi/MengapapPersonal/MengapapPersonal.jsx new file mode 100644 index 0000000..cd6746b --- /dev/null +++ b/src/components/solusi/MengapapPersonal/MengapapPersonal.jsx @@ -0,0 +1,77 @@ +import { chek2, wagreen, start33 } from "../asset"; + +function Kenapa() { + return ( +
    +
    + {/* Image Section */} +
    + Woman with Tablet +
    + + {/* Text Section */} +
    +

    + Mengapa Memilih Rekan AI untuk Penggunaan Pribadi? +

    +

    + Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi + individu yang ingin memanfaatkan kecerdasan buatan dalam kehidupan + sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola + data dengan aman, atau membuat keputusan yang lebih cerdas, Rekan AI + adalah solusi tepat yang dirancang khusus untuk Anda. +

    +
      +
    • + Check + Teknologi yang ramah pengguna, cocok untuk semua kalangan tanpa + memerlukan keahlian teknis. +
      • +
    • + Check + Data Anda aman dengan enkripsi tingkat tinggi, memastikan privasi + Anda tetap terlindungi. +
      • +
    • + Check + Dapatkan manfaat maksimal dari solusi AI yang dapat disesuaikan + dengan kebutuhan individu Anda. +
      • +
    + +
    + + +
    +
    +
    +
    + ); +} + +export default Kenapa; diff --git a/src/components/solusi/SolusiPersonal/SolusiPersonal.jsx b/src/components/solusi/SolusiPersonal/SolusiPersonal.jsx new file mode 100644 index 0000000..ecca628 --- /dev/null +++ b/src/components/solusi/SolusiPersonal/SolusiPersonal.jsx @@ -0,0 +1,73 @@ +import { useState } from "react"; +import { data } from "./data"; + +export default function BusinessSolution() { + const [activeTab, setActiveTab] = useState("hr"); + const activeContent = data.content[activeTab]; + + return ( +
    + {/* Header */} +
    +

    {data.title}

    +

    {data.subtitle}

    +
    + + {/* Navigation Buttons */} +
    +
    + {data.tabs.map((button) => ( + + ))} +
    +
    + + {/* Content Section */} + {activeContent && ( +
    + {/* Image Section */} +
    + {activeContent.title} +
    + + {/* Text Content */} +
    +

    {activeContent.title}

    +

    {activeContent.description}

    + + {/* Features */} +
    + {activeContent.features.map((feature, index) => ( +
    +
    + Feature Icon +
    +
    +

    {feature.title}

    +

    {feature.description}

    +
    +
    + ))} +
    +
    +
    + )} +
    + ); +} diff --git a/src/components/solusi/SolusiPersonal/data.js b/src/components/solusi/SolusiPersonal/data.js new file mode 100644 index 0000000..985d2ef --- /dev/null +++ b/src/components/solusi/SolusiPersonal/data.js @@ -0,0 +1,96 @@ +import { maskcek, rekan1, rekan2, rekan3, rekan4 } from "../asset"; + + +// data.json +export const data = { + title: "Solusi Bisnis", + subtitle: "Pilihan Terbaik untuk Solusi Bisnis UMKM", + tabs: [ + { name: "Rekan HR", key: "hr" }, + { name: "Rekan Doku", key: "doku" }, + { name: "Rekan LLM", key: "llm" }, + { name: "Rekan Veri", key: "veri" } + ], + content: { + hr: { + title: "Rekan HR – Manajemen Kehidupan Kerja yang Lebih Teratur", + description: + "Rekan HR mempermudah pengelolaan aktivitas kerja pribadi, mendukung keseimbangan antara karier dan kehidupan sehari-hari.", + image: rekan1, + features: [ + { + title: "Manajemen Aktivitas Pribadi", + description: + "Gunakan fitur pengingat tugas, jadwal, dan pengelolaan waktu untuk mendukung produktivitas Anda.", + icon: maskcek + }, + { + title: "Dukungan untuk Pengembangan Karier", + description: + "Nikmati fitur analisis kinerja pribadi untuk membantu Anda mengidentifikasi area pengembangan dan mencapai tujuan karier Anda.", + icon: maskcek + } + ] + }, + doku: { + title: "Rekan Doku – Dokumen Anda, Kendali Anda", + description: + "Kelola dokumen pribadi dengan mudah dan aman menggunakan Rekan Doku. Produk ini memastikan dokumen digital Anda sah secara hukum dan tersimpan dengan baik.", + image: rekan2, + features: [ + { + title: "Autentikasi Dokumen Digital", + description: + "Berikan keabsahan pada dokumen penting seperti kontrak kerja, sertifikat, atau surat pribadi dengan e-Meterai dan tanda tangan digital yang diakui secara hukum.", + icon: maskcek + }, + { + title: "Manajemen Dokumen Terpusat", + description: + "Simpan, atur, dan akses dokumen kapan saja dari satu platform yang aman, memastikan kemudahan dan kenyamanan Anda.", + icon: maskcek + } + ] + }, + llm: { + title: "Rekan LLM – Kecerdasan Teknologi untuk Mendukung Kehidupan Anda", + description: + "Rekan LLM memberikan kemudahan bagi Anda untuk memahami data, mendapatkan wawasan, dan meningkatkan efisiensi sehari-hari.", + image: rekan3, + features: [ + { + title: "Analisis Pribadi Berbasis AI", + description: + "Gunakan data untuk memahami pola pengeluaran, perencanaan keuangan, atau tren yang relevan dengan kebutuhan Anda.", + icon: maskcek + }, + { + title: "Keputusan Lebih Tepat dengan Data", + description: + "Dapatkan rekomendasi berbasis AI untuk berbagai keputusan penting, dari belanja hingga perencanaan aktivitas.", + icon: maskcek + } + ] + }, + veri: { + title: "Rekan Veri – Data yang Tepat untuk Keputusan yang Benar", + description: + "Lindungi diri Anda dari risiko dengan memastikan keakuratan data dalam berbagai kebutuhan pribadi. Rekan Veri adalah solusi cepat untuk memvalidasi informasi penting.", + image: rekan4, + features: [ + { + title: "Verifikasi Data Cepat", + description: + "Gunakan sistem canggih untuk memverifikasi identitas pelanggan dengan cepat dan akurat.", + icon: maskcek + }, + { + title: "Efisiensi dalam Verifikasi", + description: + "Hemat waktu dengan fitur verifikasi otomatis yang memberikan hasil instan dan akurat.", + icon: maskcek + } + ] + } + } + }; \ No newline at end of file diff --git a/src/components/solusi/SolusiStartup/SolusiStartup.jsx b/src/components/solusi/SolusiStartup/SolusiStartup.jsx new file mode 100644 index 0000000..ecca628 --- /dev/null +++ b/src/components/solusi/SolusiStartup/SolusiStartup.jsx @@ -0,0 +1,73 @@ +import { useState } from "react"; +import { data } from "./data"; + +export default function BusinessSolution() { + const [activeTab, setActiveTab] = useState("hr"); + const activeContent = data.content[activeTab]; + + return ( +
    + {/* Header */} +
    +

    {data.title}

    +

    {data.subtitle}

    +
    + + {/* Navigation Buttons */} +
    +
    + {data.tabs.map((button) => ( + + ))} +
    +
    + + {/* Content Section */} + {activeContent && ( +
    + {/* Image Section */} +
    + {activeContent.title} +
    + + {/* Text Content */} +
    +

    {activeContent.title}

    +

    {activeContent.description}

    + + {/* Features */} +
    + {activeContent.features.map((feature, index) => ( +
    +
    + Feature Icon +
    +
    +

    {feature.title}

    +

    {feature.description}

    +
    +
    + ))} +
    +
    +
    + )} +
    + ); +} diff --git a/src/components/solusi/SolusiStartup/data.js b/src/components/solusi/SolusiStartup/data.js new file mode 100644 index 0000000..215a17c --- /dev/null +++ b/src/components/solusi/SolusiStartup/data.js @@ -0,0 +1,96 @@ +import { maskcek,rs1, rs2, rs3, rs4 } from "../asset"; + + +// data.json +export const data = { + title: "Solusi Bisnis", + subtitle: "Pilihan Terbaik untuk Solusi Bisnis Startup", + tabs: [ + { name: "Rekan HR", key: "hr" }, + { name: "Rekan Doku", key: "doku" }, + { name: "Rekan LLM", key: "llm" }, + { name: "Rekan Veri", key: "veri" } + ], + content: { + hr: { + title: "Rekan HR – Solusi Manajemen Sumber Daya Manusia", + description: + "Kelola tim dan proses HR secara otomatis agar bisnis Anda dapat berjalan lebih efisien. Rekan HR membantu Startup membangun tim yang solid dan produktif.", + image: rs1, + features: [ + { + title: "Manajemen Tim Yang Efektif", + description: + "Otomatiskan penggajian, absensi, dan pengelolaan cuti karyawan agar lebih efisien dan terstruktur.", + icon: maskcek + }, + { + title: "Dukungan SDM Yang Lebih Baik", + description: + "Tingkatkan kinerja dan kesejahteraan tim dengan sistem yang mendukung pengembangan karyawan secara berkelanjutan.", + icon: maskcek + } + ] + }, + doku: { + title: "Rekan Doku – Dokumen Anda, Kendali Anda", + description: + "Kelola dokumen pribadi dengan mudah dan aman menggunakan Rekan Doku. Produk ini memastikan dokumen digital Anda sah secara hukum dan tersimpan dengan baik.", + image: rs2, + features: [ + { + title: "Autentikasi Dokumen Digital", + description: + "Berikan keabsahan pada dokumen penting seperti kontrak kerja, sertifikat, atau surat pribadi dengan e-Meterai dan tanda tangan digital yang diakui secara hukum.", + icon: maskcek + }, + { + title: "Manajemen Dokumen Terpusat", + description: + "Simpan, atur, dan akses dokumen kapan saja dari satu platform yang aman, memastikan kemudahan dan kenyamanan Anda.", + icon: maskcek + } + ] + }, + llm: { + title: "Rekan LLM – Kecerdasan Teknologi untuk Mendukung Kehidupan Anda", + description: + "Rekan LLM memberikan kemudahan bagi Anda untuk memahami data, mendapatkan wawasan, dan meningkatkan efisiensi sehari-hari.", + image: rs3, + features: [ + { + title: "Analisis Pribadi Berbasis AI", + description: + "Gunakan data untuk memahami pola pengeluaran, perencanaan keuangan, atau tren yang relevan dengan kebutuhan Anda.", + icon: maskcek + }, + { + title: "Keputusan Lebih Tepat dengan Data", + description: + "Dapatkan rekomendasi berbasis AI untuk berbagai keputusan penting, dari belanja hingga perencanaan aktivitas.", + icon: maskcek + } + ] + }, + veri: { + title: "Rekan Veri – Data yang Tepat untuk Keputusan yang Benar", + description: + "Lindungi diri Anda dari risiko dengan memastikan keakuratan data dalam berbagai kebutuhan pribadi. Rekan Veri adalah solusi cepat untuk memvalidasi informasi penting.", + image: rs4, + features: [ + { + title: "Verifikasi Data Cepat", + description: + "Gunakan sistem canggih untuk memverifikasi identitas pelanggan dengan cepat dan akurat.", + icon: maskcek + }, + { + title: "Efisiensi dalam Verifikasi", + description: + "Hemat waktu dengan fitur verifikasi otomatis yang memberikan hasil instan dan akurat.", + icon: maskcek + } + ] + } + } + }; \ No newline at end of file diff --git a/src/components/solusi/Transformasi/Transformas.jsx b/src/components/solusi/Transformasi/Transformas.jsx new file mode 100644 index 0000000..2335f63 --- /dev/null +++ b/src/components/solusi/Transformasi/Transformas.jsx @@ -0,0 +1,43 @@ +import { wagreen } from "../asset"; + +function MasaDepan() { + return ( + <> +
    + {/* Tagline Section */} +
    +
    + + #Rekan AI + +

    + Transformasi Digital Anda Dimulai di Sini +

    +
    +

    + Bersama Rekan AI, Anda dapat menikmati kemudahan dan efisiensi yang didukung teknologi mutakhir. + + Saatnya mengintegrasikan AI ke dalam kehidupan Anda! + + + Saatnya mengintegrasikan AI ke dalam kehidupan Anda! + +

    +
    + +
    +
    + + +
    + + + ); +} + +export default MasaDepan; diff --git a/src/components/solusi/asset/Component 11.png b/src/components/solusi/asset/Component 11.png new file mode 100644 index 0000000..86d1dbf Binary files /dev/null and b/src/components/solusi/asset/Component 11.png differ diff --git a/src/components/solusi/asset/Frame 811480.png b/src/components/solusi/asset/Frame 811480.png new file mode 100644 index 0000000..b582fa1 Binary files /dev/null and b/src/components/solusi/asset/Frame 811480.png differ diff --git a/src/components/solusi/asset/Frame 811554.png b/src/components/solusi/asset/Frame 811554.png new file mode 100644 index 0000000..fa8780b Binary files /dev/null and b/src/components/solusi/asset/Frame 811554.png differ diff --git a/src/components/solusi/asset/Frame 811555.png b/src/components/solusi/asset/Frame 811555.png new file mode 100644 index 0000000..0417c80 Binary files /dev/null and b/src/components/solusi/asset/Frame 811555.png differ diff --git a/src/components/solusi/asset/Frame 811556.png b/src/components/solusi/asset/Frame 811556.png new file mode 100644 index 0000000..9a5b9cd Binary files /dev/null and b/src/components/solusi/asset/Frame 811556.png differ diff --git a/src/components/solusi/asset/Frame 87 (1).png b/src/components/solusi/asset/Frame 87 (1).png new file mode 100644 index 0000000..d6cd78a Binary files /dev/null and b/src/components/solusi/asset/Frame 87 (1).png differ diff --git a/src/components/solusi/asset/Frame 87 (2).png b/src/components/solusi/asset/Frame 87 (2).png new file mode 100644 index 0000000..2f31700 Binary files /dev/null and b/src/components/solusi/asset/Frame 87 (2).png differ diff --git a/src/components/solusi/asset/Frame 87 (3).png b/src/components/solusi/asset/Frame 87 (3).png new file mode 100644 index 0000000..5cd8bbc Binary files /dev/null and b/src/components/solusi/asset/Frame 87 (3).png differ diff --git a/src/components/solusi/asset/Frame 87.png b/src/components/solusi/asset/Frame 87.png new file mode 100644 index 0000000..8d8323e Binary files /dev/null and b/src/components/solusi/asset/Frame 87.png differ diff --git a/src/components/solusi/asset/Frame.png b/src/components/solusi/asset/Frame.png new file mode 100644 index 0000000..e972c57 Binary files /dev/null and b/src/components/solusi/asset/Frame.png differ diff --git a/src/components/solusi/asset/Frame27.png b/src/components/solusi/asset/Frame27.png new file mode 100644 index 0000000..614e93f Binary files /dev/null and b/src/components/solusi/asset/Frame27.png differ diff --git a/src/components/solusi/asset/Mask group (1).png b/src/components/solusi/asset/Mask group (1).png new file mode 100644 index 0000000..4033f7e Binary files /dev/null and b/src/components/solusi/asset/Mask group (1).png differ diff --git a/src/components/solusi/asset/Play Now (30) 1.png b/src/components/solusi/asset/Play Now (30) 1.png new file mode 100644 index 0000000..854b0d8 Binary files /dev/null and b/src/components/solusi/asset/Play Now (30) 1.png differ diff --git a/src/components/solusi/asset/Play Now (30) 2.png b/src/components/solusi/asset/Play Now (30) 2.png new file mode 100644 index 0000000..0aea36d Binary files /dev/null and b/src/components/solusi/asset/Play Now (30) 2.png differ diff --git a/src/components/solusi/asset/Play Now (30) 3.png b/src/components/solusi/asset/Play Now (30) 3.png new file mode 100644 index 0000000..b102065 Binary files /dev/null and b/src/components/solusi/asset/Play Now (30) 3.png differ diff --git a/src/components/solusi/asset/Play Now (32) 1.png b/src/components/solusi/asset/Play Now (32) 1.png new file mode 100644 index 0000000..ff83234 Binary files /dev/null and b/src/components/solusi/asset/Play Now (32) 1.png differ diff --git a/src/components/solusi/asset/Play Now (32) 2.png b/src/components/solusi/asset/Play Now (32) 2.png new file mode 100644 index 0000000..4f8a3c0 Binary files /dev/null and b/src/components/solusi/asset/Play Now (32) 2.png differ diff --git a/src/components/solusi/asset/Play Now (33) 1.png b/src/components/solusi/asset/Play Now (33) 1.png new file mode 100644 index 0000000..1ad9582 Binary files /dev/null and b/src/components/solusi/asset/Play Now (33) 1.png differ diff --git a/src/components/solusi/asset/Play Now (34) 1.png b/src/components/solusi/asset/Play Now (34) 1.png new file mode 100644 index 0000000..2f03349 Binary files /dev/null and b/src/components/solusi/asset/Play Now (34) 1.png differ diff --git a/src/components/solusi/asset/Play Now (36) 1.png b/src/components/solusi/asset/Play Now (36) 1.png new file mode 100644 index 0000000..d96739b Binary files /dev/null and b/src/components/solusi/asset/Play Now (36) 1.png differ diff --git a/src/components/solusi/asset/Play Now (38) 1.png b/src/components/solusi/asset/Play Now (38) 1.png new file mode 100644 index 0000000..034cee4 Binary files /dev/null and b/src/components/solusi/asset/Play Now (38) 1.png differ diff --git a/src/components/solusi/asset/Play Now (39) 1.png b/src/components/solusi/asset/Play Now (39) 1.png new file mode 100644 index 0000000..d3d9751 Binary files /dev/null and b/src/components/solusi/asset/Play Now (39) 1.png differ diff --git a/src/components/solusi/asset/Whatsapp22.png b/src/components/solusi/asset/Whatsapp22.png new file mode 100644 index 0000000..b431452 Binary files /dev/null and b/src/components/solusi/asset/Whatsapp22.png differ diff --git a/src/components/solusi/asset/arrow.png b/src/components/solusi/asset/arrow.png new file mode 100644 index 0000000..007212b Binary files /dev/null and b/src/components/solusi/asset/arrow.png differ diff --git a/src/components/solusi/asset/customer.png b/src/components/solusi/asset/customer.png new file mode 100644 index 0000000..93b7f76 Binary files /dev/null and b/src/components/solusi/asset/customer.png differ diff --git a/src/components/solusi/asset/email.png b/src/components/solusi/asset/email.png new file mode 100644 index 0000000..d735184 Binary files /dev/null and b/src/components/solusi/asset/email.png differ diff --git a/src/components/solusi/asset/facebook.png b/src/components/solusi/asset/facebook.png new file mode 100644 index 0000000..603efb4 Binary files /dev/null and b/src/components/solusi/asset/facebook.png differ diff --git a/src/components/solusi/asset/image 10.png b/src/components/solusi/asset/image 10.png new file mode 100644 index 0000000..d607095 Binary files /dev/null and b/src/components/solusi/asset/image 10.png differ diff --git a/src/components/solusi/asset/image 25.png b/src/components/solusi/asset/image 25.png new file mode 100644 index 0000000..80a8e3c Binary files /dev/null and b/src/components/solusi/asset/image 25.png differ diff --git a/src/components/solusi/asset/index.js b/src/components/solusi/asset/index.js new file mode 100644 index 0000000..6a9b6b5 --- /dev/null +++ b/src/components/solusi/asset/index.js @@ -0,0 +1,81 @@ +import row from "./arrow.png"; +import component11 from "./Component 11.png"; +import customer from "./customer.png"; +import email from "./email.png"; +import facebook from "./facebook.png"; +import frame from "./Frame.png"; +import frame27 from "./Frame27.png"; +import img10 from "./image 10.png"; +import instagram from "./instagram.png"; +import kmn from "./kementerian.png"; +import kominfo from "./kominfo.png"; +import Logo1 from "./logo.png"; +import nvidia from "./nvidia.png"; +import ojk from "./ojk.png"; +import phone from "./phone.png"; +import search from "./search.png"; +import telephone from "./telephone.png"; +import wagreen from "./whatsapp-color_svgrepo.com.png"; +import wabutton from "./Whatsapp22.png"; +import x from "./x.png"; +import chek2 from "./Frame 811480.png"; +import start22 from "./Frame 811554.png"; +import maskcek from "./Mask group (1).png"; +import card1 from "./Play Now (33) 1.png"; +import card2 from "./Play Now (32) 1.png"; +import card3 from "./Play Now (30) 2.png"; +import rekan1 from "./Play Now (34) 1.png"; +import rekan2 from "./Play Now (36) 1.png"; +import rekan3 from "./Play Now (38) 1.png"; +import rekan4 from "./Play Now (39) 1.png"; +import start33 from "./Frame 811555.png"; +import CardStart1 from "./Play Now (30) 3.png" +import CardStart2 from "./Play Now (32) 2.png" +import CardStart3 from "./Play Now (30) 1.png" +import start44 from "./Frame 811556.png" +import rs1 from "./Frame 87.png" +import rs2 from "./Frame 87 (1).png" +import rs3 from "./Frame 87 (2).png" +import rs4 from "./Frame 87 (3).png" + +export { + row, + component11, + customer, + email, + facebook, + frame, + frame27, + img10, + instagram, + kmn, + kominfo, + Logo1, + nvidia, + ojk, + phone, + search, + telephone, + wagreen, + wabutton, + x, + chek2, + start22, + maskcek, + card1, + card2, + card3, + rekan1, + rekan2, + rekan3, + rekan4, + start33, + CardStart1, + CardStart2, + CardStart3, + start44, + rs1, + rs2, + rs3, + rs4, +}; diff --git a/src/components/solusi/asset/instagram.png b/src/components/solusi/asset/instagram.png new file mode 100644 index 0000000..376beab Binary files /dev/null and b/src/components/solusi/asset/instagram.png differ diff --git a/src/components/solusi/asset/kementerian.png b/src/components/solusi/asset/kementerian.png new file mode 100644 index 0000000..c94c085 Binary files /dev/null and b/src/components/solusi/asset/kementerian.png differ diff --git a/src/components/solusi/asset/kominfo.png b/src/components/solusi/asset/kominfo.png new file mode 100644 index 0000000..c837f1d Binary files /dev/null and b/src/components/solusi/asset/kominfo.png differ diff --git a/src/components/solusi/asset/logo.png b/src/components/solusi/asset/logo.png new file mode 100644 index 0000000..aceb0e3 Binary files /dev/null and b/src/components/solusi/asset/logo.png differ diff --git a/src/components/solusi/asset/nvidia.png b/src/components/solusi/asset/nvidia.png new file mode 100644 index 0000000..02f18ff Binary files /dev/null and b/src/components/solusi/asset/nvidia.png differ diff --git a/src/components/solusi/asset/ojk.png b/src/components/solusi/asset/ojk.png new file mode 100644 index 0000000..6651a24 Binary files /dev/null and b/src/components/solusi/asset/ojk.png differ diff --git a/src/components/solusi/asset/phone.png b/src/components/solusi/asset/phone.png new file mode 100644 index 0000000..50e0878 Binary files /dev/null and b/src/components/solusi/asset/phone.png differ diff --git a/src/components/solusi/asset/search.png b/src/components/solusi/asset/search.png new file mode 100644 index 0000000..d048a99 Binary files /dev/null and b/src/components/solusi/asset/search.png differ diff --git a/src/components/solusi/asset/telephone.png b/src/components/solusi/asset/telephone.png new file mode 100644 index 0000000..50e0878 Binary files /dev/null and b/src/components/solusi/asset/telephone.png differ diff --git a/src/components/solusi/asset/whatsapp-color_svgrepo.com.png b/src/components/solusi/asset/whatsapp-color_svgrepo.com.png new file mode 100644 index 0000000..d8e7fc7 Binary files /dev/null and b/src/components/solusi/asset/whatsapp-color_svgrepo.com.png differ diff --git a/src/components/solusi/asset/x.png b/src/components/solusi/asset/x.png new file mode 100644 index 0000000..7d2055f Binary files /dev/null and b/src/components/solusi/asset/x.png differ diff --git a/src/pages/SolusiPersonal.jsx b/src/pages/SolusiPersonal.jsx new file mode 100644 index 0000000..3643d8f --- /dev/null +++ b/src/pages/SolusiPersonal.jsx @@ -0,0 +1,25 @@ +import Header from "../components/beranda/Header" +import HeadPersonal from '../components/solusi/HeadPersonal/HeadPersonal' +import CardPersonal from '../components/solusi/CardPersonal/CardPersonal' +import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal' +import SolusiPersonal from '../components/solusi/SolusiPersonal/SolusiPersonal' +import Transformas from '../components/solusi/Transformasi/Transformas' +import WhatsAppButton from "../components/beranda/WhatsAppButon" +import Footer from "../components/contact/Footer" +function Contact() { + return ( + <> +
    + + + + + +