From 252b440c960cedfb4c536c72f9c0572801aeba54 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Mon, 20 Jan 2025 15:02:01 +0700 Subject: [PATCH] revisi 1 --- src/assets/index.js | 79 ++++++++++++++++++++++++++++++++++++ src/components/Banner.jsx | 35 ++++++---------- src/components/Footer.jsx | 18 +++----- src/components/Header.jsx | 6 +-- src/components/Hero.jsx | 7 ++-- src/components/Kenapa.jsx | 14 +++---- src/components/MasaDepan.jsx | 7 ++-- src/components/Mendukung.jsx | 5 +-- src/components/Mitra.jsx | 63 ++++++++++++++-------------- src/components/Solusi.jsx | 11 ++--- tailwind.config.js | 1 + 11 files changed, 147 insertions(+), 99 deletions(-) create mode 100644 src/assets/index.js diff --git a/src/assets/index.js b/src/assets/index.js new file mode 100644 index 0000000..401dfb7 --- /dev/null +++ b/src/assets/index.js @@ -0,0 +1,79 @@ +import Logo1 from './image/logo.png' +import search from './image/search.png'; +import row from './image/arrow.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 card1 from './image/rekan hr.png'; +import card2 from './image/rekan doku.png'; +import card3 from './image/rekan llm.png'; +import card4 from './image/rekan veri.png'; +import chek from './image/cheklist.png'; +import waIcon2 from './image/whatsapp-color_svgrepo.com.png' +import L1 from './image/Frame 811520.png' +import L3 from './image/Frame 811523.png' +import L2 from './image/Frame 811521.png' +import L4 from './image/Frame 811522.png' +import R1 from './image/Frame 811517.png' +import R3 from './image/Frame 811518.png' +import R2 from './image/Frame 811516.png' +import R4 from './image/Frame 811519.png' +import bgcBanner from './image/image 10.png' +import imgLeft from './image/Component 4.png'; +import chek2 from './image/cheklist.png'; +import circle1 from './image/Ellipse 2.png'; +import circle2 from './image/Ellipse 3.png'; +import mitraImg from "./image/Frame 811516 (3).png"; +import arrow1 from "./image/slider/Vector (1).png"; +import arrow2 from "./image/slider/Vector.png"; +import swipper1 from "./image/slider/1.png"; +import swipper2 from "./image/slider/2.png"; +import swipper3 from "./image/slider/3.png"; +import swipper4 from "./image/slider/4.png"; +import swipper5 from "./image/slider/5.png"; +import swipper6 from "./image/slider/6.png"; +import swipper7 from "./image/slider/7.png"; +import swipper8 from "./image/slider/8.png"; +import swipper9 from "./image/slider/9.png"; +import swipper10 from "./image/slider/10.png"; +import swipper11 from "./image/slider/11.png"; +import swipper12 from "./image/slider/12.png"; +import swipper13 from "./image/slider/13.png"; +import swipper14 from "./image/slider/14.png"; +import swipper15 from "./image/slider/15.png"; +import swipper16 from "./image/slider/16.png"; +import swipper17 from "./image/slider/17.png"; +import swipper18 from "./image/slider/18.png"; +import swipper19 from "./image/slider/19.png"; +import swipper20 from "./image/slider/20.png"; +import swipper21 from "./image/slider/21.png"; +import swipper22 from "./image/slider/22.png"; +import swipper23 from "./image/slider/23.png"; +import swipper24 from "./image/slider/24.png"; +import bgSwiper from "./image/image 16.png"; +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 facebook from "./image/fb.png"; +import x from "./image/twitter.png"; +import instagram from "./image/ig.png"; +import frame from "./image/Component 11.png"; + + + + + +export{ + Logo1, search,row,homeLogo,waIcon,homeImg,card1,card2,card3,card4,chek, + waIcon2,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, + swipper23,swipper24,bgSwiper,imgLeft1,imgLeft2,imgLeft3,imgRight,nvdia,kmn,kominfo, + ojk,facebook,x,instagram,frame +} \ No newline at end of file diff --git a/src/components/Banner.jsx b/src/components/Banner.jsx index 8388170..b9a0f1a 100644 --- a/src/components/Banner.jsx +++ b/src/components/Banner.jsx @@ -1,14 +1,4 @@ -import React from 'react' -import waIcon from '../assets/image/whatsapp-color_svgrepo.com.png' -import L1 from '../assets/image/Frame 811520.png' -import L3 from '../assets/image/Frame 811523.png' -import L2 from '../assets/image/Frame 811521.png' -import L4 from '../assets/image/Frame 811522.png' -import R1 from '../assets/image/Frame 811517.png' -import R3 from '../assets/image/Frame 811518.png' -import R2 from '../assets/image/Frame 811516.png' -import R4 from '../assets/image/Frame 811519.png' -import bgcBanner from '../assets/image/image 10.png' +import {waIcon2,L1,L2,L3,L4,R1,R2,R3,R4,bgcBanner} from '../assets'; function Banner() { return ( @@ -19,6 +9,7 @@ function Banner() { backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', + backgroundBlendMode: 'multiply', }} > {/* Gambar L1-L4 untuk mobile */} @@ -32,7 +23,7 @@ function Banner() { {/* Teks dan tombol */}
-

+

Bersama Rekan AI, Wujudkan Masa Depan Bisnis yang Lebih Inovatif dan Kompetitif.

@@ -41,10 +32,10 @@ function Banner() {

-
@@ -52,18 +43,18 @@ function Banner() { {/* Gambar L1-L4 untuk desktop */}
- image 1 - image 2 - image 3 - image 4 + image 1 + image 2 + image 3 + image 4
{/* Gambar R1-R4 untuk desktop */}
- image 1 - image 2 - image 3 - image 4 + image 1 + image 2 + image 3 + image 4
{/* Gambar R1-R4 untuk mobile */} diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index 19af6e8..d2bc6b8 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -1,17 +1,9 @@ -import nvdia from "../assets/image/nvidia.png"; -import kmn from "../assets/image/kemeneterian.png"; -import kominfo from "../assets/image/kominfo.png"; -import ojk from "../assets/image/ojk.png"; -import facebook from "../assets/image/fb.png"; -import x from "../assets/image/twitter.png"; -import instagram from "../assets/image/ig.png"; -import frame from "../assets/image/Component 11.png"; +import { nvdia,kmn,kominfo,ojk,x,instagram,facebook,frame, } from "../assets"; - // Gambar logo utama perusahaan function Footer() { return ( -