Icons Updated

components/ContactFloat.js

@@ -21,7 +21,7 @@ export default function ContactFloat() {
     },
     {
       action: () => setShowChat(true),
-      src: "/assets/images/icons/chat.png",
+      src: "/assets/images/chat.png",
       label: "Chat",
     },
   ];
@@ -35,16 +35,17 @@ export default function ContactFloat() {
             className="extra-icons-wrapper"
             style={{
               position: "absolute",
-              bottom: "71px",
+              bottom: "11px",
-              right: "-80",
+              background: "rgb(255, 255, 255)",
-              background: "#fff",
+              borderRadius: "30px 30px 35px 35px",
-              borderRadius: "30px 30px 0 0",
+              boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.2)",
-              boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
               padding: "10px",
               display: "flex",
               flexDirection: "column",
               gap: "15px",
               alignItems: "center",
+              paddingBottom: "67px",
+              left: "-5px",
             }}
           >
             {extraIcons.map((icon, i) =>
@@ -119,7 +120,7 @@ export default function ContactFloat() {
           <img
             src={
               open
-                ? "/assets/images/icons/cross-out.png"
+                ? "/assets/images/cancel.png"
                 : "/assets/images/icons/call.png"
             }
             alt="Contact"
@@ -213,7 +214,7 @@ function ChatForm({ onClose }) {
   };
 
   return (
-  <div
+    <div
       className="chat-form-wrapper"
       style={{
         position: "fixed",

components/SocialFloat.js

@@ -8,13 +8,13 @@ export default function SocialFloat() {
   const socialIcons = [
     {
       href: "https://www.facebook.com/ELRaphaRehabCenter/",
-      iconClass: "icon-4", // Facebook
+      iconClass: "icon-4", 
       label: "Facebook",
       offset: -40,
     },
     {
       href: "https://www.instagram.com/elrapharehab/",
-      iconClass: "icon-7", // Instagram
+      iconClass: "icon-7",
       label: "Instagram",
       offset: 40, 
     },
@@ -81,14 +81,14 @@ export default function SocialFloat() {
           alignItems: "center",
           justifyContent: "center",
           cursor: "pointer",
-          color: "#fff", // Main button icon color white
+          color: "#fff", 
         }}
       >
          <img
           src={
             open
-              ? "/assets/images/logo-2.png"
+              ? "/assets/images/cancel.png"
-              : "/assets/images/logo-2.png"
+              : "/assets/images/share.png"
           }
           alt="Social"
           style={{ width: "28px", height: "28px" }}

components/layout/footer/Footer1.js

@@ -13,7 +13,6 @@ export default function Footer2() {
     ];
 
 
-
     return (
         <>
             <footer className="main-footer">
@@ -51,12 +50,6 @@ export default function Footer2() {
                                             <Link href="https://www.instagram.com/elrapharehab/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-4"></i></Link>
                                         </li>
-                                        {/* <li>
-                                            <Link href="/"><i className="icon-5"></i></Link>
-                                        </li>
-                                        <li>
-                                            <Link href="/"><i className="icon-6"></i></Link>
-                                        </li> */}
                                         <li>
                                             <Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-7"></i></Link>
@@ -114,16 +107,18 @@ export default function Footer2() {
                                 </div>
                             </div>
 
+
+
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                                        <h3>REHABILITATION</h3>
+                                        <h3>ACCIDENT</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                                            {Rehabilitation.map((item) => (
+                                            {Accident.map((item) => (
                                                 <li key={item.id}>
-                                                    <Link href={`/rehabilitation/${item.slug}`}>
+                                                    <Link href={`/accident/${item.slug}`}>
                                                         {item.title}
                                                     </Link>
                                                 </li>
@@ -136,13 +131,13 @@ export default function Footer2() {
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                                        <h3>ACCIDENT</h3>
+                                        <h3>REHABILITATION</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                                            {Accident.map((item) => (
+                                            {Rehabilitation.map((item) => (
                                                 <li key={item.id}>
-                                                    <Link href={`/accident/${item.slug}`}>
+                                                    <Link href={`/rehabilitation/${item.slug}`}>
                                                         {item.title}
                                                     </Link>
                                                 </li>
@@ -171,7 +166,7 @@ export default function Footer2() {
                                             </li>
                                             <li>
                                                 <i className="icon-26"></i>
-                                                <Link href="mailto:bloor@rapharehab.ca">
+                                                <Link href="mailto:example@info.com">
                                                     bloor@rapharehab.ca
                                                 </Link>
                                             </li>

components/layout/footer/Footer2.js

@@ -50,12 +50,6 @@ export default function Footer2() {
                                             <Link href="https://www.instagram.com/elrapharehab/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-4"></i></Link>
                                         </li>
-                                        {/* <li>
-                                            <Link href="/"><i className="icon-5"></i></Link>
-                                        </li>
-                                        <li>
-                                            <Link href="/"><i className="icon-6"></i></Link>
-                                        </li> */}
                                         <li>
                                             <Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-7"></i></Link>

public/assets/css/style.css

@@ -2272,6 +2272,27 @@
    margin-bottom: 30px;
  }
 
+ /* Footer social icons only */
+.main-footer .social-links li a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: #fff !important;   /* white background */
+  text-decoration: none;
+}
+
+.main-footer .social-links li a i,
+.main-footer .social-links li a i::before {
+  color: #e60000 !important;     /* red icon */
+  font-size: 18px;
+  line-height: 1;
+  display: inline-block;
+}
+
+
  .main-footer .logo-widget p {
    margin-bottom: 30px;
  }