44 lines
826 B
JavaScript
44 lines
826 B
JavaScript
"use client";
|
|
import React from "react";
|
|
|
|
function ContactFloat() {
|
|
return (
|
|
<div style={styles.container}>
|
|
<a href="tel:6477223434" style={styles.button} aria-label="Call Us">
|
|
<img
|
|
src="/assets/images/icons/call.png"
|
|
alt="Call"
|
|
style={styles.icon}
|
|
/>
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const styles = {
|
|
container: {
|
|
position: "fixed",
|
|
bottom: "24px",
|
|
left: "24px",
|
|
zIndex: 9999,
|
|
},
|
|
button: {
|
|
backgroundColor: "#bc0000",
|
|
padding: "16px",
|
|
borderRadius: "50%",
|
|
boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
textDecoration: "none",
|
|
width: "56px",
|
|
height: "56px",
|
|
},
|
|
icon: {
|
|
width: "28px",
|
|
height: "28px",
|
|
},
|
|
};
|
|
|
|
export default ContactFloat;
|