"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;
