allbest/rekan_ai_fe
1
0
Fork 0
forked from amnannn/rekan_ai
Code Pull Requests Activity

done

Browse Source
This commit is contained in:
Carls2320 2025-02-08 17:17:21 +07:00
parent 527af57c87
commit c214b95b21
3 changed files with 21 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/componen/CardPersonal/CardPersonal.jsx
View File

@ -23,7 +23,7 @@ export default function FeatureCards() {
];
return (
<div className="container mx-auto px-4 py-16 text-center mb-[-70px]">
<div className="container mx-auto px-4 py-16 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>

2
src/componen/HeadPersonal/HeadPersonal.jsx
View File

@ -3,7 +3,7 @@ import { component11, wagreen, start22 } from "../asset";
export default function Hero() {
return (
<div className="container mx-auto px-4 lg:px-6">
<div className="flex flex-col lg:mt-[50px] lg:flex-row items-center mt-[200px] gap-12 py-8">
<div className="flex flex-col lg:mt-[85px] lg:flex-row items-center mt-[200px] gap-12 py-8">
{/* Left Column */}
<div className="flex-1 space-y-7">
{/* Logo and Tagline */}

55
src/componen/MengapapPersonal/MengapapPersonal.jsx
View File

@ -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