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

add produk

Browse Source
This commit is contained in:
Yogamnan
2025-02-14 16:40:23 +07:00
parent 8cb7eeadc1
commit 3148ff7a2e
24 changed files with 201 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/beranda/Banner.jsx
View File

@@ -1,9 +1,7 @@
import { waIcon2, L1, L2, L3, L4, R1, R2, R3, R4, bgcBanner } from "../../assets/"
import { useNavigate } from "react-router-dom"
import { Link } from "react-router-dom"
function Banner() {
const navigate = useNavigate();
return (
<div className="relative w-full overflow-hidden">
<div
@@ -44,12 +42,13 @@ function Banner() {
/>
Konsultasi Gratis
</button>
<button
onClick={() => navigate("/FormSection")}
<Link to={"/Contact#form"}>
<button
className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[65px] rounded-2xl px-4 md:px-8 py-2 md:py-3 border-[1px] border-white bg-gradient-to-r from-[#dc0168] to-[#5b59e8] text-white text-sm md:text-lg font-bold hover:opacity-90">
Coba Sekarang
</button>
</Link>
className="flex items-center justify-center w-full md:w-[270px] h-[50px] md:h-[65px] rounded-2xl px-4 md:px-8 py-2 md:py-3 border-[1px] border-white bg-gradient-to-r from-[#dc0168] to-[#5b59e8] text-white text-sm md:text-lg font-bold hover:opacity-90">
Coba Sekarang
</button>
</div>
</div>

9
src/components/beranda/Footer.jsx
View File

@@ -1,4 +1,4 @@
import { useNavigate } from "react-router-dom"
import { useNavigate, Link } from "react-router-dom"
import {
nvidia,
@@ -38,7 +38,6 @@ function Footer() {
</p>
</div>
<p className="mb-4 text-[18px]">Lebih dekat dengan Kami</p>
<div className="flex space-x-3">
{/* Tautan ke media sosial */}
<a href="#">
@@ -118,14 +117,12 @@ function Footer() {
</button>
</li>
<li>
<Link to={"/Contact#faq"}>
<button
onClick={() => {
navigate("/FormSection");
window.scrollTo({ top: 0, behavior: "smooth" });
}}
className="block w-full text-left">
F.A.Q
</button>
</Link>
</li>
</ul>
</div>

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

@@ -72,7 +72,7 @@ const Header = () => {
</button>
{isProdukOpen && (
<div className="absolute left-[525px] -translate-x-1/2 top-full md:top-11 mt-2 w-[5000px]">
<div className="absolute left-[500px] -translate-x-1/2 top-full md:top-11 mt-2 w-[5000px]">
<div className="bg-customRed bg-opacity-80 rounded-xl p-8">
<div className="flex justify-center gap-8">
{/* HR */}
@@ -104,7 +104,7 @@ const Header = () => {
<div className="text-left">
<h3 className="font-medium text-base py-1">Rekan Doku</h3>
<p className="text-xs text-customBlack">
Kelola dokumen digital
Kelola dokumen <br /> digital
</p>
</div>
</button>
@@ -120,7 +120,7 @@ const Header = () => {
<img src={ProdukLlm} alt="" className="w-16 h-16" />
<div className="text-left">
<h3 className="font-medium text-base py-1">Rekan LLM</h3>
<p className="text-xs text-customBlack">Solusi analisis berbasis data</p>
<p className="text-xs text-customBlack">Solusi analisis berbasis <br /> data</p>
</div>
</button>
{/* VERI */}
@@ -134,7 +134,7 @@ const Header = () => {
<img src={ProdukVeri} alt="" className="w-16 h-16" />
<div className="text-left">
<h3 className="font-medium text-base py-1">Rekan Veri</h3>
<p className="text-xs text-customBlack">Verifikasi data secara akurat</p>
<p className="text-xs text-customBlack">Verifikasi data secara <br /> akurat</p>
</div>
</button>
</div>

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

@@ -1,5 +1,5 @@
import { homeLogo, waIcon, homeImg } from '../../assets';
import { useNavigate } from "react-router-dom"
import { useNavigate, Link } from "react-router-dom"
function Hero() {
const navigate = useNavigate();
@@ -30,11 +30,13 @@ function Hero() {
<img src={waIcon} alt="WhatsApp Icon" className="mr-2 h-7 w-7" />
Konsultasi Gratis
</button>
<button
onClick={() => navigate("/FormSection")}
className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
Coba Sekarang
</button>
<Link to={"/Contact#form"}>
<button
className="flex items-center justify-center px-6 py-3 rounded-[14px] md:w-[245px] md:h-[55px] bg-gradient-to-r from-[#DC0168] to-[#5B59E8] text-white font-medium text-base lg:text-lg hover:opacity-90 transition-opacity">
Coba Sekarang
</button>
</Link>
</div>
</div>
</div>

15
src/components/beranda/Kenapa.jsx
View File

@@ -1,9 +1,7 @@
import { imgLeft, chek2, waIcon, circle1, circle2 } from '../../assets'
import { useNavigate } from "react-router-dom"
import { Link } from "react-router-dom"
function Kenapa() {
const navigate = useNavigate();
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">
@@ -55,11 +53,12 @@ function Kenapa() {
<img src={waIcon} alt="WhatsApp Icon" className="mr-2 w-4 h-4 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis
</button>
<button
onClick={() => navigate("/FormSection")}
className="w-full md:w-[276px] h-[50px] md:h-[70px] bg-gradient-to-r from-pink-700 to-indigo-600 text-white md:text-xl font-medium rounded-[14px] hover:opacity-90 transition">
Coba Sekarang
</button>
<Link to={"/Contact#form"}>
<button
className="w-full md:w-[276px] h-[50px] md:h-[70px] bg-gradient-to-r from-pink-700 to-indigo-600 text-white md:text-xl font-medium rounded-[14px] hover:opacity-90 transition">
Coba Sekarang
</button>
</Link>
</div>
</div>
</div>

16
src/components/beranda/MasaDepan.jsx
View File

@@ -1,11 +1,9 @@
import React from "react";
import { waIcon } from "../../assets";
import { useNavigate } from "react-router-dom"
import { Link } from "react-router-dom"
function MasaDepan() {
const navigate = useNavigate();
return (
<>
<div className="flex flex-col items-center justify-center text-center w-full h-[65vh] -mt-3">
@@ -33,12 +31,12 @@ function MasaDepan() {
<img src={waIcon} alt="WhatsApp Icon" className="mr-4 w-5 h-5 md:w-[30px] md:h-[30px]" />
Konsultasi Gratis
</button>
<button
onClick={() => navigate("/FormSection")}
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>
<Link to={"/Contact#form"}>
<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>
</Link>
</div>
</>