From c341cce082f264fa0be82dc754e838f078b09da8 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Wed, 19 Feb 2025 13:59:55 +0700 Subject: [PATCH 1/4] before merge --- src/components/contact/FormSection.jsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/contact/FormSection.jsx b/src/components/contact/FormSection.jsx index 7fdd515..89d91b5 100644 --- a/src/components/contact/FormSection.jsx +++ b/src/components/contact/FormSection.jsx @@ -56,6 +56,7 @@ const ContactForm = () => { type="text" placeholder="Masukkan nama Anda" required + maxLength={50} className="w-full mt-1 p-4 border border-[#5B59E8] rounded-lg focus:ring-2 focus:ring-[#5B59E8] 2xl:p-5" /> @@ -65,6 +66,7 @@ const ContactForm = () => { type="tel" placeholder="Masukkan nomor telepon Anda" required + maxLength={20} 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) => { @@ -85,6 +87,7 @@ const ContactForm = () => { From e9dc997830fe835dff2ddf837120558bfb595f68 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Wed, 19 Feb 2025 14:55:24 +0700 Subject: [PATCH 2/4] add handle search --- src/components/beranda/Header.jsx | 38 +++++++++++++++++++++++++++---- 1 file changed, 33 insertions(+), 5 deletions(-) diff --git a/src/components/beranda/Header.jsx b/src/components/beranda/Header.jsx index 6f0027e..fe45246 100644 --- a/src/components/beranda/Header.jsx +++ b/src/components/beranda/Header.jsx @@ -7,6 +7,28 @@ const Header = () => { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [isSolusiOpen, setIsSolusiOpen] = useState(false); const [isProdukOpen, setIsProdukOpen] = useState(false); + const [searchQuery, setSearchQuery] = useState("") + + const handleSearch = (e) => { + setSearchQuery(e.target.value) + } + + const handleSearchSubmit = (e) => { + e.preventDefault() + const query = searchQuery.toLowerCase() + + // Solutions mapping + if (query.includes("solusi personal") || query.includes("personal")) { + navigate("/SolusiPersonal") + } else if (query.includes("solusi startup") || query.includes("startup")) { + navigate("/SolusiStartup") + } else if (query.includes("solusi corporate") || query.includes("corporate") || query.includes("business")) { + navigate("/SolusiCorporate") + } + + window.scrollTo({ top: 0, behavior: "smooth" }) + setSearchQuery("") // Clear search after submission + } // Referensi untuk mendeteksi klik di luar dropdown const solusiRef = useRef(null); @@ -22,6 +44,7 @@ const Header = () => { setIsProdukOpen(false); } } + // Tambahkan event listener saat dropdown terbuka document.addEventListener("mousedown", handleClickOutside); @@ -72,7 +95,7 @@ const Header = () => { {isProdukOpen && ( -
+
{/* HR */} @@ -165,7 +188,7 @@ const Header = () => { {isSolusiOpen && ( -
+
{/* Personal */} @@ -235,16 +258,21 @@ const Header = () => { {/* Search Bar */}
-
+
- -
+
{/* Konsultasi Button */} From 89bce501f46695622b0d49b70b6b9d462c13f0c6 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Wed, 19 Feb 2025 15:26:16 +0700 Subject: [PATCH 3/4] add handle search --- src/components/beranda/Footer.jsx | 259 +++++++++++++++--------------- src/components/beranda/Header.jsx | 4 +- 2 files changed, 133 insertions(+), 130 deletions(-) diff --git a/src/components/beranda/Footer.jsx b/src/components/beranda/Footer.jsx index 7649a93..918e4bb 100644 --- a/src/components/beranda/Footer.jsx +++ b/src/components/beranda/Footer.jsx @@ -15,141 +15,144 @@ function Footer() { const navigate = useNavigate(); return (
- {/* Kontainer utama footer */} -
- {/* Kolom 1: Logo perusahaan */} -
- Logo -
- - {/* Kolom 2: Deskripsi singkat perusahaan */} -
-
-

- Rekan AI{" "} -
- - Reimagine Your Business with AI. - -

-
- -
- {/* Tautan ke media sosial */} - - Instagram{" "} - - - Facebook{" "} - - - Twitter{" "} - -
-
- - {/* Kolom 3: Produk perusahaan */} -
-

Produk Kami

-
    -
  • Rekan Doku
  • -
  • Rekan Veri
  • -
  • Rekan HR
  • -
  • Rekan LLM
  • -
-
- - {/* Kolom 4: Solusi yang ditawarkan */} -
-

Solusi Kami

-
    -
  • - -
  • -
  • - -
  • -
  • - -
  • -
-
- - - {/* Kolom 5: Informasi kontak */} -
-

Hubungi Kami

-
    -
  • - -
  • -
  • - - - -
  • -
-
- - {/* Kolom 6: Partner perusahaan */} -
-
+
+ {/* Kontainer utama footer */} +
+ {/* Kolom 1: Logo perusahaan */} +
NVIDIA Inception Premier Member
-
- Partner 1 - Partner 2 - Partner 3 + + {/* Kolom 2: Deskripsi singkat perusahaan */} +
+
+

+ Rekan AI{" "} +
+ + Reimagine Your Business with AI. + +

+
+ +
+ {/* Tautan ke media sosial */} + + Instagram{" "} + + + Facebook{" "} + + + Twitter{" "} + +
+ + {/* Kolom 3: Produk perusahaan */} +
+

Produk Kami

+
    +
  • Rekan Doku
  • +
  • Rekan Veri
  • +
  • Rekan HR
  • +
  • Rekan LLM
  • +
+
+ + {/* Kolom 4: Solusi yang ditawarkan */} +
+

Solusi Kami

+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+
+ + + {/* Kolom 5: Informasi kontak */} +
+

Hubungi Kami

+
    +
  • + +
  • +
  • + + + +
  • +
+
+ + {/* Kolom 6: Partner perusahaan */} +
+
+ NVIDIA Inception Premier Member +
+
+ Partner 1 + Partner 2 + Partner 3 +
+
+
+ + {/* Bagian hak cipta */} +
+

+ © Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang +

- {/* Bagian hak cipta */} -
-

- © Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang -

-
); } diff --git a/src/components/beranda/Header.jsx b/src/components/beranda/Header.jsx index fe45246..339eada 100644 --- a/src/components/beranda/Header.jsx +++ b/src/components/beranda/Header.jsx @@ -95,7 +95,7 @@ const Header = () => { {isProdukOpen && ( -
+
{/* HR */} @@ -188,7 +188,7 @@ const Header = () => { {isSolusiOpen && ( -
+
{/* Personal */} From 15478bd369b1b6976fdcdb39fa04c2e6d9c594d0 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Wed, 26 Feb 2025 10:54:35 +0700 Subject: [PATCH 4/4] done --- src/components/beranda/Banner.jsx | 20 +++++++++---------- src/components/beranda/Kenapa.jsx | 4 ++-- src/components/contact/CustomerService.jsx | 2 +- src/components/solusi/SolusiCorporate/data.js | 2 +- 4 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/components/beranda/Banner.jsx b/src/components/beranda/Banner.jsx index 553c2a9..70ea1d1 100644 --- a/src/components/beranda/Banner.jsx +++ b/src/components/beranda/Banner.jsx @@ -27,11 +27,11 @@ function Banner() { {/* Teks dan tombol */}
-

+

Bersama Rekan AI, Wujudkan Masa Depan Bisnis yang Lebih Inovatif dan Kompetitif.

-

+

Dari autentikasi dokumen hingga analisis data dan automasi HR, Rekan AI menawarkan produk-produk cerdas yang siap membantu bisnis Anda tumbuh dan bersaing di pasar yang dinamis.

@@ -58,22 +58,22 @@ function Banner() { image 1 image 2 image 3 image 4
@@ -82,22 +82,22 @@ function Banner() { image 1 image 2 image 3 image 4
diff --git a/src/components/beranda/Kenapa.jsx b/src/components/beranda/Kenapa.jsx index e0d22cd..7fe0bdc 100644 --- a/src/components/beranda/Kenapa.jsx +++ b/src/components/beranda/Kenapa.jsx @@ -49,12 +49,12 @@ function Kenapa() { alt="Woman with Tablet" className="w-[300px] h-auto md:w-[654.5px] md:h-[609.67px]" /> - + {/* Text Section */} { {/* LEFT SECTION - Informasi */}