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

Add WhatsApp Button

This commit is contained in:
Yogamnan 2025-01-20 09:39:03 +07:00
parent 4f62b243f2
commit ad55506643
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.jsx
View File

@ -7,6 +7,7 @@ import Mitra from './components/Mitra'
import Mendukung from "./components/Mendukung" import Mendukung from "./components/Mendukung"
import Footer from "./components/Footer" import Footer from "./components/Footer"
import MasaDepan from "./components/MasaDepan" import MasaDepan from "./components/MasaDepan"
import WhatsAppButton from "./components/WhatsAppButon"
function App() { function App() {
return ( return (
<> <>
@ -19,7 +20,7 @@ function App() {
<Mendukung /> <Mendukung />
<MasaDepan /> <MasaDepan />
<Footer /> <Footer />
<WhatsAppButton />
</> </>
) )

2
src/components/WhatsAppButon.jsx
View File

@ -2,7 +2,7 @@ import WaButtons from '../assets/image/Whatsapp.png';
const WhatsAppButton = () => { const WhatsAppButton = () => {
return ( return (
<div className="fixed bottom-2 right-2 md:right-24 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-12 md:h-12"
src={WaButtons} src={WaButtons}