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

Last

Browse Source
This commit is contained in:
Yogamnan
2025-02-08 20:46:52 +07:00
parent 940448f28b
commit 4f07bdf08b
30 changed files with 535 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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() {
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