- Solusi Mendukung Bisnis di Setiap Skala Usaha
+ 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.
diff --git a/src/components/Mitra.jsx b/src/components/beranda/Mitra.jsx
similarity index 79%
rename from src/components/Mitra.jsx
rename to src/components/beranda/Mitra.jsx
index 9544e1f..5cefefd 100644
--- a/src/components/Mitra.jsx
+++ b/src/components/beranda/Mitra.jsx
@@ -1,58 +1,58 @@
import React, { useState, useEffect } from "react";
-import {mitraImg} from "../assets";
-import {arrow1} from "../assets";
-import {arrow2} from "../assets";
-import {swipper1} from "../assets";
-import {swipper2} from "../assets";
-import {swipper3} from "../assets";
-import {swipper4} from "../assets";
-import {swipper5} from "../assets";
-import {swipper6} from "../assets";
-import {swipper7} from "../assets";
-import {swipper8} from "../assets";
-import {swipper9} from "../assets";
-import {swipper10} from "../assets";
-import {swipper11} from "../assets";
-import {swipper12} from "../assets";
-import {swipper13} from "../assets";
-import {swipper14} from "../assets";
-import {swipper15} from "../assets";
-import {swipper16} from "../assets";
-import {swipper17} from "../assets";
-import {swipper18} from "../assets";
-import {swipper19} from "../assets";
-import {swipper20} from "../assets";
-import {swipper21} from "../assets";
-import {swipper22} from "../assets";
-import {swipper23} from "../assets";
-import {swipper24} from "../assets";
-import { bgSwiper } from "../assets";
+import {mitraImg} from "../../assets";
+import {arrow1} from "../../assets";
+import {arrow2} from "../../assets";
+import {swipper1} from "../../assets";
+import {swipper2} from "../../assets";
+import {swipper3} from "../../assets";
+import {swipper4} from "../../assets";
+import {swipper5} from "../../assets";
+import {swipper6} from "../../assets";
+import {swipper7} from "../../assets";
+import {swipper8} from "../../assets";
+import {swipper9} from "../../assets";
+import {swipper10} from "../../assets";
+import {swipper11} from "../../assets";
+import {swipper12} from "../../assets";
+import {swipper13} from "../../assets";
+import {swipper14} from "../../assets";
+import {swipper15} from "../../assets";
+import {swipper16} from "../../assets";
+import {swipper17} from "../../assets";
+import {swipper18} from "../../assets";
+import {swipper19} from "../../assets";
+import {swipper20} from "../../assets";
+import {swipper21} from "../../assets";
+import {swipper22} from "../../assets";
+import {swipper23} from "../../assets";
+import {swipper24} from "../../assets";
+import { bgSwiper } from "../../assets";
function Mitra() {
const items = [
{ id: 1, logo: swipper1, name: "Item 1" },
{ id: 2, logo: swipper2, name: "Item 2" },
{ id: 3, logo: swipper3, name: "Item 3" },
{ id: 4, logo: swipper4, name: "Item 4" },
- { id: 5, logo: swipper5, name: "Item 5" },
+ { id: 5, logo: swipper11, name: "Item 5" },
{ id: 6, logo: swipper6, name: "Item 6" },
{ id: 7, logo: swipper7, name: "Item 7" },
{ id: 8, logo: swipper8, name: "Item 8" },
{ id: 9, logo: swipper9, name: "Item 9" },
{ id: 10, logo: swipper10, name: "Item 10" },
- { id: 11, logo: swipper11, name: "Item 11" },
+ { id: 11, logo: swipper13, name: "Item 11" },
{ id: 12, logo: swipper12, name: "Item 12" },
- { id: 13, logo: swipper13, name: "Item 13" },
- { id: 14, logo: swipper14, name: "Item 14" },
+ { id: 13, logo: swipper5, name: "Item 13" },
+ { id: 14, logo: swipper16, name: "Item 14" },
{ id: 15, logo: swipper15, name: "Item 15" },
- { id: 16, logo: swipper16, name: "Item 16" },
- { id: 17, logo: swipper17, name: "Item 17" },
+ { id: 16, logo: swipper17, name: "Item 16" },
+ { id: 17, logo: swipper24, name: "Item 17" },
{ id: 18, logo: swipper18, name: "Item 18" },
{ id: 19, logo: swipper19, name: "Item 19" },
{ id: 20, logo: swipper20, name: "Item 20" },
{ id: 21, logo: swipper21, name: "Item 21" },
{ id: 22, logo: swipper22, name: "Item 22" },
{ id: 23, logo: swipper23, name: "Item 23" },
- { id: 24, logo: swipper24, name: "Item 24" },
+ { id: 24, logo: swipper14, name: "Item 24" },
];
const [currentIndex, setCurrentIndex] = useState(0);
diff --git a/src/components/Solusi.jsx b/src/components/beranda/Solusi.jsx
similarity index 88%
rename from src/components/Solusi.jsx
rename to src/components/beranda/Solusi.jsx
index 2b3947f..86cfba9 100644
--- a/src/components/Solusi.jsx
+++ b/src/components/beranda/Solusi.jsx
@@ -1,4 +1,4 @@
-import {card1,card2,card3,card4,chek} from '../assets';
+import {card1,card2,card3,card4,chek,} from '../../assets';
function Solusi() {
@@ -30,7 +30,7 @@ function Solusi() {
Ragam Solusi Terbaik Dari
-
+
#Rekan AI
@@ -44,7 +44,7 @@ function Solusi() {
{cards.map((card, index) => (
{card.description}
@@ -55,7 +55,7 @@ function Solusi() {
))}
-
diff --git a/src/components/WhatsAppButon.jsx b/src/components/beranda/WhatsAppButon.jsx
similarity index 88%
rename from src/components/WhatsAppButon.jsx
rename to src/components/beranda/WhatsAppButon.jsx
index 7fd9c0e..d8f035d 100644
--- a/src/components/WhatsAppButon.jsx
+++ b/src/components/beranda/WhatsAppButon.jsx
@@ -1,4 +1,4 @@
-import WaButtons from '../assets/image/Whatsapp.png';
+import WaButtons from '../../assets/image/Whatsapp.png';
const WhatsAppButton = () => {
return (
diff --git a/src/components/contact/BottomCTA.jsx b/src/components/contact/BottomCTA.jsx
new file mode 100644
index 0000000..4dbe653
--- /dev/null
+++ b/src/components/contact/BottomCTA.jsx
@@ -0,0 +1,44 @@
+import { wagreen } from "./asset"; // Import gambar WhatsApp untuk ikon
+
+const BottomCTA = () => {
+ return (
+
+ {/* Bagian ini untuk menampilkan teks yang memberi tahu pengguna bahwa mereka bisa menghubungi jika masih ada pertanyaan */}
+
+
+ Masih punya pertanyaan seputar
+
+
+
+ {/* Menampilkan tag #Rekan AI dengan background warna dan teks putih */}
+
+ #Rekan AI
+
+ ?
+
+
+
+ {/* 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 */}
+
+
+ );
+};
+
+export default BottomCTA;
diff --git a/src/components/contact/CustomerService.jsx b/src/components/contact/CustomerService.jsx
new file mode 100644
index 0000000..644b152
--- /dev/null
+++ b/src/components/contact/CustomerService.jsx
@@ -0,0 +1,73 @@
+import { email, phone, customer } from "./asset";
+
+const CustomerService = () => {
+ return (
+
+ {/* Container utama */}
+
+
+ {/* Teks dan informasi */}
+
+
+ Kami Siap Membantu Bisnis{" "}
+
+
+ {" "}
+ Anda Lebih Maju!
+
+
+
+ Butuh informasi lebih lanjut tentang produk atau solusi kami? Tim Rekan AI siap menjawab pertanyaan Anda dengan cepat dan
+ profesional.
+
+
+
+
+
+
+ Kirim pertanyaan Anda ke{" "}
+
+ support@rekanai.com
+ {" "}
+ dan tim kami akan segera merespons.
+
+
+
+
+
+
+
+
+ Hubungi kami di{" "}
+
+ (+62) 123-4567-890
+
+
+
+ (Senin - Jumat, 08:00 - 17:00 WIB).
+
+
+
+
+
+
+
+ );
+};
+
+export default CustomerService;
diff --git a/src/components/contact/FAQSection.jsx b/src/components/contact/FAQSection.jsx
new file mode 100644
index 0000000..ba7e200
--- /dev/null
+++ b/src/components/contact/FAQSection.jsx
@@ -0,0 +1,157 @@
+import { useState } from "react";
+
+const FAQ = () => {
+ // State untuk menyimpan indeks pertanyaan yang sedang dibuka
+ // Jika tidak ada pertanyaan yang terbuka, nilai adalah null
+ const [openQuestion, setOpenQuestion] = useState(null);
+
+ // Fungsi untuk membuka atau menutup pertanyaan berdasarkan indeks
+ // Jika pertanyaan yang sama diklik lagi, tutup pertanyaan tersebut
+ const toggleQuestion = (index) => {
+ // Cek apakah pertanyaan yang sama diklik
+ // Jika iya, tutup (set openQuestion ke null), jika tidak, buka pertanyaan tersebut
+ setOpenQuestion(openQuestion === index ? null : index);
+ };
+
+ // Data FAQ yang berisi array objek dengan pertanyaan dan jawaban
+ const faqData = [
+ {
+ question: "Apa itu Rekan AI?",
+ answer: (
+
+ Rekan AI adalah platform teknologi kecerdasan buatan (AI) yang
+ menyediakan solusi berbasis AI untuk meningkatkan efisiensi
+ operasional, analisis data, dan pengalaman pelanggan bagi UMKM hingga
+ perusahaan besar.
+
+ ),
+ },
+ {
+ question: "Apa saja produk yang ditawarkan oleh Rekan AI?",
+ answer: (
+
+
Kami menawarkan beberapa produk unggulan, termasuk:
+
+ -
+ Rekan Doku: Solusi autentikasi dan manajemen dokumen digital.
+
+ - Rekan HR: Automasi dan optimalisasi proses HR.
+ -
+ Rekan LLM: AI berbasis model bahasa besar untuk analisis dan
+ komunikasi.
+
+ - Rekan Veri: Verifikasi data yang cepat dan akurat.
+
+
+ ),
+ },
+ {
+ question: "Bagaimana cara menghubungi tim Rekan AI?",
+ answer: (
+
+
Anda dapat menghubungi kami melalui:
+
+ - Email: support@rekanai.com
+ - Telepon: (+62) 123-4567-890
+ - WhatsApp: (+62) 812-3456-7890
+
+
+ ),
+ },
+ {
+ question: "Apakah solusi Rekan AI mudah diimplementasikan?",
+ answer: (
+
+ Ya, produk kami dirancang untuk integrasi yang mulus dengan sistem
+ bisnis Anda yang sudah ada. Kami juga menyediakan dukungan teknis
+ untuk memastikan implementasi berjalan lancar.
+
+ ),
+ },
+ {
+ question: "Apakah Rekan AI cocok untuk UMKM?",
+ answer: (
+
+ Tentu saja! Kami menawarkan solusi yang terjangkau, mudah digunakan,
+ dan dapat membantu UMKM meningkatkan efisiensi, mengurangi biaya
+ operasional, dan mempercepat pertumbuhan.
+
+ ),
+ },
+ {
+ question: "Bagaimana dengan keamanan data?",
+ answer: (
+
+ Keamanan adalah prioritas kami. Semua produk Rekan AI menggunakan
+ teknologi enkripsi canggih untuk melindungi data Anda dari ancaman
+ cyber.
+
+ ),
+ },
+ {
+ question: "Bagaimana saya memulai menggunakan produk Rekan AI?",
+ answer: (
+
+ Anda dapat memulai dengan menghubungi tim kami untuk demo produk atau
+ konsultasi gratis. Kami akan membantu Anda menemukan solusi yang
+ paling sesuai dengan kebutuhan bisnis Anda.
+
+ ),
+ },
+ {
+ question: "Apakah Rekan AI memiliki paket harga yang bisa dipilih?",
+ answer: (
+
+ Ya, kami dapat memberikan paket harga terbaik untuk solusi produk yang
+ Anda pilih. Informasi lebih lanjut silakan hubungi kami dan
+ konsultasikan kebutuhan Anda secara gratis.
+
+ ),
+ },
+ ];
+
+ return (
+
+ {/* Judul halaman FAQ */}
+
+
+ Frequently Asked Questions
+
+
+ Pertanyaan Umum tentang Rekan AI
+
+
+
+ {/* Bagian FAQ */}
+
+ {faqData.map((item, index) => (
+
+ {/* Bagian untuk menampilkan pertanyaan dan tanda buka/tutup */}
+
toggleQuestion(index)} // Ketika pertanyaan diklik, panggil toggleQuestion
+ >
+ {item.question}
+ {openQuestion === index ? "–" : "+"} {/* Tampilkan tanda buka atau tutup */}
+
+
+ {/* Bagian untuk menampilkan jawaban jika pertanyaan ini terbuka */}
+ {openQuestion === index && (
+
+ {item.answer}
+
+ )}
+
+ ))}
+
+
+ );
+};
+
+export default FAQ;
diff --git a/src/components/contact/Footer.jsx b/src/components/contact/Footer.jsx
new file mode 100644
index 0000000..17c01fd
--- /dev/null
+++ b/src/components/contact/Footer.jsx
@@ -0,0 +1,106 @@
+// Import gambar-gambar yang digunakan dalam komponen Footer
+import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "./asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai
+
+function Footer() {
+ return (
+
+ );
+}
+
+export default Footer;
diff --git a/src/components/contact/FormSection.jsx b/src/components/contact/FormSection.jsx
new file mode 100644
index 0000000..9222f38
--- /dev/null
+++ b/src/components/contact/FormSection.jsx
@@ -0,0 +1,152 @@
+import { img10 } from "./asset";
+
+const ContactForm = () => {
+ return (
+
+
+ {/* Bagian Kiri */}
+
+ {/* Judul utama */}
+
+ Isi formulir di samping ini dan kami akan menghubungi Anda secepat
+ mungkin
+
+
+ {/* Deskripsi tambahan */}
+
+ Kami percaya bahwa kolaborasi adalah kunci kesuksesan. Hubungi kami
+ hari ini, dan mari wujudkan masa depan bisnis Anda bersama Rekan AI!
+
+
+
+ {/* Bagian Form */}
+
+
+
+
+ {/* Judul form */}
+
+ Hubungi Tim Terbaik Kami
+
+ {/* Deskripsi form */}
+
+ Silakan isi data diri Anda pada formulir di bawah ini
+
+
+ {/* Formulir input */}
+
+
+
+
+ );
+};
+
+export default ContactForm;
diff --git a/src/components/contact/asset/Component 11.png b/src/components/contact/asset/Component 11.png
new file mode 100644
index 0000000..86d1dbf
Binary files /dev/null and b/src/components/contact/asset/Component 11.png differ
diff --git a/src/components/contact/asset/Frame.png b/src/components/contact/asset/Frame.png
new file mode 100644
index 0000000..e972c57
Binary files /dev/null and b/src/components/contact/asset/Frame.png differ
diff --git a/src/components/contact/asset/Frame27.png b/src/components/contact/asset/Frame27.png
new file mode 100644
index 0000000..614e93f
Binary files /dev/null and b/src/components/contact/asset/Frame27.png differ
diff --git a/src/components/contact/asset/Whatsapp22.png b/src/components/contact/asset/Whatsapp22.png
new file mode 100644
index 0000000..b431452
Binary files /dev/null and b/src/components/contact/asset/Whatsapp22.png differ
diff --git a/src/components/contact/asset/arrow.png b/src/components/contact/asset/arrow.png
new file mode 100644
index 0000000..007212b
Binary files /dev/null and b/src/components/contact/asset/arrow.png differ
diff --git a/src/components/contact/asset/customer.png b/src/components/contact/asset/customer.png
new file mode 100644
index 0000000..93b7f76
Binary files /dev/null and b/src/components/contact/asset/customer.png differ
diff --git a/src/components/contact/asset/email.png b/src/components/contact/asset/email.png
new file mode 100644
index 0000000..d735184
Binary files /dev/null and b/src/components/contact/asset/email.png differ
diff --git a/src/components/contact/asset/facebook.png b/src/components/contact/asset/facebook.png
new file mode 100644
index 0000000..603efb4
Binary files /dev/null and b/src/components/contact/asset/facebook.png differ
diff --git a/src/components/contact/asset/image 10.png b/src/components/contact/asset/image 10.png
new file mode 100644
index 0000000..d607095
Binary files /dev/null and b/src/components/contact/asset/image 10.png differ
diff --git a/src/components/contact/asset/index.js b/src/components/contact/asset/index.js
new file mode 100644
index 0000000..1a83171
--- /dev/null
+++ b/src/components/contact/asset/index.js
@@ -0,0 +1,25 @@
+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';
+
+
+export{
+ row,component11,customer,email,facebook,frame,frame27,img10,instagram,kmn,kominfo,Logo1,nvidia,ojk,phone,search,telephone,wagreen,wabutton,x
+}
\ No newline at end of file
diff --git a/src/components/contact/asset/instagram.png b/src/components/contact/asset/instagram.png
new file mode 100644
index 0000000..376beab
Binary files /dev/null and b/src/components/contact/asset/instagram.png differ
diff --git a/src/components/contact/asset/kementerian.png b/src/components/contact/asset/kementerian.png
new file mode 100644
index 0000000..c94c085
Binary files /dev/null and b/src/components/contact/asset/kementerian.png differ
diff --git a/src/components/contact/asset/kominfo.png b/src/components/contact/asset/kominfo.png
new file mode 100644
index 0000000..c837f1d
Binary files /dev/null and b/src/components/contact/asset/kominfo.png differ
diff --git a/src/components/contact/asset/logo.png b/src/components/contact/asset/logo.png
new file mode 100644
index 0000000..aceb0e3
Binary files /dev/null and b/src/components/contact/asset/logo.png differ
diff --git a/src/components/contact/asset/nvidia.png b/src/components/contact/asset/nvidia.png
new file mode 100644
index 0000000..02f18ff
Binary files /dev/null and b/src/components/contact/asset/nvidia.png differ
diff --git a/src/components/contact/asset/ojk.png b/src/components/contact/asset/ojk.png
new file mode 100644
index 0000000..6651a24
Binary files /dev/null and b/src/components/contact/asset/ojk.png differ
diff --git a/src/components/contact/asset/phone.png b/src/components/contact/asset/phone.png
new file mode 100644
index 0000000..50e0878
Binary files /dev/null and b/src/components/contact/asset/phone.png differ
diff --git a/src/components/contact/asset/search.png b/src/components/contact/asset/search.png
new file mode 100644
index 0000000..d048a99
Binary files /dev/null and b/src/components/contact/asset/search.png differ
diff --git a/src/components/contact/asset/telephone.png b/src/components/contact/asset/telephone.png
new file mode 100644
index 0000000..50e0878
Binary files /dev/null and b/src/components/contact/asset/telephone.png differ
diff --git a/src/components/contact/asset/whatsapp-color_svgrepo.com.png b/src/components/contact/asset/whatsapp-color_svgrepo.com.png
new file mode 100644
index 0000000..d8e7fc7
Binary files /dev/null and b/src/components/contact/asset/whatsapp-color_svgrepo.com.png differ
diff --git a/src/components/contact/asset/x.png b/src/components/contact/asset/x.png
new file mode 100644
index 0000000..7d2055f
Binary files /dev/null and b/src/components/contact/asset/x.png differ
diff --git a/src/pages/Contact.jsx b/src/pages/Contact.jsx
new file mode 100644
index 0000000..54cede4
--- /dev/null
+++ b/src/pages/Contact.jsx
@@ -0,0 +1,23 @@
+import Header from "../components/beranda/Header"
+import CustomerService from "../components/contact/CustomerService"
+import FormSection from "../components/contact/FormSection"
+import FAQSection from "../components/contact/FAQSection"
+import BottomCTA from "../components/contact/BottomCTA"
+import WhatsAppButton from "../components/beranda/WhatsAppButon"
+import Footer from "../components/contact/Footer"
+function Contact() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Contact
\ No newline at end of file
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..25655ce
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,31 @@
+import Header from "../components/beranda/Header"
+import Hero from "../components/beranda/Hero"
+import Solusi from "../components/beranda/Solusi"
+import Banner from "../components/beranda/Banner"
+import Kenapa from "../components/beranda/Kenapa"
+import Mitra from '../components/beranda/Mitra'
+import Mendukung from "../components/beranda/Mendukung"
+import Footer from "../components/contact/Footer"
+import MasaDepan from "../components/beranda/MasaDepan"
+import WhatsAppButton from "../components/beranda/WhatsAppButon"
+
+
+function Home() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Home
\ No newline at end of file