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

before merge

Browse Source
This commit is contained in:
Yogamnan 2025-02-11 15:46:07 +07:00
parent 4f07bdf08b
commit b3985ca419
13 changed files with 99 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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" <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"

BIN
src/assets/image/Frame 27.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/assets/image/Rekan Ai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

5
src/assets/index.js
View File

@ -6,8 +6,9 @@ import IconCorporate from './image/Frame 18 (2).png'
import row from './image/arrow.png'; import row from './image/arrow.png';
import row2 from './image/vector.png'; import row2 from './image/vector.png';
import homeLogo from './image/Component 1.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 waIcon from './image/whatsapp-color_svgrepo.com (1).png';
import homeImg from './image/Component 3.png'; import homeImg from './image/Rekan Ai.png';
import card1 from './image/rekan hr.png'; import card1 from './image/rekan hr.png';
import card2 from './image/rekan doku.png'; import card2 from './image/rekan doku.png';
import card3 from './image/rekan llm.png'; import card3 from './image/rekan llm.png';
@ -74,7 +75,7 @@ import frame from "./image/Component 11.png";
export{ export{
Logo1, search,row,row2,homeLogo,waIcon,homeImg,card1,card2,card3,card4,chek, 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, mitraImg,arrow1,arrow2,swipper1,swipper2,swipper3,swipper4,swipper5,swipper6,
swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14, swipper7,swipper8,swipper9,swipper10,swipper11,swipper12,swipper13,swipper14,
swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22, swipper15,swipper16,swipper17,swipper18,swipper19,swipper20,swipper21,swipper22,

2
src/components/beranda/Header.jsx
View File

@ -1,5 +1,3 @@
"use client"
import { useState } from "react" import { useState } from "react"
import { useNavigate } from "react-router-dom" import { useNavigate } from "react-router-dom"
import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets" import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup } from "../../assets"

2
src/components/beranda/Hero.jsx
View File

@ -18,7 +18,7 @@ function Hero() {
</div> </div>
{/* Right Section - Adjust order for mobile */} {/* 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" /> <img src={homeImg} alt="Rekan AI Illustration" className="object-contain" />
</div> </div>

6
src/components/beranda/WhatsAppButon.jsx
View File

@ -1,11 +1,11 @@
import WaButtons from '../../assets/image/Whatsapp.png'; import { waButton } from "../../assets";
const WhatsAppButton = () => { const WhatsAppButton = () => {
return ( 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]"> <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 <img
className="w-10 h-10 md:w-12 md:h-12" className="w-10 h-10 md:w-auto md:h-auto"
src={WaButtons} src={waButton}
alt="WhatsApp" alt="WhatsApp"
/> />
</div> </div>

39
src/components/solusi/TransformasiCorpo/TransformasiCorpo.jsx Normal file
View File

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

6
src/components/solusi/Transformasi/Transformas.jsx → src/components/solusi/TransformasiPersonal/TransformasiPersonal.jsx
View File

@ -1,6 +1,6 @@
import { wagreen } from "../asset"; import { wagreen } from "../asset";
function MasaDepan() { function Transformasi() {
return ( return (
<> <>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] mb-20 -mt-3"> <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> </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]"> <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]" /> <img src={wagreen} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis Konsultasi Gratis
@ -40,4 +40,4 @@ function MasaDepan() {
); );
} }
export default MasaDepan; export default Transformasi;

43
src/components/solusi/TransformasiStart/TransformasiStart.jsx Normal file
View File

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

4
src/pages/SolusiCorporate.jsx
View File

@ -3,7 +3,7 @@ import HeadCorporate from "../components/solusi/HeadCorporate/HeadCorporate"
import CardCorporate from '../components/solusi/CardCorporate/CardCorporate' import CardCorporate from '../components/solusi/CardCorporate/CardCorporate'
import MengapaCorporate from '../components/solusi/MengapaCorporate/MengapaCorporate' import MengapaCorporate from '../components/solusi/MengapaCorporate/MengapaCorporate'
import SolusiCorporate from '../components/solusi/SolusiCorporate/SolusiCorporate' 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 WhatsAppButton from "../components/beranda/WhatsAppButon"
import Footer from "../components/contact/Footer" import Footer from "../components/contact/Footer"
function Contact() { function Contact() {
@ -14,7 +14,7 @@ function Contact() {
<CardCorporate /> <CardCorporate />
<MengapaCorporate /> <MengapaCorporate />
<SolusiCorporate /> <SolusiCorporate />
<Transformas /> <TransformasiCorpo />
<Footer /> <Footer />
<WhatsAppButton /> <WhatsAppButton />
</> </>

4
src/pages/SolusiPersonal.jsx
View File

@ -3,7 +3,7 @@ import HeadPersonal from '../components/solusi/HeadPersonal/HeadPersonal'
import CardPersonal from '../components/solusi/CardPersonal/CardPersonal' import CardPersonal from '../components/solusi/CardPersonal/CardPersonal'
import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal' import MengapapPersonal from '../components/solusi/MengapapPersonal/MengapapPersonal'
import SolusiPersonal from '../components/solusi/SolusiPersonal/SolusiPersonal' 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 WhatsAppButton from "../components/beranda/WhatsAppButon"
import Footer from "../components/contact/Footer" import Footer from "../components/contact/Footer"
function Contact() { function Contact() {
@ -14,7 +14,7 @@ function Contact() {
<CardPersonal /> <CardPersonal />
<MengapapPersonal /> <MengapapPersonal />
<SolusiPersonal /> <SolusiPersonal />
<Transformas /> <TransformasiPersonal />
<Footer /> <Footer />
<WhatsAppButton /> <WhatsAppButton />
</> </>

4
src/pages/SolusiStartup.jsx
View File

@ -5,7 +5,7 @@ import Footer from "../components/contact/Footer"
import CardStartup from "../components/solusi/CardStartup/CardStartup" import CardStartup from "../components/solusi/CardStartup/CardStartup"
import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup" import MengapaStartup from "../components/solusi/MengapaStartup/MengapaStartup"
import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup" import SolusiStartup from "../components/solusi/SolusiStartup/SolusiStartup"
import Transformas from "../components/solusi/Transformasi/Transformas" import TransformasiStart from "../components/solusi/TransformasiStart/TransformasiStart"
function Contact() { function Contact() {
return ( return (
<> <>
@ -14,7 +14,7 @@ function Contact() {
<CardStartup /> <CardStartup />
<MengapaStartup /> <MengapaStartup />
<SolusiStartup /> <SolusiStartup />
<Transformas /> <TransformasiStart />
<Footer /> <Footer />
<WhatsAppButton /> <WhatsAppButton />
</> </>