From 153214d438fd8cb7b6b6d2ac2b573a04a28df975 Mon Sep 17 00:00:00 2001 From: Yogamnan Date: Fri, 31 Jan 2025 14:27:13 +0700 Subject: [PATCH] add hubungi kami --- package-lock.json | 70 +++++++- package.json | 3 +- src/App.jsx | 31 +--- src/assets/image/vector.png | Bin 0 -> 265 bytes src/assets/index.js | 3 +- src/components/{ => beranda}/Banner.jsx | 6 +- src/components/{ => beranda}/Footer.jsx | 2 +- src/components/{ => beranda}/Header.jsx | 29 ++-- src/components/{ => beranda}/Hero.jsx | 6 +- src/components/{ => beranda}/Kenapa.jsx | 12 +- src/components/{ => beranda}/MasaDepan.jsx | 6 +- src/components/{ => beranda}/Mendukung.jsx | 6 +- src/components/{ => beranda}/Mitra.jsx | 70 ++++---- src/components/{ => beranda}/Solusi.jsx | 8 +- .../{ => beranda}/WhatsAppButon.jsx | 2 +- src/components/contact/BottomCTA.jsx | 44 +++++ src/components/contact/CustomerService.jsx | 73 ++++++++ src/components/contact/FAQSection.jsx | 157 ++++++++++++++++++ src/components/contact/Footer.jsx | 106 ++++++++++++ src/components/contact/FormSection.jsx | 152 +++++++++++++++++ src/components/contact/asset/Component 11.png | Bin 0 -> 3030 bytes src/components/contact/asset/Frame.png | Bin 0 -> 9321 bytes src/components/contact/asset/Frame27.png | Bin 0 -> 7720 bytes src/components/contact/asset/Whatsapp22.png | Bin 0 -> 958 bytes src/components/contact/asset/arrow.png | Bin 0 -> 266 bytes src/components/contact/asset/customer.png | Bin 0 -> 292171 bytes src/components/contact/asset/email.png | Bin 0 -> 4642 bytes src/components/contact/asset/facebook.png | Bin 0 -> 715 bytes src/components/contact/asset/image 10.png | Bin 0 -> 210652 bytes src/components/contact/asset/index.js | 25 +++ src/components/contact/asset/instagram.png | Bin 0 -> 930 bytes src/components/contact/asset/kementerian.png | Bin 0 -> 8031 bytes src/components/contact/asset/kominfo.png | Bin 0 -> 3688 bytes src/components/contact/asset/logo.png | Bin 0 -> 15709 bytes src/components/contact/asset/nvidia.png | Bin 0 -> 7279 bytes src/components/contact/asset/ojk.png | Bin 0 -> 5769 bytes src/components/contact/asset/phone.png | Bin 0 -> 4871 bytes src/components/contact/asset/search.png | Bin 0 -> 596 bytes src/components/contact/asset/telephone.png | Bin 0 -> 4871 bytes .../asset/whatsapp-color_svgrepo.com.png | Bin 0 -> 881 bytes src/components/contact/asset/x.png | Bin 0 -> 651 bytes src/pages/Contact.jsx | 23 +++ src/pages/Home.jsx | 31 ++++ 43 files changed, 771 insertions(+), 94 deletions(-) create mode 100644 src/assets/image/vector.png rename src/components/{ => beranda}/Banner.jsx (94%) rename src/components/{ => beranda}/Footer.jsx (99%) rename src/components/{ => beranda}/Header.jsx (79%) rename src/components/{ => beranda}/Hero.jsx (94%) rename src/components/{ => beranda}/Kenapa.jsx (87%) rename src/components/{ => beranda}/MasaDepan.jsx (88%) rename src/components/{ => beranda}/Mendukung.jsx (92%) rename src/components/{ => beranda}/Mitra.jsx (79%) rename src/components/{ => beranda}/Solusi.jsx (88%) rename src/components/{ => beranda}/WhatsAppButon.jsx (88%) create mode 100644 src/components/contact/BottomCTA.jsx create mode 100644 src/components/contact/CustomerService.jsx create mode 100644 src/components/contact/FAQSection.jsx create mode 100644 src/components/contact/Footer.jsx create mode 100644 src/components/contact/FormSection.jsx create mode 100644 src/components/contact/asset/Component 11.png create mode 100644 src/components/contact/asset/Frame.png create mode 100644 src/components/contact/asset/Frame27.png create mode 100644 src/components/contact/asset/Whatsapp22.png create mode 100644 src/components/contact/asset/arrow.png create mode 100644 src/components/contact/asset/customer.png create mode 100644 src/components/contact/asset/email.png create mode 100644 src/components/contact/asset/facebook.png create mode 100644 src/components/contact/asset/image 10.png create mode 100644 src/components/contact/asset/index.js create mode 100644 src/components/contact/asset/instagram.png create mode 100644 src/components/contact/asset/kementerian.png create mode 100644 src/components/contact/asset/kominfo.png create mode 100644 src/components/contact/asset/logo.png create mode 100644 src/components/contact/asset/nvidia.png create mode 100644 src/components/contact/asset/ojk.png create mode 100644 src/components/contact/asset/phone.png create mode 100644 src/components/contact/asset/search.png create mode 100644 src/components/contact/asset/telephone.png create mode 100644 src/components/contact/asset/whatsapp-color_svgrepo.com.png create mode 100644 src/components/contact/asset/x.png create mode 100644 src/pages/Contact.jsx create mode 100644 src/pages/Home.jsx diff --git a/package-lock.json b/package-lock.json index f5663c0..797bb67 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,8 @@ "version": "0.0.0", "dependencies": { "react": "^18.3.1", - "react-dom": "^18.3.1" + "react-dom": "^18.3.1", + "react-router-dom": "^7.1.3" }, "devDependencies": { "@eslint/js": "^9.17.0", @@ -1399,6 +1400,12 @@ "@babel/types": "^7.20.7" } }, + "node_modules/@types/cookie": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==", + "license": "MIT" + }, "node_modules/@types/estree": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", @@ -2022,6 +2029,15 @@ "dev": true, "license": "MIT" }, + "node_modules/cookie": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz", + "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==", + "license": "MIT", + "engines": { + "node": ">=18" + } + }, "node_modules/cross-spawn": { "version": "7.0.6", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", @@ -4548,6 +4564,46 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.1.3.tgz", + "integrity": "sha512-EezYymLY6Guk/zLQ2vRA8WvdUhWFEj5fcE3RfWihhxXBW7+cd1LsIiA3lmx+KCmneAGQuyBv820o44L2+TtkSA==", + "license": "MIT", + "dependencies": { + "@types/cookie": "^0.6.0", + "cookie": "^1.0.1", + "set-cookie-parser": "^2.6.0", + "turbo-stream": "2.4.0" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + } + } + }, + "node_modules/react-router-dom": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.1.3.tgz", + "integrity": "sha512-qQGTE+77hleBzv9SIUIkGRvuFBQGagW+TQKy53UTZAO/3+YFNBYvRsNIZ1GT17yHbc63FylMOdS+m3oUriF1GA==", + "license": "MIT", + "dependencies": { + "react-router": "7.1.3" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -4791,6 +4847,12 @@ "semver": "bin/semver.js" } }, + "node_modules/set-cookie-parser": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz", + "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==", + "license": "MIT" + }, "node_modules/set-function-length": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", @@ -5328,6 +5390,12 @@ "dev": true, "license": "Apache-2.0" }, + "node_modules/turbo-stream": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz", + "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==", + "license": "ISC" + }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", diff --git a/package.json b/package.json index dd7a94d..f8e479e 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^18.3.1", - "react-dom": "^18.3.1" + "react-dom": "^18.3.1", + "react-router-dom": "^7.1.3" }, "devDependencies": { "@eslint/js": "^9.17.0", diff --git a/src/App.jsx b/src/App.jsx index 3203569..3629c23 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,27 +1,14 @@ -import Header from "./components/Header" -import Hero from "./components/Hero" -import Solusi from "./components/solusi" -import Banner from "./components/Banner" -import Kenapa from "./components/Kenapa" -import Mitra from './components/Mitra' -import Mendukung from "./components/Mendukung" -import Footer from "./components/Footer" -import MasaDepan from "./components/MasaDepan" -import WhatsAppButton from "./components/WhatsAppButon" +import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; +import Contact from "./pages/Contact" +import Home from "./pages/Home" function App() { return ( - <> -
- - - - - - - -