Last
This commit is contained in:
Yogamnan
parent
940448f28b
commit
4f07bdf08b
|
|
@ -3,6 +3,7 @@ import Contact from "./pages/Contact"
|
|||
import Home from "./pages/Home"
|
||||
import SolusiPersonal from "./pages/SolusiPersonal"
|
||||
import SolusiStartup from "./pages/SolusiStartup"
|
||||
import SolusiCorporate from "./pages/SolusiCorporate"
|
||||
|
||||
function App() {
|
||||
return (
|
||||
|
|
@ -12,7 +13,7 @@ function App() {
|
|||
<Route path='/Contact' element={<Contact/>}/>
|
||||
<Route path='/SolusiPersonal' element={<SolusiPersonal/>}/>
|
||||
<Route path='/SolusiStartup' element={<SolusiStartup/>}/>
|
||||
|
||||
<Route path='/SolusiCorporate' element={<SolusiCorporate/>}/>
|
||||
</Routes>
|
||||
</Router>
|
||||
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ const Header = () => {
|
|||
onClick={() => setIsSolusiOpen(!isSolusiOpen)}
|
||||
className="text-[#212121] text-base transition-colors hover:text-[#5a55ff] flex items-center"
|
||||
>
|
||||
Produk
|
||||
Solusi
|
||||
<svg
|
||||
stroke="currentColor"
|
||||
fill="currentColor"
|
||||
|
|
|
|||
|
|
@ -1,49 +1,41 @@
|
|||
import {homeLogo,waIcon,homeImg} from '../../assets';
|
||||
|
||||
|
||||
import { homeLogo, waIcon, homeImg } from '../../assets';
|
||||
|
||||
function Hero() {
|
||||
return (
|
||||
<div className="w-full overflow-hidden" id="Home">
|
||||
<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">
|
||||
{/* Left Section */}
|
||||
<div className="space-y-6 md:-mt-10 mt-10">
|
||||
<img src={homeLogo} alt="Rekan AI Logo" className="h-12 w-auto" />
|
||||
<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.
|
||||
</h1>
|
||||
<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
|
||||
digital. Dari automasi hingga analisis data, kami membawa solusi cerdas yang mudah diimplementasikan.
|
||||
</p>
|
||||
|
||||
{/* Buttons - Moved inside left column for better mobile layout */}
|
||||
<div className="flex flex-col sm:flex-row gap-4 pt-4">
|
||||
<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={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" />
|
||||
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 */}
|
||||
<div className="relative">
|
||||
<div className="relative w-full aspect-square lg:aspect-auto lg:h-[600px]">
|
||||
<img
|
||||
src={homeImg}
|
||||
alt="Rekan AI Illustration"
|
||||
className="object-contain"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
return (
|
||||
<div className="w-full overflow-hidden" id="Home">
|
||||
<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">
|
||||
{/* Left Section */}
|
||||
<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 lg:mx-0" />
|
||||
<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.
|
||||
</h1>
|
||||
<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
|
||||
digital. Dari automasi hingga analisis data, kami membawa solusi cerdas yang mudah diimplementasikan.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Right Section - Adjust order for mobile */}
|
||||
<div className="relative w-full aspect-square lg:aspect-auto lg:h-[600px] order-2 lg:order-none">
|
||||
<img src={homeImg} alt="Rekan AI Illustration" className="object-contain" />
|
||||
</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={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" />
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
||||
export default Hero
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Hero;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ const CustomerService = () => {
|
|||
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">
|
||||
{/* 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-36 pl-10 md:ml-[-200px]">
|
||||
<div className="mb-5">
|
||||
<h2 className="text-[#212121] text-[28px] md:text-[32px] font-[550] leading-[36px] md:leading-[48px] 2xl:leading-[52px]">
|
||||
Kami Siap Membantu Bisnis Anda{" "}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -23,7 +23,7 @@ export default function FeatureCards() {
|
|||
];
|
||||
|
||||
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]">
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -23,9 +23,9 @@ export default function FeatureCards() {
|
|||
];
|
||||
|
||||
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]">
|
||||
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>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-[50px]">
|
||||
{features.map((feature, index) => (
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,65 +1,56 @@
|
|||
import { component11, wagreen, start22 } from "../asset";
|
||||
|
||||
function HeadPersonal() {
|
||||
export default function HeadPersonal() {
|
||||
return (
|
||||
<div
|
||||
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"
|
||||
id="Home"
|
||||
>
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12">
|
||||
{/* Left Section */}
|
||||
<div className="text-left items-center">
|
||||
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-6">
|
||||
<img
|
||||
className="w-3/4 sm:w-auto max-h-20 object-contain"
|
||||
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">
|
||||
<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 Personal
|
||||
</span>
|
||||
</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!
|
||||
</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
|
||||
digital. Baik Anda seorang profesional, pelajar, atau individu yang
|
||||
mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan
|
||||
teknologi yang mudah digunakan, efisien, dan dapat diandalkan.
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-[20px] lg:text-[18px] text-customBlack mt-7">
|
||||
Rekan AI dirancang untuk mendukung kebutuhan personal Anda di era digital. Baik Anda seorang profesional,
|
||||
pelajar, atau individu yang mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan teknologi
|
||||
yang mudah digunakan, efisien, dan dapat diandalkan.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Right Section (Home Image) */}
|
||||
<div className="flex justify-center lg:justify-end mt-8 lg:mt-0">
|
||||
{/* Right Column - Hero Image */}
|
||||
<div className="order-2 lg:order-none flex justify-center">
|
||||
<img
|
||||
src={start22 || "/placeholder.svg"}
|
||||
alt="Home Image"
|
||||
className="w-full max-w-[500px] sm:max-w-[600px] md:max-w-[700px] lg:max-w-[807px] h-auto"
|
||||
width={807}
|
||||
height={600}
|
||||
src={start22}
|
||||
alt="Hero Illustration"
|
||||
width={716}
|
||||
height={743}
|
||||
className="w-full h-auto md:w-[600px] md:h-[600px]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Buttons */}
|
||||
<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">
|
||||
<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]">
|
||||
<img
|
||||
src={wagreen}
|
||||
alt="WhatsApp Icon"
|
||||
className="mr-2 h-[30px] w-[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 text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
|
||||
{/* 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>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeadPersonal;
|
||||
|
|
|
|||
|
|
@ -1,65 +1,54 @@
|
|||
import { component11, wagreen, start22 } from "../asset";
|
||||
import { component11, wagreen, hs } from "../asset";
|
||||
|
||||
function HeadPersonal() {
|
||||
export default function HeadPersonal() {
|
||||
return (
|
||||
<div
|
||||
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"
|
||||
id="Home"
|
||||
>
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12">
|
||||
{/* Left Section */}
|
||||
<div className="text-left items-center">
|
||||
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 mb-6">
|
||||
<img
|
||||
className="w-3/4 sm:w-auto max-h-20 object-contain"
|
||||
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
|
||||
<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 Startup
|
||||
</span>
|
||||
</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
|
||||
</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
|
||||
digital. Baik Anda seorang profesional, pelajar, atau individu yang
|
||||
mencari kemudahan dalam kehidupan sehari-hari, Rekan AI menawarkan
|
||||
teknologi yang mudah digunakan, efisien, dan dapat diandalkan.
|
||||
</h1>
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-[20px] lg:text-[18px] text-customBlack mt-7">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Right Section (Home Image) */}
|
||||
<div className="flex justify-center lg:justify-end mt-8 lg:mt-0">
|
||||
{/* Right Column - Hero Image */}
|
||||
<div className="order-2 lg:order-none flex justify-center">
|
||||
<img
|
||||
src={start22 || "/placeholder.svg"}
|
||||
alt="Home Image"
|
||||
className="w-full max-w-[500px] sm:max-w-[600px] md:max-w-[700px] lg:max-w-[807px] h-auto"
|
||||
width={807}
|
||||
height={600}
|
||||
src={hs}
|
||||
alt="Hero Illustration"
|
||||
width={716}
|
||||
height={743}
|
||||
className="w-full h-auto md:w-[600px] md:h-[600px]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Buttons */}
|
||||
<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">
|
||||
<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]">
|
||||
<img
|
||||
src={wagreen}
|
||||
alt="WhatsApp Icon"
|
||||
className="mr-2 h-[30px] w-[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 text-[18px] lg:text-[20px] cursor-pointer transition-all ease-in-out hover:opacity-90">
|
||||
{/* 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>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeadPersonal;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
|
|
@ -1,48 +1,35 @@
|
|||
import { chek2, wagreen, start44 } from "../asset";
|
||||
import { chek2, wagreen, start44 } 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-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
|
||||
src={start44}
|
||||
src={start44 || "/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-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]">
|
||||
<h2 className="text-[32px] font-semibold">
|
||||
Kenapa Memilih Rekan AI untuk Startup Anda?</h2>
|
||||
<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">Kenapa Memilih Rekan AI untuk Startup Anda?</h2>
|
||||
<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>
|
||||
<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}
|
||||
alt="Check"
|
||||
className="w-6 h-6 md:w-11 md:h-11 mr-3"
|
||||
/>
|
||||
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
|
||||
Teknologi kami dirancang agar dapat diakses oleh siapa saja, tanpa memerlukan latar belakang teknis.
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<img
|
||||
src={chek2}
|
||||
alt="Check"
|
||||
className="w-6 h-6 md:w-11 md:h-11 mr-3"
|
||||
/>
|
||||
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
|
||||
Rekan AI menawarkan solusi dengan harga yang sesuai untuk Startup.
|
||||
</li>
|
||||
<li className="flex items-center">
|
||||
<img
|
||||
src={chek2}
|
||||
alt="Check"
|
||||
className="w-6 h-6 md:w-11 md:h-11 mr-3"
|
||||
/>
|
||||
<img src={chek2 || "/placeholder.svg"} alt="Check" className="w-6 h-6 md:w-9 md:h-9 mr-3" />
|
||||
Kami membantu Anda menciptakan peluang baru dengan teknologi yang mendukung setiap tahap perkembangan bisnis.
|
||||
</li>
|
||||
</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]">
|
||||
<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}
|
||||
src={wagreen || "/placeholder.svg"}
|
||||
alt="WhatsApp Icon"
|
||||
className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
|
||||
/>
|
||||
|
|
@ -63,7 +50,8 @@ function Kenapa() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
export default Kenapa;
|
||||
export default Kenapa
|
||||
|
||||
|
|
|
|||
|
|
@ -1,64 +1,46 @@
|
|||
import { chek2, wagreen, start33 } from "../asset";
|
||||
import { chek2, wagreen, start33 } 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-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
|
||||
src={start33}
|
||||
src={start33 || "/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-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]">
|
||||
<h2 className="text-[32px] font-semibold">
|
||||
Mengapa Memilih Rekan AI untuk Penggunaan Pribadi?
|
||||
</h2>
|
||||
<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 Memilih Rekan AI untuk Penggunaan Pribadi?</h2>
|
||||
<p className="mt-4 text-sm md:max-w-[90%] md:leading-8 text-[20px]">
|
||||
Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi
|
||||
individu yang ingin memanfaatkan kecerdasan buatan dalam kehidupan
|
||||
sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola
|
||||
data dengan aman, atau membuat keputusan yang lebih cerdas, Rekan AI
|
||||
adalah solusi tepat yang dirancang khusus untuk Anda.
|
||||
Rekan AI hadir untuk memberikan kemudahan dan efisiensi bagi individu yang ingin memanfaatkan kecerdasan
|
||||
buatan dalam kehidupan sehari-hari. Apakah Anda ingin meningkatkan produktivitas, mengelola data dengan
|
||||
aman, atau membuat keputusan yang lebih cerdas, Rekan AI adalah solusi tepat yang dirancang khusus untuk
|
||||
Anda.
|
||||
</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}
|
||||
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.
|
||||
<img src={chek2 || "/placeholder.svg"} 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 className="flex items-center">
|
||||
<img
|
||||
src={chek2}
|
||||
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.
|
||||
<img src={chek2 || "/placeholder.svg"} 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 className="flex items-center">
|
||||
<img
|
||||
src={chek2}
|
||||
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.
|
||||
<img src={chek2 || "/placeholder.svg"} 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>
|
||||
</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}
|
||||
src={wagreen || "/placeholder.svg"}
|
||||
alt="WhatsApp Icon"
|
||||
className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]"
|
||||
/>
|
||||
|
|
@ -71,7 +53,8 @@ function Kenapa() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
export default Kenapa;
|
||||
export default Kenapa
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -4,7 +4,7 @@ import { maskcek, rekan1, rekan2, rekan3, rekan4 } from "../asset";
|
|||
// data.json
|
||||
export const data = {
|
||||
title: "Solusi Bisnis",
|
||||
subtitle: "Pilihan Terbaik untuk Solusi Bisnis UMKM",
|
||||
subtitle: "Pilihan Terbaik untuk Solusi Bisnis Personal",
|
||||
tabs: [
|
||||
{ name: "Rekan HR", key: "hr" },
|
||||
{ name: "Rekan Doku", key: "doku" },
|
||||
|
|
|
|||
|
|
@ -35,59 +35,59 @@ export const data = {
|
|||
doku: {
|
||||
title: "Rekan Doku – Autentikasi dan Manajemen Dokumen Digital",
|
||||
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,
|
||||
features: [
|
||||
{
|
||||
title: "Autentikasi Dokumen Digital",
|
||||
description:
|
||||
"Berikan keabsahan pada dokumen penting seperti kontrak kerja, sertifikat, atau surat pribadi dengan e-Meterai dan tanda tangan digital yang diakui secara hukum.",
|
||||
"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
|
||||
},
|
||||
{
|
||||
title: "Manajemen Dokumen Terpusat",
|
||||
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
|
||||
}
|
||||
]
|
||||
},
|
||||
llm: {
|
||||
title: "Rekan LLM – Kecerdasan Teknologi untuk Mendukung Kehidupan Anda",
|
||||
title: "Rekan LLM – Analisis dan Pengambilan Keputusan Berbasis AI",
|
||||
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,
|
||||
features: [
|
||||
{
|
||||
title: "Analisis Pribadi Berbasis AI",
|
||||
title: "Analisis Berbasis AI",
|
||||
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
|
||||
},
|
||||
{
|
||||
title: "Keputusan Lebih Tepat dengan Data",
|
||||
title: "Pengambilan Keputusan Lebih Tepat",
|
||||
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
|
||||
}
|
||||
]
|
||||
},
|
||||
veri: {
|
||||
title: "Rekan Veri – Data yang Tepat untuk Keputusan yang Benar",
|
||||
title: "Rekan Veri – Percepat Bisnis dengan Keakuratan Data",
|
||||
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,
|
||||
features: [
|
||||
{
|
||||
title: "Verifikasi Data Cepat",
|
||||
title: "Verifikasi Data yang Cepat",
|
||||
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
|
||||
},
|
||||
{
|
||||
title: "Efisiensi dalam Verifikasi",
|
||||
title: "Efisiensi Administrasi",
|
||||
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
|
||||
}
|
||||
]
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 388 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 372 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 469 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 650 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 498 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 472 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
|
|
@ -33,10 +33,22 @@ import CardStart1 from "./Play Now (30) 3.png"
|
|||
import CardStart2 from "./Play Now (32) 2.png"
|
||||
import CardStart3 from "./Play Now (30) 1.png"
|
||||
import start44 from "./Frame 811556.png"
|
||||
import hs from "./Frame 811557.png"
|
||||
import rs1 from "./Frame 87.png"
|
||||
import rs2 from "./Frame 87 (1).png"
|
||||
import rs3 from "./Frame 87 (2).png"
|
||||
import rs4 from "./Frame 87 (3).png"
|
||||
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 {
|
||||
row,
|
||||
|
|
@ -74,8 +86,18 @@ export {
|
|||
CardStart2,
|
||||
CardStart3,
|
||||
start44,
|
||||
hs,
|
||||
rs1,
|
||||
rs2,
|
||||
rs3,
|
||||
rs4,
|
||||
hc,
|
||||
CardCp1,
|
||||
CardCp2,
|
||||
CardCp3,
|
||||
start55,
|
||||
rcp1,
|
||||
rcp2,
|
||||
rcp3,
|
||||
rcp4,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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 Transformas from '../components/solusi/Transformasi/Transformas'
|
||||
import WhatsAppButton from "../components/beranda/WhatsAppButon"
|
||||
import Footer from "../components/contact/Footer"
|
||||
function Contact() {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<HeadCorporate />
|
||||
<CardCorporate />
|
||||
<MengapaCorporate />
|
||||
<SolusiCorporate />
|
||||
<Transformas />
|
||||
<Footer />
|
||||
<WhatsAppButton />
|
||||
</>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
export default Contact
|
||||
Loading…
Reference in New Issue