amnannn/rekan_ai
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: amnannn:carls1
Branches Tags
amnannn:main amnannn:carls2 amnannn:solusi amnannn:carls1
..
compare: amnannn:07e229dfad4198230786597bbc87d712c456e8dd
Branches Tags
amnannn:main amnannn:carls2 amnannn:solusi amnannn:carls1

4 Commits
carls1 ... 07e229dfad

Author SHA1 Message Date
Yogamnan
07e229dfad pull 2025-02-11 16:14:56 +07:00
Yogamnan
b3985ca419 before merge 2025-02-11 15:46:07 +07:00
Carls2320
6beefac2f4 doneeeeeee 2025-02-11 15:17:17 +07:00
Yogamnan
4f07bdf08b Last 2025-02-08 20:46:52 +07:00
62 changed files with 722 additions and 277 deletions
Expand all files Collapse all files

2
index.html
View File

@@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"

3
src/App.jsx
View File

@@ -3,6 +3,7 @@ import Contact from "./pages/Contact"
import Home from "./pages/Home" import Home from "./pages/Home"
import SolusiPersonal from "./pages/SolusiPersonal" import SolusiPersonal from "./pages/SolusiPersonal"
import SolusiStartup from "./pages/SolusiStartup" import SolusiStartup from "./pages/SolusiStartup"
import SolusiCorporate from "./pages/SolusiCorporate"
function App() { function App() {
return ( return (
@@ -12,7 +13,7 @@ function App() {
<Route path='/Contact' element={<Contact/>}/> <Route path='/Contact' element={<Contact/>}/>
<Route path='/SolusiPersonal' element={<SolusiPersonal/>}/> <Route path='/SolusiPersonal' element={<SolusiPersonal/>}/>
<Route path='/SolusiStartup' element={<SolusiStartup/>}/> <Route path='/SolusiStartup' element={<SolusiStartup/>}/>
<Route path='/SolusiCorporate' element={<SolusiCorporate/>}/>
</Routes> </Routes>
</Router> </Router>

BIN
src/assets/image/Component 3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 374 KiB

BIN
src/assets/image/Dukcapil PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 577 KiB

BIN
src/assets/image/Frame 27.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/assets/image/Kominfo PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
src/assets/image/NVIDIA PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
src/assets/image/OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/assets/image/Pic Beranda Rekan AI.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
src/assets/image/Rekan Ai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
src/assets/image/kemeneterian.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/assets/image/kominfo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

BIN
src/assets/image/nvidia.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

BIN
src/assets/image/ojk.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 KiB

13
src/assets/index.js
View File

@@ -6,8 +6,9 @@ import IconCorporate from './image/Frame 18 (2).png'
import row from './image/arrow.png'; import row from './image/arrow.png';
import row2 from './image/vector.png'; import row2 from './image/vector.png';
import homeLogo from './image/Component 1.png'; import homeLogo from './image/Component 1.png';
import waButton from './image/Frame 27.png';
import waIcon from './image/whatsapp-color_svgrepo.com (1).png'; import waIcon from './image/whatsapp-color_svgrepo.com (1).png';
import homeImg from './image/Component 3.png'; import homeImg from './image/Pic Beranda Rekan AI.png';
import card1 from './image/rekan hr.png'; import card1 from './image/rekan hr.png';
import card2 from './image/rekan doku.png'; import card2 from './image/rekan doku.png';
import card3 from './image/rekan llm.png'; import card3 from './image/rekan llm.png';
@@ -59,10 +60,10 @@ import imgLeft2 from './image/Frame 811531.png';
import imgLeft1 from './image/Frame 811530.png'; import imgLeft1 from './image/Frame 811530.png';
import imgLeft3 from './image/Frame 811533.png'; import imgLeft3 from './image/Frame 811533.png';
import imgRight from './image/Component 6.png'; import imgRight from './image/Component 6.png';
import nvdia from "./image/nvidia.png"; import nvdia from "./image/NVIDIA PNG Pic.png";
import kmn from "./image/kemeneterian.png"; import kmn from "./image/Dukcapil PNG Pic.png";
import kominfo from "./image/kominfo.png"; import kominfo from "./image/Kominfo PNG Pic.png";
import ojk from "./image/ojk.png"; import ojk from "./image/OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp";
import facebook from "./image/fb.png"; import facebook from "./image/fb.png";
import x from "./image/twitter.png"; import x from "./image/twitter.png";
import instagram from "./image/ig.png"; import instagram from "./image/ig.png";
@@ -74,7 +75,7 @@ import frame from "./image/Component 11.png";
export{ export{
Logo1, search,row,row2,homeLogo,waIcon,homeImg,card1,card2,card3,card4,chek, Logo1, search,row,row2,homeLogo,waIcon,homeImg,card1,card2,card3,card4,chek,
waIcon2,L1,L2,L3,L4,R1,R2,R3,R4,bgcBanner,imgLeft,chek2,circle1,circle2, waIcon2,waButton,L1,L2,L3,L4,R1,R2,R3,R4,bgcBanner,imgLeft,chek2,circle1,circle2,
mitraImg,arrow1,arrow2,swipper1,swipper2,swipper3,swipper4,swipper5,swipper6, mitraImg,arrow1,arrow2,swipper1,swipper2,swipper3,swipper4,swipper5,swipper6,
swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14, swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14,
swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22, swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22,

4
src/components/beranda/Header.jsx
View File

@@ -1,5 +1,3 @@
"use client"
import { useState } from "react" import { useState } from "react"
import { useNavigate } from "react-router-dom" import { useNavigate } from "react-router-dom"
import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets" import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets"
@@ -70,7 +68,7 @@ const Header = () => {
onClick={() => setIsSolusiOpen(!isSolusiOpen)} onClick={() => setIsSolusiOpen(!isSolusiOpen)}
className="text-[#212121] text-base transition-colors hover:text-[#5a55ff] flex items-center" className="text-[#212121] text-base transition-colors hover:text-[#5a55ff] flex items-center"
> >
Produk Solusi
<svg <svg
stroke="currentColor" stroke="currentColor"
fill="currentColor" fill="currentColor"

74
src/components/beranda/Hero.jsx
View File

@@ -1,49 +1,41 @@
import {homeLogo,waIcon,homeImg} from '../../assets'; import { homeLogo, waIcon, homeImg } from '../../assets';
function Hero() { function Hero() {
return ( return (
<div className="w-full overflow-hidden" id="Home"> <div className="w-full overflow-hidden" id="Home">
<div className="container mx-auto px-4 lg:px-6"> <div className="container mx-auto px-4 lg:px-6">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center py-12 lg:py-16"> <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center py-12 lg:py-16">
{/* Left Section */} {/* Left Section */}
<div className="space-y-6 md:-mt-10 mt-10"> <div className="space-y-6 md:-mt-32 mt-10 text-center lg:text-left order-1 lg:order-none">
<img src={homeLogo} alt="Rekan AI Logo" className="h-12 w-auto" /> <img src={homeLogo} alt="Rekan AI Logo" className="h-12 w-auto lg:mx-0" />
<h1 className="text-[24px] lg:text-[30px] font-semibold text-customBlack leading-tight"> <h1 className="text-[24px] lg:text-[30px] font-semibold text-customBlack leading-tight">
Ciptakan Pengalaman Pelanggan yang Tak Terlupakan dengan Solusi AI dari Rekan AI. Ciptakan Pengalaman Pelanggan yang Tak Terlupakan dengan Solusi AI dari Rekan AI.
</h1> </h1>
<p className="text-[16px] lg:text-[18px] lg:max-w-[90%] text-customBlack"> <p className="text-[16px] lg:text-[18px] lg:max-w-[90%] text-customBlack">
Rekan AI menghadirkan teknologi kecerdasan buatan untuk membantu bisnis Anda beradaptasi dan tumbuh di era Rekan AI menghadirkan teknologi kecerdasan buatan untuk membantu bisnis Anda beradaptasi dan tumbuh di era
digital. Dari automasi hingga analisis data, kami membawa solusi cerdas yang mudah diimplementasikan. digital. Dari automasi hingga analisis data, kami membawa solusi cerdas yang mudah diimplementasikan.
</p> </p>
</div>
{/* Buttons - Moved inside left column for better mobile layout */} {/* Right Section - Adjust order for mobile */}
<div className="flex flex-col sm:flex-row gap-4 pt-4"> <div className="relative w-full aspect-square lg:aspect-auto md:w-[650px] md:h-[680px] lg:h-[600px] order-2 lg:order-none">
<button className="flex items-center justify-center px-6 py-3 border-2 md:w-[245px] md:h-[55px] border-customRed rounded-[14px] text-customRed border-customRed font-medium text-base lg:text-lg hover:bg-pink-50 transition-colors"> <img src={homeImg} alt="Rekan AI Illustration" className="object-contain" />
<img src={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" /> </div>
Konsultasi Gratis
</button>
<button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
Coba Sekarang
</button>
</div>
</div>
{/* Right Section */} {/* Buttons - Ensure they come last on mobile */}
<div className="relative"> <div className="flex flex-col sm:flex-row gap-4 md:-mt-96 order-3 lg:order-none">
<div className="relative w-full aspect-square lg:aspect-auto lg:h-[600px]"> <button className="flex items-center justify-center px-6 py-3 border-2 md:w-[245px] md:h-[55px] border-customRed rounded-[14px] text-customRed font-medium text-base lg:text-lg hover:bg-pink-50 transition-colors">
<img <img src={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" />
src={homeImg} Konsultasi Gratis
alt="Rekan AI Illustration" </button>
className="object-contain" <button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
/> Coba Sekarang
</div> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
) </div>
} );
}
export default Hero export default Hero;

4
src/components/beranda/MasaDepan.jsx
View File

@@ -7,10 +7,10 @@ function MasaDepan() {
{/* Tagline Section */} {/* Tagline Section */}
<div className="mb-5"> <div className="mb-5">
<div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4"> <div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
<span className="flex items-center justify-center bg-pink-600 text-white font-semibold text-2xl rounded-2xl w-48 h-12"> <span className="flex items-center justify-center bg-[#CA2B68] text-white font-semibold text-2xl rounded-2xl w-48 h-12">
#Rekan AI #Rekan AI
</span> </span>
<h1 className="text-2xl sm:text-[32px] font-semibold text-black"> <h1 className="text-2xl sm:text-[32px] font-semibold text-[#212121]">
Masa Depan Bisnis, Dimulai Hari Ini Masa Depan Bisnis, Dimulai Hari Ini
</h1> </h1>
</div> </div>

6
src/components/beranda/WhatsAppButon.jsx
View File

@@ -1,11 +1,11 @@
import WaButtons from '../../assets/image/Whatsapp.png'; import { waButton } from "../../assets";
const WhatsAppButton = () => { const WhatsAppButton = () => {
return ( return (
<div className="fixed bottom-2 right-2 md:right-16 flex justify-center items-center w-16 h-16 md:w-20 md:h-20 rounded-full z-50 cursor-pointer border-4 border-[#6950DA] bg-gradient-to-l from-[#FD66B9] to-[#A162F9] m-[10px]"> <div className="fixed bottom-2 right-2 md:right-16 flex justify-center items-center w-16 h-16 md:w-20 md:h-20 rounded-full z-50 cursor-pointer border-4 border-[#6950DA] bg-gradient-to-l from-[#FD66B9] to-[#A162F9] m-[10px]">
<img <img
className="w-10 h-10 md:w-12 md:h-12" className="w-10 h-10 md:w-auto md:h-auto"
src={WaButtons} src={waButton}
alt="WhatsApp" alt="WhatsApp"
/> />
</div> </div>

15
src/components/contact/CustomerService.jsx
View File

@@ -2,16 +2,13 @@ import { email, phone, customer } from "./asset";
const CustomerService = () => { const CustomerService = () => {
return ( return (
<section className="main-container mt-[180px] mb-16 md:mb-0 md:mt-20 flex flex-col md:flex-row items-center px-5 py-10 max-w-7xl mx-auto md:mb-[150px] 2xl:px-20 2xl:gap-20"> <section className="main-container mt-[180px] mb-16 md:mt-20 flex flex-col md:flex-row items-center px-5 py-10 max-w-7xl mx-auto md:mb-[150px] 2xl:px-20 2xl:gap-20">
{/* LEFT SECTION - Informasi */} {/* LEFT SECTION - Informasi */}
<div className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left pl-10 md:ml-[-200px]"> <div className="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left md:mt-0 pl-10">
<div className="mb-5"> <div className="mb-5">
<h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px] 2xl:leading-[52px]"> <h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px] 2xl:leading-[52px]">
Kami Siap Membantu Bisnis Anda{" "} Kami Siap Membantu Bisnis Anda
<span className="hidden lg:inline"> Lebih Maju!
<br />
</span>{" "}
Lebih Maju!
</h2> </h2>
</div> </div>
<p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px] md:max-w-[90%]"> <p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px] md:max-w-[90%]">
@@ -56,11 +53,11 @@ const CustomerService = () => {
</div> </div>
{/* RIGHT SECTION - Gambar */} {/* RIGHT SECTION - Gambar */}
<div className="flex-1 flex justify-end items-center pr-10 md:mr-[-200px]"> <div className=" flex justify-center md:justify-end items-center pr-10">
<img <img
src={customer} src={customer}
alt="Customer Service" alt="Customer Service"
className="w-auto h-auto " className="w-full h-auto md:w-auto md:h-auto"
/> />
</div> </div>
</section> </section>

59
src/components/contact/Footer.jsx
View File

@@ -1,5 +1,14 @@
// Import gambar-gambar yang digunakan dalam komponen Footer // 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 import {
nvidia,
kmn,
kominfo,
ojk,
facebook,
x,
instagram,
component11,
} from "./asset"; // Gambar logo sebagai partner dan logo medsos dan logo rekanai
function Footer() { function Footer() {
return ( return (
@@ -16,7 +25,7 @@ function Footer() {
</div> </div>
{/* Kolom 2: Deskripsi singkat perusahaan */} {/* Kolom 2: Deskripsi singkat perusahaan */}
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0"> <div className="w-full sm:w-auto mb-5 sm:mb-0 sm:pl-0">
<div className="flex mb-5"> <div className="flex mb-5">
<p> <p>
<strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "} <strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
@@ -26,21 +35,24 @@ function Footer() {
</span> </span>
</p> </p>
</div> </div>
<p className="mb-[39px] text-[18px]"> <p className="mb-[39px] text-[18px] w-full sm:w-auto">
Jl. Anggrek No.6, Sawah Lama, Kec. Ciputat, Kota Tangerang Selatan, <span className="block md:inline">Jl. Anggrek No.6, Sawah Lama, Kec.</span>
Banten 15413 <br className="hidden md:block" />
<span className="block md:inline">Ciputat, Kota Tangerang Selatan, Banten</span>
<br className="hidden md:block" />
<span className="block md:inline">15413</span>
</p> </p>
<p className="mb-4 text-[18px]">Lebih dekat dengan Kami</p> <p className="mb-4 text-[18px]">Lebih dekat dengan Kami</p>
<div className="flex space-x-3"> <div className="flex space-x-3">
{/* Tautan ke media sosial */} {/* Tautan ke media sosial */}
<a href="#"> <a href="#">
<img src={instagram} alt="Instagram" className="w-5 h-5" /> {/* Ikon Instagram */} <img src={instagram} alt="Instagram" className="w-5 h-5" />{" "}
</a> </a>
<a href="#"> <a href="#">
<img src={facebook} alt="Facebook" className="w-5 h-5" /> {/* Ikon Facebook */} <img src={facebook} alt="Facebook" className="w-5 h-5" />{" "}
</a> </a>
<a href="#"> <a href="#">
<img src={x} alt="Twitter" className="w-5 h-5" /> {/* Ikon Twitter (X) */} <img src={x} alt="Twitter" className="w-5 h-5" />{" "}
</a> </a>
</div> </div>
</div> </div>
@@ -49,30 +61,29 @@ function Footer() {
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0"> <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-base font-semibold mb-4">Produk Kami</h4> <h4 className="text-base font-semibold mb-4">Produk Kami</h4>
<ul className="space-y-4 text-[18px]"> <ul className="space-y-4 text-[18px]">
<li>Rekan Doku</li> {/* Produk: Dokumen otomatis */} <li>Rekan Doku</li>
<li>Rekan Veri</li> {/* Produk: Verifikasi data */} <li>Rekan Veri</li>
<li>Rekan HR</li> {/* Produk: Manajemen SDM */} <li>Rekan HR</li>
<li>Rekan LLM</li> {/* Produk: Model bahasa besar */} <li>Rekan LLM</li>
</ul> </ul>
</div> </div>
{/* Kolom 4: Solusi yang ditawarkan */} {/* Kolom 4: Solusi yang ditawarkan */}
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0 md:mx-[10runrpx] 2xl:mx-[-120px]"> <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-base font-semibold mb-4">Solusi Kami</h4> <h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
<ul className="space-y-4 text-[18px]"> <ul className="space-y-4 text-[18px]">
<li>Personal</li> {/* Solusi untuk individu */} <li>Personal</li>
<li>UMKM</li> {/* Solusi untuk Usaha Mikro, Kecil, dan Menengah */} <li>UMKM</li>
<li>Corporate Business</li> {/* Solusi untuk perusahaan besar */} <li>Corporate Business</li>
</ul> </ul>
</div> </div>
{/* Kolom 5: Informasi kontak */} {/* Kolom 5: Informasi kontak */}
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0"> <div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-base font-semibold mb-4">Hubungi Kami</h4> <h4 className="text-[18px] font-semibold mb-4">Hubungi Kami</h4>
<ul className="space-y-4 text-[18px]"> <ul className="space-y-4 text-[18px]">
<li>Email: support@rekanai.com</li> {/* Email dukungan */} <li>Kontak Kami</li>
<li>Phone: +68452098</li> {/* Nomor telepon */} <li>F.A.Q</li>
<li>F.A.Q</li> {/* Halaman Pertanyaan yang Sering Diajukan */}
</ul> </ul>
</div> </div>
@@ -80,15 +91,15 @@ function Footer() {
<div className="mb-5 sm:mb-0 sm:pl-0"> <div className="mb-5 sm:mb-0 sm:pl-0">
<div className="mb-4"> <div className="mb-4">
<img <img
src={nvidia} // Gambar logo partner NVIDIA src={nvidia}
alt="NVIDIA Inception Premier Member" alt="NVIDIA Inception Premier Member"
className="w-[221px] h-[83px]" className="w-[221px] h-[83px]"
/> />
</div> </div>
<div className="flex gap-5"> <div className="flex gap-5">
<img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" /> {/* Gambar logo partner Kementerian */} <img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
<img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" /> {/* Gambar logo partner Kominfo */} <img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
<img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" /> {/* Gambar logo partner OJK */} <img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
</div> </div>
</div> </div>
</div> </div>

BIN
src/components/contact/asset/Dukcapil PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 577 KiB

BIN
src/components/contact/asset/Kominfo PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
src/components/contact/asset/NVIDIA PNG Pic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
src/components/contact/asset/OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

8
src/components/contact/asset/index.js
View File

@@ -7,11 +7,11 @@ import frame from './Frame.png';
import frame27 from './Frame27.png'; import frame27 from './Frame27.png';
import img10 from './image 10.png'; import img10 from './image 10.png';
import instagram from './instagram.png'; import instagram from './instagram.png';
import kmn from './kementerian.png'; import kmn from './Dukcapil PNG Pic.png';
import kominfo from './kominfo.png'; import kominfo from './Kominfo PNG Pic.png';
import Logo1 from './logo.png'; import Logo1 from './logo.png';
import nvidia from './nvidia.png'; import nvidia from './NVIDIA PNG Pic.png';
import ojk from './ojk.png'; import ojk from './OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp';
import phone from './phone.png'; import phone from './phone.png';
import search from './search.png'; import search from './search.png';
import telephone from './telephone.png'; import telephone from './telephone.png';

BIN
src/components/contact/asset/kementerian.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/components/contact/asset/kominfo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

BIN
src/components/contact/asset/nvidia.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

BIN
src/components/contact/asset/ojk.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 KiB

46
src/components/solusi/CardCorporate/CardCorporate.jsx Normal file
View File

@@ -0,0 +1,46 @@
import { CardCp1, CardCp2, CardCp3 } from "../asset";
export default function FeatureCards() {
const features = [
{
icon: CardCp1,
title: "Efisiensi Operasional",
description:
"Rekan AI menghadirkan automasi dan integrasi sistem yang mempercepat proses kerja, mengurangi biaya operasional, dan meningkatkan produktivitas di setiap lini bisnis perusahaan.",
},
{
icon: CardCp2,
title: "Keamanan dan Kepatuhan Data",
description:
"Dengan enkripsi tingkat tinggi dan sertifikasi keamanan, Rekan AI membantu perusahaan menjaga data sensitif dan mematuhi regulasi industri yang ketat, memberikan rasa aman pada setiap transaksi dan aktivitas bisnis.",
},
{
icon: CardCp3,
title: "Skalabilitas",
description:
"Solusi Rekan AI dirancang untuk mendukung perusahaan berskala besar dengan fleksibilitas tinggi, memungkinkan ekspansi ke berbagai pasar dan wilayah tanpa hambatan teknologi.",
},
];
return (
<div className="container mx-auto px-4 py-16 md:mt-[-185px] text-center mb-[-70px]">
<h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]">
Dengan solusi terintegrasi, <span className="text-[#CA2B68]">#Rekan AI</span>, membantu perusahaan tetap unggul dan adaptif di tengah persaingan global.
</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-[50px]">
{features.map((feature, index) => (
<div
key={index}
className="px-6 py-12 bg-white rounded-[10px] border shadow-lg transition-shadow duration-300 flex flex-col items-center text-center"
>
<div className="mb-4 relative w-16 h-16">
<img src={feature.icon} alt={feature.title} className="object-contain" />
</div>
<h3 className="text-[16px] font-semibold mb-3 text-[#212121]">{feature.title}</h3>
<p className="text-[#212121] text-[14px] leading-relaxed">{feature.description}</p>
</div>
))}
</div>
</div>
);
}

2
src/components/solusi/CardPersonal/CardPersonal.jsx
View File

@@ -23,7 +23,7 @@ export default function FeatureCards() {
]; ];
return ( return (
<div className="container mx-auto px-4 py-16 text-center"> <div className="container mx-auto px-4 py-16 md:mt-[-185px] text-center mb-[-70px]">
<h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]"> <h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]">
Dengan <span className="text-[#CA2B68]">#Rekan AI</span>, Anda bisa menghemat waktu, meningkatkan produktivitas, dan mendapatkan solusi yang benar-benar relevan dengan kebutuhan Anda. Dengan <span className="text-[#CA2B68]">#Rekan AI</span>, Anda bisa menghemat waktu, meningkatkan produktivitas, dan mendapatkan solusi yang benar-benar relevan dengan kebutuhan Anda.
</h2> </h2>

4
src/components/solusi/CardStartup/CardStartup.jsx
View File

@@ -23,9 +23,9 @@ export default function FeatureCards() {
]; ];
return ( return (
<div className="container mx-auto px-4 py-16 text-center"> <div className="container mx-auto px-4 py-16 md:mt-[-185px] text-center mb-[-70px]">
<h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]"> <h2 className="text-[#212121] text-[32px] font-semibold mb-[91px] mt-[81px]">
Bersama <span className="text-[#CA2B68]">#Rekan AI</span>, Startup lebih produktif, <br /> efisien, dan siap bersaing di era digital. Bersama <span className="text-[#CA2B68]">#Rekan AI</span>, Startup lebih produktif, efisien, dan siap bersaing di era digital.
</h2> </h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-[50px]"> <div className="grid grid-cols-1 md:grid-cols-3 gap-[50px]">
{features.map((feature, index) => ( {features.map((feature, index) => (

54
src/components/solusi/HeadCorporate/HeadCorporate.jsx Normal file
View File

@@ -0,0 +1,54 @@
import { component11, wagreen, hc } from "../asset";
export default function HeadCorporate() {
return (
<div className="container mx-auto px-4 lg:px-6">
<div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 py-8 mt-[200px] lg:mt-[85px]">
{/* Left Column */}
<div className="space-y-6 md:-mt-40 -mt-28 text-center lg:text-left order-1 lg:order-none">
{/* Logo and Tagline */}
<div className="flex items-center lg:justify-start">
<span className="flex items-center justify-center w-[53.52px] h-[43px] ml-[2px] mb-4">
<img src={component11} alt="Logo" width={53.52} height={43} />
</span>
<span className="inline-flex items-center ml-[17px] justify-center bg-pink-600 text-white px-4 py-2 rounded-[14px] text-base sm:text-lg md:text-xl mt-[-20px] lg:text-2xl text-center">
# Solusi Corporate Business
</span>
</div>
{/* Header Text */}
<h1 className="text-[32px] lg:text-[30px] text-customBlack font-semibold mt-7">
Inovasi Cerdas untuk Mendorong Transformasi Bisnis Skala Besar
</h1>
{/* Description */}
<p className="text-[20px] lg:text-[18px] text-customBlack mt-7">
Rekan AI hadir sebagai mitra strategis untuk perusahaan berskala besar, menghadirkan teknologi yang mampu mengoptimalkan proses bisnis, meningkatkan keamanan data, dan mempercepat pengambilan keputusan.
</p>
</div>
{/* Right Column - Hero Image */}
<div className="order-2 lg:order-none flex justify-center">
<img
src={hc}
alt="Hero Illustration"
width={716}
height={743}
className="w-full h-auto md:w-[600px] md:h-[600px]"
/>
</div>
{/* Buttons - Ensure they come last on mobile */}
<div className="flex flex-col sm:flex-row gap-4 md:-mt-96 order-3 lg:order-none">
<button className="flex items-center justify-center px-6 py-3 border-2 md:w-[245px] md:h-[55px] border-customRed rounded-[14px] text-customRed font-medium text-base lg:text-lg hover:bg-pink-50 transition-colors">
<img src={wagreen} alt="WhatsApp Icon" width={30} height={30} className="mr-2" />
Konsultasi Gratis
</button>
<button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
Coba Sekarang
</button>
</div>
</div>
</div>
);
}

81
src/components/solusi/HeadPersonal/HeadPersonal.jsx
View File

@@ -1,65 +1,56 @@
import { component11, wagreen, start22 } from "../asset"; import { component11, wagreen, start22 } from "../asset";
function HeadPersonal() { export default function HeadPersonal() {
return ( return (
<div <div className="container mx-auto px-4 lg:px-6">
className="container px-4 sm:px-6 lg:px-8 mx-auto mt-16 sm:mt-20 md:mt-24 lg:mt-28 xl:mt-32" <div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 py-8 mt-[200px] lg:mt-[85px]">
id="Home" {/* Left Column */}
> <div className="space-y-6 md:-mt-40 -mt-28 text-center lg:text-left order-1 lg:order-none">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12"> {/* Logo and Tagline */}
{/* Left Section */} <div className="flex items-center lg:justify-start">
<div className="text-left items-center"> <span className="flex items-center justify-center w-[53.52px] h-[43px] ml-[2px] mb-4">
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-6"> <img src={component11} alt="Logo" width={53.52} height={43} />
<img </span>
className="w-3/4 sm:w-auto max-h-20 object-contain" <span className="inline-flex items-center ml-[17px] justify-center bg-pink-600 text-white px-4 py-2 rounded-[14px] text-base sm:text-lg md:text-xl mt-[-20px] lg:text-2xl text-center">
src={component11 || "/placeholder.svg"}
alt="Home Logo"
width={200}
height={80}
/>
<span className="inline-flex items-center justify-center bg-pink-600 text-white px-4 py-2 rounded-[14px] text-base sm:text-lg md:text-xl mt-[-20px] lg:text-2xl text-center">
# Solusi Personal # Solusi Personal
</span> </span>
</div> </div>
<h1 className="text-customBlack text-2xl sm:text-3xl md:text-4xl lg:text-[32px] font-semibold mb-4">
{/* Header Text */}
<h1 className="text-[32px] lg:text-[30px] text-customBlack font-semibold mt-7">
Saatnya mengintegrasikan AI ke dalam kehidupan Anda! Saatnya mengintegrasikan AI ke dalam kehidupan Anda!
</h1> </h1>
<p className="text-customBlack text-base sm:text-lg md:text-xl lg:text-[20px] mb-8">
Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era {/* Description */}
digital. Baik Anda seorang profesional, pelajar, atau individu yang <p className="text-[20px] lg:text-[18px] text-customBlack mt-7">
mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era digital. Baik Anda seorang profesional,
teknologi yang mudah digunakan, efisien, dan dapat diandalkan. pelajar, atau individu yang mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan teknologi
yang mudah digunakan, efisien, dan dapat diandalkan.
</p> </p>
</div> </div>
{/* Right Section (Home Image) */} {/* Right Column - Hero Image */}
<div className="flex justify-center lg:justify-end mt-8 lg:mt-0"> <div className="order-2 lg:order-none flex justify-center">
<img <img
src={start22 || "/placeholder.svg"} src={start22}
alt="Home Image" alt="Hero Illustration"
className="w-full max-w-[500px] sm:max-w-[600px] md:max-w-[700px] lg:max-w-[807px] h-auto" width={716}
width={807} height={743}
height={600} className="w-full h-auto md:w-[600px] md:h-[600px]"
/> />
</div> </div>
</div>
{/* Buttons */} {/* Buttons - Ensure they come last on mobile */}
<div className="flex flex-col lg:flex-row mt-8 lg:-mt-28 lg:ml-28 gap-6 items-center px-4 lg:px-0"> <div className="flex flex-col sm:flex-row gap-4 md:-mt-96 order-3 lg:order-none">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]"> <button className="flex items-center justify-center px-6 py-3 border-2 md:w-[245px] md:h-[55px] border-customRed rounded-[14px] text-customRed font-medium text-base lg:text-lg hover:bg-pink-50 transition-colors">
<img <img src={wagreen} alt="WhatsApp Icon" width={30} height={30} className="mr-2" />
src={wagreen} Konsultasi Gratis
alt="WhatsApp Icon" </button>
className="mr-2 h-[30px] w-[30px]" <button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
/>
Konsultasi Gratis
</button>
<button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
Coba Sekarang Coba Sekarang
</button> </button>
</div>
</div> </div>
</div> </div>
); );
} }
export default HeadPersonal;

85
src/components/solusi/HeadStartup/HeadStartup.jsx
View File

@@ -1,65 +1,54 @@
import { component11, wagreen, start22 } from "../asset"; import { component11, wagreen, hs } from "../asset";
function HeadPersonal() { export default function HeadPersonal() {
return ( return (
<div <div className="container mx-auto px-4 lg:px-6">
className="container px-4 sm:px-6 lg:px-8 mx-auto mt-16 sm:mt-20 md:mt-24 lg:mt-28 xl:mt-32" <div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 py-8 mt-[200px] lg:mt-[85px]">
id="Home" {/* Left Column */}
> <div className="space-y-6 md:-mt-40 -mt-28 text-center lg:text-left order-1 lg:order-none">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12"> {/* Logo and Tagline */}
{/* Left Section */} <div className="flex items-center lg:justify-start">
<div className="text-left items-center"> <span className="flex items-center justify-center w-[53.52px] h-[43px] ml-[2px] mb-4">
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-6"> <img src={component11} alt="Logo" width={53.52} height={43} />
<img </span>
className="w-3/4 sm:w-auto max-h-20 object-contain" <span className="inline-flex items-center ml-[17px] justify-center bg-pink-600 text-white px-4 py-2 rounded-[14px] text-base sm:text-lg md:text-xl mt-[-20px] lg:text-2xl text-center">
src={component11 || "/placeholder.svg"} # Solusi Startup
alt="Home Logo"
width={200}
height={80}
/>
<span className="inline-flex items-center justify-center bg-pink-600 text-white px-4 py-2 rounded-[14px] text-base sm:text-lg md:text-xl mt-[-20px] lg:text-2xl text-center">
# Solusi Personal
</span> </span>
</div> </div>
<h1 className="text-customBlack text-2xl sm:text-3xl md:text-4xl lg:text-[32px] font-semibold mb-4">
{/* Header Text */}
<h1 className="text-[32px] lg:text-[30px] text-customBlack font-semibold mt-7">
Tumbuh Lebih Cepat dengan Automasi dan Analisis yang Terjangkau Tumbuh Lebih Cepat dengan Automasi dan Analisis yang Terjangkau
</h1> </h1>
<p className="text-customBlack text-base sm:text-lg md:text-xl lg:text-[20px] mb-8">
Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era {/* Description */}
digital. Baik Anda seorang profesional, pelajar, atau individu yang <p className="text-[20px] lg:text-[18px] text-customBlack mt-7">
mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan Rekan AI hadir sebagai mitra terpercaya bagi Startup di seluruh Indonesia. Dengan solusi berbasis teknologi, kami membantu para pelaku pengembang Startup untuk bekerja lebih cerdas, mengurangi beban operasional, dan mencapai pertumbuhan yang berkelanjutan.
teknologi yang mudah digunakan, efisien, dan dapat diandalkan.
</p> </p>
</div> </div>
{/* Right Section (Home Image) */} {/* Right Column - Hero Image */}
<div className="flex justify-center lg:justify-end mt-8 lg:mt-0"> <div className="order-2 lg:order-none flex justify-center">
<img <img
src={start22 || "/placeholder.svg"} src={hs}
alt="Home Image" alt="Hero Illustration"
className="w-full max-w-[500px] sm:max-w-[600px] md:max-w-[700px] lg:max-w-[807px] h-auto" width={716}
width={807} height={743}
height={600} className="w-full h-auto md:w-[600px] md:h-[600px]"
/> />
</div> </div>
</div>
{/* Buttons */} {/* Buttons - Ensure they come last on mobile */}
<div className="flex flex-col lg:flex-row mt-8 lg:-mt-28 lg:ml-28 gap-6 items-center px-4 lg:px-0"> <div className="flex flex-col sm:flex-row gap-4 md:-mt-96 order-3 lg:order-none">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]"> <button className="flex items-center justify-center px-6 py-3 border-2 md:w-[245px] md:h-[55px] border-customRed rounded-[14px] text-customRed font-medium text-base lg:text-lg hover:bg-pink-50 transition-colors">
<img <img src={wagreen} alt="WhatsApp Icon" width={30} height={30} className="mr-2" />
src={wagreen} Konsultasi Gratis
alt="WhatsApp Icon" </button>
className="mr-2 h-[30px] w-[30px]" <button className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
/>
Konsultasi Gratis
</button>
<button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
Coba Sekarang Coba Sekarang
</button> </button>
</div>
</div> </div>
</div> </div>
); );
} }
export default HeadPersonal;

55
src/components/solusi/MengapaCorporate/MengapaCorporate.jsx Normal file
View File

@@ -0,0 +1,55 @@
import { chek2, wagreen, start33, start44, start55 } from "../asset"
function Kenapa() {
return (
<div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen">
<div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52">
{/* Image Section */}
<div className="relative w-full md:w-2/5 p-5 flex justify-center md:ml-14 md:justify-start">
<img
src={start55 || "/placeholder.svg"}
alt="Woman with Tablet"
className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain"
/>
</div>
{/* Text Section */}
<div className="w-full md:w-3/5 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121] ">
<h2 className="text-[32px] font-semibold">Mengapa Rekan AI untuk Corporate Business?</h2>
<p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]">
Rekan AI dirancang khusus untuk mendukung kebutuhan bisnis berskala besar dengan menghadirkan solusi yang dapat meningkatkan efisiensi, mempercepat proses, dan membantu pengambilan keputusan strategis. Dengan teknologi mutakhir yang fleksibel dan aman, Rekan AI menjadi mitra terpercaya dalam perjalanan transformasi digital perusahaan Anda.
</p>
<ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%] font-medium">
<li className="flex items-center ">
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
Standar keamanan tinggi dengan enkripsi dan sertifikasi resmi yang melindungi data perusahaan.
</li>
<li className="flex items-center">
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
Solusi yang fleksibel dan dapat diimplementasikan di berbagai cabang perusahaan di seluruh dunia. </li>
<li className="flex items-center">
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
Automasi dan integrasi sistem yang mempercepat proses bisnis dan memangkas biaya operasional. </li>
</ul>
<div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]">
<button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition">
<img
src={wagreen || "/placeholder.svg"}
alt="WhatsApp Icon"
className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
/>
Konsultasi Gratis
</button>
<button className="w-full md:w-[276px] h-[50px] md:h-[70px] bg-gradient-to-r from-pink-700 to-indigo-600 text-white md:text-xl font-medium rounded-[14px] hover:opacity-90 transition">
Coba Sekarang
</button>
</div>
</div>
</div>
</div>
)
}
export default Kenapa

38
src/components/solusi/MengapaStartup/MengapaStartup.jsx
View File

@@ -1,48 +1,35 @@
import { chek2, wagreen, start44 } from "../asset"; import { chek2, wagreen, start44 } from "../asset"
function Kenapa() { function Kenapa() {
return ( return (
<div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen"> <div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen">
<div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52"> <div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52">
{/* Image Section */} {/* Image Section */}
<div className="relative w-full md:w-1/2 p-5 flex justify-center md:ml-14 md:justify-start"> <div className="relative w-full md:w-2/5 p-5 flex justify-center md:ml-14 md:justify-start">
<img <img
src={start44} src={start44 || "/placeholder.svg"}
alt="Woman with Tablet" alt="Woman with Tablet"
className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain" className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain"
/> />
</div> </div>
{/* Text Section */} {/* Text Section */}
<div className="w-full md:w-1/2 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121]"> <div className="w-full md:w-3/5 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121] ">
<h2 className="text-[32px] font-semibold"> <h2 className="text-[32px] font-semibold">Kenapa Memilih Rekan AI untuk Startup Anda?</h2>
Kenapa Memilih Rekan AI untuk Startup Anda?</h2>
<p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]"> <p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]">
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. 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.
</p> </p>
<ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%] font-medium"> <ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%] font-medium">
<li className="flex items-center "> <li className="flex items-center ">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
src={chek2}
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Teknologi kami dirancang agar dapat diakses oleh siapa saja, tanpa memerlukan latar belakang teknis. Teknologi kami dirancang agar dapat diakses oleh siapa saja, tanpa memerlukan latar belakang teknis.
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
src={chek2}
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Rekan AI menawarkan solusi dengan harga yang sesuai untuk Startup. Rekan AI menawarkan solusi dengan harga yang sesuai untuk Startup.
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
src={chek2}
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Kami membantu Anda menciptakan peluang baru dengan teknologi yang mendukung setiap tahap perkembangan bisnis. Kami membantu Anda menciptakan peluang baru dengan teknologi yang mendukung setiap tahap perkembangan bisnis.
</li> </li>
</ul> </ul>
@@ -50,7 +37,7 @@ function Kenapa() {
<div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]"> <div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]">
<button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition"> <button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition">
<img <img
src={wagreen} src={wagreen || "/placeholder.svg"}
alt="WhatsApp Icon" alt="WhatsApp Icon"
className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]" className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
/> />
@@ -63,7 +50,8 @@ function Kenapa() {
</div> </div>
</div> </div>
</div> </div>
); )
} }
export default Kenapa; export default Kenapa

55
src/components/solusi/MengapapPersonal/MengapapPersonal.jsx
View File

@@ -1,64 +1,46 @@
import { chek2, wagreen, start33 } from "../asset"; import { chek2, wagreen, start33 } from "../asset"
function Kenapa() { function Kenapa() {
return ( return (
<div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen"> <div className="flex justify-center items-center bg-customWhite mt-5 min-h-screen">
<div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52"> <div className="flex flex-col md:flex-row bg-customWhite rounded-lg overflow-hidden relative pt-16 md:pt-52">
{/* Image Section */} {/* Image Section */}
<div className="relative w-full md:w-1/2 p-5 flex justify-center md:ml-14 md:justify-start"> <div className="relative w-full md:w-2/5 p-5 flex justify-center md:ml-14 md:justify-start">
<img <img
src={start33} src={start33 || "/placeholder.svg"}
alt="Woman with Tablet" alt="Woman with Tablet"
className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain" className="w-full md:w-[654.5px] max-h-[609.67px] h-auto object-contain"
/> />
</div> </div>
{/* Text Section */} {/* Text Section */}
<div className="w-full md:w-1/2 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121]"> <div className="w-full md:w-3/5 p-6 md:p-10 flex flex-col items-center md:items-start md:mr-28 text-center md:text-left text-[#212121] ">
<h2 className="text-[32px] font-semibold"> <h2 className="text-[32px] font-semibold">Mengapa Memilih Rekan AI untuk Penggunaan Pribadi?</h2>
Mengapa Memilih Rekan AI untuk Penggunaan Pribadi?
</h2>
<p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]"> <p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]">
Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi individu yang ingin memanfaatkan kecerdasan
individu yang ingin memanfaatkan kecerdasan buatan dalam kehidupan buatan dalam kehidupan sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola data dengan
sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola aman, atau membuat keputusan yang lebih cerdas, Rekan AI adalah solusi tepat yang dirancang khusus untuk
data dengan aman, atau membuat keputusan yang lebih cerdas, Rekan AI Anda.
adalah solusi tepat yang dirancang khusus untuk Anda.
</p> </p>
<ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%] font-medium"> <ul className="mt-8 space-y-4 md:space-y-6 text-[16px] md:max-w-[70%] font-medium">
<li className="flex items-center "> <li className="flex items-center ">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
src={chek2} Teknologi yang ramah pengguna, cocok untuk semua kalangan tanpa memerlukan keahlian teknis.
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Teknologi yang ramah pengguna, cocok untuk semua kalangan tanpa
memerlukan keahlian teknis.
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
src={chek2} Data Anda aman dengan enkripsi tingkat tinggi, memastikan privasi Anda tetap terlindungi.
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Data Anda aman dengan enkripsi tingkat tinggi, memastikan privasi
Anda tetap terlindungi.
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<img <img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-11 md:h-11 mr-3" />
src={chek2} Dapatkan manfaat maksimal dari solusi AI yang dapat disesuaikan dengan kebutuhan individu Anda.
alt="Check"
className="w-6 h-6 md:w-11 md:h-11 mr-3"
/>
Dapatkan manfaat maksimal dari solusi AI yang dapat disesuaikan
dengan kebutuhan individu Anda.
</li> </li>
</ul> </ul>
<div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]"> <div className="flex flex-col md:flex-row mt-8 md:mt-20 space-y-4 md:space-y-0 md:space-x-10 w-full mb-[112px]">
<button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition"> <button className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[70px] border-2 border-[#CA2B68] text-[#CA2B68] md:text-xl font-medium rounded-[14px] hover:bg-white hover:bg-opacity-10 transition">
<img <img
src={wagreen} src={wagreen || "/placeholder.svg"}
alt="WhatsApp Icon" alt="WhatsApp Icon"
className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]" className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
/> />
@@ -71,7 +53,8 @@ function Kenapa() {
</div> </div>
</div> </div>
</div> </div>
); )
} }
export default Kenapa; export default Kenapa

73
src/components/solusi/SolusiCorporate/SolusiCorporate.jsx Normal file
View File

@@ -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 (
<div className="min-h-screen p-4">
{/* Header */}
<div className="text-center mb-8">
<h1 className="text-[32px] text-[#212121] font-semibold mb-2">{data.title}</h1>
<p className="text-[36px] text-[#5B59E0]">{data.subtitle}</p>
</div>
{/* Navigation Buttons */}
<div className="relative w-full max-w-[1539px] h-auto mx-auto bg-[#CA2B68] rounded-[14px] border border-[#D5DAE3] mb-8 p-4">
<div className="flex flex-wrap justify-center gap-4 text-[18px] md:text-[24px]">
{data.tabs.map((button) => (
<button
key={button.key}
className={`w-full sm:w-[200px] md:w-[250px] lg:w-[300px] xl:w-[352px] h-[60px] md:h-[77px] rounded-[14px] border ${
activeTab === button.key ? "bg-white text-[#CA2B68] shadow-lg" : "bg-[#CA2B68] text-[#FFFFFF]"
} font-semibold transition-colors`}
onClick={() => setActiveTab(button.key)}
>
{button.name}
</button>
))}
</div>
</div>
{/* Content Section */}
{activeContent && (
<div className="max-w-7xl mx-auto flex flex-col sm:flex-row flex-wrap gap-8 justify-center lg:justify-start">
{/* Image Section */}
<div className="w-full sm:w-[400px] md:w-[500px] lg:w-[618px] h-auto rounded-[14px] border border-gray-200 overflow-hidden shadow-lg">
<img
src={activeContent.image || "/placeholder.svg"}
alt={activeContent.title}
className="object-cover w-full h-full"
/>
</div>
{/* Text Content */}
<div className="flex-1 max-w-full md:max-w-[600px]">
<h2 className="text-[24px] md:text-[32px] text-[#212121] font-semibold mb-6">{activeContent.title}</h2>
<p className="text-[#212121] text-[16px] md:text-[20px] mb-8">{activeContent.description}</p>
{/* Features */}
<div className="space-y-6">
{activeContent.features.map((feature, index) => (
<div key={index} className="flex items-start gap-6">
<div className="w-[80px] h-[80px] md:w-[108px] md:h-[106px] rounded-[14px] border border-[#D5DAE3] shadow-lg flex items-center justify-center flex-shrink-0">
<img
src={feature.icon || "/checkmark.svg"}
alt="Feature Icon"
className="object-contain w-[50px] h-[40px] md:w-[64px] md:h-[50.3px]"
/>
</div>
<div>
<h3 className="text-[18px] md:text-[20px] font-medium text-[#CA2B68] mb-2">{feature.title}</h3>
<p className="text-[16px] md:text-[18px] text-[#212121]">{feature.description}</p>
</div>
</div>
))}
</div>
</div>
</div>
)}
</div>
);
}

96
src/components/solusi/SolusiCorporate/data.js Normal file
View File

@@ -0,0 +1,96 @@
import { maskcek, rcp1, rcp2, rcp3, rcp4, rekan1, rekan2, rekan3, rekan4 } from "../asset";
// data.json
export const data = {
title: "Solusi Bisnis",
subtitle: "Pilihan Terbaik untuk Corporate Business",
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 – Transformasi Digital di Bidang Sumber Daya Manusia",
description:
"Perusahaan besar dengan jumlah karyawan yang masif memerlukan sistem HR yang efisien dan terintegrasi. Rekan HR menawarkan solusi digital untuk mengelola SDM secara efektif.",
image: rcp1,
features: [
{
title: "Automasi HR Komprehensif",
description:
"Otomatiskan proses penggajian, manajemen kinerja, rekrutmen, dan administrasi karyawan dalam satu platform.",
icon: maskcek
},
{
title: "Analisis Kinerja SDM",
description:
"Dapatkan laporan analisis mendalam mengenai produktivitas dan kinerja tim untuk mendukung pengembangan SDM.",
icon: maskcek
}
]
},
doku: {
title: "Rekan Doku – Otomasi Dokumen untuk Skala Operasi yang Lebih Besar",
description:
"Rekan Doku mendukung perusahaan besar dalam mengelola ribuan dokumen dengan aman dan efisien. Solusi ini dirancang untuk mempercepat proses bisnis sekaligus menjaga kepatuhan terhadap regulasi.",
image: rcp2,
features: [
{
title: "Autentikasi Dokumen Legal",
description:
"Proses penandatanganan dokumen menjadi lebih aman dan efisien dengan e-Meterai dan tanda tangan digital yang diakui secara hukum.",
icon: maskcek
},
{
title: "Integrasi Sistem Dokumen",
description:
"Kelola dan arsipkan dokumen penting secara otomatis dengan sistem terpusat yang terintegrasi dengan workflow perusahaan.",
icon: maskcek
}
]
},
llm: {
title: "Rekan LLM – Optimalisasi Strategi Bisnis dengan Kecerdasan Buatan",
description:
"Perusahaan besar membutuhkan analisis data yang mendalam dan akurat untuk mendukung keputusan strategis. Rekan LLM menghadirkan solusi AI yang dapat memproses data dalam skala besar dan memberikan insight berharga.",
image: rcp3,
features: [
{
title: "Prediksi Pasar dan Risiko",
description:
"Gunakan AI untuk mengidentifikasi tren pasar dan meminimalisir risiko bisnis melalui prediksi yang akurat.",
icon: maskcek
},
{
title: "Integrasi AI ke Proses Bisnis",
description:
"Sesuaikan solusi AI dengan kebutuhan spesifik perusahaan untuk mendukung inovasi dan pengembangan bisnis.",
icon: maskcek
}
]
},
veri: {
title: "Rekan Veri – Perlindungan Data dan Mitigasi Risiko Bisnis",
description:
"Perusahaan besar memerlukan keakuratan data yang tinggi untuk mendukung proses bisnis dan mitigasi risiko. Rekan Veri menyediakan verifikasi data yang cepat dan akurat untuk memastikan kelancaran bisnis.",
image: rcp4,
features: [
{
title: "Verifikasi Data Real-Time",
description:
"Validasi identitas pelanggan, mitra bisnis, atau karyawan secara instan untuk mendukung kepatuhan dan keamanan perusahaan.",
icon: maskcek
},
{
title: "Pengurangan Risiko Fraud",
description:
"Cegah potensi penipuan dengan verifikasi data yang komprehensif dan terintegrasi.",
icon: maskcek
}
]
}
}
};

2
src/components/solusi/SolusiPersonal/data.js
View File

@@ -4,7 +4,7 @@ import { maskcek, rekan1, rekan2, rekan3, rekan4 } from "../asset";
// data.json // data.json
export const data = { export const data = {
title: "Solusi Bisnis", title: "Solusi Bisnis",
subtitle: "Pilihan Terbaik untuk Solusi Bisnis UMKM", subtitle: "Pilihan Terbaik untuk Solusi Bisnis Personal",
tabs: [ tabs: [
{ name: "Rekan HR", key: "hr" }, { name: "Rekan HR", key: "hr" },
{ name: "Rekan Doku", key: "doku" }, { name: "Rekan Doku", key: "doku" },

30
src/components/solusi/SolusiStartup/data.js
View File

@@ -35,59 +35,59 @@ export const data = {
doku: { doku: {
title: "Rekan Doku – Autentikasi dan Manajemen Dokumen Digital", title: "Rekan Doku – Autentikasi dan Manajemen Dokumen Digital",
description: description:
"Kelola dokumen pribadi dengan mudah dan aman menggunakan Rekan Doku. Produk ini memastikan dokumen digital Anda sah secara hukum dan tersimpan dengan baik.", "Kelola dan autentikasi dokumen bisnis Anda dengan lebih mudah dan aman. Rekan Doku menawarkan solusi lengkap untuk memastikan dokumen Anda sah secara hukum dan tersimpan dengan rapi.",
image: rs2, image: rs2,
features: [ features: [
{ {
title: "Autentikasi Dokumen Digital", title: "Autentikasi Dokumen Digital",
description: description:
"Berikan keabsahan pada dokumen penting seperti kontrak kerja, sertifikat, atau surat pribadi dengan e-Meterai dan tanda tangan digital yang diakui secara hukum.", "Legalkan dokumen bisnis dengan mudah menggunakan e-Meterai dan tanda tangan digital yang diakui secara hukum, memastikan transaksi dan kerja sama bisnis berjalan aman.",
icon: maskcek icon: maskcek
}, },
{ {
title: "Manajemen Dokumen Terpusat", title: "Manajemen Dokumen Terpusat",
description: description:
"Simpan, atur, dan akses dokumen kapan saja dari satu platform yang aman, memastikan kemudahan dan kenyamanan Anda.", "Akses dan kelola seluruh dokumen penting di satu platform yang aman dan terstruktur, memudahkan pelacakan dan pengarsipan dokumen bisnis.",
icon: maskcek icon: maskcek
} }
] ]
}, },
llm: { llm: {
title: "Rekan LLM – Kecerdasan Teknologi untuk Mendukung Kehidupan Anda", title: "Rekan LLM – Analisis dan Pengambilan Keputusan Berbasis AI",
description: description:
"Rekan LLM memberikan kemudahan bagi Anda untuk memahami data, mendapatkan wawasan, dan meningkatkan efisiensi sehari-hari.", "Dapatkan wawasan mendalam dan strategi bisnis yang lebih tepat melalui analisis data berbasis AI. Rekan LLM membantu Startup memahami pasar dan pelanggan untuk pengambilan keputusan yang lebih efektif.",
image: rs3, image: rs3,
features: [ features: [
{ {
title: "Analisis Pribadi Berbasis AI", title: "Analisis Berbasis AI",
description: description:
"Gunakan data untuk memahami pola pengeluaran, perencanaan keuangan, atau tren yang relevan dengan kebutuhan Anda.", "Olah data penjualan dan perilaku pelanggan untuk merancang strategi pemasaran yang lebih terarah dan efektif.",
icon: maskcek icon: maskcek
}, },
{ {
title: "Keputusan Lebih Tepat dengan Data", title: "Pengambilan Keputusan Lebih Tepat",
description: description:
"Dapatkan rekomendasi berbasis AI untuk berbagai keputusan penting, dari belanja hingga perencanaan aktivitas.", "Dukung pertumbuhan bisnis dengan data yang dapat diandalkan, sehingga Anda dapat mengambil langkah strategis dengan percaya diri.",
icon: maskcek icon: maskcek
} }
] ]
}, },
veri: { veri: {
title: "Rekan Veri – Data yang Tepat untuk Keputusan yang Benar", title: "Rekan Veri – Percepat Bisnis dengan Keakuratan Data",
description: description:
"Lindungi diri Anda dari risiko dengan memastikan keakuratan data dalam berbagai kebutuhan pribadi. Rekan Veri adalah solusi cepat untuk memvalidasi informasi penting.", "Bangun kepercayaan pelanggan dengan data yang valid dan terverifikasi. Rekan Veri membantu Startup memastikan semua informasi mitra dan pelanggan terkonfirmasi dengan cepat.",
image: rs4, image: rs4,
features: [ features: [
{ {
title: "Verifikasi Data Cepat", title: "Verifikasi Data yang Cepat",
description: description:
"Gunakan sistem canggih untuk memverifikasi identitas pelanggan dengan cepat dan akurat.", "Validasi data pelanggan atau mitra bisnis secara real-time untuk mendukung kelancaran transaksi dan menjaga reputasi bisnis.",
icon: maskcek icon: maskcek
}, },
{ {
title: "Efisiensi dalam Verifikasi", title: "Efisiensi Administrasi",
description: description:
"Hemat waktu dengan fitur verifikasi otomatis yang memberikan hasil instan dan akurat.", "Sederhanakan proses administrasi dengan fitur verifikasi otomatis, menghemat waktu dan tenaga dalam pengelolaan data penting.",
icon: maskcek icon: maskcek
} }
] ]

39
src/components/solusi/TransformasiCorpo/TransformasiCorpo.jsx Normal file
View File

@@ -0,0 +1,39 @@
import { wagreen } from "../asset";
function Transformasi() {
return (
<>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
{/* Tagline Section */}
<div className="mb-5">
<div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
<span className="flex items-center justify-center bg-pink-600 text-white font-semibold text-2xl rounded-2xl w-48 h-12">
#Rekan AI
</span>
<h1 className="text-2xl sm:text-[32px] font-semibold text-black">
Transformasi Digital Anda Dimulai di Sini
</h1>
</div>
<p className="text-base sm:text-xl text-customBlack-600 md:ml-24 mt-2 leading-relaxed px-4 sm:px-0">
Bersama Rekan AI, bawa bisnis Anda menuju masa depan yang lebih cerdas, efisien, dan kompetitif.
</p>
</div>
</div>
<div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
<img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis
</button>
<button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
Coba Sekarang
</button>
</div>
</>
);
}
export default Transformasi;

41
src/components/solusi/TransformasiCorporate/TransformasiCorporate.jsx Normal file
View File

@@ -0,0 +1,41 @@
import React from "react";
import { wagreen } from "../asset";
function MasaDepan() {
return (
<>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] -mt-3">
{/* Tagline Section */}
<div className="mb-5">
<div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
<span className="flex items-center justify-center bg-[#CA2B68] text-white font-semibold text-2xl rounded-2xl w-48 h-12">
#Rekan AI
</span>
<h1 className="text-2xl sm:text-[32px] font-semibold text-[#212121]">
Transformasi Digital Anda Dimulai di Sini
</h1>
</div>
<p className="text-base sm:text-xl text-[#212121] md:max-w-[80%] md:ml-24 mt-2 leading-relaxed px-4 sm:px-0">
Bersama Rekan AI, bawa bisnis Anda menuju masa depan yang lebih cerdas, efisien, dan kompetitif.
</p>
</div>
</div>
{/* Button Section */}
<div className="flex flex-col justify-center md:-mt-32 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-medium text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
<img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis
</button>
<button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
Coba Sekarang
</button>
</div>
</>
);
}
export default MasaDepan;

6
src/components/solusi/Transformasi/Transformas.jsx → src/components/solusi/TransformasiPersonal/TransformasiPersonal.jsx
View File

@@ -1,6 +1,6 @@
import { wagreen } from "../asset"; import { wagreen } from "../asset";
function MasaDepan() { function Transformasi() {
return ( return (
<> <>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3"> <div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
@@ -26,7 +26,7 @@ function MasaDepan() {
</div> </div>
</div> </div>
<div className="flex flex-col justify-center md:-mt-60 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0"> <div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]"> <button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
<img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" /> <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis Konsultasi Gratis
@@ -40,4 +40,4 @@ function MasaDepan() {
); );
} }
export default MasaDepan; export default Transformasi;

43
src/components/solusi/TransformasiStart/TransformasiStart.jsx Normal file
View File

@@ -0,0 +1,43 @@
import { wagreen } from "../asset";
function Transformasi() {
return (
<>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3">
{/* Tagline Section */}
<div className="mb-5">
<div className="flex flex-col sm:flex-row items-center justify-center gap-2 p-4">
<span className="flex items-center justify-center bg-pink-600 text-white font-semibold text-2xl rounded-2xl w-48 h-12">
#Rekan AI
</span>
<h1 className="text-2xl sm:text-[32px] font-semibold text-black">
Transformasi Digital Anda Dimulai di Sini
</h1>
</div>
<p className="text-base sm:text-xl text-customBlack-600 md:ml-24 mt-2 leading-relaxed px-4 sm:px-0">
Dengan Rekan AI, Startup dan perusahaan besar memiliki akses ke teknologi yang sama-sama
<span className="block sm:hidden mt-2">
memberdayakan – membawa bisnis ke level berikutnya
</span>
<span className="hidden sm:block mt-2">
memberdayakan – membawa bisnis ke level berikutnya
</span>
</p>
</div>
</div>
<div className="flex flex-col justify-center md:-mt-52 md:mb-56 sm:flex-row gap-6 sm:gap-12 -mt-10 mb-20 px-4 sm:px-0">
<button className="w-full lg:w-[270px] h-[70px] btn2 flex items-center justify-center py-3 border-2 border-[#DC0168] rounded-[14px] text-[#DC0168] font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:bg-[#ffffff1a]">
<img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis
</button>
<button className="w-full lg:w-[276px] h-[70px] btn2 flex items-center justify-center py-3 px-8 rounded-[14px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-semibold text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
Coba Sekarang
</button>
</div>
</>
);
}
export default Transformasi;

BIN
src/components/solusi/asset/Component 13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 388 KiB

BIN
src/components/solusi/asset/Frame 811557.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
src/components/solusi/asset/Frame 811558.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 KiB

BIN
src/components/solusi/asset/Frame 811559.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 469 KiB

BIN
src/components/solusi/asset/Frame 811568 (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/components/solusi/asset/Frame 811568 (2).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
src/components/solusi/asset/Frame 811568.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/components/solusi/asset/Frame 87 (4).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 650 KiB

BIN
src/components/solusi/asset/Frame 87 (5).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 498 KiB

BIN
src/components/solusi/asset/Frame 87 (6).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 KiB

BIN
src/components/solusi/asset/Frame 87 (7).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 434 KiB

22
src/components/solusi/asset/index.js
View File

@@ -33,10 +33,22 @@ import CardStart1 from "./Play Now (30) 3.png"
import CardStart2 from "./Play Now (32) 2.png" import CardStart2 from "./Play Now (32) 2.png"
import CardStart3 from "./Play Now (30) 1.png" import CardStart3 from "./Play Now (30) 1.png"
import start44 from "./Frame 811556.png" import start44 from "./Frame 811556.png"
import hs from "./Frame 811557.png"
import rs1 from "./Frame 87.png" import rs1 from "./Frame 87.png"
import rs2 from "./Frame 87 (1).png" import rs2 from "./Frame 87 (1).png"
import rs3 from "./Frame 87 (2).png" import rs3 from "./Frame 87 (2).png"
import rs4 from "./Frame 87 (3).png" import rs4 from "./Frame 87 (3).png"
import hc from './Frame 811558.png'
import CardCp1 from './Frame 811568.png'
import CardCp2 from './Frame 811568 (1).png'
import CardCp3 from './Frame 811568 (2).png'
import start55 from './Frame 811559.png'
import rcp1 from './Frame 87 (4).png'
import rcp2 from './Frame 87 (5).png'
import rcp3 from './Frame 87 (6).png'
import rcp4 from './Frame 87 (7).png'
export { export {
row, row,
@@ -74,8 +86,18 @@ export {
CardStart2, CardStart2,
CardStart3, CardStart3,
start44, start44,
hs,
rs1, rs1,
rs2, rs2,
rs3, rs3,
rs4, rs4,
hc,
CardCp1,
CardCp2,
CardCp3,
start55,
rcp1,
rcp2,
rcp3,
rcp4,
}; };

25
src/pages/SolusiCorporate.jsx Normal file
View File

@@ -0,0 +1,25 @@
import Header from "../components/beranda/Header"
import HeadCorporate from "../components/solusi/HeadCorporate/HeadCorporate"
import CardCorporate from '../components/solusi/CardCorporate/CardCorporate'
import MengapaCorporate from '../components/solusi/MengapaCorporate/MengapaCorporate'
import SolusiCorporate from '../components/solusi/SolusiCorporate/SolusiCorporate'
import TransformasiCorpo from '../components/solusi/TransformasiCorpo/TransformasiCorpo'
import WhatsAppButton from "../components/beranda/WhatsAppButon"
import Footer from "../components/contact/Footer"
function Contact() {
return (
<>
<Header />
<HeadCorporate />
<CardCorporate />
<MengapaCorporate />
<SolusiCorporate />
<TransformasiCorpo />
<Footer />
<WhatsAppButton />
</>
)
}
export default Contact

4
src/pages/SolusiPersonal.jsx
View File

@@ -3,7 +3,7 @@ import HeadPersonal from '../components/solusi/HeadPersonal/HeadPersonal'
import CardPersonal from '../components/solusi/CardPersonal/CardPersonal' import CardPersonal from '../components/solusi/CardPersonal/CardPersonal'
import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal' import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal'
import SolusiPersonal from '../components/solusi/SolusiPersonal/SolusiPersonal' import SolusiPersonal from '../components/solusi/SolusiPersonal/SolusiPersonal'
import Transformas from '../components/solusi/Transformasi/Transformas' import TransformasiPersonal from '../components/solusi/TransformasiPersonal/TransformasiPersonal'
import WhatsAppButton from "../components/beranda/WhatsAppButon" import WhatsAppButton from "../components/beranda/WhatsAppButon"
import Footer from "../components/contact/Footer" import Footer from "../components/contact/Footer"
function Contact() { function Contact() {
@@ -14,7 +14,7 @@ function Contact() {
<CardPersonal /> <CardPersonal />
<MengapapPersonal /> <MengapapPersonal />
<SolusiPersonal /> <SolusiPersonal />
<Transformas /> <TransformasiPersonal />
<Footer /> <Footer />
<WhatsAppButton /> <WhatsAppButton />
</> </>

4
src/pages/SolusiStartup.jsx
View File

@@ -5,7 +5,7 @@ import Footer from "../components/contact/Footer"
import CardStartup from "../components/solusi/CardStartup/CardStartup" import CardStartup from "../components/solusi/CardStartup/CardStartup"
import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup" import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup"
import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup" import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup"
import Transformas from "../components/solusi/Transformasi/Transformas" import TransformasiStart from "../components/solusi/TransformasiStart/TransformasiStart"
function Contact() { function Contact() {
return ( return (
<> <>
@@ -14,7 +14,7 @@ function Contact() {
<CardStartup /> <CardStartup />
<MengapaStartup /> <MengapaStartup />
<SolusiStartup /> <SolusiStartup />
<Transformas /> <TransformasiStart />
<Footer /> <Footer />
<WhatsAppButton /> <WhatsAppButton />
</> </>