This commit is contained in:
Carls2320 2025-02-10 14:27:21 +07:00
parent 4f07bdf08b
commit dcbd0a8172
24 changed files with 99 additions and 78 deletions

20
package-lock.json generated
View File

@ -25,7 +25,7 @@
"globals": "^15.14.0",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.17",
"vite": "^6.0.5"
"vite": "^6.1.0"
}
},
"node_modules/@alloc/quick-lru": {
@ -4299,9 +4299,9 @@
}
},
"node_modules/postcss": {
"version": "8.4.49",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
"integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
"version": "8.5.1",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
"integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
"dev": true,
"funding": [
{
@ -4319,7 +4319,7 @@
],
"license": "MIT",
"dependencies": {
"nanoid": "^3.3.7",
"nanoid": "^3.3.8",
"picocolors": "^1.1.1",
"source-map-js": "^1.2.1"
},
@ -5555,15 +5555,15 @@
"license": "MIT"
},
"node_modules/vite": {
"version": "6.0.7",
"resolved": "https://registry.npmjs.org/vite/-/vite-6.0.7.tgz",
"integrity": "sha512-RDt8r/7qx9940f8FcOIAH9PTViRrghKaK2K1jY3RaAURrEUbm9Du1mJ72G+jlhtG3WwodnfzY8ORQZbBavZEAQ==",
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/vite/-/vite-6.1.0.tgz",
"integrity": "sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"esbuild": "^0.24.2",
"postcss": "^8.4.49",
"rollup": "^4.23.0"
"postcss": "^8.5.1",
"rollup": "^4.30.1"
},
"bin": {
"vite": "bin/vite.js"

View File

@ -27,6 +27,6 @@
"globals": "^15.14.0",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.17",
"vite": "^6.0.5"
"vite": "^6.1.0"
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 374 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -7,7 +7,7 @@ import row from './image/arrow.png';
import row2 from './image/vector.png';
import homeLogo from './image/Component 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 card2 from './image/rekan doku.png';
import card3 from './image/rekan llm.png';
@ -59,10 +59,10 @@ import imgLeft2 from './image/Frame 811531.png';
import imgLeft1 from './image/Frame 811530.png';
import imgLeft3 from './image/Frame 811533.png';
import imgRight from './image/Component 6.png';
import nvdia from "./image/nvidia.png";
import kmn from "./image/kemeneterian.png";
import kominfo from "./image/kominfo.png";
import ojk from "./image/ojk.png";
import nvdia from "./image/NVIDIA PNG Pic.png";
import kmn from "./image/Dukcapil PNG Pic.png";
import kominfo from "./image/Kominfo PNG Pic.png";
import ojk from "./image/OJK-Rilis-Roadmap-Pasar-Modal-Indonesia-2023-2027.webp";
import facebook from "./image/fb.png";
import x from "./image/twitter.png";
import instagram from "./image/ig.png";

View File

@ -1,68 +1,80 @@
import { nvdia,kmn,kominfo,ojk,x,instagram,facebook,frame, } from "../../assets";
// 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
function Footer() {
return (
<footer className="bg-customGrey h-[506px] py-10 text-[#212121]">
<footer className="bg-customGrey py-10 text-[#212121]">
{/* Kontainer utama footer */}
<div className="flex flex-col sm:flex-row sm:flex-wrap justify-between gap-5 mx-5 sm:mx-28 mt-20 text-sm">
{/* Kolom 1: Logo perusahaan */}
<div className="mb-5 sm:mb-0">
<img
src={frame} // Gambar logo perusahaan
src={component11} // Gambar logo perusahaan
alt="Logo"
className="max-w-[200px] w-[50.3px] h-[40.24px] sm:mx-0"
/>
</div>
{/* 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">
<p>
<strong className="text-[25px] text-[#5B59E8]">Rekan AI</strong>{" "}
<br />
<span className="text-[#5B59E8] italic font-bold">
<span className="text-[#5B59E8] italic">
Reimagine Your Business with AI.
</span>
</p>
</div>
<p className="mb-10 text-[18px]">
Jl. Anggrek No.6, Sawah Lama, Kec. Ciputat, Kota Tangerang Selatan,
Banten 15413
<p className="mb-[39px] text-[18px] w-full sm:w-auto">
<span className="block md:inline">Jl. Anggrek No.6, Sawah Lama, Kec.</span>
<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 className="mb-4 text-[18px]">Lebih dekat dengan Kami</p>
<div className="flex space-x-5">
<div className="flex space-x-3">
{/* Tautan ke media sosial */}
<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 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 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>
</div>
</div>
{/* Kolom 3: Produk perusahaan */}
<div className="flex-1 mb-5 sm:mb-0 md:ml-16 sm:pl-0">
<h4 className="text-[18px] font-semibold mb-4">Produk Kami</h4>
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-base font-semibold mb-4">Produk Kami</h4>
<ul className="space-y-4 text-[18px]">
<li>Rekan Doku</li> {/* Produk: Dokumen otomatis */}
<li>Rekan Veri</li> {/* Produk: Verifikasi data */}
<li>Rekan HR</li> {/* Produk: Manajemen SDM */}
<li>Rekan LLM</li> {/* Produk: Model bahasa besar */}
<li>Rekan Doku</li>
<li>Rekan Veri</li>
<li>Rekan HR</li>
<li>Rekan LLM</li>
</ul>
</div>
{/* Kolom 4: Solusi yang ditawarkan */}
<div className="flex-1 mb-5 md:-mx-28 sm:mb-0 sm:pl-0">
<h4 className="text-[18px] font-semibold mb-4">Solusi Kami</h4>
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-base font-semibold mb-4">Solusi Kami</h4>
<ul className="space-y-4 text-[18px]">
<li>Personal</li> {/* Solusi untuk individu */}
<li>UMKM</li> {/* Solusi untuk Usaha Mikro, Kecil, dan Menengah */}
<li>Corporate Business</li> {/* Solusi untuk perusahaan besar */}
<li>Personal</li>
<li>UMKM</li>
<li>Corporate Business</li>
</ul>
</div>
@ -70,9 +82,8 @@ function Footer() {
<div className="flex-1 mb-5 sm:mb-0 sm:pl-0">
<h4 className="text-[18px] font-semibold mb-4">Hubungi Kami</h4>
<ul className="space-y-4 text-[18px]">
<li>Email: support@rekanai.com</li> {/* Email dukungan */}
<li>Phone: +68452098</li> {/* Nomor telepon */}
<li>F.A.Q</li> {/* Halaman Pertanyaan yang Sering Diajukan */}
<li>Kontak Kami</li>
<li>F.A.Q</li>
</ul>
</div>
@ -80,21 +91,21 @@ function Footer() {
<div className="mb-5 sm:mb-0 sm:pl-0">
<div className="mb-4">
<img
src={nvdia} // Gambar logo partner NVIDIA
src={nvidia}
alt="NVIDIA Inception Premier Member"
className="w-[221px] h-[83px]"
/>
</div>
<div className="flex gap-5">
<img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" /> {/* Gambar logo partner Kementerian */}
<img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" /> {/* Gambar logo partner Kominfo */}
<img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" /> {/* Gambar logo partner OJK */}
<img src={kmn} alt="Partner 1" className="w-[56px] h-[72px]" />
<img src={kominfo} alt="Partner 2" className="w-[63px] h-[62px]" />
<img src={ojk} alt="Partner 3" className="w-[77px] h-[60px]" />
</div>
</div>
</div>
{/* Bagian hak cipta */}
<div className="text-left mt-40 mx-5 sm:mx-28 text-xs">
<div className="text-left mt-[92.78px] mx-5 sm:mx-28 text-xs">
<p>
© Copyright 2025 Rekan AI. Seluruh hak cipta dilindungi undang-undang
</p>
@ -103,5 +114,4 @@ function Footer() {
);
}
export default Footer;

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB