From b0c0bdedd187937c21376c8428c8858492646136 Mon Sep 17 00:00:00 2001 From: Carls2320 Date: Fri, 24 Jan 2025 09:02:33 +0700 Subject: [PATCH] revisi4 --- src/componen/bottom/BottomCTA.jsx | 4 +- src/componen/customer/CustomerService.jsx | 146 +++++++++++----------- src/componen/faq/FAQSection.jsx | 20 +-- src/componen/footer/Footer.jsx | 4 +- src/componen/form/FormSection.jsx | 63 ++++++---- 5 files changed, 127 insertions(+), 110 deletions(-) diff --git a/src/componen/bottom/BottomCTA.jsx b/src/componen/bottom/BottomCTA.jsx index 10636ba..0ebf389 100644 --- a/src/componen/bottom/BottomCTA.jsx +++ b/src/componen/bottom/BottomCTA.jsx @@ -5,7 +5,7 @@ const BottomCTA = () => {
{/* Bagian ini untuk menampilkan teks yang memberi tahu pengguna bahwa mereka bisa menghubungi jika masih ada pertanyaan */}
-

+

Masih punya pertanyaan seputar

@@ -14,7 +14,7 @@ const BottomCTA = () => { #Rekan AI - ? + ?
diff --git a/src/componen/customer/CustomerService.jsx b/src/componen/customer/CustomerService.jsx index 6f24143..9419b6d 100644 --- a/src/componen/customer/CustomerService.jsx +++ b/src/componen/customer/CustomerService.jsx @@ -1,83 +1,79 @@ -import { email,phone,customer } from "../asset"; // Import gambar icon untuk email,telepon,customer service +import { email, phone, customer } from "../asset"; const CustomerService = () => { - return ( -
- {/* Container utama dengan styling responsif untuk menampung konten customer service */} + return ( +
+ {/* Container utama */} -
- {/* Div untuk teks utama dan informasi pendukung */} - -
-

- Kami Siap Membantu Bisnis{" "} - -
- {" "} - Anda Lebih Maju! -

-
- -

- {/* Paragraf penjelasan singkat mengenai layanan yang ditawarkan */} - Butuh informasi lebih lanjut tentang produk atau solusi kami?{" "} - -
- {" "} - Tim Rekan AI siap menjawab pertanyaan Anda dengan cepat dan - profesional. -

- -
- {/* Container untuk menampung daftar kontak dalam format fleksibel */} - -
- {/* Kontainer untuk informasi kontak via email */} - Email Icon -
-

- Kirim pertanyaan Anda ke{" "} - support@rekanai.com{" "} - dan tim kami -

-

akan segera merespons.

+
+ {/* 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. +

+
+
+ Email Icon +
+

+ Kirim pertanyaan Anda ke{" "} + + support@rekanai.com + {" "} + dan tim kami +

+

+ akan segera merespons. +

+
+
+
+ Phone Icon +
+

+ Hubungi kami di{" "} + + (+62) 123-4567-890 + +

+

+ (Senin - Jumat, 08:00 - 17:00 WIB). +

+
+
+
-
-
- {/* Kontainer untuk informasi kontak via telepon */} - Phone Icon -
-

- Hubungi kami di{" "} - (+62) 123-4567-890 -

-

- (Senin - Jumat, 08:00 - 17:00 WIB). -

+
+ Customer Service
-
-
-
- -
- {/* Div untuk menampilkan gambar ilustrasi customer service */} - Customer Service -
-
- ); +
+ ); }; -export default CustomerService; // Ekspor komponen agar dapat digunakan di file lain +export default CustomerService; diff --git a/src/componen/faq/FAQSection.jsx b/src/componen/faq/FAQSection.jsx index 5938712..ba7e200 100644 --- a/src/componen/faq/FAQSection.jsx +++ b/src/componen/faq/FAQSection.jsx @@ -30,8 +30,8 @@ const FAQ = () => { question: "Apa saja produk yang ditawarkan oleh Rekan AI?", answer: (
-

Kami menawarkan beberapa produk unggulan, termasuk:

-
    +

    Kami menawarkan beberapa produk unggulan, termasuk:

    +
    • Rekan Doku: Solusi autentikasi dan manajemen dokumen digital.
      • @@ -49,8 +49,8 @@ const FAQ = () => { question: "Bagaimana cara menghubungi tim Rekan AI?", answer: (
      -

      Anda dapat menghubungi kami melalui:

      -
        +

        Anda dapat menghubungi kami melalui:

        +
        • Email: support@rekanai.com
        • Telepon: (+62) 123-4567-890
        • WhatsApp: (+62) 812-3456-7890
          • @@ -114,7 +114,7 @@ const FAQ = () => {
          {/* Judul halaman FAQ */}
          -

          +

          Frequently Asked Questions

          @@ -123,27 +123,27 @@ const FAQ = () => {

          {/* Bagian FAQ */} -
          +
          {faqData.map((item, index) => (
          {/* Bagian untuk menampilkan pertanyaan dan tanda buka/tutup */}
          toggleQuestion(index)} // Ketika pertanyaan diklik, panggil toggleQuestion > - {item.question} + {item.question} {openQuestion === index ? "–" : "+"} {/* Tampilkan tanda buka atau tutup */}
          {/* Bagian untuk menampilkan jawaban jika pertanyaan ini terbuka */} {openQuestion === index && ( -
          +
          {item.answer}
          )} diff --git a/src/componen/footer/Footer.jsx b/src/componen/footer/Footer.jsx index f891e22..480b750 100644 --- a/src/componen/footer/Footer.jsx +++ b/src/componen/footer/Footer.jsx @@ -1,5 +1,5 @@ // Import gambar-gambar yang digunakan dalam komponen Footer -import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "../asset"; // Gambar logo NVIDIA sebagai partner +import { nvidia,kmn,kominfo,ojk,facebook,x,instagram,component11 } from "../asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai function Footer() { return ( @@ -26,7 +26,7 @@ function Footer() {

          -

          +

          Jl. Anggrek No.6, Sawah Lama, Kec. Ciputat, Kota Tangerang Selatan, Banten 15413

          diff --git a/src/componen/form/FormSection.jsx b/src/componen/form/FormSection.jsx index 287f7b0..59c97a0 100644 --- a/src/componen/form/FormSection.jsx +++ b/src/componen/form/FormSection.jsx @@ -3,43 +3,43 @@ 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 */} -
          + {/* Input Nama */}
          @@ -47,7 +47,7 @@ const ContactForm = () => { type="text" placeholder="Masukkan nama Anda" required - className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-indigo-500" + className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-[#5B59E8] 2xl:p-5" />
          @@ -58,7 +58,11 @@ const ContactForm = () => { type="tel" placeholder="Masukkan nomor telepon Anda" required - className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-indigo-500" + className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-[#5B59E8] 2xl:p-5" + pattern="[0-9]*" + onInput={(e) => { + e.target.value = e.target.value.replace(/[^0-9]/g, ""); + }} />
          @@ -69,34 +73,51 @@ const ContactForm = () => { type="email" placeholder="Masukkan email Anda" required - className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-indigo-500" + className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-[#5B59E8] 2xl:p-5" />
          {/* Input Nama Organisasi */}
          -
          {/* Dropdown Pilih Kebutuhan */} -
          +
          + {/* Tanda panah kustom */} +
          + + + +
          {/* Checkbox Verifikasi */} @@ -112,7 +133,7 @@ const ContactForm = () => { {/* Tombol Kirim */}