Compare commits
3 Commits
4f07bdf08b
...
07e229dfad
| Author | SHA1 | Date |
|---|---|---|
Yogamnan
|
07e229dfad | |
|
Yogamnan
|
b3985ca419 | |
Carls2320
|
6beefac2f4 |
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<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.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
|
||||
|
|
|
|||
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: 7.5 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.
|
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 |
|
|
@ -6,8 +6,9 @@ import IconCorporate from './image/Frame 18 (2).png'
|
|||
import row from './image/arrow.png';
|
||||
import row2 from './image/vector.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 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 +60,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";
|
||||
|
|
@ -74,7 +75,7 @@ import frame from "./image/Component 11.png";
|
|||
|
||||
export{
|
||||
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,
|
||||
swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14,
|
||||
swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
"use client"
|
||||
|
||||
import { useState } from "react"
|
||||
import { useNavigate } from "react-router-dom"
|
||||
import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets"
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ function Hero() {
|
|||
</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">
|
||||
<div className="relative w-full aspect-square lg:aspect-auto md:w-[650px] md:h-[680px] lg:h-[600px] order-2 lg:order-none">
|
||||
<img src={homeImg} alt="Rekan AI Illustration" className="object-contain" />
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,10 +7,10 @@ function MasaDepan() {
|
|||
{/* 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">
|
||||
<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-black">
|
||||
<h1 className="text-2xl sm:text-[32px] font-semibold text-[#212121]">
|
||||
Masa Depan Bisnis, Dimulai Hari Ini
|
||||
</h1>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import WaButtons from '../../assets/image/Whatsapp.png';
|
||||
import { waButton } from "../../assets";
|
||||
|
||||
const WhatsAppButton = () => {
|
||||
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]">
|
||||
<img
|
||||
className="w-10 h-10 md:w-12 md:h-12"
|
||||
src={WaButtons}
|
||||
className="w-10 h-10 md:w-auto md:h-auto"
|
||||
src={waButton}
|
||||
alt="WhatsApp"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,16 +2,13 @@ import { email, phone, customer } from "./asset";
|
|||
|
||||
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">
|
||||
<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 */}
|
||||
<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="w-full md:w-[650px] 2xl:w-[750px] h-auto gap-[29px] text-left md:mt-0 pl-10">
|
||||
<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{" "}
|
||||
<span className="hidden lg:inline">
|
||||
<br />
|
||||
</span>{" "}
|
||||
Lebih Maju!
|
||||
Kami Siap Membantu Bisnis Anda
|
||||
Lebih Maju!
|
||||
</h2>
|
||||
</div>
|
||||
<p className="text-[#212121] leading-relaxed mb-6 text-[16px] md:text-[20px] md:max-w-[90%]">
|
||||
|
|
@ -56,11 +53,11 @@ const CustomerService = () => {
|
|||
</div>
|
||||
|
||||
{/* 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
|
||||
src={customer}
|
||||
alt="Customer Service"
|
||||
className="w-auto h-auto "
|
||||
className="w-full h-auto md:w-auto md:h-auto"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -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 |
|
|
@ -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 |
|
|
@ -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;
|
||||
|
|
@ -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;
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
import { wagreen } from "../asset";
|
||||
|
||||
function MasaDepan() {
|
||||
function Transformasi() {
|
||||
return (
|
||||
<>
|
||||
<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 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]">
|
||||
<img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
|
||||
Konsultasi Gratis
|
||||
|
|
@ -40,4 +40,4 @@ function MasaDepan() {
|
|||
);
|
||||
}
|
||||
|
||||
export default MasaDepan;
|
||||
export default Transformasi;
|
||||
|
|
@ -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;
|
||||
|
|
@ -3,7 +3,7 @@ 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 TransformasiCorpo from '../components/solusi/TransformasiCorpo/TransformasiCorpo'
|
||||
import WhatsAppButton from "../components/beranda/WhatsAppButon"
|
||||
import Footer from "../components/contact/Footer"
|
||||
function Contact() {
|
||||
|
|
@ -14,7 +14,7 @@ function Contact() {
|
|||
<CardCorporate />
|
||||
<MengapaCorporate />
|
||||
<SolusiCorporate />
|
||||
<Transformas />
|
||||
<TransformasiCorpo />
|
||||
<Footer />
|
||||
<WhatsAppButton />
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import HeadPersonal from '../components/solusi/HeadPersonal/HeadPersonal'
|
|||
import CardPersonal from '../components/solusi/CardPersonal/CardPersonal'
|
||||
import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal'
|
||||
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 Footer from "../components/contact/Footer"
|
||||
function Contact() {
|
||||
|
|
@ -14,7 +14,7 @@ function Contact() {
|
|||
<CardPersonal />
|
||||
<MengapapPersonal />
|
||||
<SolusiPersonal />
|
||||
<Transformas />
|
||||
<TransformasiPersonal />
|
||||
<Footer />
|
||||
<WhatsAppButton />
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import Footer from "../components/contact/Footer"
|
|||
import CardStartup from "../components/solusi/CardStartup/CardStartup"
|
||||
import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup"
|
||||
import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup"
|
||||
import Transformas from "../components/solusi/Transformasi/Transformas"
|
||||
import TransformasiStart from "../components/solusi/TransformasiStart/TransformasiStart"
|
||||
function Contact() {
|
||||
return (
|
||||
<>
|
||||
|
|
@ -14,7 +14,7 @@ function Contact() {
|
|||
<CardStartup />
|
||||
<MengapaStartup />
|
||||
<SolusiStartup />
|
||||
<Transformas />
|
||||
<TransformasiStart />
|
||||
<Footer />
|
||||
<WhatsAppButton />
|
||||
</>
|
||||
|
|
|
|||
Loading…
Reference in New Issue